@charset "UTF-8"; 

#wrap {position:relative;}
#top_layout, #body_layout, #foot_layout {position:relative; width:100%;}
/*top_layout {z-index:300}
#body_layout {z-index:100}
#foot_layout {z-index:50}*/
#top_layout .top_inner, #body_layout .body_inner, #foot_layout .foot_inner, #foot_layout .foot_addinner {position:relative; max-width:1200px; margin:0 auto;}
#body_layout .body_inner {margin-bottom:50px;}
#body_layout .body_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.inner {position:relative; max-width:1200px; margin:0 auto;}


/********************************
 top-nav
 *******************************/
.lnb_box {background-color:#374548;}
.lnb_inner {padding:0 30px; height:40px;}


.link_tm {float:left;}
.member_tm {float:right; display:inline-flex;}
.link_tm li {float:left; position:relative; padding:0 10px;}
.member_tm li {float:left; position:relative; padding:0 15px;}
.lnb_inner .infoc li.autoLogout {padding-top:5px !important;}
.lnb_inner .infoc li.autoLogout a {float: left; margin-left: 8px; padding: 6px 15px 4px; font-size: 13px; color: #333; line-height:18px; background-color: #6B7577; color:#FFFFFF; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; text-decoration: none;}
.lnb_inner .infoc li.autoLogout a:hover, .topnav .topmenu .infoc li a:focus, .topnav .topmenu .infoc li a:active {background-color: #bcddeb;}
.lnb_inner .infoc li.autoLogout a.run {margin-left: 8px; padding: 6px 15px 4px; font-size: 13px; line-height:18px; background-color: #6B7577; color:#FFFFFF; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px;}
.lnb_inner .infoc li.autoLogout a.warning { background-color: #f8591a; color: #fff;}

.link_tm li:before, .member_tm li:before {content:''; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#939393;}
.link_tm li:first-child:before, .member_tm li:first-child:before {display:none;}
.link_tm li a, .member_tm li a {display:inline-block; line-height:40px; color:#fbfbfb;}

.tophead_box {position:relative; height:90px; background-color:#fff; border-bottom:1px solid #ddd;}
.tsns_box {float:left; margin:7px 0 5px 10px;}
.tsns_box:after {content:''; display:block; visibility:hidden; clear:both;}
.tsns_box > li {float:left; margin-left:5px; line-height:1;}
.tsns_box a {overflow:hidden; display:inline-block; line-height:1;}
.tsns_box a:before {content:''; display:inline-block; width:26px; height:26px; background-image:url('../images/sns_ir.png'); background-repeat:no-repeat;}
.tsns_box a.sns_youtube:before {background-position: 0 0;}/*SNS 유투브*/
.tsns_box a.sns_youtube:hover:before {background-position: 0 -30px;}/*SNS 유투브*/

.tsns_box a.sns_cacao:before {background-position: -34px 0;}/*SNS 카카오*/
.tsns_box a.sns_cacao:hover:before {background-position: -34px -30px;}/*SNS 카카오*/

.tsns_box a.sns_instagram:before {background-position: -68px 0;}/*SNS 인스타그램*/
.tsns_box a.sns_instagram:hover:before {background-position: -68px -30px;}/*SNS 인스타그램*/

/*로고-pc*/
.logo {position:absolute; display:inline-block; left:0; top:15px; font-size:0; line-height:1;}
.logo a {position:relative; display:inline-block; width:203px; height:57px; font-size:0;}
.logo a:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:203px; height:57px; background:url(/media/data.do?mediaId=MEDIA_00000000000021) 0 0 no-repeat;}

/*검색-pc*/
.search_box {display:inline-block; position:relative; margin:24px 0 0 30%; border:2px solid #0075c1;}
.search_box input, .search_box option {font-size:1.5rem; color:#333;}
.search_box .srch_txt {position:relative; display:inline-block; width:350px;}
.search_box .srch_txt input {padding:0 5px; width:100%; height:40px; line-height:40px; border:none;}
.search_box .btn_sch {position:relative; display:inline-block; width:40px; height:40px; line-height:1; background-color:#0075c1;}
.search_box .btn_sch:after {content:''; display:inline-block; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-11px; width:21px; height:22px; background:url(../images/topm_ir.png) -204px 0 no-repeat;}


/*태블릿 이하 출력 : 검색, 메뉴*/
.view_m {display:none; position:absolute;}
.view_m.l_srch {top:20px; left:20px;}
.view_m.r_menu {top:20px; right:20px;}
.view_m.l_srchclose {top:-60px; left:20px; z-index:3;}
.view_m.l_srchclose button {width:60px; height:60px; border:1px solid #0075c1; box-sizing:border-box; background-color:#0075c1;}
.view_m a, .view_m button {position:relative; display:block; width:40px; height:40px; border:1px solid #ddd; border-radius:3px;}
.view_m a:before, .view_m button:before {content:''; display:inline-block; position:absolute; background-image:url(../images/topm_ir.png); background-repeat:no-repeat;}
.view_m a.m_srchbtn:before, .view_m button.m_srchbtn:before {left:50%; top:50%; margin-left:-10px; margin-top:-11px; width:21px; height:22px; background-position:-226px 0;}
.view_m a.m_menubtn:before {left:50%; top:50%; margin-left:-14px; margin-top:-10px; width:29px; height:23px; background-position:-231px -24px;}
.view_m a.m_srchclose:before, .view_m button.m_srchclose:before {left:50%; top:50%; margin-left:-13px; margin-top:-11px; width:26px; height:26px; background-position:-204px -24px;}



/*nav-pc*/
.nav_pcbox {position:relative; margin:0 auto;}
.nav_pcbox:after {content:''; display:block; visibility:hidden; clear:both;}

.nav_inner {margin:0 auto; max-width:1200px; }
.nav_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_inner nav {}
.nav_inner nav:after {content:''; display:block; visibility:hidden; clear:both;}

.nav_inner nav .tm_dep01 {}
.nav_inner nav .tm_dep01:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_inner nav .tm_dep01 li {display:inline-block;}

.nav_inner nav .tm_dep01 > li {position:relative; float:left; width:16.66%;}
.nav_inner nav .tm_dep01 > li > .tm_tit01 {position:relative; display:block; padding: 4px 0 0; font-family:'GSK'; font-size:1.8rem; color:#121212; text-align:center; text-decoration:none;}
.nav_inner nav .tm_dep01 > li:first-child > .tm_tit01:before {content:''; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height:14px; background-color:#dbdbdb;}
.nav_inner nav .tm_dep01 > li > .tm_tit01:after {content:''; position:absolute; right:0; top:50%; margin-top:-7px; width:1px; height:14px; background-color:#dbdbdb;}
.nav_inner nav .tm_dep01 > li > .tm_tit01 span {position:relative; display:block; line-height:45px;}
.nav_inner nav .tm_dep01 > li > .tm_tit01 span:after {content:''; visibility:hidden; position:absolute; bottom:8px; left:50%; margin-left:-4px; width:0; height:0; border:solid transparent; border-width:4px; border-color:rgba(0,125,198,0); border-bottom-color:#007dc6; transform-origin:center;  transform:scaleX(0); transition: all 0.2s ease;}

.nav_inner nav .tm_dep01 > li:hover > .tm_tit01,
.nav_inner nav .tm_dep01 > li:active > .tm_tit01,
.nav_inner nav .tm_dep01 > li:focus > .tm_tit01,
.nav_inner nav .tm_dep01 > li > .tm_tit01.on {color:#006bb1;}
.nav_inner nav .tm_dep01 > li:hover > .tm_tit01 span:after,
.nav_inner nav .tm_dep01 > li:active > .tm_tit01 span:after,
.nav_inner nav .tm_dep01 > li:focus > .tm_tit01 span:after,
.nav_inner nav .tm_dep01 > li > .tm_tit01.on span:after {visibility:visible; transform:scaleX(1);}

.nav_inner nav .tm_depbg {display:none; position:absolute; left:0; top:49px; width:100%; height:292px; background-color:#fff; border-bottom:2px solid #303030; border-top:1px solid #ddd; z-index:10;}
.nav_inner nav a {font-size:1.5rem;}
.nav_inner nav .tm_depinner {display:none; position:absolute; left:0; right:0; top:49px; height:290px; border-left:1px solid #ddd; border-right:1px solid #ddd; /*border-top:1px solid #ddd;*/ transition:all 0.2s ease; z-index:50; margin-left:-1px;}
.nav_inner nav .tm_depinner ul {padding-top:10px; padding-left:10px;}
.nav_inner nav .tm_depinner .tm_dep02 > li {position:relative; display:block; float:none; width:auto; min-height:40px; line-height:40px; z-index:50;}
.nav_inner nav .tm_depinner .tm_dep02 > li:first-child:after {display:none;}
.nav_inner nav .tm_depinner .tm_dep02 > li .tm_tit02 {position:relative; display:block; width:96%; text-align:left; line-height:40px; color:#333; box-sizing:border-box; z-index:3;}
.nav_inner nav .tm_depinner .tm_dep02 > li .tm_tit02 span {position:relative; display:inline-block; padding:10px 0 7px 10px; font-family:'GSK'; font-size:1.5rem; font-weight:400; line-height:1.3; color:#333;}
.nav_inner nav .tm_depinner .tm_dep02 > li .tm_tit02 span:before {content:''; display:inline-block; position:absolute; left:0; top:14px; width:7px; height:7px; background:url(../images/topm_ir.png) -248px 0 no-repeat;}
.nav_inner nav .tm_depinner .tm_dep02 > li .tm_tit02.open_win:after {top:16px; right:7px;}
.nav_inner nav .tm_depinner .tm_dep02 > li .tm_tit02:hover,
.nav_inner nav .tm_depinner .tm_dep02 > li .tm_tit02:active,
.nav_inner nav .tm_depinner .tm_dep02 > li .tm_tit02:focus {text-decoration:underline;}
.nav_inner nav .tm_depinner .tm_dep02 > li .tm_tit02:hover span,
.nav_inner nav .tm_depinner .tm_dep02 > li .tm_tit02:active span,
.nav_inner nav .tm_depinner .tm_dep02 > li .tm_tit02:focus span {text-decoration:underline;}
.nav_inner nav:after, .nav_inner nav .tm_depinner:after {content:''; display:block; visibility:hidden; clear:both;}

.nav_inner nav .tm_dep01 > li:hover .tm_depinner,
.nav_inner nav .tm_dep01 > li:active .tm_depinner,
.nav_inner nav .tm_dep01 > li:focus .tm_depinner {background-color:#f0f0f0; border-top:1px solid #ddd;}

/*모바일 전체메뉴 */
.layer-wrap {display:block; position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.7); z-index:900;}
.layer-wrap:before {content:""; display:inline-block; height:100%;}
.menu-layer {position:fixed; right:-340px; top:0; height:100%; background-color:#555; z-index:999; overflow-y:auto;}
.menu-panel {width:290px; margin:50px 0 0; text-align:left;}
h3.lnb-home {margin-top:0 !important; margin-bottom:0 !important;}
.lnb-home a {display:block; width:290px; padding:10px 20px 5px; font-family:'GSK'; font-size:1.8rem; font-weight:400; color:#fff; line-height:4.4rem; border-bottom:1px solid rgba(255,255,255,0.2); border-top:1px solid rgba(255,255,255,0.2); background-color:#555555; box-sizing:border-box;}
.lnb-home a:hover, .lnb-home a.on {color:#fff; background:#00549d url('../images/lnb_home.png') no-repeat 260px center;}
h3.lnb-title {margin-top:0 !important; margin-bottom:0 !important;}
.lnb-title a {display:block; width:290px; padding:10px 20px 5px; font-family:'GSK'; font-size:1.8rem; font-weight:400; color:#fff; line-height:4.4rem; border-bottom:1px solid rgba(255,255,255,0.2); background-color:#555555; box-sizing:border-box;}
.lnb-title a:hover, .lnb-title a.on {color:#fff; background:#00549d url('../images/lnb_on.png') no-repeat 260px center;}
.lnb-menu {display:none; padding:5px 15px; background-color:#f0f0f0; border-bottom:1px solid rgba(255,255,255,0.2);}
.lnb-menu li a {position:relative; display:inline-block; padding:8px 5px 2px 10px; font-family:'GSK'; font-size:1.6rem; color:#111; line-height:2.4rem; font-weight:400;}
.lnb-menu li a:before {position:absolute; left:0; top:15px; content:''; display:block; width:4px; height:4px; background-color:#a1a1a1;}
.lnb-menu > li > a.plus_menu2:after {content:''; display:inline-block; position:absolute; width:20px; height:20px; right:-20px; background:url(../images/leftm_ir.png) -27px -42px no-repeat;}
.lnb-menu li a:hover,
.lnb-menu li a:focus,
.lnb-menu li a:active,
.lnb-menu li a.on {color:#0054a6; font-weight:500;}
.lnb-menu li > ul{border:1px solid #e8e8e8; padding:5px 0; background-color:#f9f9f9; border-radius:3px;} /*2deps*/
.lnb-menu li > ul.lnb_menu2 {border:1px solid #e8e8e8; padding:5px 0; background-color:#f9f9f9; border-radius:3px;} /*3deps*/
.lnb-menu li > ul.lnb_menu3 {border:none; margin-right:15px; background-color:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} /*4deps*/
.lnb-menu li > ul > li{padding-left:15px;}
.lnb-menu li > ul > li > a {position:relative;}
.lnb-menu li > ul.lnb_menu2 > li > a {padding:8px 5px 2px 10px; font-size:1.5rem;}
.lnb-menu li > ul.lnb_menu2 > li > a.plus_menu3:after {content:''; display:inline-block; position:absolute; background: url(../images/leftm_ir.png) -27px -21px no-repeat; width:20px; height:20px; right:-20px;}
.lnb-menu li > ul.lnb_menu3 > li > a {padding:0 10px 0 10px; font-size:1.4rem; }
.lnb-menu li > ul > li > a:before {position:absolute; left:-10px; top:15px; content:''; display:block; width:5px; height:2px; background-color:#a1a1a1;}
.lnb-menu li > ul.lnb_menu2 > li > a:before {left:0px; top:17px;}
.lnb-menu li > ul.lnb_menu3 > li > a:before {left:0px; top:8px; width:3px; height:3px; border-radius:20px;}

.closebox {position:absolute; top:10px; right:10px; height:24px;}
.closebtn > a {float:right; width:30px; height:30px; text-indent:200%; overflow:hidden; white-space:nowrap; background-color:transparent; -webkit-transition: all 0.1s linear; transition: all 0.1s linear;}
.closebtn > a:hover {background-color:#007dce; border-radius:2px;}
.closebtn > a::before {display:inline-block; position:absolute; top:0; left:0; content: ''; width:30px; height:30px; background:url(../images/btn_close.png) no-repeat center center;}

/*mobile-background*/
.nav_bg {display:none; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.5; background-color:#000; z-index:1;}


@media screen and (max-width:1600px) {
	.logo {left:10px;}
}

@media screen and (max-width:1400px) {
	.lnb_inner {padding-left:20px;}
	.search_box {display:block; position:absolute; right:20px;}
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.tophead_box {height:75px;}
	.nav_inner {width:auto; margin:0 auto;}
	.logo {left:50%; top:10px; margin-left:-82px;}
	.tlang_box, .all_m {display:none;}
	.view_m {display:block;}
	.nav_inner nav .tm_dep01 > li > .tm_tit01 {font-size:1.9rem;}
	/*검색*/
	.search_box {display:none; position:absolute; left:0; top:75px; margin:0; padding:20px; width:100%; border:none; background-color:rgba(0,117,193,0.8); z-index:10;}
	.search_box.open {display:block;}
	.search_box form {position:relative; padding:0 50px 0 0; background-color:#fff;}
	.search_box select {position:absolute; left:0; top:0; height:40px;}
	.search_box .srch_txt {width:100%; margin-left:0; background-color:#fff;}
	.search_box .srch_txt:before {display:none;}
	.search_box .srch_txt input {width:100%; height:40px; line-height:40px;}
	.search_box .btn_sch {position:absolute; right:0; top:0; width:50px; height:40px;}
	
	/*nav-태블릿 전환*/
	.nav_inner {display:none;}
	.layer-wrap {display:block;}/*모바일-배경처리*/
	.menu-layer {right:0;}
}

@media screen and (max-width:767px) {
	.logo {top:16px;}
    .logo a {width:165px; height:45px;}
    .logo a:before {width:165px; height:45px; background-position:0 -58px;}
}

@media screen and (max-width:640px) {
	.link_tm {display:none;}
	.tophead_inner {height:76px; border-bottom:2px solid #303030;}
	
	.search_box {padding:13px 10px 15px;}
	

}

@media screen and (max-width:480px) {
	
}

/********************************
 footer : 공통
 *******************************/
#foot_layout {background-color:#0054A5;}
#foot_layout .foot_inner {margin:0 auto;}

.foot_box {position:relative; padding:30px 120px 50px 190px;}
.foot_box .foot_logo {display:block; position:absolute; left:0; top:30px; width:158px; height:34px; font-family:'GSK'; color:#fff; font-size:1.8rem;}
.foot_box .foot_wa {display:block; position:absolute; right:0; top:0; width:101px; height:66px;}
/*웹접근성 마크
.foot_box .foot_wa a {width:101px; height:66px;}
.foot_box .foot_wa a:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:101px; height:66px; background:url(../images/wa_mark.png) 0 0 no-repeat;}
*/
.foot_box .txt_email {margin-left:8px; margin-bottom:0; color:#FFF788;}

.foot_infolink {padding:10px 0; border-bottom:1px solid; border-color:rgba(255,255,255,0.2);}
.foot_infolink ul {display:block; margin:0 auto; text-align:center;}
.foot_infolink ul:after {content:''; display:block; visibility:hidden; clear:both;}
.foot_infolink ul li {position:relative; display:inline-block; margin-left:15px; padding-left:15px;}
.foot_infolink ul li:before {content:''; display:inline-block; position:absolute; left:0; top:50%; margin-top:-4px; width:1px; height:8px; background-color:rgba(255,255,255,0.2);}
.foot_infolink ul li:first-child {padding-left:0;}
.foot_infolink ul li:first-child:before {display:none;}
.foot_infolink ul li a {color:#fff; line-height:28px; font-family:'GSK'; font-weight:300;}
.foot_infolink ul li strong {color:#FFF788; font-weight:300;}

.foot_txtbox {margin:0 5px 7px;}
.foot_txtbox:after {content:''; display:block; visibility:hidden; clear:both;}
.foot_txtbox .foot_txt_l {margin:0 4px; color:#fff;}
.foot_txtbox .foot_txt_l a {color:#fff;}

/*태블릿 이하 출력 : top이동*/
.foot_box .move_top {position:relative; display:none; margin:15px 0 20px; height:48px;}
.foot_box .move_top:before {content:''; display:inline-block; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#dadbdb; z-index:-1;}
.foot_box .move_top a {display:inline-block; position:absolute; left:50%; top:0; margin-left:-24px; width:48px; height:48px; line-height:1; background:url(../images/sub_ir.png) -159px -440px no-repeat; z-index:1;}
.foot_box .move_top a:hover, .foot_box .move_top a:active, .foot_box .move_top a:focus {background-position:-208px -440px}

/* media query */
@media screen and (max-width:1200px) {

}

@media screen and (max-width:1024px) {
	#foot_layout .foot_inner {}
	.foot_box {padding:20px 125px 40px 10px; font-size:1.4rem;}
	.foot_box .foot_logo {display:none;}
	.foot_box .foot_wa {right:15px;}
}

@media screen and (max-width:920px) {/*텍스트 최소값 보정*/
}

@media screen and (max-width:767px) {
	#foot_layout .foot_inner {margin-bottom:0;}
	.foot_box {padding-right:20px; padding-bottom:30px; padding-left:20px;}	
	.foot_box .txt_email {padding-right:0; text-align:center;}
	
	.foot_infolink ul {text-align:center;}
	.foot_infolink ul li {margin-left:5px; padding-left:7px;}
	.foot_txtbox {margin-bottom:5px;}
	.foot_txtbox .foot_txt_l, .foot_txtbox .foot_txt_r {float:none; margin:0 5px; text-align:center;}
	.foot_txtbox .foot_txt_r {margin-top:10px;}
	.foot_txtbox .foot_txt_r .tel {padding:10px 20px; font-size:2.0rem;}
	
	.foot_box .foot_wa {right:15px; top:auto; bottom:28px; width:75px; height:49px;}
	.foot_box .foot_wa a {width:75px; height:49px;}
	.foot_box .foot_wa a:before {width:75px; height:49px; background-position:0 -67px;}
	
	.foot_box .move_top {display:block;}
}

@media screen and (max-width:640px) {
	.foot_infolink {padding:0;}
	.foot_infolink ul li {display:inline-block; float:left; width:50%; margin-left:0; border-bottom:1px solid; border-color:rgba(255,255,255,0.2);}
	.foot_infolink ul li:before {display:none;}
	.foot_infolink ul li:nth-child(odd) {border-right:1px solid; border-color:rgba(255,255,255,0.2);}
	.foot_infolink ul li:last-child {border-bottom:none;}
	.foot_infolink ul li a {display:block; line-height:35px;}
	
}

@media screen and (max-width:480px) {
}

/********************************
 left-nav : sub
 *******************************/
aside {float:left; display:inline-block; width:20%;}
.leftm_tit {position:relative; margin-bottom:10px; height:140px; text-align:center; background:url(../images/leftm_tit_bg.png) 0 0 no-repeat;}
.leftm_tit >  h2 {display:inline-block; margin:0; padding-top:60px; font-family:'GSK'; font-size:2.6rem; font-weight:400; line-height:1.3; color:#fff; }

.leftm_list {border-color:#cecece; border-style:solid; border-width:0 0 1px;}
.leftm_list li {border-color:#cecece; border-style:solid; border-width:1px 1px 0;}
.leftm_list li a {position:relative; display:block; padding:18px 45px 12px 20px; font-size:1.8rem; line-height:1.4; vertical-align:middle; font-family:'GSK'; font-weight:400;}
.leftm_list li a:before, .leftm_list li a:after {content:''; display:inline-block; position:absolute; background-image:url(../images/leftm_ir.png); background-repeat:no-repeat;}
.leftm_list li a span {display:inline-block;}
.leftm_list li a.dep_more {padding-right:28px !important;}
.leftm_list li a.dep_more:after {top:4px; right:5px; width:20px; height:20px; background-position:-27px 0;}
.leftm_list li a.dep_more:hover:after,
.leftm_list li a.dep_more:hover:active,
.leftm_list li a.dep_more:hover:focus {background-position:-27px -21px;}
.leftm_list li a.dep_more.on:after {background-position:-27px -42px;}
.ul_dep01 > li > a.open_win:before {top:50%; right:17px; margin-top:-7px; width:17px; height:17px; background-position:-57px 0;}
.ul_dep01 > li > a.open_win:hover:before,
.ul_dep01 > li > a.open_win:active:before,
.ul_dep01 > li > a.open_win:focus:before {background-position:-57px 0;}
.ul_dep03 > li > a.open_win span {padding-right:20px !important; background:url(../images/icon_openwin.png) right 1px no-repeat;}

.leftm_list > li > a {font-weight:400; color:#333;}
.leftm_list > li > a.on {font-weight:500;}
.leftm_list > li > a:before {top:50%; right:12px; margin-top:-13px; width:26px; height:0; background-position:0 0;}
.leftm_list > li > a:hover:before,
.leftm_list > li > a:active:before,
.leftm_list > li > a:focus:before{height:26px; color:#0171bb; background-position:0 -27px; transform:rotate(-90deg);}

.leftm_list > li > a.mn_op2:before {top:50%; right:12px; margin-top:-13px; width:26px; height:26px; background-position:0 0;}
.leftm_list > li > a.mn_op2:hover:before,
.leftm_list > li > a.mn_op2:active:before,
.leftm_list > li > a.mn_op2:focus:before {color:#0171bb; background-position:0 -27px; transform:rotate(-90deg);}

.leftm_list > li > a:hover span,
.leftm_list > li > a:active span,
.leftm_list > li > a:focus span {color:#0171bb;}
.leftm_list > li > a.on:before {height:26px; color:#0171bb; background-position:0 -54px; transform:rotate(0);}
.leftm_list > li > a.on span {color:#0171bb;}
.leftm_list > li > ul {padding:10px 10px 10px 10px; background-color:#f6f7f7; border-top:1px solid #cecece;}
.leftm_list > li > ul > li {border-width:0;}
.leftm_list > li > ul > li > a {font-size:1.5rem; padding:4px 10px 4px 20px;}
.leftm_list > li > ul > li > a:before {content:''; display:block; position:absolute; top:13px; left:8px; width:6px; height:1px; background-image:none; background-color:#7f7f7f;}
.leftm_list > li > ul > li > a:hover span,
.leftm_list > li > ul > li > a:active span,
.leftm_list > li > ul > li > a:focus span {font-weight:400; color:#0171bb;}
.leftm_list > li > ul > li > a.on span {font-weight:500; color:#0171bb;}
.leftm_list > li > ul > li > a:hover:before,
.leftm_list > li > ul > li > a:active:before,
.leftm_list > li > ul > li > a:focus:before,
.leftm_list > li > ul > li > a.on:before {height:2px; background-color:#0171bb;}

.leftm_list > li > ul > li > ul {margin:0 5px 5px 5px; padding:8px 0; border-color:#ddd; border-style:solid; border-width:1px 0; background-color:#ececec;}
.leftm_list > li > ul > li > ul > li {border-width:0;}
.leftm_list > li > ul > li > ul > li > a {display:inline-block; font-size:1.4rem; padding:4px 10px 4px 20px; letter-spacing:-1px;}
.leftm_list > li > ul > li > ul > li > a:before {top:8px; left:8px; width:8px; height:8px; background-position:-48px 0;}
.leftm_list > li > ul > li > ul > li > a:hover span,
.leftm_list > li > ul > li > ul > li > a:active span,
.leftm_list > li > ul > li > ul > li > a:focus span {font-weight:400; color:#333; text-decoration:underline;}
.leftm_list > li > ul > li > ul > li > a.on span {font-weight:500; color:#333; text-decoration:underline;}


/********************************
 contents : sub
 *******************************/
.contents_inner {float:right; display:inline-block; width:76%; min-height:400px; padding:40px 0 0;}
.contents_inner .line_map {padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #cecece;}/* 페이지타이틀 */
.contents_inner .line_map h2 {font-family:'GSK'; font-size:3.2rem; font-weight:400; line-height:1.3; color:#121212;} /* 페이지타이틀폰트*/
.contents_inner .line_map .util_box {padding:0; margin:0;}/*유틸*/
.contents_inner .line_map .util_box:after {content:''; display:block; visibility:hidden; clear:both;}
.contents_inner .line_map .util_box .location_box {float:left; margin-top:5px; margin-bottom:5px;}/*로케이션*/
.contents_inner .line_map .util_box .sns_box {float:right;}/*SNS 공유*/

.location_box li, .sns_box li {float:left;}
.location_box li {padding:0; margin:0 3px;}
.location_box li span {display:inline-block; padding:0 5px;}
.location_box li.on {font-weight:500; color:#333;}
.location_box li.home {position:relative;}
.location_box li.home span {font-size:0; text-indent:-9999px;}
.location_box li.home:after {content:''; position:absolute; left:50%; top:50%; display:inline-block; width:14px; height:14px; margin:-7px 0 0 -7px; background:url(../images/sub_ir.png) -356px 0 no-repeat;}
.location_box li:before {content:''; display:inline-block; width:7px; height:11px; background:url(../images/sub_ir.png) -371px 0 no-repeat;}
.location_box li:first-child:before {content:none;}

.sns_box a {display:inline-block; float:left; font-size:0; margin-left:3px;}
.sns_box a:before {content:''; display:inline-block; width:34px; height:34px; background-image:url(../images/sub_ir.png); background-repeat:no-repeat;}
.sns_box a.sns_print:before {background-position: -22px 0;}/*프린트*/
.sns_box a.sns_share:before {background-position: -57px 0;}/*공유하기*/
.sns_box a.sns_share.sns_open:before {background-position: -57px -35px;}/*공유하기 활성*/
.sns_box a.sns_cacao:before {background-position: -92px 0;}/*SNS 카카오*/
.sns_box a.sns_facebook:before {background-position: -127px 0;}/*SNS 페이스북*/
.sns_box a.sns_twitter:before {background-position: -162px 0;}/*SNS 트위터*/
.sns_box a.sns_blog:before {background-position: -197px 0;}/*SNS 블로그*/

.sns_inner {float:left; display:none;}
.sns_open .sns_inner {display:inline-block;}

.content_box {position:relative;}

/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {

}

@media screen and (max-width:1024px) {
	aside {display:none;}
	#top_layout .top_inner, #body_layout .body_inner, #foot_layout .foot_inner {width:100%;}
	.sns_box a.sns_print {display:none;}
	.contents_inner {width:100%; padding:30px 40px 0; transition: width 0.1s linear;}
	.contents_inner .line_map h2 {font-size:2.8rem;}
}

@media screen and (max-width:767px) {
	#body_layout .body_inner {margin-bottom:40px;}
	
	.contents_inner {padding:30px 20px 0;}
	.contents_inner .line_map h2 {font-size:2.4rem;}
}

@media screen and (max-width:640px) {
	.contents_inner {padding:25px 20px 0;}
	.contents_inner .line_map h2 {font-size:2.2rem;}
	.contents_inner .line_map .util_box .sns_box {float:left;}
}

@media screen and (max-width:480px) {
	
}

/********************************
  서브페이지 상단 이미지
 *******************************/
.sub_topbg {display:block; margin-bottom:40px; height:180px; background:url(../images/subpage_top.jpg) center center no-repeat; background-size:cover;}
.subtop_box {width:1200px; height:180px; margin:0 auto;}
.subtop_inner {margin:0; padding:50px 0 50px 290px;}
.subtop01 {height:180px; background:url(../images/subtop01.png) 0 0 no-repeat;}
.subtop02 {height:180px; background:url(../images/subtop02.png) 0 0 no-repeat;}
.subtop03 {height:180px; background:url(../images/subtop03.png) 0 0 no-repeat;}
.subtop04 {height:180px; background:url(../images/subtop04.png) 0 0 no-repeat;}
.subtop05 {height:180px; background:url(../images/subtop05.png) 0 0 no-repeat;}
.subtop06 {height:180px; background:url(../images/subtop06.png) 0 0 no-repeat;}
.subtop07,
.subtop08 {height:180px; background:url(../images/subtop07.png) 0 0 no-repeat;}
.subtop09 {height:180px; background:url(../images/subtop09.png) 0 0 no-repeat;}
.subtop10 {height:180px; background:url(../images/subtop10.png) 0 0 no-repeat;}

.stitle {display:block; font-size:3.4rem; font-family:'GSK'; color: #fff; line-height:4.4rem;}
.stxt {display:block; font-size:1.5rem; color: #fff; line-height:2.0rem;}


/* media query */
@media screen and (max-width:1200px) {
	.subtop_box {width:100%;}
}
@media screen and (max-width:1024px) {
	.sub_topbg {margin-bottom:0;}
}
@media screen and (max-width:920px) {
	.subtop_inner {padding:50px 0 50px 260px;}
}
@media screen and (max-width:767px) {
	.sub_topbg {height:135px; background-position:-175px center;}
	.subtop_inner {padding:29px 0;}
	.subtop01, .subtop02, .subtop03, .subtop04, .subtop05, .subtop06, .subtop07, .subtop08, .subtop09, .subtop10  {height:120px; background:none;}
	.stitle {width:100%; text-align:center;}
	.stxt {padding:0 20px; width:100%; text-align:center;}	
}
@media screen and (max-width:640px) {
	.sub_topbg {background-position:-250px center;}
	.subtop_inner {padding:19px 0;}
	.stitle {font-size:3.0rem;}
	.stxt {padding:0 20px; font-size:1.4rem;}
}
@media screen and (max-width:480px) {
	.sub_topbg {background-position:40% center;}
	.subtop_inner {padding:23px 0 12px;}
}
@media screen and (max-width:440px) {
	.sub_topbg {height:80px;}
	.subtop01, .subtop02, .subtop03, .subtop04, .subtop05, .subtop06, .subtop07, .subtop08, .subtop09 .subtop10 {height:80px;}
	.stitle {font-size:2.6rem;}
	.stxt {display:none;}
}


/* Login Extension modal (230518 추가) */
.loginExtnsModal {}
.loginExtnslayer_box {position:absolute; left:50%; top:130px; width:500px; height:auto; margin-left:-250px; padding:35px 20px 15px; background-color:#fff; border:5px solid #0075c1; text-align:center; z-index:150;}
.loginExtnslayer_inner {margin-top:10px;}
.loginExtns_txt {font-size:1.6rem; margin-bottom:15px;}
.loginExtns_txt .bk480 {}
.loginExtns_close {position:absolute; right:10px; top:10px;}
.loginExtns_close a {position:relative; display:block; width:25px; height:25px; border:1px solid #ddd; border-radius:2px;}
.loginExtns_close a:hover,
.loginExtns_close a:active,
.loginExtns_close a:focus {border-color:#fc6630; background-color:#fc6630;}
.loginExtns_close a:before {content:''; position:absolute; left:50%; top:50%; width:15px; height:15px; margin-top:-7px; margin-left:-7px; background:url(../images/sub_ir.png) -56px -70px no-repeat;}
.loginExtns_close a:hover:before,
.loginExtns_close a:active:before,										
.loginExtns_close a:focus:before {background-position:-72px -70px;}

.loginExtns_confirm {}
.loginExtns_confirm button {display:inline-block; padding:0 20px; line-height:40px; color:#333; border:1px solid #ddd; border-radius:5px;}

.loginExtns_close button {position:relative; display:block; width:25px; height:25px; border:1px solid #ddd; border-radius:2px;}
.loginExtns_close button:hover,
.loginExtns_close button:active,
.loginExtns_close button:focus {border-color:#fc6630; background-color:#fc6630;}
.loginExtns_close button:before {content:''; position:absolute; left:50%; top:50%; width:15px; height:15px; margin-top:-7px; margin-left:-7px; background:url(../images/sub_ir.png) -56px -70px no-repeat;}
.loginExtns_close button:hover:before,
.loginExtns_close button:active:before,
.loginExtns_close button:focus:before {background-position:-72px -70px;}

.loginExtnslayer_bg {display:block; position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index:10;}

	/*media query*/
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:790px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
	.loginExtnslayer_box {width:100%; left:0; margin-left:0; padding:40px 10px 15px;}
}
@media screen and (max-width:480px) {
	.loginExtns_txt .bk480 {display:block;}
}