@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:1600px; 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:1600px; 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:#794848;}
.link_tm {display:flex; justify-content:flex-start;}
.link_tm li a {position:relative; display:block; padding:0 20px; line-height:65px; font-size:1.6rem; font-weight:600; 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; gap:30px;}
.memberBox li {position:relative;}
.memberBox li:before {content:''; position:absolute; left:-18px; top:calc(50% - 2px); width:5px; height:5px; background:#ddd; border-radius:10px;}
.memberBox li:first-child:before {display:none;}


.memberBox li a {position:relative; display:block; padding-left:25px; font-size:1.6rem; color:#fff; font-weight:600;}
.memberBox li a:before {content:''; position:absolute; left:0; top:calc(50% - 11px); width:23px; height:23px; background-repeat:no-repeat; background-image:url(../images/top_ir.png);}
.memberBox li.loginbtn a:before {background-position:0 -45px;}
.memberBox li.joinbtn a:before {background-position:-48px -45px;}
.memberBox li.mypagebtn a:before {background-position:-24px -45px;}
.memberBox li.ctzbtn a:before {background-position:-72px -45px;}
.memberBox li a:hover,
.memberBox li a:active,
.memberBox li a:focus {text-decoration:none;}



/*media query*/
@media screen and (max-width:1600px) {
	.lnb_inner {padding:0 20px;}
	.link_tm li a {padding:0 15px;}
}

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

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

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

	


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



/*태블릿 이하 출력 : 검색, 메뉴*/
.view_pc {position:relative; 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; background-color:#fff; border:1px solid #ddd; border-radius:10px;}
.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); background-size:100%;}


/*모바일 버튼*/
.view_m {display:none; position:absolute;}
.view_m.menu_mbtn {right:20px; width:50px; height:50px; border-radius:5px;}
.view_m a {position:absolute; right:0; top:0; display:block; width:50px; height:50px; border:1px solid #ddd; border-radius:10px;}
.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; background-size:100%;}



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

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

@media screen and (max-width:1024px) {
	.logo {position:relative;}
	
	.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) {
	.logo a {width:180px; height:40px;}
	.logo a:before {width:180px; height:40px;}
}


@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:20px auto 0; max-width:1600px;}

.nav_pcbox nav {padding-left:20%; width:calc(100% - 70px); height: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:flex-end; align-items:center; height:100%;}
.nav_pcbox nav .tm_dep01 > li {position:relative; display:block; width:25%; height:100%;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 {position:relative; display:flex; justify-content:center; align-items:center; height:100%; font-family:'SBAggro'; font-weight:300; font-size:2.4rem; color:#222; text-align:center;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 span {position:relative; display:block; line-height:1.4;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 span:before {content:''; position:absolute; bottom:-13px; left:50%; width:0; height:3px; background-color:#2851bb; transform:translateX(-50%); transition:width .2s; 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; color:#2851bb;}
.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 {width:40%;}

.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_inner nav .tm_depinner {display:none; position:absolute; left:0; right:0; top:90px; height:288px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; transition:all 0.2s ease; z-index:50; margin-left:-1px;}


.nav_pcbox nav .tm_dep01 > li > .tm_tit01.on .tm_depinner,
.nav_pcbox nav .tm_dep01 > li:hover .tm_depinner,
.nav_pcbox nav .tm_dep01 > li:active .tm_depinner,
.nav_pcbox nav .tm_dep01 > li:focus .tm_depinner {background-color:#eceeff;}



.nav_pcbox nav .tm_depinner ul:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_pcbox nav .tm_depinner ul.tm_dep02 {display:flex; flex-wrap:wrap; padding:10px 20px;}

.nav_pcbox nav .tm_depinner .tm_dep02 > li {position:relative; width:100%;}
.nav_pcbox nav .tm_depinner .tm_dep02 > li:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_pcbox nav .tm_depinner .tm_dep02 > li .tm_tit02 {position:relative; display:block; padding:10px; text-align:center; z-index:3;}
.nav_pcbox nav .tm_depinner .tm_dep02 > li .tm_tit02 span {position:relative; display:block;}
.nav_pcbox nav .tm_depinner .tm_dep02 > li:hover .tm_tit02,
.nav_pcbox nav .tm_depinner .tm_dep02 > li:active .tm_tit02,
.nav_pcbox nav .tm_depinner .tm_dep02 > li:focus .tm_tit02 {border-color:#2851bb; border-radius:30px; background:#fff; text-decoration:none;}
.nav_pcbox nav .tm_depinner .tm_dep02 > li:hover .tm_tit02 span,
.nav_pcbox nav .tm_depinner .tm_dep02 > li:active .tm_tit02 span,
.nav_pcbox nav .tm_depinner .tm_dep02 > li:focus .tm_tit02 span {color:#fff;}

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

.nav_pcbox nav .tm_depinner .tm_dep02 > li .tm_tit02.on,
.nav_pcbox nav .tm_depinner .tm_dep02 > li .tm_tit02:hover,
.nav_pcbox nav .tm_depinner .tm_dep02 > li .tm_tit02:active,
.nav_pcbox nav .tm_depinner .tm_dep02 > li .tm_tit02:focus {background-color:#3c62c0; border-radius:50px; color:#fff;}



/*tm_dep02배경*/
.nav_inner nav .tm_pcbg {display:none; position:absolute; left:0; top:90px; width:100%; height:290px; background-color:#fff; border-bottom:2px solid #303030; border-top:1px solid #ddd; z-index:10;}



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

/*모바일메뉴 상단*/
.mobile_list {display:none;}
	
.m_infobox {display:block; position:relative; min-height:70px; background-color:#3c62c0;}
.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:'SBAggro'; 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%; background-color:#eceeff; 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:'SBAggro'; 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; padding-top:3px; line-height:1;}
.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 8px 20px 8px; font-weight:500;}
.nav_mbox nav .tm_dep01 > li > .tm_tit01.on {color:#fff; background:#e1416c; border-radius:8px 8px 20px 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;}
.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:#e1416c; 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.png) 0 0 no-repeat; transition:all 0.2s linear;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02.on span {color:#e1416c; 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.png);}

.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:1600px) {
	.nav_pcbox .nav_inner {padding:0 20px;}
}


@media screen and (max-width:1240px) {
	.nav_pcbox nav {padding-left:25%; width:calc(100% - 80px);}
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01 {font-size:2.0rem;}
	
	.nav_pcbox nav .tm_depbg .tm_depinner ul {gap:20px;}
	.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:1200px) {
}

@media screen and (max-width:1024px) {
	/*nav-태블릿 전환*/
	.nav_pcbox .nav_inner {justify-content:space-between; margin:0 auto; padding:0 20px; min-height:100px;}
	.nav_pcbox nav {display:none;}
	.nav_bg.open_m {display:block;}/*모바일-배경처리*/
	
	/*모바일메뉴 상단*/
	.mobile_list {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:20%; margin-top:100px;} 
.leftm_tit {display:table; position:relative; width:100%; height:180px; border-radius:25px 70px 25px 25px; background:#023793; box-shadow:10px 17px 50px 0 rgb(30, 90, 193, 0.35); text-align:center;}
.leftm_tit:before {content:''; display:block; position:absolute; bottom:-75px; 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:'SBAggro'; font-size:3.0rem; font-weight:500; color:#fff;}

.leftm_list {position:relative; margin-top:-20px; padding:30px; border-radius:30px; box-shadow:18px 30px 50px 0 rgba(140, 140, 140, 0.2); background-color:#fff;}
.leftm_list li {border-color:#e2e2e2; border-style:solid; border-width:0px 0px 1px;}
.leftm_list li a {position:relative; display:block; padding:15px 30px 11px 0; font-weight:300; font-family:'SBAggro'; font-size:1.9rem; 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:8px; 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: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 > a {color:#333;}
.leftm_list > li > a:before {top:50%; right:0; margin-top:-13px; width:26px; height:26px; background-position:0 0;}
.leftm_list > li > a:hover:before,
.leftm_list > li > a:active:before,
.leftm_list > li > a:focus:before {color:#3c62c0; background-position:0 -27px;}
.leftm_list > li > a:hover span,
.leftm_list > li > a:active span,
.leftm_list > li > a:focus span {color:#3c62c0;}
.leftm_list > li > a.on:before {color:#3c62c0; background-position:0 -54px;}
.leftm_list > li > a.on span {color:#3c62c0;}
.leftm_list > li > ul {padding:15px 0; background-color:#fff; border-top:2px solid #3c62c0;}
.leftm_list > li > ul > li {border-width:0;}
.leftm_list > li > ul > li > a {font-family:'NSN'; font-size:1.8rem; padding:5px 10px 5px 22px;}
.leftm_list > li > ul > li > a:before {content:''; display:block; position:absolute; top:15px; 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:#3c62c0;}
.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:#3c62c0;}

.leftm_list > li > ul > li > ul {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: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(325deg, #d7aafc 0%, #519bf4 100%); opacity:0.2; 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:76%; min-height:400px; padding:47px 0 0;}
.contents_inner .sub_top {position:relative; padding:25px 0 60px; 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:'SBAggro'; 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:#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:50px 0;}



/********************************
 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:linear-gradient(325deg, rgba(215, 170, 252, 0.2) 0%, rgba(81, 155, 244, 0.2) 100%);}
	.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 50px;}
}

@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 50px;}
}

@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 {}


/* footer : 유관기관 */
.foot_topbox {padding-top:25px; border-top:1px solid #ddd; background-color:#fff;}
.foot_topbox .inner {z-index:1;}

.site_list {position:relative; display:flex; justify-content:flex-start; gap:20px;}
.site_list .site_item {position:relative; display:flex; position:relative; width:25%; background-color:#f5f7fa; border-radius:10px;}
.site_list .site_item:first-child:before {content:''; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#fff;}
.site_list .site_item:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#fff;}
.site_list .site_show {display:block; position:relative; width:100%; padding:20px 50px 20px 18px; color:#444; text-align:left; font-weight:500;}
.site_list .site_show:before {content:''; display:block; position:absolute; top:50%; right:20px; margin-top:-2px; width:10px; height:6px; background:url(../images/foot_arrowB.png) center center no-repeat; background-size:100%; transform:rotate(180deg); transition:transform 0.2s ease;}
.site_list .site_item.active .site_show:before {background-image:url(../images/foot_arrowW.png); transform:rotate(0deg); transition:transform 0.2s ease;}

.site_list .site_panel {display:none; position:absolute; bottom:100%; left:0; width:100%; border:1px solid #156dbf; border-radius:10px 10px 0 0; background-color:#fff; transition-property:background-color, color; transition-duration:250ms; transition-timing-function:ease-in-out;}
.site_list .site_ul {padding:14px 10px 10px 15px;}
.site_list .site_li {position:relative; padding-left:12px;}
.site_list .site_li:before {content:''; display:block; position:absolute; top:12px; left:0; width:6px; height:1px; background-color:#8c8c8c;}
.site_list .site_li:hover:before {background-color:#000;}
.site_list .site_anchor {color:#666; line-height:26px; letter-spacing:-0.025em; font-size:1.5rem;}
.site_list .site_li:hover .site_anchor {color:#000;}

/* 활성화 */
.site_list .site_item.active {}
.site_list .site_item.active .site_show {background:#156dbf; color:#fff; border-radius:0 0 10px 10px;}
.site_list .site_item.active .site_panel {}


 /* media query */
@media screen and (max-width:1600px){
	.foot_topbox .inner {padding:0 20px;}
	.foot_topbox .foot_infolink li:first-child a {padding-left:20px;}
}

@media screen and (max-width:1200px){
	.site_list .site_item {width:25%; min-width:unset;}
}

@media screen and (max-width:1024px){
	.foot_topbox .inner {display:block;}
}

@media screen and (max-width:920px){
	.site_list {flex-wrap:wrap; gap:15px;}
	.site_list .site_item {width:calc(50% - 8px);}
	.site_list .site_item:first-child:before,
	.site_list .site_item:after {display:none;}
	.site_list .site_show:before {margin-top:-3px;}
}

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

@media screen and (max-width:640px){
	.site_list .site_show {padding:15px 50px 15px 15px;}
}

@media screen and (max-width:480px){
	.site_list {gap:10px;}
	.site_list .site_item {width:100%;}
}



/*모바일메뉴 상단 - 관련사이트*/
.mobile_list .site_list {position:relative; display:flex; justify-content:flex-start;}
.mobile_list .site_list .site_item {position:relative; display:flex; position:relative; min-width:250px;}
.mobile_list .site_list .site_item:first-child:before {content:''; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#fff;}
.mobile_list .site_list .site_item:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background-color:#fff;}
.mobile_list .site_list .site_show {display:block; position:relative; width:100%; padding:15px 50px 15px 18px; color:#333; font-size:1.5rem; text-align:left; }
.mobile_list .site_list .site_show:before {content:''; display:block; position:absolute; top:50%; right:18px; margin-top:-2px; width:10px; height:6px; background:url(../images/foot_arrowB.png) center center no-repeat; background-size:100%; transform:rotate(0deg); transition:transform 0.2s ease;}
.mobile_list .site_list .site_item.active .site_show:before {background-image:url(../images/foot_arrowW.png); transform:rotate(180deg); transition:transform 0.2s ease;}

.mobile_list .site_list .site_panel {display:none; position:absolute; bottom:100%; left:0; width:100%; border:1px solid #794848; background-color:#fff; transition-property:background-color, color; transition-duration:250ms; transition-timing-function:ease-in-out;}
.mobile_list .site_list .site_ul {padding:14px 10px 10px 15px;}
.mobile_list .site_list .site_li {position:relative; padding-left:12px;}
.mobile_list .site_list .site_li:before {content:''; display:block; position:absolute; top:12px; left:0; width:6px; height:1px; background-color:#8c8c8c;}
.mobile_list .site_list .site_li:hover:before {background-color:#000;}
.mobile_list .site_list .site_anchor {color:#666; line-height:26px; letter-spacing:-0.025em; font-size:1.5rem;}
.mobile_list .site_list .site_li:hover .site_anchor {color:#000;}

/* 활성화 */
.mobile_list .site_list .site_item.active {border:none;}
.mobile_list .site_list .site_item.active .site_show {background:#222; color:#fff;}


/*모바일메뉴 상단*/
.mobile_list {padding:5px 20px 1px; background-color:#794848;}
.mobile_list .site_list .site_show {color:#fff;}
.mobile_list .site_list .site_show:before {background:url(../images/foot_arrowW.png) center center no-repeat; transform:rotate(0deg); transition:transform 0.2s ease;}
.mobile_list .site_list .site_item {width:100%; border:none; background:none;}
.mobile_list .site_list .site_item.active .site_show {background-color:#794848; border-radius:0;}
.mobile_list .site_list .site_item.active .site_show:before {transform:rotate(180deg); transition:transform 0.2s ease;}

.mobile_list .site_list .site_panel {bottom:unset; top:100%; background-image:none; border-radius:0; background-origin:unset; background-clip:unset; z-index:11;}


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

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

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

@media screen and (max-width:920px){
	.mobile_list .site_list {flex-wrap:wrap; gap:15px;}
	.mobile_list .site_list .site_item:first-child:before,
	.mobile_list .site_list .site_item:after {display:none;}
	.mobile_list .site_list .site_show:before {right:13px; margin-top:-3px;}
}

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

@media screen and (max-width:640px){
	.mobile_list {display:block;}
	.mobile_list .site_list .site_show {padding:12px 50px 12px 15px; font-size:1.5rem;}
}

@media screen and (max-width:480px){
	.mobile_list .site_list {gap:10px;}
	.mobile_list .site_list .site_item {width:100%;}
}
 
 


/* footer 내용 */
.foot_infobox {position:relative; padding:35px 0 50px; color:#333; font-size:1.6rem;}
.foot_infobox .inner {display:flex; align-items:center; justify-content:space-between;}
.foot_infobox .foot_infolink ul {display:flex; flex-wrap:wrap; margin-bottom:10px;}
.foot_infobox .foot_infolink li {position:relative;}
.foot_infobox .foot_infolink li + li:before {content:''; position:absolute; left:0; top:5px; width:1px; height:14px; background-color:#aaa;}
.foot_infobox .foot_infolink li a {position:relative; display:block; padding:0 15px; color:#333;}
.foot_infobox .foot_infolink li a strong {color:#156dbf;}
.foot_infobox .foot_infolink li:first-child a {padding-left:0;}

.foot_infobox .f_txtbox {}
.foot_infobox .f_txtbox ul {display:flex; flex-wrap:wrap; gap:30px;}
.foot_infobox .f_txtbox ul li {position:relative;}
.foot_infobox .f_txtbox ul li:before {content:''; position:absolute; top:calc(50% - 2px); left:-18px; width:5px; height:5px; border-radius:10px; background:#ddd;}
.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;}

.foot_infobox .right {display:flex; gap:20px;}
.foot_infobox .right .qrCode {border:2px solid #156dbf; border-radius:20px; padding:10px;}


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


/* media query */
@media screen and (max-width:1600px) {
	.foot_infobox {padding:30px 20px 50px;}
}

@media screen and (max-width:1024px) {
	.foot_infobox .banner_list {justify-content:center; margin-top:40px;}
	.foot_infobox .banner_list > li {margin-right:30px;}
}

@media screen and (max-width:920px) {
	.foot_infobox .inner {justify-content:center;}
	.foot_infobox .foot_infolink ul {justify-content:center;}
	.foot_infobox .foot_infolink li:first-child a {padding-left:15px;}

	.foot_infobox .right {display:none;}
}

@media screen and (max-width:767px) {
	.foot_infobox {padding:20px 20px 50px; font-size:1.5rem;}
	.foot_infobox .inner {flex-direction:column;}
	.foot_infobox .left {text-align:center;}
}

@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) {
	.move_top {right:20px;}
}