@charset "UTF-8"; 

#wrap {position:relative; overflow:hidden;}
#top_layout, #body_layout, #foot_layout {position:relative; width:100%;}
#top_layout .top_inner, #body_layout .body_inner, #foot_layout .foot_inner {position:relative; max-width:1800px; margin:0 auto;}
#body_layout .body_inner {margin:0 auto 50px;}
#body_layout .body_inner:after {content:''; display:block; visibility:hidden; clear:both;}
.inner {position:relative; max-width:1800px; margin:0 auto;}

html.stop_scrolling {height:100%;overflow:hidden;}


* {outline:0;}
.action-keyboard *:focus {outline:2px dotted red !important;}


/* media query */
@media screen and (max-width:1520px){
	#body_layout .body_inner {margin:0 20px 50px;}
}
@media screen and (max-width:1200px){
	#body_layout .body_inner .body_inbox {margin-top:0;}
}
@media screen and (max-width:1024px){
	#top_layout .top_inner, #body_layout .body_inner, #foot_layout .foot_inner {width:100%;}
	#body_layout .body_inner {margin:0 auto 50px;}
}


@media screen and (max-width:767px) {
	#body_layout .body_inner {margin-bottom:40px;}
}

/********************************
 top-nav
 *******************************/
.tophead_box {background-color:#fff;}


/*lnb영역*/
.lnb_inner {display:flex; justify-content:space-between; align-items:center;}
.lnb_box {background-color:#624396;}
.link_tm {display:flex; justify-content:flex-start;}
.link_tm li a {position:relative; display:block; padding:0 20px; line-height:65px; font-family:'OneMobile'; color:#fff;}
.link_tm li:first-child a {padding-left:0;}
.link_tm li a:before {content:''; position:absolute; left:0; top:calc(50% - 8px); width:1px; height:14px; background-color:#fff;}
.link_tm li:first-child a:before {display:none;}


.memberBox {display:flex; justify-content:flex-start;}
.memberBox li a {display:block; padding:0 15px; font-size:1.5rem; font-family:'OneMobile'; color:#fff;}
.memberBox li:last-child a {padding-right:0;}
.memberBox li a:hover,
.memberBox li a:active,
.memberBox li a:focus {text-decoration:none;}



/*media query*/
@media screen and (max-width:1800px) {
	.lnb_inner {padding:0 20px;}
}

@media screen and (max-width:1024px) {
	.lnb_box {display:none;}
	.memberBox {display:none;}
}



/*로고-pc*/
.logo {position:absolute; display:inline-block; top:calc(50% - 16px); font-size:0; line-height:1;}
.logo a {position:relative; display:inline-block; width:356px; height:33px; font-size:0;}
.logo a:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:356px; height:34px; background:url(../images/logo.png) 0 0 no-repeat; background-size:100%;}



/*태블릿 이하 출력 : 검색, 메뉴*/
.view_pc {position:relative; width:70px; height:70px;}
.view_pc.pc_sch {margin-right:20px;}
.view_pc a,
.view_pc button {position:absolute; right:0; top:0; display:block; width:70px; height:70px; background-color:#333; border-radius:5px;}
.view_pc a:before,
.view_pc button:before {content:''; position:absolute; right:50%; top:50%; background-position:0 0; background-repeat:no-repeat;}
.view_pc.pc_sch button:before {margin:-10px -10px 0 0; width:21px; height:21px; background-image:url(../images/icon_sch.png);}
.view_pc.pc_menubtn a:before {margin:-11px -15px 0 0; width:30px; height:23px; background-image:url(../images/icon_menu.png); background-size:100%;}


/*모바일 버튼*/
.view_m {display:none; position:absolute;}
.view_m.menu_mbtn {right:20px; width:50px; height:50px; background-color:#333; border-radius:5px;}
.view_m a {position:absolute; right:0; top:0; display:block; width:50px; height:50px;}
.view_m a:before {content:''; position:absolute; right:50%; top:50%; margin:-7px -10px 0 0; width:20px; height:15px; background:url(../images/icon_menu.png) 0 0 no-repeat; background-size:100%;}



/*media query*/
@media screen and (max-width:1400px) {
	.logo {margin-top:3px;}
	.logo a {width:300px; height:28px;}
	.logo a:before {width:300px; height:28px;}
}

@media screen and (max-width:1240px) {
	.logo a {width:250px; height:23px;}
	.logo a:before {width:250px; height:23px;}
	
	.view_pc {width:50px; height:50px;}
	.view_pc a,
	.view_pc button {width:50px; height:50px;}
	.view_pc.pc_menubtn a:before {margin:-9px -12px 0 0; width:24px; height:18px;}
}

@media screen and (max-width:1024px) {
	.logo {position:relative; margin-top:0;}
	
	.view_pc.pc_menubtn {display:none;}
	.view_pc.pc_sch {top:25px; right:40px; margin-right:10px; width:40px; height:40px;}
	.view_pc.pc_sch button {width:40px; height:40px;}
	.view_m {display:block;}
}

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


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




/* nav-pc */
.nav_pcbox {position:relative; border-bottom:1px solid #ddd;}
.nav_pcbox .nav_inner {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 auto; max-width:1800px; min-height:160px;}

.nav_pcbox nav {padding-left:30%; width:calc(100% - 90px);}
.nav_pcbox nav:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_pcbox nav a.open_win span {display:block; padding-right:20px !important;}
.nav_pcbox nav a.open_win span:after {content:''; top:50%; margin-top:-8px; right:0; width:16px; height:16px; display:inline-block; position:absolute; background-image:url(../images/top_ir.png); background-position:-93px -26px; background-repeat:no-repeat;}

.nav_pcbox nav .tm_dep01 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.nav_pcbox nav .tm_dep01 li {position:relative; width:13%;}
.nav_pcbox nav .tm_dep01 li:nth-child(1),
.nav_pcbox nav .tm_dep01 li:nth-child(2),
.nav_pcbox nav .tm_dep01 li:nth-child(4) {width:17%;}
.nav_pcbox nav .tm_dep01 li:nth-child(6) {width:14%}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 {position:relative; display:block; padding:13px 0 10px; font-family:'OneMobile'; font-size:2.2rem; color:#222; text-align:center;}
.nav_pcbox nav .tm_dep01 > li:first-child > .tm_tit01:before {display:none;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 span {position:relative; display:block; line-height:44px;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 span:before {content:''; opacity:0; position:absolute; bottom:-13px; left:30%; width:40%; height:3px; background-color:#3c62c0; transition:opacity 250ms ease-in-out; z-index:60;}
.nav_pcbox nav .tm_dep01 > li:hover > .tm_tit01,
.nav_pcbox nav .tm_dep01 > li:active > .tm_tit01,
.nav_pcbox nav .tm_dep01 > li:focus > .tm_tit01,
.nav_pcbox nav .tm_dep01 > li > .tm_tit01.on {text-decoration:none;}
.nav_pcbox nav .tm_dep01 > li:hover >.tm_tit01 span:before,
.nav_pcbox nav .tm_dep01 > li:active >.tm_tit01 span:before,
.nav_pcbox nav .tm_dep01 > li:focus >.tm_tit01 span:before,
.nav_pcbox nav .tm_dep01 > li > .tm_tit01.on span:before {opacity:1;}

.nav_pcbox nav .tm_dep01 > li:hover > .tm_tit01 span:after,
.nav_pcbox nav .tm_dep01 > li:active > .tm_tit01 span:after,
.nav_pcbox nav .tm_dep01 > li:focus > .tm_tit01 span:after,
.nav_pcbox nav .tm_dep01 > li > .tm_tit01.on span:after {visibility:visible;}

.nav_pcbox nav .tm_depbg {display:none; overflow:hidden; position:absolute; left:-25px; top:55px; width:calc(100% + 50px); height:auto; transition-property:height; transition-timing-function:linear; z-index:60;}
.nav_pcbox nav .tm_depbg.open_pc {display:block;}
.nav_pcbox nav .tm_depbg .tm_depinner {position:relative; margin:0 auto; transition-property:visibility, opacity, top;}
/* .nav_pcbox nav .tm_depbg .tm_depinner:before {content:''; position:absolute; left:-17%; bottom:60px; width:449px; height:91px; background:url(../images/topm_color_g.png) 0 0 no-repeat; background-size:100%; transition:all 0.2s linear;} */

.tm_copybox {position:absolute; left:0; top:50px; width:220px;}
.tm_copybox .tm_copyinner {position:relative; display:block;}
.tm_copybox .tm_copyinner strong {font-size:2.8rem; color:#3793ee; font-family:'OneMobile';}

.nav_pcbox nav .tm_depbg .tm_depinner ul {position:relative; display:flex; flex-wrap:wrap; align-items:stretch; padding:20px; background-color:#0c66af; border-radius:15px 15px 40px 15px;}
.nav_pcbox nav .tm_depbg .tm_depinner ul:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_pcbox nav .tm_depbg .tm_depinner ul.tm_dep02 {}
/* .nav_pcbox nav .tm_depbg .tm_depinner ul.tm_dep02:before {content:""; display:block; position:absolute; top:1px; left:0; bottom:0; background:#fff; width:3000px; border-radius:0 0 0 4em; z-index:-1;} */

.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li {position:relative; width:100%;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 {position:relative; display:flex; align-items:center; justify-content:center; height:50px; font-size:1.8rem; line-height:1.0; text-align:center; transition:all 0.2s linear; z-index:3;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:hover .tm_tit02,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:active .tm_tit02,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:focus .tm_tit02 {text-decoration:none;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 span {position:relative; display:block; padding:5px; line-height:1.2; color:#fff ; font-weight:500;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:hover .tm_tit02 span:before,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:active .tm_tit02 span:before,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:focus .tm_tit02 span:before {content:''; position:absolute; left:0; bottom:2px; width:100%; height:1px; background-color:#fff;}

.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02.open_win span {padding:5px 35px 5px 5px;}

.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 {flex-direction:column; gap:5px; margin-left:inherit; padding:10px 0;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li {position:relative; display:block; padding:0 8px; width:100%;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li:before,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li:after {display:none;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a {position:relative; display:inline-block; left:auto; top:auto; width:auto; height:auto; padding:0 5px 0 8px; font-size:1.7rem;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a:hover,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a:focus,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a:active {font-weight:500;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a span:before {content:''; position:absolute; left:0; top:11px; width:3px; height:3px; background-color:#4c4c4c;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep03 li a.open_win span:after {content:''; display:inline-block; position:absolute; top:50%; margin-top:-8px; right:0; width:16px; height:16px; background:url(../images/top_ir.png) -93px -26px no-repeat;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep04 {display:none;}
.nav_pcbox nav .tm_depbg:after, .nav_pcbox nav .tm_depbg .tm_depinner:after {content:''; display:block; visibility:hidden; clear:both;}

.nav_pcbox .back_bg {display:none; opacity:1; display:block; visibility:visible; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); transition-property:opacity, visibility; transition-duration:250ms; transition-timing-function:ease-in-out;}



/* nav-모바일 */
.nav_mbox {overflow-y:auto; display:flex; flex-direction:column; position:fixed; right:0; top:0; width:480px; height:100%; max-width:100%; background-color:#fff; transform:translateX(100%); transition:transform 250ms ease-in-out; z-index:70;}
.nav_mbox.open {transform: translateX(0);}


.nav_mbox .mnav_top {display:block;}

	/*모바일메뉴 상단*/
.m_infobox {display:block; position:relative; min-height:70px; background-color:#087CCA;}
.m_infobox div a {position:relative; display:block; padding-left:30px; color:#fff; font-size:1.5rem;}
.m_infobox div a:hover,
.m_infobox div a:active,
.m_infobox div a:focus {text-decoration:none;}

.m_loginbtn {position:absolute; left:20px; top:24px;}
.m_loginbtn a:before {content:''; position:absolute; left:0; top:0; width:25px; height:25px; background:url(../images/top_ir.png) 0 0 no-repeat;}

.m_mypagebtn {position:absolute; left:115px; top:24px;}
.m_mypagebtn.before {left:110px;}
.m_mypagebtn a:before {content:''; position:absolute; left:0; top:0; width:25px; height:25px; background:url(../images/top_ir.png) -47px 0 no-repeat;}
.m_mypagebtn.before a:before {background-position:-73px 0;}

.m_citizenbtn {position:absolute; left:210px; top:24px;}
.m_citizenbtn.after {left:225px;}
.m_citizenbtn a:before {content:''; position:absolute; left:0; top:0; width:25px; height:25px; background:url(../images/top_ir.png) -116px 0 no-repeat;}

.m_menuclose {position:absolute; right:25px; top:25px;}
.m_menuclose button {position:relative; display:block; width:20px; height:20px;}
.m_menuclose button:before {content:''; position:absolute; left:0; top:0; width:20px; height:20px; background:url(../images/top_ir.png) -26px 0 no-repeat;}

.m_Member {display:block; padding:10px 20px 20px; text-align:center; background-color:#087CCA;}
.m_Member a {display:block; padding:11px 10px 9px; font-family:'OneMobile'; color:#fff; border:1px solid #fff; border-radius:10px 25px 10px 10px;}
.m_Member a:hover,
.m_Member a:active,
.m_Member a:focus {text-decoration:none;}
.m_Member a span {position:relative; padding-left:30px;}
.m_Member a span:before {content:''; position:absolute; left:0; top:-4px; width:25px; height:25px; background:url(../images/top_ir.png) -142px 0 no-repeat;}



	/*모바일메뉴*/
.nav_mbox .mnav_body {display:block; position:relative; width:100%; height:100%;}
.nav_mbox .mnav_body .mnavBox {display:block; position:absolute; left:0; right:0; bottom:0; height:100%;}
.nav_mbox .mnav_body .mnavBox:before {content:""; display:block; position:absolute; top:0; left:0; bottom:0; width:35%; border-radius:0 2.5em 0 0; background-color:#ebf7ff; z-index:-1;}

.nav_mbox nav {position:relative; display:block; overflow-y:auto; overflow-x:hidden; height:100%;}
.nav_mbox nav:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_mbox nav span.open_win:after {content:''; top:21px; right:15px;  width:16px; height:16px; display:inline-block; position:absolute; background-image:url(../images/top_ir.png); background-position:-93px -26px; background-repeat:no-repeat;}

.nav_mbox nav .tm_dep01 {padding:25px 20px;}
.nav_mbox nav .tm_dep01 > li {display:block; width:35%;}
.nav_mbox nav .tm_dep01 > li + li {padding-top:10px;}

.nav_mbox nav .tm_dep01 > li > .tm_tit01 {display:flex; align-items:center; position:relative; margin-right:-5px; padding:2px 25px 0 15px; height:50px; font-family:'OneMobile'; box-sizing:border-box; transition:.3s margin; -webkit-transition:.3s margin; z-index:10;}
.nav_mbox nav .tm_dep01 > li > .tm_tit01 span {position:relative; display:block; line-height:1.3;}
.nav_mbox nav .tm_dep01 > li > .tm_tit01:hover,
.nav_mbox nav .tm_dep01 > li > .tm_tit01:active,
.nav_mbox nav .tm_dep01 > li > .tm_tit01:focus {color:#fff; background-color:#343434; border-radius:8px 20px 8px 8px; font-weight:500;}
.nav_mbox nav .tm_dep01 > li > .tm_tit01.on {color:#fff; background:#f15b4e; border-radius:8px 20px 8px 8px; font-weight:500;}
.nav_mbox nav .tm_dep01 > li > .tm_tit01:hover:before,
.nav_mbox nav .tm_dep01 > li > .tm_tit01:active:before,
.nav_mbox nav .tm_dep01 > li > .tm_tit01:focus:before,
.nav_mbox nav .tm_dep01 > li > .tm_tit01.on:before {content:''; position:absolute; right:10px; top:50%; margin-top:-5px; width:7px; height:11px; background:url(../images/top_ir.png) -110px -26px no-repeat;}


.nav_mbox nav .tm_depbg {display:none; position:absolute; left:35%; top:0; right:0; bottom:0; padding:28px 25px 30px; z-index:0;}
.nav_mbox nav .tm_depbg .tm_depinner {position:relative;}
.nav_mbox nav .tm_depbg .tm_depinner > ul {max-width:inherit; margin:0 auto;/*  background-color:#f7fafc; */}
.nav_mbox nav .tm_depbg .tm_depinner ul li {padding-left:0;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li {border-bottom:1px solid #ddd; background:none;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 {position:relative; display:block; padding:17px 30px 17px 5px; text-align:left; line-height:1.3; color:#333; box-sizing:border-box; z-index:3;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:hover,
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:active,
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02:focus {color:#f15b4e; font-weight:500;}

.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li > a.open_win {position:relative; padding-right:40px;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li > a.open_win:after {content:''; display:inline-block; position:absolute; top:50%; margin-top:-8px; right:15px; width:16px; height:16px; background:url(../images/top_ir.png) -93px -26px no-repeat;}

.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 span {display:inline-block;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02.m_3dep:before {content:''; display:inline-block; position:absolute; left:auto; right:10px; top:50%; margin-top:-6px; width:8px; height:13px; background:url(../images/arrow_off.svg) 0 0 no-repeat; transition:all 0.2s linear;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02.on span {color:#f15b4e; font-weight:600;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02.m_3dep.on:before {width:13px; height:8px; margin-top:-4px; background-image:url(../images/arrow_on.svg);}

.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 {display:none; margin:0; padding:15px 0;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03.open {display:block; border-top:1px solid #cf8b75;}/* 모바일전용 */
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 li {position:relative; display:block; padding-left:8px;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a {position:relative; display:block; padding:0; line-height:1.7;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a span {position:relative; display:inline-block; padding-left:8px}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a span:before {content:''; position:absolute; left:0; top:12px; width:3px; height:3px; background-color:#4c4c4c;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a.open_win:after {content:''; display:inline-block; position:absolute; top:5px; right:1px; width:16px; height:16px; background:url(../images/top_ir.png) -99px -9px no-repeat;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03 {position:relative; display:block; padding-right:25px; font-size:1.6rem; font-weight:400; color:#666; text-align:left; box-sizing:border-box; z-index:3;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03:hover,
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03:active,
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03:focus {font-weight:500;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03 span {position:relative;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03.on span {color:#121212; font-weight:500;} 
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03.m_4dep:after {content:''; display:inline-block; position:absolute; right:0; top:50%; margin-top:-9px; width:18px; height:18px; background:url(../images/top_ir.png) -38px -26px no-repeat;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03.m_4dep.on:after {background-position:-57px -26px;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep04 {display:none; margin:5px 0; padding:8px 0; border-color:#ddd; border-style:dashed; border-width:1px 0; background-color:#f7fafc;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep04 li {padding-left:10px;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep04 > li > a {position:relative; font-size:1.4rem;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep04 > li > a:hover,
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep04 > li > a:active,
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep04 > li > a:focus {font-weight:500;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep04 > li > a span {position:relative; display:inline-block; padding-left:8px;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep04 > li > a span:before {content:''; position:absolute; left:0; top:10px; width:4px; height:1px; background-color:#555;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep04 > li > a.open_win span {padding-right:25px;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep04 > li > a.open_win span:after {content:''; display:inline-block; position:absolute; top:2px; right:4px; width:16px; height:16px; background:url(../images/top_ir.png) -99px -9px no-repeat;}
.nav_mbox nav .tm_depbg:after, .nav_mbox nav .tm_depbg .tm_depinner:after {content:''; display:block; visibility:hidden; clear:both;}



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



@media screen and (max-width:1800px) {
	.nav_pcbox .nav_inner {padding:0 20px;}
}

@media screen and (max-width:1400px) {
	.nav_pcbox nav {padding-left:24%;}
}

@media screen and (max-width:1240px) {
	.nav_pcbox nav {padding-left:22.5%; width:calc(100% - 60px);}
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01 {font-size:2.0rem;}
	
	.nav_pcbox nav a.open_win span:after {right:5px;}
}

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

@media screen and (max-width:1024px) {
	/*nav-태블릿 전환*/
	.nav_pcbox .nav_inner {justify-content:space-between; padding:0 20px; min-height:130px;}
	.nav_pcbox nav {display:none;}
	.nav_bg.open_m {display:block;}/*모바일-배경처리*/
}

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

@media screen and (max-width:640px) {
	.pc {display:none;}
	.nav_pcbox .nav_inner {min-height:110px;}

	/*nav-모바일 전환*/	
	.nav_mbox nav .tm_dep01 {padding:20px 10px;}
	.nav_mbox nav .tm_dep01 > li > .tm_tit01 {height:45px;}
	
	.nav_mbox nav .tm_depbg {padding:25px 20px 25px;} 
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 li .tm_tit02 {padding:13px 30px 13px 5px;}
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li > a.open_win {padding-right:35px;}
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li > a.open_win:after {right:10px;}
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02.m_3dep:before {right:10px; margin-top:-8px;}
	.nav_mbox nav span.open_win:after {top:15px; right:10px;}
	
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 {padding:10px 8px 10px 0;}
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 li {margin:1px 0;}
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a {line-height:1.6;}
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a span:before {top:9px;}
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li > a.open_win:after {top:3px;}
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep03 > li .tm_tit03 {font-size:1.4rem;}
	
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep04 > li > a {font-size:1.3rem;}
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep04 > li > a.open_win span:after {top:1px;}
}

@media screen and (max-width:480px) {	
	.m_infobox {display:flex; align-items:center; padding:0 20px; gap:15px;}
	.m_loginbtn,
	.m_mypagebtn,
	.m_mypagebtn.before,
	.m_citizenbtn,
	.m_citizenbtn.after {position:relative; left:unset; top:unset;}
	
	.m_infobox div a {padding-left:0; font-size:1.4rem;}
	.m_loginbtn a:before,
	.m_mypagebtn a:before,
	.m_mypagebtn.before a:before,
	.m_citizenbtn a:before {display:none;}
}



/********************************
 left-nav : sub
 *******************************/
aside {float:left; display:inline-block; width:18%; margin-top:110px;} 
.leftm_tit {display:table; position:relative; width:100%; height:180px; border-radius:25px 70px 25px 25px; background:#5625b1; text-align:center;}
/*.leftm_tit:before{content:''; display:block; position:absolute; bottom:-78px; left:calc(100% - 70px); width:150px; height:155px; border-radius:75px 0 0 0; background-color:#fff;}*/
.leftm_tit:after {content:''; display:inline-block; height:100%; vertical-align:middle;}

.leftm_tit .side_tit {display:table-cell; margin:0; padding:0 10px; vertical-align: middle; text-align:center; font-family:'OneMobile'; font-size:3.0rem; font-weight:500; color:#fff;}

.leftm_list {position:relative; margin-top:20px; padding:0 6px; border-radius:30px; background-color:#fff;}
.leftm_list li a {position:relative; display:block; padding:18px 55px 16px 25px; line-height:1.5; vertical-align:middle;}
.leftm_list li a.more: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:5px; right:5px; width:20px; height:20px; background-position:-27px 0;}
.leftm_list li a.dep_more.on:after {background-position:-27px -42px;}
.ul_dep01 > li > a.open_win:before {content:''; display:inline-block; position:absolute; top:50%; right:25px; margin-top:-9px; width:17px; height:17px; background:url(../images/leftm_ir.png) -57px 0 no-repeat;}
.ul_dep02 > li > a.open_win {padding-right:28px;}
.ul_dep02 > li > a.open_win:after {top:9px; right:7px; width:17px; height:17px; background-image:url(../images/icon_openwin.svg);}
.ul_dep03 > li > a.open_win span {padding-right:20px !important; background:url(../images/icon_openwin.svg) right 5px no-repeat; background-size:20%;}

.leftm_list > li {margin-top:10px;}
.leftm_list > li > a {font-family:'OneMobile'; color:#333; border-radius:15px; font-size:1.9rem; border:1px solid #ddd;}
.leftm_list > li > a:before {top:50%; right:20px; margin-top:-13px; width:26px; height:26px; background-position:0 0;}
.leftm_list > li > a:hover span,
.leftm_list > li > a:active span,
.leftm_list > li > a:focus span {color:#246BB9;}
.leftm_list > li > a.on {background-color:#333; border-radius:15px; border:1px solid #333;}
.leftm_list > li > a.on:before {color:#246BB9; background-position:0 -54px;}
.leftm_list > li > a.on span {color:#fff;}

.leftm_list > li > ul {padding:15px 20px 18px; border:1px solid #ddd; border-top:0; border-radius:0 0 20px 20px; background-color:#fff;}
.leftm_list > li > ul > li {border-width:0;}
.leftm_list > li > ul > li > a {font-family:'SCD'; padding:4px 10px 4px 15px;}
.leftm_list > li > ul > li > a:before {content:''; display:block; position:absolute; top:13px; left:5px; width:5px; height:5px; background-image:none; background-color:#a5afb5; border-radius:2px;}
.leftm_list > li > ul > li > a:hover span,
.leftm_list > li > ul > li > a:active span,
.leftm_list > li > ul > li > a:focus span,
.leftm_list > li > ul > li > a.on span {font-weight:500; color:#246BB9;}
.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 {background-color:#246BB9;}

.leftm_list > li > ul > li > ul {margin-bottom:10px; padding:13px 12px 15px; background-color:#f7fafc; border-radius:10px;}
.leftm_list > li > ul > li > ul > li {border-width:0;}
.leftm_list > li > ul > li > ul > li > a {display:inline-block; font-size:1.7rem; padding:4px 10px 4px 20px; letter-spacing:-1px;}
.leftm_list > li > ul > li > ul > li > a:before {content:''; display:inline-block; position:absolute; top:15px; left:8px; width:6px; height:2px; background-color:#999;}
.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,
.leftm_list > li > ul > li > ul > li > a.on span {font-weight:500; color:#333; text-decoration:underline;}
.leftm_list > li > ul > li > ul > li > a:hover:before,
.leftm_list > li > ul > li > ul > li > a:active:before,
.leftm_list > li > ul > li > ul > li > a:focus:before,
.leftm_list > li > ul > li > ul > li > a.on:before {background-color:#444;}

/* media query */
@media screen and (max-width:1520px) {
	aside {width:20%;}

}
@media screen and (max-width:1350px) {
	.leftm_list > li > ul {padding:25px 10px 15px;}
}

@media screen and (max-width:1200px) {
	aside {width:240px;}

}
@media screen and (max-width:1024px) {
	aside {display:none;}
}

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

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

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


/********************************
 contents : sub_top
 *******************************/
.sub_topVisual {position:absolute; left:0; top:0; width:100%; height:230px; background:#f4f3ff; z-index:-1;}


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

}
@media screen and (max-width:1024px) {
	.sub_topVisual {display:none;}
}



/********************************
 contents : sub
 *******************************/
.contents_inner {float:right; display:inline-block; width:78%; min-height:400px; padding:47px 0 0;}
.contents_inner .sub_top {position:relative; padding:30px 0 75px; text-align:center; z-index:3;}/* 페이지타이틀 */
.contents_inner .sub_top:before {display: block; position: absolute; left:0; bottom:-150px; width:100vw; height:155px; background-color: #fff;}
.contents_inner .sub_top .sub_title h2 {margin-bottom:10px; font-family:'OneMobile'; font-size:3.2rem; font-weight:400; line-height:1.3; color:#121212;} /* 페이지타이틀폰트*/
.contents_inner .sub_top .util_box {position:relative; padding:0; margin:0;}/*유틸*/
.contents_inner .sub_top .util_box:after {content:''; display:block; visibility:hidden; clear:both;}
.contents_inner .sub_top .util_box .location_box {display:block; margin:0 auto;}/*로케이션*/
.contents_inner .sub_top .util_box .location_box:after {content:''; display:table; clear:both;}
.contents_inner .sub_top .sns_box {position:absolute; right:0; bottom:-30px;}/*SNS 공유*/

.location_box li {position:relative; display:inline-block; padding-left:15px; margin-left:15px;}
.location_box li.on {font-weight:500; color:#333;}
.location_box li.home {position:relative; margin-left:0;}
.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:20px; height:20px; margin:-12px 0 0 -10px; background:url(../images/linemap_ir.png) -98px -98px no-repeat;}
.location_box li:before {content:''; position:absolute; display:block; left:-4px; top:9px; width:7px; height:11px; background:url(../images/linemap_ir.png) -135px -98px no-repeat;}
.location_box li:first-child:before {content:none;}

.sns_box li {display:inline-block; position:relative;}
.sns_box li a.sns_btn {display:block; font-size:0; background:#fff; box-shadow:3px 4px 18px 2px rgba(204, 204, 204, 0.25); border-radius:20px;}
.sns_box li a.sns_btn:before {content:''; display:inline-block; width:48px; height:48px; background-image:url(../images/linemap_ir.png); background-repeat:no-repeat;}
.sns_box a.sns_print {margin-right:8px;}
.sns_box a.sns_print:before {background-position:0 0;}/*프린트*/
.sns_box a.sns_print:hover {background:#246BB9;}
.sns_box a.sns_print:hover:before {background-position: 0 -49px;}/*프린트오버*/

.sns_box a.sns_share {position:relative;}/*공유하기*/
.sns_box a.sns_share:before {background-position:-49px 0;}
.sns_box a.sns_share:hover {background:#246BB9;}
.sns_box a.sns_share:hover:before {background-position: -49px -49px;}


/*공유하기 오픈*/
.sns_box a.sns_share.sns_open {background:#246BB9;}/*공유하기 활성*/
.sns_box a.sns_share.sns_open:before {background-position:-49px -49px;}

.sns_list {display:block;}
.sns_list li:after {content:''; display:block; visibility:hidden; clear:both;}
.sns_list li a {display:block; font-size:0; background:rgba(255,255,255,0.7); box-shadow:3px 4px 18px 2px rgba(204, 204, 204, 0.25); border-radius:20px;}
.sns_list li a:before {content:''; display:inline-block; width:48px; height:48px; background-image:url(../images/linemap_ir.png); background-repeat:no-repeat;}

.sns_list a.sns_kakao {background-color:#ebb900;}/*SNS 카카오*/
.sns_list a.sns_kakao:before {background-position:-98px 0;}
.sns_list a.sns_facebook {background-color:#3b5496;}/*SNS 페이스북*/
.sns_list a.sns_facebook:before {background-position:-147px 0;}
.sns_list a.sns_twitter {background-color:#09090a;}/*SNS 트위터*/
.sns_list a.sns_twitter:before {background-position:-196px 0;}
.sns_list a.sns_blog {background-color:#09aa39;}/*SNS 블로그*/
.sns_list a.sns_blog:before {background-position:-245px 0;}

.sns_inner {display:none;}
.sns_open .sns_inner {display:block;}

.sns_inner {position:absolute; right:0; top:55px; padding-bottom:50px; z-index:1;}
.sns_inner .close {display:block; position:absolute; bottom:1px; right:1px; width:46px; height:46px; background:url(../images/ico_close_white.svg) no-repeat 54% 54% #333; background-size:1.1em auto; border-radius:1em; text-indent:-999px; overflow:hidden;}
.sns_inner button.close:focus-visible {outline:2px dotted #ff5722;}


.content_box {position:relative; padding-top:50px; background-color:#fff;}



/********************************
 media query
 *******************************/
@media screen and (max-width:1520px) {	
	.contents_inner {width:76%;}
}

@media screen and (max-width:1200px) {
	.contents_inner {width:calc(100% - 280px);}
	.contents_inner .sub_top .sns_box {bottom:-30px;}
}

@media screen and (max-width:1024px) {
	.contents_inner {width:100%; padding:0; transition: width 0.1s linear;}
	.contents_inner .sub_top {margin-left:0; padding:30px 40px; background-color:#f4f3ff;}
	.contents_inner .sub_top:before {display:none;}
	.contents_inner .sub_top .sub_title h2 {font-size:2.8rem;} 
	
	.contents_inner .line_map {padding-bottom:20px; margin-bottom:30px;}
	.contents_inner .line_map h2 {font-size:2.8rem;}
	
	.contents_inner .sub_top .sns_box {right:40px;}
	
	.content_box {padding:35px 40px;}
}

@media screen and (max-width:767px) {	
	.contents_inner .sub_top {padding:30px 20px;}
	.contents_inner .sub_top .sub_title h2 {font-size:2.4rem;}
	
	.location_box li:before {top:7px;}
	.location_box li.home:after {margin:-11px 0 0 -10px;}

	.contents_inner .sub_top .sns_box {bottom:-24px; right:20px;}
	.sns_box li a.sns_btn {border-radius:14px;}
	.sns_box li a.sns_btn:before {width:36px; height:36px;}
	.sns_box a.sns_print {margin-right:4px;}
	.sns_box a.sns_print:before {background-position:0 -98px;}
	.sns_box a.sns_print:hover:before {background-position: 0px -135px;}
	
	.sns_box a.sns_share:before {background-position:-37px -98px;}
	.sns_box a.sns_share:hover:before,
	.sns_box a.sns_share.sns_open:before {background-position: -37px -135px;}
	
	.sns_inner {top:45px;}
	.sns_list li a {border-radius:15px;}
	.sns_list li a:before {width:36px; height:36px;}
	.sns_list li a.sns_share:before {background-position:-37px -98px;}/*공유하기*/
	.sns_list li a.sns_share.sns_open:before {background-position: -37px -135px;}/*공유하기 활성*/
	.sns_list li a.sns_kakao:before {background-position: -98px -49px;}/*SNS 카카오*/
	.sns_list li a.sns_facebook:before {background-position:-135px -49px;}/*SNS 페이스북*/
	.sns_list li a.sns_twitter:before {background-position:-172px -49px;}/*SNS 트위터*/
	.sns_list li a.sns_blog:before {background-position:-209px -49px;}/*SNS 블로그*/

	.sns_inner .close {right:0; top:170px; width:36px; height:36px; background-position:53% 54%;}/*공유닫기*/
	
	.content_box {padding:30px 20px;}
}

@media screen and (max-width:640px) {
	.contents_inner .sub_top {text-align:left;}
	.contents_inner .sub_top .sub_title h2 {font-size:2.2rem;}
	
	.content_box {padding:25px 20px;}
}


@media screen and (max-width:480px) {
	.contents_inner .sub_top .sub_title h2 {margin-bottom:5px; font-size:2.0rem;}
	.location_box > li {padding-left:10px; margin-left:10px; font-size:1.4rem;}
	.location_box > li:before {top:6px;}
	.location_box > li.home:after {margin:-10px 0 0 -7px; width:15px; height:15px; background-position:-119px -98px;}
	
	.sns_box li a.sns_btn {background:#fff;}
}


/********************************
 5댑스 상단탭
 *******************************/
.depsTopbox .tab_box {margin-top:0; margin-bottom:0; padding-top:50px;}
.depsTopbox .tab_box.tab_col0 {padding-top:0}


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

@media screen and (max-width:1200px){
	.depsTopbox .tab_box {padding-top:40px;}
}

@media screen and (max-width:1024px){
	.depsTopbox .tab_box {padding:40px 40px 0;}
}

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

@media screen and (max-width:767px){
	.depsTopbox .tab_box {padding:30px 20px 0;}
}

@media screen and (max-width:640px){
	.depsTopbox .tab_box {padding:25px 20px 0;}
}

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







/********************************
 footer : 공통
 *******************************/
#foot_layout {background-color:#0d2433; color:#fff; font-size:1.5rem;}
#foot_layout .inner {display:flex; align-items:center; gap:80px; padding:80px 0;}

/* footer 내용 */
.foot_logo {margin-top:5px;}

.f_txtbox {}
.f_txtbox ul{display:flex; flex-wrap:wrap;}
.f_txtbox ul li {position:relative; padding-left:24px;}
.f_txtbox ul li:before {content:'/'; display:inline-block; position:absolute; top:2px; left:9px; color:#fff; font-size:1.4rem;}
.f_txtbox ul li:first-child {padding-left:0px;}
.f_txtbox ul li:first-child:before {display:none;}




/* 상단이동 버튼 */
.move_top {overflow:hidden; position:fixed; right:40px; bottom:50px; width:70px; height:70px; text-indent:-9999px; background:#fff url(../images/icon_top.png) 50% 50% no-repeat; background-size:20%; border-radius:50%; box-shadow:0px 2px 16px 0 rgba(0, 0, 0, .2); transition:.3s all; -webkit-transition:.3s all; z-index:69;}
.move_top:hover {background-position:50% 40%;}


/* media query */
@media screen and (max-width:1800px) {
	#foot_layout .inner {padding:80px 20px;}
}

@media screen and (max-width:1520px) {
	#foot_layout .inner {gap:50px;}
}

@media screen and (max-width:1024px) {
	#foot_layout .inner {gap:0; padding:50px 20px 80px;}
	.foot_logo {display:none;}
}

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

}

@media screen and (max-width:767px) {
	#foot_layout .inner {gap:0; padding:50px 20px 80px; text-align:center;}
	.f_txtbox ul {justify-content:center;}
}

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

@media screen and (max-width:480px) {
	.move_top {right:20px;}	
}