@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumpenscript.css');

/* reset */

* {margin:0; padding:0; font-family: 'Nanum Gothic', 'Malgun Gothic', 'dotum', serif;}
body {font-size:13px;}
a {text-decoration: none; color:#555555;}
li {list-style:none;}
ul {padding:0;}
img {border:none;}
button {background:none;}

/* main */

.main_top {position:relative; width:100%; height: 30px; background: #004f9c; overflow: hidden;}
.main_top ul {width:990px; height: 30px; line-height: 30px; margin: 0 auto; text-align: right;}
.main_top ul li {display:inline; padding-right: 5px; padding-left: 5px;}
.main_top ul li a {color:white; font-size:12px;}

.top_menu {position:relative; /*overflow:hidden;*/ width:100%; height: 90px; background:#fff; /*box-shadow:0px 5px 5px 0px rgba(0,0,0,0.3);*/ z-index:999999;}
.top_menu_wrap {width:990px; height: 90px; margin: 0 auto; /*overflow: hidden;*/}
.top_menu_wrap_i {float:left; width:30%; height:90px; line-height: 130px; }
.top_menu_wrap_m {float: left; width:70%; height:90px; text-align: right;}
.top_menu_wrap_m ul {}
.top_menu_wrap_m ul li {display: inline; padding-left: 70px; height: 90px; line-height: 90px;}
.top_menu_wrap_m ul li a {color:black;}
.top_menu_wrap_m ul li a:hover {color:#004f9c; font-weight: 600;}

.main_banner {position:relative; top:0; left:0;}
.main_slider {position:relative; margin:0 auto; width:100%;}
.main_img {position:absolute; width:100%; height: 450px; background: url(/en/img/main_visual.jpg) center top; background-size:cover; overflow: hidden;}
.main_img_wrap {position:absolute; top:60px; left:24%;width:330px; height: 340px;background: rgba(0,79,156,0.85); z-index:999; color:white; padding:20px; box-sizing:border-box;}
.main_img_wrap p:first-child {margin-top: 30px; margin-bottom: 5px; font-size:20px;}
.main_img_wrap span { font-size:27px;}
.main_img_wrap p:last-child {margin-top:30px; font-size:15px; line-height: 24px;}
.main_img_wrap_btn {margin-top: 75px;}
.circlebtn {width:9px; height:9px; border-radius:9px; background:#a2ceea; border:none;}
.circlebtnl {width:40px; height:9px; border-radius:9px;background:#fff; border:none;}
.circlebtnd {width:9px; height:9px; border:none; background-image: url(../img/btn_double.png); background-size:100%;}

.main_contents {position:relative; top:450px; left:0; width:100%; height: 220px; border-bottom: 1px solid #e1e1e1;overflow: hidden;}
.main_contents img {vertical-align: middle;}
.main_contents_wrap {width:990px;height:220px;margin: 0 auto;}
.main_contents_box {width:33%; height:220px; margin: 0 auto; border-right: 1px solid #e1e1e1; box-sizing:border-box; float:left;padding-top:45px; padding-bottom:30px; color:#666666; font-size:12px;line-height: 17px;}
.main_contents_box p:first-child {font-weight: bold; font-size:20px; line-height:25px; margin-bottom: 25px;color:#4f4f4f;text-transform: uppercase;}
.main_contents_box p:last-child {padding-top: 20px;}
.main_contents_box p a:last-child {color:#004f9c;}
.main_contents_box:last-child {border:none;}
.main_contents_box_m {padding-left: 20px; padding-right: 20px; box-sizing: border-box}
.main_contents_box_m2 {width: 60%; float: left; padding-left: 20px; box-sizing: border-box;}
.main_contents_box_l {width: 60%; float: left;}
.main_contents_box_r {width: 40%; float: left; margin-top: 20px;}
.main_gallery li {width: 33%; float: left; text-align: center;}

.main_contents2 {width:100%; top:450px; overflow: hidden;position:relative; height:400px;}
.main_contents2 iframe {width:100%;}
.main_contents2 .map {width:100%; height:400px; background:url(../img/map.jpg) center top; background-size:cover;}
.main_contents2 .map a {display:block; width:100%; height:100%;}

dl {width:100%;}
dt {padding-bottom :5px; width :60%; float :left; clear:both;}
dd {padding-left:10px; padding-bottom : 5px; width : 40%; margin-left:160px; text-align:right;}

.footer {position:relative;top:450px;left:0;width:100%;height:100px;background:#efefef;border-top:3px solid #e1e1e1;overflow: hidden;}
.footer1 {position:relative;width:100%;height:100px;background:#efefef;border-top:3px solid #e1e1e1;}
.footer_wrap {width:990px;height: 90px;margin: 0 auto;overflow: hidden;}
.footer_wrap_i {float:left;width:18%; height:90px; line-height: 130px; }
.footer_wrap_m {float: left;width:82%; height:90px; font-size:12px;padding-top: 35px; color:#999999;line-height: 18px;}

/* sub */
.sub_menu {position:relative; width:100%; height:55px; background:#00b0bd; overflow: hidden;}
.sub_menu_wrap {width:990px;height: 55px;margin:0 auto;}
.sub_menu_wrap ul li {float:left; width:180px;height:55px; line-height: 55px; border-right: 1px solid #80d8de; box-sizing:border-box; padding-left:15px}
.sub_menu_wrap ul li:nth-child(1) {width:55px;border-left: 1px solid #80d8de;text-align: center; box-sizing:border-box;padding-left:0px}
.sub_menu_wrap ul li a {color:#fff;}
.sub_menu_wrap img {display:none; vertical-align: middle;}
.sub_menu_wrap li:first-child img{display:block;vertical-align: middle;padding:15px}
.sub_menu_l {width:80%; float:left}
.sub_menu_r {width:20%; float:right}

.sub_contents_wrap {position:relative; width:990px; margin:0 auto; overflow:hidden; margin-bottom: 100px;	}
.sub_contents_wrap h1 {font-size:35px; text-align: center; margin-top: 50px; margin-bottom: 20px;}
.sub_contents_wrap_line {width:1px; height:50px; background:black;margin: 0 auto; margin-top: 20px; margin-bottom: 30px;}
.sub_contents_wrap ul li {width:330px;height: 50px; line-height: 50px; text-align: center; float:left; border:1px solid #ddd; box-sizing:border-box;}
.sub_contents_wrap ul li:nth-child(2) {border-left:0px; border-right:0px}
.sub_contents_wrap ul li:nth-child(1) {background: #004f9c; color:white;}
.sub_contents1 {}
.sub_contents1 hr {margin:40px 0; border:1px solid #004f9c; width:190px; text-align:left;}
.sub_contents_wrap p .sub_con_year {color:#004f9c; font-weight: bold; font-size:35px; line-height: 50px;}
.sub_contents1 p {font-size:13px; color:#666; line-height: 20px;}
.sub_contents1 span {font-size:14px; color:#333; line-height: 24px; font-weight: bold; padding-right: 10px;}

.sub_con_tit {padding:5% 0 2%; font-size:16px; font-weight:bold;}
.location_info h3 {padding:0 0 5% 0; font-size:24px; text-transform:uppercase;}
.con_icon {margin-right:5px; vertical-align:middle;}
.location_info_01 {float:left; margin-right:90px; margin-bottom:50px; width:450px;}
.location_info_02 {float:left; width:450px;} 
.sub_contents1 .il_b{ font-size:14px; line-height: 22px; text-align:center}
.sub_contents1 .li_b1{text-align:center}
.sub_contents1 .sb_st{font-size:25px; line-height: 34px; text-align:center; color:#00b0bd; font-weight:900;}
.sub_contents1 .lin_st{ font-weight:800; padding-top:20px; border-top:1px solid #efefef; margin-top:20px; padding-bottom:20px;}
.sub_contents1 .il_b2{ font-size:14px; line-height: 22px; }

.sub_contents1 .lin_st2{ font-weight:800; padding:10px 0px 10px 0px;}
.box_l{width:50%; float:left; box-sizing:border-box; border:1px solid #efefef; margin-bottom:20px; padding:20px; min-height:250px; }
.box_r{width:50%; float:right; box-sizing:border-box;  border:1px solid #efefef;margin-bottom:20px; padding:20px; min-height:250px; }
.sub_contents1 .box_b{ padding:20px; color:#fff; background-color:#00b0bd; margin-top:20px; font-size:18px; font-weight:900; }
.sub_contents1 .b2_st {color:#00b0bd; font-size:16px; font-weight:900; display:inline-block; margin-top:30px; }
.sub_contents1 .il_b3{ font-size:14px; line-height: 22px; text-align:center; }
.sub_contents1 .lin_st3{ font-weight:800; padding-top:20px; border-top:1px solid #efefef; margin-top:20px; text-align:center; }

.sub_contents1 .box_bl{width:33%; float:left; box-sizing:border-box;  border:1px solid #efefef; font-size:14px; font-weight:700; margin-bottom:10px; padding:15px 5px; text-align:center; }
.sub_contents1 .box_br{width:33%; float:left; box-sizing:border-box; border:1px solid #efefef; font-size:14px; font-weight:700; margin-bottom:10px; padding:15px 5px; ; text-align:center; }
.sb04_t{width:100%; display:block; margin-top:50px;}
.location_info_01 p {margin-bottom:20px;}
.location_info_02 p {margin-bottom:20px;}
.location_info_02 p span{padding-left:30px;}

.sub_content_01 .map {float:left; width:100%; height:400px; background:url(../img/map.jpg) center top; background-size:cover;}
.sub_content_01 .map a {display:block; width:100%; height:100%;}

/* 20171121_Γί°‘ */
.medi{display:table;margin-bottom:20px;}
.medi .medi_con{width:50%; display:table-cell !important; border:1px solid #efefef;  padding:20px; }

.special{width:100%;overflow:hidden;border-top:1px solid #ddd;padding-top:20px;margin-top:30px;}
.special .img,.special .con_wrap{display:table-cell;vertical-align:top}
.special .img{width:250px;}
.special .con_wrap{width:calc(100% - 250px);}
.special .con_wrap .con{font-size:15px;}

.greeting {width:100%;overflow:hidden; display:table; margin-top:10px; }
.greeting li {margin-right:2%; width:23% !important; display:table-cell;height:auto !important;border:none  !important}
.greeting li img {display:block; width:100%;}
.greeting li:first-child {background:none !important}
.greeting li:last-child {margin-right:0 !important;}

.mt-30{margin-top:30px}

/* media query */

@media (min-width:768px) and (max-width:1023px) {

}

@media (max-width:989px) {
	
	.top_wrap {position:fixed; top:0; left:0;}
	/*.main_top {position:fixed; top:0; left:0;}*/
	.main_top ul {width:100%;}
	.main_top ul li {float:left; width:25%;}

	/*.top_menu {position:fixed; top:30px; left:0;}*/


	.top_menu_wrap {overflow:none; width:100%;}
	.top_menu_wrap_i {padding:0 2%;}
	.top_menu_wrap_m {width:65%;}

	.main_img_wrap {left:3%; width:94%;}
	.main_img {background:url(/en/img/main_visual.jpg) 80% 83%;}

	.main_contents {width:100%; height:auto;}
	.main_contents_wrap {width:100%; height:auto;}
	.main_contents_box {width:100%; border-right:0; border-bottom:1px solid #e1e1e1;}
	.main_contents_box_l {padding:0 2%; width:56%;}
	.main_contents_box_r {padding:0 2%; width:36%; text-align:right;}
	.main_contents_box_r img {padding:0 !important;}
	.main_contents_box_m {padding:0 2%; width:96%;}
	 .main_contents_box_m2 {padding:0 2%; width:56%; box-sizing:unset;}

	.notice dd {float:right; margin-left:0; padding-left:0;}
	/*.main_gallery li a img {width:100%;}*/
	.main_gallery .gallery_tit {display:block; margin-top:1%; width:100%;}

	.sub_contents_wrap ul.greeting li {width:23% !important; }

	.footer_wrap {width:100%;}

	.box_l{width:100%; float:left; box-sizing:border-box; border:1px solid #efefef; margin-bottom:20px; padding:20px; height:auto; }
	.box_r{width:100%; float:right; box-sizing:border-box;  border:1px solid #efefef;margin-bottom:20px; padding:20px; height:auto; }
	.sub_contents1 .box_bl{width:50%; float:left;  }
	.sub_contents1 .box_br{width:50%; float:right;}
	.sb04_t{width:100%; display:block; margin-top:30px;}

}


@media (max-width:767px) {
	
	.sub_menu_wrap ul {display:none;}
	.sub_contents1 .box_bl{width:100%; float:left;  }
	.sub_contents1 .box_br{width:100%; float:right;}
	.sb04_t{width:100%; display:block; margin-top:20px;}	
	
	.medi{display:block;margin-bottom:20px;}
	.medi .medi_con{width:calc(100% - 42px); display:block !important; border:1px solid #efefef;  padding:20px; }
	.special{width:100%;overflow:hidden;border-top:1px solid #ddd;padding-top:20px;margin-top:30px;}
	.special .img,.special .con_wrap{display:block;}
	.special .img{width:100%;}
	.special .img img{width:100%;}
	.special .con_wrap{width:100%;margin-top:10px;}

}