@charset "utf-8";
@import url(gnbType.css);
@import url(common.css);
@import url(/css/skin.css);
li{list-style: none;}

#top_layout,
#body_layout,
#foot_layout{ width:100%; text-align:center; display:inline-block; position:relative; z-index:2;}
#top_layout .top_wrap{ width:1200px; display:inline-block;}
#body_layout .body_wrap,
#body_layout.b_type .contents_wrap,
#foot_layout .foot_wrap{ width:1200px; display:inline-block; position:relative;}

#gnb_layout .topUtile {display: none;}
#top_layout .top_wrap .utile_wrap{display:none;position:absolute;}
#top_layout .top_wrap .utile_wrap.left,
#top_layout .top_wrap .utile_wrap.right{display:inline-block;}

#top_layout{ height:132px;z-index: 10;}
#top_layout:before{position:absolute;top:0;left:0;content:"";display:inline-block;width:100%;height:40px;background-color:#314156;}
#top_layout .top_wrap{position:relative;top:40px;padding: 0 20px;}
#top_layout .top_wrap .logo_wrap{ display:inline-block; float:left; position:relative; z-index:9999; margin:30px 0 30px 0;}
#top_layout .top_wrap .logo_wrap a {display:inline-block;font-size: 21px;font-weight: 600;text-decoration: none;color: #000;}
#top_layout .top_wrap .logo_wrap a span{width:147px;height:31px;background:url(/images/medi/common/layout-ir.png) no-repeat 0 0;font-size:0;text-indent:-9999px;display:inline-block;vertical-align:middle;margin-right: 20px;}
#top_layout .top_wrap .logo_wrap a span:after{content:"";display:inline-block;width: 1px;height: 17px;background-color: #666;position: absolute;left: 160px;top: 9px;}
#top_layout .top_wrap .utile_wrap.left{position:absolute;top:-40px;left:0;}
#top_layout .top_wrap .utile_wrap.right{position:absolute;top:-40px;right:0;}
#top_layout .top_wrap .utile_wrap.left li,
#top_layout .top_wrap .utile_wrap.right li{float:left;}
#top_layout .top_wrap .utile_wrap.left li a{display:inline-block;width:auto;height: 40px;padding:0 30px;line-height:40px;color:#fff;border-right:1px solid #465467;}
#top_layout .top_wrap .utile_wrap.left li:first-child a{border-right:none;font-size:0;background-color:#0051b6;}
#top_layout .top_wrap .utile_wrap.left li:first-child a:before{content:"";display:inline-block;width:85px;height:14px;background:url(/images/medi/common/toputil_common.png) no-repeat;vertical-align:middle;}
#top_layout .top_wrap .utile_wrap.right li a{display:inline-block;width:auto;height: 40px;padding:0 10px;line-height:40px;color:#fff;/*border-right:1px solid #465467;font-size:0;*/}
#top_layout .top_wrap .utile_wrap.right li em,
#top_layout .top_wrap .utile_wrap.right li span{line-height:40px;color:#fff}
#top_layout .top_wrap .utile_wrap.right li:first-child a{border-left: 1px solid #465467;}
#top_layout .top_wrap .utile_wrap.right li em a{padding:0 3px;}
/*#top_layout .top_wrap .utile_wrap.right li a:after{content:"";display:inline-block;width:17px;height:16px;background:url(/images/medi/common/toputil_common.png) no-repeat;vertical-align:middle;}
#top_layout .top_wrap .utile_wrap.right li.home a:after{background-position:-95px 0;}
#top_layout .top_wrap .utile_wrap.right li.login a:after{background-position:-121px 0;}
#top_layout .top_wrap .utile_wrap.right li.sitemap2 a:after{background-position:-144px 0;}
*/


#top_layout.b_type{ position:absolute; top:0; left:0; z-index:10;}
#top_layout.b_type:before{ width:100%; height:100%; background-color:transparent; content:""; box-sizing:border-box; position:absolute; top:0; left:0;border-bottom:1px solid rgba(255,255,255,0.2);}
#top_layout.b_type .top_wrap .utile_wrap li a{ color:#fff;}
#top_layout.b_type .top_wrap .utile_wrap li.n4 a{ background-position:-294px -59px;}
#top_layout.b_type .depth1_ul > li > a span{ color:#fff;}
#top_layout.c_type{ border-bottom:1px solid #ddd;}

/* 상단오픈팝업 시작 */
#op_layout{position:relative;height:0;text-align:center;background:#6d6750 url("/images/kor/common/bg_popup.png") 50% 0; background-size:cover;/*background:#6d6750;*//*transition:all .4s ease-out;*/ }
#op_layout.on{height:161px;}
#op_layout .op_wrap{display:inline-block;overflow:hidden;position:relative;width:900px;height:100%;}
#op_layout .op_wrap .sliderBox{display:inline-block;overflow:hidden;width:507px;height:100%;}
#op_layout.on .op_wrap .sliderBox{min-height:161px;}
#op_layout .op_wrap .sliderBox ul{position:relative;width:100%;height:100%;}
#op_layout .op_wrap .sliderBox ul:after{display:block;overflow:hidden;clear:both;content:'';}
#op_layout .op_wrap .sliderBox ul li{float:left;width:100%;height:100%;}
#op_layout .op_wrap .sliderBox ul li a{display:inline-block;position:relative;width:100%;height:100%;}
#op_layout .op_wrap .sliderBox ul li a:after{display:inline-block;height:94%;vertical-align:middle;content:'';}
#op_layout .op_wrap .sliderBox ul li a .box{display:inline-block;overflow:hidden;position:absolute;top:50%;left:0;width:100%;padding:0;vertical-align:middle;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
/*#op_layout .op_wrap .sliderBox ul li a .box img{width:100%;}*/
#op_layout .op_wrap .controlBox{position:absolute;bottom:10px;left:0;width:100%;height:20px;}
#op_layout .op_wrap .controlBox .pageCount{display:none;}
#op_layout .op_wrap .controlBox .paging{float:left;}
#op_layout .op_wrap .controlBox .paging button{display:inline-block;width:20px;height:20px;background:url("/images/kor/common/common_ir.png") no-repeat -397px 0;font-size:0;text-indent:-9999px;}
#op_layout .op_wrap .controlBox .paging button.on{outline:none;background-position:-375px 0;}
#op_layout .op_wrap .controlBox > button{display:inline-block;background:url("/images/kor/common/common_ir.png") no-repeat;font-size:0;text-indent:-9999px;}
#op_layout .op_wrap .controlBox > button.btn_prev{position:absolute;top:-50px;left:0;width:25px;height:46px;background-position:-440px 0;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#op_layout .op_wrap .controlBox > button.btn_stop{float:left;/*position:absolute;bottom:16px;left:68px;*/width:8px;height:12px;margin:4px 0 0 10px;background-position:-419px 0;}
#op_layout .op_wrap .controlBox > button.btn_play{float:left;display:none;/*position:absolute;bottom:16px;left:68px;*/width:8px;height:12px;margin:4px 0 0 10px;background-position:-429px 0;}
#op_layout .op_wrap .controlBox > button.btn_next{position:absolute;top:-50px;right:0;width:25px;height:46px;background-position:-468px 0;transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);}

#op_layout .btn_close{position:absolute;bottom:10px;right:0;}
#op_layout .btn_close:before{display:inline-block;height:35px;vertical-align:middle;content:'';}
#op_layout .btn_close .never{display:inline-block;vertical-align:middle;}
#op_layout .btn_close .never #never_op{display:inline-block;vertical-align:middle;}
#op_layout .btn_close .never label{display:inline-block;color:#fff;font-weight:200;vertical-align:middle;}
#op_layout .btn_close a{display:inline-block;width:35px;height:20px;margin:0 0 0 10px;background:#293241;color:#fff;font-size:13px;font-weight:200;line-height:20px;text-align:center;text-shadow:none;vertical-align:middle;opacity:1;}

#op_layout .btn_open{position:absolute;bottom: -40px;right: 50%;width:70px;height: 40px;margin-right: -670px;background:#005bc2;text-align:center;z-index:12;}
#op_layout .btn_open .bg,
#op_layout .btn_open a{display:inline-block;width:100%;height:100%;/* padding:8px 0; */}
#op_layout .btn_open .bg{display:none;}
#op_layout .btn_open .bg span,
#op_layout .btn_open a span{display: inline-block;color:#fff;font-size:11px;line-height: 40px;}
#op_layout .btn_open .bg b,
#op_layout .btn_open a b{display: none;width:24px;height:12px;background:url("/images/kor/common/common_ir.png") no-repeat -349px 0;}
#op_layout.on .btn_open .bg{display:inline-block;}
#op_layout.on .btn_open a{display:none;}
#op_layout .btn_open .badge{display:inline-block;position:absolute;top: 0px;right: -10px;width:20px;height:20px;border-radius:20px;background:#e50007;color:#fff;font-size:13px;line-height:20px;text-align:center;}
/* 상단오픈팝업 끝 */

#gnb_layout{ height:92px; top:0;}/* height:gnb높이, top:#top_layout에서 위치 */
#gnb_layout .depth1_ul > li{ height:92px;}
#gnb_layout .depth1_ul > li > a{position:relative;padding:0 13px;vertical-align:top}
#gnb_layout .depth1_ul > li:first-child > a:before{display:none;}

#gnb_layout .depth1_ul > li > a span{ height:88px;}/* 1차메뉴 높이(오버시 border-bottom값을 뺀 높이) */
#gnb_layout .depth1_ul{ width:1200px; padding:0 0 0 219px; text-align:right;}/* width:컨텐츠 넓이, padding:header의 왼쪽 오른쪽 값으로 1차 메뉴 중앙 정렬 */
#gnb_layout.on .gnb_bg{ top:92px;}/* #gnb_layout에서 2차 메뉴, gnb배경 위치 */

#gnb_layout.on .gnb_bg{ min-height:230px; background-color:#eeeff2; border:none; opacity:1;}/* background-color:gnb배경색, opacity:gnb투명도 */
#gnb_layout.on .depth1_ul > li.on > a,
#gnb_layout.on .depth1_ul > li.ov > a,
#gnb_layout.on .depth1_ul > li.on:hover > a,
#gnb_layout.on .depth1_ul > li.ov:hover > a,
#gnb_layout.on .depth1_ul > li:hover > a,
#gnb_layout.on .depth1_ul > li > a:focus{ border-bottom:4px solid #4472c5;}/* 1차메뉴 오버시 밑줄 */
#gnb_layout.on .depth2_ul > li > a:hover,
#gnb_layout.on .depth2_ul > li:hover > a,
#gnb_layout.on .depth2_ul > li.ov:hover > a{ background-color:#4472c5; color:#fff;}/* 1차메뉴 오버시 2차메뉴 배경색 */


/* gnb > dt_type 시작 */
#gnb_layout.dt_type{top:40px;}
#gnb_layout.on.dt_type li.ov .depth2_ul,
#gnb_layout.on.dt_type .depth1_ul > li.ov > .title_wrap{top:92px;}
#gnb_layout.on.dt_type .gnb_bg:before{ height:100%; background-color:#243b73; content:""; margin-right:365px; position:absolute; left:0; right:50%;}
#gnb_layout.dt_type .title_wrap{ width:275px;background-color:transparent; font-family:nsk_m; text-align:left; overflow:hidden;padding-top:67px;}
#gnb_layout.dt_type .title_wrap:before{ content:""; position:absolute; top:-55px; left:0; width:261px; height:130px; background:url(/images/medi/common/layout-ir.png) no-repeat 0 -196px; }
#gnb_layout.dt_type .title_wrap:after{ content:""; position:absolute; bottom:67px; right:0; width:262px; height:136px; background:url(/images/medi/common/layout-ir.png) no-repeat 0 -328px; }
#gnb_layout.dt_type .title_wrap strong{ width:100%; font-family: 'nsr_m'; font-size:25px; color:#fff; line-height:25px; padding:0; margin:0; display:inline-block;word-break: keep-all;margin-bottom:10px;}
#gnb_layout.dt_type .title_wrap p{font-size:14px;color:#fff;line-height:1.3;}
#gnb_layout.dt_type .depth2_ul li a{ color:#000;}
#gnb_layout.dt_type .depth2_ul{ min-height:230px;padding:20px 20px 20px 295px;}
#gnb_layout.dt_type .depth2_ul > li{ position:relative; font-family:nsk_m; text-align:left; padding:0 20px; margin:20px 0; box-sizing:border-box;}
#gnb_layout.dt_type .depth2_ul > li > a{ font-weight:400; font-size:15px; color:#595959; line-height:43px; padding:0 25px 0 15px; margin:0; box-sizing:border-box; border:1px solid #6f6f6f; position:relative;}
#gnb_layout.on .depth2_ul > li.ov:hover > a, #gnb_layout.on .depth2_ul > li > a:focus{background-color:#0050a3;color:#fff;border-color:#0050a3;}
/* 새창아이콘추가 */
#gnb_layout.dt_type .depth2_ul  > li > a[target="_blank"]:after{display:inline-block;width:9px;height:9px;margin:-3px 0 0 6px;background:url(/images/department/depart_common_ir.png) 0 -29px;vertical-align:middle;content:'';}
#gnb_layout.dt_type .depth2_ul  > li.ov > a[target="_blank"]:after,
#gnb_layout.dt_type .depth2_ul  > li.on > a[target="_blank"]:after,
#gnb_layout.dt_type .depth2_ul  > li > a[target="_blank"]:hover:after,
#gnb_layout.dt_type .depth2_ul  > li > a[target="_blank"]:focus:after{background-position:0 -19px;}
/* ///새창아이콘추가 */
#gnb_layout.dt_type.on .depth2_ul > li > a:hover,
#gnb_layout.dt_type.on .depth2_ul > li:hover > a,
#gnb_layout.dt_type.on .depth2_ul > li.ov:hover > a{ color:#fff;background-color:#0050a3;border-color:#0050a3;}
#gnb_layout.dt_type .depth2_ul .depth3_ul{/* display:none;  */margin:10px 0 0 0;}
#gnb_layout.dt_type .depth2_ul .depth3_ul li a{ font-size:14px; color:#6c6d6f; line-height:18px; padding:6px 0 6px 22px; position:relative;}
#gnb_layout.dt_type .depth2_ul .depth3_ul li a:before{ width:3px; height:3px; background-color:#aeaeaf; content:""; margin-top:-2px; position:absolute; top:50%; left:15px;}
#gnb_layout.on.dt_type .depth2_ul > li:hover,
#gnb_layout.on.dt_type .depth2_ul > li:hover > a
#gnb_layout.on.dt_type .depth2_ul > li:focus,
#gnb_layout.on.dt_type .depth2_ul > li:focus > a{ background-color:transparent;}
#gnb_layout.on.dt_type .depth2_ul > li:hover > a{ border:1px solid #0050a3;}
#gnb_layout.on.dt_type .depth2_ul > li:hover > a:before,
#gnb_layout.on.dt_type .depth2_ul > li > a:focus:before{ background-position:-163px -37px;}
#gnb_layout.on.dt_type .depth2_ul .depth3_ul li a:hover{ color:#03328d; text-decoration:underline;}
#gnb_layout.on.dt_type .depth2_ul .depth3_ul li a:hover:before{ background-color:#03328d;}
#gnb_layout.on.dt_type .depth3_ul{display:none;}
/* gnb > dt_type 끝 */

/* mobile 시작 */
#gnb_layout.mb{top:0; padding:100px 0 0 0;}
#gnb_layout.mb .topUtile{display:inline-block;right:-310px;width:264px;height:100px;padding:20px 10px;background:#fff;}
#gnb_layout.mb .topUtile .link_wrap{text-align: center;}
#gnb_layout.mb .topUtile .link_wrap a{float: left;display: inline-block;width: 33.33%;border-left: 1px solid #ddd;}
#gnb_layout.mb .topUtile .link_wrap a:first-child{border-left:0;}
#gnb_layout.mb .topUtile .link_wrap .mo_site{clear:both;padding-top:20px;}
#gnb_layout.mb .topUtile .link_wrap .mo_site a{width:25%;border:none;}

#gnb_layout.mb .topUtile .link_wrap1{margin:20px}
#gnb_layout.mb .topUtile .link_wrap1 a{position:relative;margin-left:25px}
#gnb_layout.mb .topUtile .link_wrap1 a:first-child{margin-left:0;}
#gnb_layout.mb .topUtile .link_wrap1 a:first-child:before{display:block;position:absolute;top:6px;right:-15px;width:1px;height:9px;background:#000;content:'';}
#gnb_layout.mb .topUtile .link_wrap2{display:block;width:100%;height:40px;background-color:#314156;}
#gnb_layout.mb .topUtile .link_wrap2 li{float:left;width:25%;text-align: center;height:100%;border-left:1px solid #465467;}
#gnb_layout.mb .topUtile .link_wrap2 li:first-child{border-left:0;}
#gnb_layout.mb .topUtile .link_wrap2 li a{display:inline-block;width:100%;height:100%;color:#fff;line-height:40px;}

#gnb_layout.mb .depth1_ul{ width:264px; left:auto;}
#gnb_layout.mb .depth1_ul > li{ height:auto;}
#gnb_layout.mb .depth1_ul > li:first-child > a:before,
#gnb_layout.mb .depth1_ul > li:first-child > a:after{display:inline-block;}
#gnb_layout.mb .depth1_ul > li > a{ float:left;}
#gnb_layout.mb #gnb_layout .depth1_ul > li > a > span{ height:auto;}
#top_layout.b_type #gnb_layout .depth1_ul > li > a span{}
#gnb_layout.mb .depth1_ul > li.down:first-child > a:after,
#gnb_layout.mb .depth1_ul > li.down:first-child > a:hover:after,
#gnb_layout.mb .depth1_ul > li.down:first-child > a:focus:after,
#gnb_layout.mb .depth1_ul > li.down.on:first-child > a:after{ display:none;}
#gnb_layout.mb li.down .depth2_ul,
#gnb_layout.mb li.up .depth2_ul{ padding:0;}
#gnb_layout.mb .depth2_ul.n1 > li,
#gnb_layout.mb .depth2_ul.n2 > li,
#gnb_layout.mb .depth2_ul.n3 > li,
#gnb_layout.mb .depth2_ul.n4 > li,
#gnb_layout.mb .depth2_ul.n5 > li,
#gnb_layout.mb .depth2_ul.n6 > li,
#gnb_layout.mb .depth2_ul.n7 > li,
#gnb_layout.mb .depth2_ul.n8 > li,
#gnb_layout.mb .depth2_ul.n9 > li,
#gnb_layout.mb .depth2_ul.n10 > li{ width:100%; padding:0; margin:0;}
#gnb_layout.mb .depth2_ul > li > a{ width:100%; color:#333; line-height:24px; padding:15px 30px 15px 20px; margin:0; display:inline-block; border:0; border-top: 1px solid #e5e5e5; position: relative; top:auto; transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; -webkit-transform:none;;}
#gnb_layout.mb .depth2_ul > li.more > a:before{ background-image:none; margin:0; left:auto;}
#gnb_layout.mb .depth2_ul .depth3_ul{ min-height:auto; margin:0; display:none;}
#gnb_layout.mb .gnbClose{ width:47px; height:47px; background-image:none; font-size:0; text-indent:-9999px; padding:0; display:inline-block;vertical-align:middle; position: absolute; right: 267px; top:3px;}
#gnb_layout.dt_type.mb .gnbClose{ background-position: -294px -59px; }
#gnb_layout.mb .gnb_bg {width: 100%;height: auto;background-color: #000;display: inline-block;opacity: 0.3;position: absolute;top: 0;left: 0;bottom: 0;z-index: 0;}
/* mobile 끝*/


@media (max-width:1391px){
	#op_layout .btn_open {bottom:-210px; right:10px; width: 70px;height: 70px;padding: 17px 0 0;margin-right:0;}
	#op_layout .btn_open .bg span, #op_layout .btn_open a span {display: block;line-height: 1.6;}

	#foot_layout{padding:20px 60px;box-sizing:border-box;}
	#foot_layout .foot_wrap{width:100%;}

	#top_layout .top_wrap{ width:100%;}
	#gnb_layout .depth1_ul{width:100%;}


	#gnb_layout.on.at_type .gnb_bg:before{ width:343px; margin:0; right:0;}

}
@media (max-width:1319px) {
	#op_layout .op_wrap .sliderBox{width:85%;}
	#op_layout .op_wrap .sliderBox ul li a .box .copy{width:70%;margin:0 0 0 3%;}
}

@media (max-width:1279px){
	#op_layout{padding:0 20px;}
	#op_layout .op_wrap{width:100%;}
	#op_layout .btn_open {bottom:-150px}

	body{padding-left:0;}
	#top_layout:before{display:none;}
	#top_layout{height:70px;z-index: 12;}
	#top_layout .top_wrap{top:0;}
	#top_layout .top_wrap .utile_wrap{display:inline-block;}
	#top_layout .utile_wrap{left:auto;right:0;}

	#top_layout .top_wrap .logo_wrap{margin:15px 0 15px 0;}
	#top_layout .utile_wrap{width:70px;}
	#top_layout .top_wrap .utile_wrap.left,
	#top_layout .top_wrap .utile_wrap.right{width:auto;}
	#top_layout .utile_wrap li{ display:none;}
	#top_layout .utile_wrap li.sitemap{ display:inline-block;width:70px;height:70px;}
	#top_layout .utile_wrap li.sitemap a{display:inline-block;width:100%;height:100%;background:url(/images/medi/common/layout-ir.png) -96px -50px no-repeat;font-size:0;text-indent:-9999px;}


	#gnb_layout{ display:none;}
}

@media (max-width:767px){
	#op_layout .btn_open{bottom:-120px;right:15px;width:46px;height:46px;padding: 8px 0 0;}
	#op_layout .btn_open .bg,
	#op_layout .btn_open a{padding:4px 0;}
	#op_layout .btn_open .bg span,
	#op_layout .btn_open a span{font-size:8px;line-height:1.2;}
	#op_layout .btn_open .bg b,
	#op_layout .btn_open a b{width:14px;height:8px;margin:0 0 5px;background-position:-329px -152px;}
	#op_layout .btn_open .badge{width:15px;height:15px;font-size:8px;line-height:1.3;}
	#op_layout .op_wrap .sliderBox{width:70%}
	#op_layout .op_wrap .sliderBox ul li a .box:before{height:0;}
	#op_layout .op_wrap .sliderBox ul li a .box .icon{display:none;}
	#op_layout .op_wrap .sliderBox ul li a .box .copy{width:100%;margin:0;}
	#op_layout .op_wrap .sliderBox ul li a .box .copy .tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	#op_layout .op_wrap .sliderBox ul li a .box .copy .txt{overflow:hidden;max-height:57px;}
	#op_layout .op_wrap .controlBox{bottom:17px;}
	#op_layout .op_wrap .controlBox .pageCount{display:inline-block;float:left;height:22px;margin:-2px 6px 0 0;font-size:16px;line-height:22px;color:#fff;}
	#op_layout .op_wrap .controlBox .paging{display:none;}
	#op_layout .op_wrap .controlBox > button.btn_prev{width:15px;height:30px;background-position:-440px -8px;}
	#op_layout .op_wrap .controlBox > button.btn_next{width:15px;height:30px;background-position:-478px -8px;}

	#top_layout{box-sizing:border-box;}
	#top_layout .top_wrap{padding:0 20px;}
	#top_layout .top_wrap .logo_wrap {margin: 22px 0 0 0;}
	#top_layout .top_wrap .logo_wrap a{font-size:14px;}
	#top_layout .top_wrap .logo_wrap a span{width:20px;height:21px;background-position:-151px 0;margin-right:15px;}
	#top_layout .top_wrap .logo_wrap a span:after{left:29px;top:4px;}

}