@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:1520px; 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:1520px; margin:0 auto;}

/* media query */
@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;}
}


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


/*lnb영역*/
.lnb_inner {display:flex; justify-content:space-between; align-items:center;}
.lnb_box {background-color:#158576;}
.link_tm {display:flex; justify-content:flex-start;}
.link_tm li a {position:relative; display:block; padding:0 30px; line-height:55px; font-family:'OneMobile'; color:#fff; font-size:1.5rem;}
.link_tm li a.on {background-color:#fff; color:#158576;}

.lang a {padding:0 20px; font-size:1.6rem; color:#Fff;}


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



/*로고-pc*/
.logoBox {display:flex; align-items:center; justify-content:space-between; margin:0 auto; max-width:1520px; width:100%; height:100px;}
.logo {display:inline-block; font-size:0; line-height:100;}
.logo a {position:relative; display:inline-block; width:420px; height:40px; font-size:0;}
.logo a:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:420px; height:40px; background:url(../images/logo.png) 0 0 no-repeat;}

.memberBox {display:flex; justify-content:flex-start;}
.memberBox li a {display:block; padding:0 25px; font-size:1.6rem; font-weight:400;}
.memberBox li:last-child a {padding-right:0;}
.memberBox li a:hover,
.memberBox li a:active,
.memberBox li a:focus {text-decoration:none;}



/*태블릿 이하 출력 : 검색, 메뉴*/
.view_pc {position:relative; top:20px; width:50px; height:50px;}
.view_pc.pc_sch {margin-right:20px;}
.view_pc a,
.view_pc button {position:absolute; right:0; top:0; display:block; width:50px; height:50px;}
.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:-10px -12px 0 0; width:24px; height:20px; background-image:url(../images/icon_menu.png);}


/*모바일 버튼*/
.view_m {display:none; position:absolute;}
.view_m.menu_mbtn {top:29px; right:20px; width:40px; height:40px;}
.view_m a {position:absolute; right:0; top:0; display:block;  width:40px; height:40px;}
.view_m a:before {content:''; position:absolute; right:50%; top:50%; margin:-10px -12px 0 0; width:24px; height:20px; background:url(../images/icon_menu.png) 0 0 no-repeat;}



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

@media screen and (max-width:1024px) {
	.logoBox {padding:0;}
	.logo {position:relative;}
	.logo a {width:350px; height:33px;}
	.logo a:before {width:350px; height:33px; background-size:100%;}
	.memberBox {display:none;}
	
	.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;}

	/*nav-태블릿 전환*/
	.nav_pcbox .nav_inner {justify-content:space-between; padding:0 20px}
	.nav_pcbox nav {display:none;}
	.nav_bg.open_m {display:block;}/*모바일-배경처리*/
}

@media screen and (max-width:640px) {
	.logoBox {height:80px;}
	.logo a {width:300px; height:29px;}
	.logo a:before {width:300px; height:29px;}
	
	.view_m.menu_mbtn {top:19px;}
	.nav_pcbox .nav_inner {min-height:60px;}
	
}


@media screen and (max-width:480px) {
	.logoBox {height:60px;}
	.logo a {width:250px; height:24px;}
	.logo a:before {width:250px; height:24px;}
	
	.view_m.menu_mbtn {top:10px;}
}




/* nav-pc */
.nav_pcbox {position:relative; box-shadow:0 6px 15px 0 rgba(32, 54, 121, 0.05);}
.nav_pcbox .nav_inner {display:flex; flex-wrap:wrap; margin:0 auto; border-bottom:1px solid #ddd;}
.nav_pcbox .nav_inner:before {content:''; position:absolute; left:0; right:0; top:100px; width:100%; height:1px; background-color:#ddd;}

.nav_pcbox nav {margin:0 auto; max-width:1520px; width:100%;}
.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 {width:14%;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 {position:relative; display:block; padding:13px 0; font-family:'OneMobile'; font-size:1.8rem; 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:#1F695C; transition:opacity 250ms ease-in-out; z-index:61;}
.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:0; top:170px; width:100%; height:auto; background:linear-gradient(90deg, rgb(214 237 237 / 70%) 26.04%, rgba(246, 242, 255, 0.7) 100%), #FFFFFF; border-top:1px solid #ddd; border-bottom:1px solid #ddd; 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; max-width:1520px; margin:0 auto; min-height:400px; 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:#1F695C; font-family:'OneMobile';}

.nav_pcbox nav .tm_depbg .tm_depinner ul {position:relative; display:flex; flex-wrap:wrap; align-items:stretch; gap:40px; margin-left:220px; padding:40px 0 40px 40px; background-color:#fff; border-radius:0 0 0 80px;}
.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 {margin-bottom:40px; min-height:360px;}
.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:calc(25% - 30px); margin-bottom:20px;}
.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:55px; line-height:1.0; text-align:center; border-radius:10px; border:1px solid #ddd; transition:all 0.2s linear; z-index:3;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 span {position:relative; display:block; padding:5px; line-height:1.2; color:#222; font-weight:500;}
.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 {border-color:#1F695C; border-radius:10px 30px 10px 10px; background:#1F695C; text-decoration:none;}
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:hover .tm_tit02 span,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:active .tm_tit02 span,
.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li:focus .tm_tit02 span {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; position:fixed; right:0; top:0; width:450px; height:100%; background:#f7fafc url(../images/m_nav_leftbg.png) -10px 0 repeat-y; transform: translateX(100%); transition: transform 250ms ease-in-out; z-index:70;}
.nav_mbox.open {transform: translateX(0);}
.nav_mbox .nav_inner {margin:0; max-width:inherit; height:100%;}
.nav_mbox nav {}
.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 {position:relative;}
.nav_mbox nav .tm_dep01 {padding-top:25px;}
.nav_mbox nav .tm_dep01 > li {display:block; padding-top:10px;}
.nav_mbox nav .tm_dep01 > li:first-child {padding-top:0;}
.nav_mbox nav .tm_dep01 > li {}
.nav_mbox nav .tm_dep01 > li > .tm_tit01 {display:flex; align-items:center; position:relative; width:170px; height:50px; padding:5px 15px; font-family:'OneMobile'; font-size:1.6rem; color:#fff; 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 {margin-left:15px; color:#fff; background-color:#343434; border-radius:8px 20px 8px 8px; font-weight:500;}
.nav_mbox nav .tm_dep01 > li > .tm_tit01.on {margin-left:15px; 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:13px; top:50%; margin-top:-6px; width:7px; height:11px; background:url(../images/top_ir.png) -110px -26px no-repeat;}


.nav_mbox nav .tm_depbg {display:none; position:absolute; left:150px; top:0; padding:24px 35px 30px; width:calc(100% - 150px); 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 40px 17px 15px; text-align:left; line-height:1.3; color:#333; font-size:1.8rem; line-height:1.3; 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:15px; 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:8px; width:4px; height:1px; background-color:#333;}
.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;}



	/*모바일메뉴 상단*/
.m_infobox {display:block; position:relative; min-height:70px; background-color:#1F695C;}
.m_infobox div a {position:relative; display:block; padding-left:30px; color:#fff; font-size:1.6rem;}
.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:#1F695C;}
.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;}


/*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:1520px) {
	.tm_copybox {padding-left:10px;}
	.nav_pcbox nav .tm_depbg .tm_depinner:before {left:1%; width:220px; height:233px;}
}


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

@media screen and (max-width:1200px) {
	.tm_copybox {width:250px;}
	.nav_pcbox nav .tm_depbg .tm_depinner ul {gap:20px; margin-left:250px;}
	.nav_pcbox nav a.open_win span:after {right:5px;}
	.nav_pcbox nav .tm_depbg .tm_depinner .tm_dep02 > li {width:calc(25% - 15px);}
}

@media screen and (max-width:1024px) {
	/*nav-태블릿 전환*/
	.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:before {display:none;}

	/*nav-모바일 전환*/
	.nav_mbox {width:400px; background-position:-20px 0;}
	.nav_mbox nav .tm_depbg {padding:25px; left:140px; width:calc(100% - 140px);}
	.nav_mbox nav .tm_dep01 > li > .tm_tit01 {padding:5px 10px 5px 15px; width:140px; font-size:1.5rem;}
	.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, 
	.nav_mbox nav .tm_dep01 > li > .tm_tit01.on {padding-left:10px;}
	.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 {right:10px;}
	
	.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 li .tm_tit02 {padding:13px 35px 13px 8px; font-size:1.5rem;}
	.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) {
	.nav_mbox {width:320px; background-position:-45px 0;}
	.nav_mbox nav .tm_dep01 > li > .tm_tit01 {padding-left:16px; width:120px;}
	.nav_mbox nav .tm_depbg {padding:20px; left:120px; width:calc(100% - 120px);}
	
	.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:20%; margin-top:70px;} 
.leftm_tit {display:table; position:relative; width:100%; height:180px; border-radius:25px 70px 25px 25px; background:#1F695C; 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 10px; border-radius:30px; background-color:#fff;}
.leftm_list li a {position:relative; display:block; padding:18px 40px 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 {top:50%; right:5px; margin-top:-9px; 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_dep02 > li > a.open_win {padding-right:28px;}
.ul_dep02 > li > a.open_win:after {top:10px; right:7px; width:17px; height:17px; background-image:url(../images/icon_openwin.png);}
.ul_dep03 > li > a.open_win span {padding-right:20px !important; background:url(../images/icon_openwin.png) 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; background-color:#f0f0f0; font-size:1.9rem;}
.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:#158527;}
.leftm_list > li > a.on {background-color:#333;}
.leftm_list > li > a.on:before {color:#158527; background-position:0 -54px;}
.leftm_list > li > a.on span {color:#fff;}

.leftm_list > li > ul {margin-top:-15px; padding:25px 20px 15px; 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:'Pretendard'; font-size:1.8rem; padding:2px 10px 2px 15px;}
.leftm_list > li > ul > li > a:before {content:''; display:block; position:absolute; top:11px; 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:#158527;}
.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:#158527;}

.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:13px; 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:1350px) {
	.leftm_list > li > ul {padding:25px 10px 15px;}

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

}
@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:200px; background:linear-gradient(135deg, #eaef12 5%, #778f3e 40%, #3a9670 75%, #0fe5d3 90%); opacity:0.15; 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:75%; min-height:400px;}
.contents_inner .sub_top {position:relative; padding:65px 0 52px; 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:8px; 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:#158576;}
.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:#158576;}
.sns_box a.sns_share:hover:before {background-position: -49px -49px;}


/*공유하기 오픈*/
.sns_box a.sns_share.sns_open {background:#158576;}/*공유하기 활성*/
.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:1200px) {
	.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;}
	.contents_inner .sub_top:before {content:''; bottom:unset; top:0; height:100%; background:linear-gradient(135deg, #eaef12 5%, #778f3e 40%, #3a9670 75%, #0fe5d3 90%); opacity:0.15;}
	.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;}
	.sns_box {display:none;}
	
	.content_box {padding:35px 30px;}
}

@media screen and (max-width:767px) {
	#body_layout .body_inner {margin-bottom:40px;}
	
	.contents_inner .sub_top {padding:30px 20px;}
	.contents_inner .sub_top .sub_title h2 {font-size:2.4rem;}
	
	.location_box li:before {top:5px;}
	.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:4px;}
	.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 30px 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:#f8f8f8;}
.foot_topbox .inner {position:relative;}
.foot_topbox .foot_infolink {border-bottom:1px solid #ddd;}
.foot_topbox .foot_infolink ul {display:flex; flex-wrap:wrap;}
.foot_topbox .foot_infolink li {}
.foot_topbox .foot_infolink li a {position:relative; display:block; padding:18px 20px; color:#333; font-size:1.8rem;}
.foot_topbox .foot_infolink li a strong {color:#1362d8;}
.foot_topbox .foot_infolink li:first-child a {padding-left:0;}

.app_download {display:inline-block; position:relative; width:auto; border-bottom:2px solid #333; box-sizing:border-box; transition-duration:250ms; transition-timing-function:ease-in-out;}
.app_download:after {content:''; display:block; z-index:1; position:absolute; bottom:0; left:0; width:0%; height:100%; background-color:transparent; box-sizing:border-box; transition-property:width, background-color; transition-duration:250ms; transition-timing-function:ease-in-out;}
.app_download a {display:inline-block; z-index:3; position:relative; padding:9px 45px 7px 15px; color:#333; font-weight:500; box-sizing:border-box; transition-property:color; transition-duration:250ms; transition-timing-function:ease-in-out;}
.app_download a:hover {text-decoration:none; color:#fff;}
.app_download a:before {content:''; display:inline-block; position:absolute; right:18px; top:10px; width:15px; height:21px; background:url(../images/icon_f_modownload.png) 0 0 no-repeat;}
.app_download a:hover:before {background:url(../images/icon_f_modownload_on.png) 0 0 no-repeat;}
.app_download:hover:after{width:100%; background-color:#333;}

.app_box {display:none;}
.foot_infobox {position:relative; padding:30px 0 50px; color:#333; font-size:1.8rem;}
.foot_infobox .inner {}

.foot_infobox .f_txtbox {}
.foot_infobox .f_txtbox ul{display:flex; flex-wrap:wrap;}
.foot_infobox .f_txtbox ul li {position:relative; padding-left:24px;}
.foot_infobox .f_txtbox ul li:before {content:'/'; display:inline-block; position:absolute; top:0; left:9px; color:#b8c1cf;}
.foot_infobox .f_txtbox ul li:first-child {padding-left:0px;}
.foot_infobox .f_txtbox ul li:first-child:before {display:none;}
.foot_infobox .copyright {margin-top:5px;}

.foot_infobox .banner_list {display:flex; flex-wrap:wrap; margin-top:40px;}
.foot_infobox .banner_list > li {margin-right:30px;}


/* 상단이동 버튼 */
.move_top {position:fixed; right:20px; bottom:20px; width:55px; text-indent:-9999px; height:55px; overflow:hidden; background:#d93750 url(../images/icon_top.png) no-repeat center center; border-radius:50%;  z-index:69;}



/* media query */
@media screen and (max-width:1520px) {
	.foot_topbox .foot_infolink li:first-child a {padding-left:20px;}
	.foot_infobox {padding:30px 20px 50px;}
}

@media screen and (max-width:1024px) {
	.foot_infobox {padding:35px 20px 30px;}

	.foot_topbox .inner {display:block;}
	
	.foot_topbox {padding-top:0;}
	.foot_topbox .foot_logo {margin:0 auto 10px;}
	.foot_topbox .foot_infolink ul {justify-content:center;}
	.foot_topbox .foot_infolink li:first-child a {padding-left:10px;}

	.foot_infobox .f_txtbox ul {justify-content:center;}
	.foot_infobox .copyright {text-align:center;}
	.foot_infobox .pc_red {text-align:center;}
	
	.foot_infobox .banner_list {justify-content:center; margin-top:40px;}
	.foot_infobox .banner_list > li {margin-right:30px;}
	
	
}

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

@media screen and (max-width:767px) {
	.foot_infobox {padding:20px 20px 30px;}
	.foot_infobox .inner {flex-direction:column;}
	.foot_infobox .left {text-align:center;}
	.foot_topbox .foot_infolink li a {padding:18px 10px; font-size:1.6rem;}
	
	.foot_infobox .f_txtbox ul li {font-size:1.6rem;}
	.foot_infobox .copyright {font-size:1.6rem;}
	
	.app_box {padding-bottom:80px;}
}

@media screen and (max-width:630px) {
	.foot_infobox .f_txtbox ul{display:block; text-align:center;}
	.foot_infobox .f_txtbox ul li {padding-left:0;}
	.foot_infobox .f_txtbox ul li:before {display:none;}
}

@media screen and (max-width:480px) {
	.foot_topbox .foot_infolink li a {padding:15px 10px;}
	
	.move_top {right:10px; bottom:10px;}
	
}