@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_box {background-color:#f4f4f4; border-bottom:1px solid #e2e2e2;}
.lnb_inner {display:flex; justify-content:space-between;}

.oldHomepage {}
.oldHomepage a.old_baroBtn {display:block; padding:0 30px; line-height:45px; color:#fff; font-size:1.8rem; background-color:#363b4b; text-decoration:none;}

.memberBox {display:flex; justify-content:flex-end;}
.memberBox li a {position:relative; display:block; padding:0 30px; line-height:45px; color:#222; font-size:1.8rem; border-left:1px solid #e2e2e2;}
.memberBox li:last-child a {border-right:1px solid #e2e2e2;}
.memberBox li a:hover,
.memberBox li a:active,
.memberBox li a:focus {text-decoration:none;}


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

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

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

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

	


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



/*태블릿 이하 출력 : 검색, 메뉴*/
.view_pc {position:relative; width:50px; height:50px;}
.view_pc.pc_sch {}
.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:-11px -15px 0 0; width:30px; height:23px; background-image:url(../images/icon_menu.png); background-size:100%;}

/*검색창 열림*/
.search_open body {overflow-y:hidden;}
.search_box {display:none; position:absolute; left:0; top:105px; margin:0; width:100%; border:none; background-color:#f2f8ff; z-index:16;}
.search_box.open {display:block;}
.search_box form {position:relative; margin:0 auto; padding:60px 0; width:700px;}
.search_box fieldset {posirion:relative;}
.search_box .srch_txt {position:relative; display:block; border-radius:50px; background-color:#fff; border:2px solid #402D72;}
.search_box .srch_txt:before {content:''; position:absolute; left:25px; top:50%; margin-top:-19px; width:37px; height:38px; background:url(../images/k_logo.png) 0 0 no-repeat; z-index:1;}
.search_box .srch_txt input {position:relative; padding:0 50px 0 40px; width:100%; height:70px; line-height:40px; border-radius:50px; border:none; font-size:2.2rem; font-weight:500; background:none;}
.search_box .srch_txt input:-webkit-autofill,
.search_box .srch_txt input:-webkit-autofill:hover,
.search_box .srch_txt input:-webkit-autofill:focus,
.search_box .srch_txt input:-webkit-autofill:active {-webkit-box-shadow:0 0 0 1000px #fff inset; -webkit-text-fill-color:#333;}
.search_box .btn_sch {position:absolute; right:17px; top:42px; width:70px; height:70px; background-color:#331d8c; border-radius:45px 45px 45px 8px;}
.search_box .btn_sch:before {content:''; position:absolute; left:50%; top:50%; margin:-14px 0 0 -14px; width:29px; height:29px; background:url(../images/icon_sch2.png) 0 0 no-repeat;}
.search_box .srchclose {position:absolute; bottom:-30px; left:50%; margin-left:-30px;}
.search_box .srchclose .c_btn {position:relative; width:55px; height:55px; background-color:#282e4d; border-radius:25px;}
.search_box .srchclose .c_btn:before {content:''; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; width:20px; height:20px; background:url(../images/icon_schclose.png) no-repeat;}

/*모바일 버튼*/
.view_m {display:none; position:absolute;}
.view_m.menu_mbtn {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:-12px -14px 0 0; width:29px; height:23px; 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) {
	.view_pc {width:60px; height:60px;}
	.view_pc a,
	.view_pc button {width:60px; height:60px;}
	.view_pc.pc_menubtn a:before {margin:-9px -12px 0 0; width:24px; height:18px;}
}

@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:920px){ 
	.search_box form {padding:80px 50px 80px 30px; width:100%;}
	.search_box .srch_txt input {font-size:2.0rem;}
	.search_box .btn_sch {right:67px; top:60px;}
}

@media screen and (max-width:640px) {
	.logo a {width:252px; height:32px;}
	.logo a:before {width:252px; height:32px; background:url(../images/logo_ir.png) 0 -48px no-repeat;}
	
	.search_box {top:80px;}
	.search_box form {padding:60px 50px 60px 50px;}
	.search_box .srch_txt input {height:60px; font-size:1.6rem;;}
	.search_box .btn_sch {right:37px; top:50px; width:55px; height:55px;}
}


@media screen and (max-width:480px) {
	.logo a {width:212px; height:26px;}
	.logo a:before {width:212px; height:26px; background:url(../images/logo_ir.png) 0 -81px no-repeat;}
	
	.search_box form {padding:50px 30px 50px 30px;}
	.search_box .srch_txt:before {left:15px; margin-top:-15px; width:30px; height:31px; background-size:100%;}
	.search_box .srch_txt input {padding:0 30px 0 20px;}
	.search_box .btn_sch {right:17px;}
	
}





/* 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:1600px; min-height:105px;}

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

.nav_inner nav .tm_dep01 {display:flex; flex-wrap:wrap; justify-content:flex-end ;align-items:center; height: 100%;}
.nav_inner nav .tm_dep01 > li {position:relative; /*width: 25%;*/ padding:30px 4%;}
.nav_inner nav .tm_dep01 > li > .tm_tit01 {position:relative; display:block; padding:0; font-weight:600; font-size:2.2rem; color:#282828; text-align:center; }
.nav_inner nav .tm_dep01 > li:first-child > .tm_tit01:before {display:none;}
.nav_inner nav .tm_dep01 > li > .tm_tit01 span {position:relative; display:block;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 span:before {content:''; position:absolute; bottom:1px; left:50%; width:0; height:15px; opacity:0.16; 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:120%;}

.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_depbg {display:none; overflow:hidden; position:absolute; left:-25px; top:85px; width:calc(100% + 50px); height:auto; transition-property:height; transition-timing-function:linear; z-index:60;}
.nav_inner nav .tm_depbg.open_pc {display:block;}
.nav_inner nav .tm_depbg .tm_depinner {position:relative; margin:0 auto; transition-property:visibility, opacity, top;}

.nav_inner nav .tm_depbg .tm_depinner ul {position:relative; display:flex; flex-wrap:wrap; align-items:stretch; padding:20px; background-color:#110b64; border-radius:20px;}
.nav_inner nav .tm_depbg .tm_depinner ul:after {content:''; display:block; visibility:hidden; clear:both;}
.nav_inner nav .tm_depbg .tm_depinner ul.tm_dep02 {}

.nav_inner nav .tm_depbg .tm_depinner .tm_dep02 > li {position:relative;width:100%;padding: 0;}
.nav_inner nav .tm_depbg .tm_depinner .tm_dep02 > li:before {content:''; display:block; visibility:hidden; clear:both;}
.nav_inner nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02 {position:relative; display:flex; align-items:center; justify-content:center; height:40px; font-size:1.8rem; line-height:1.0; text-align:center; transition:all 0.2s linear; z-index:3;}
.nav_inner nav .tm_depbg .tm_depinner .tm_dep02 > li:hover .tm_tit02,
.nav_inner nav .tm_depbg .tm_depinner .tm_dep02 > li:active .tm_tit02,
.nav_inner nav .tm_depbg .tm_depinner .tm_dep02 > li:focus .tm_tit02 {text-decoration:none;}
.nav_inner 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_inner nav .tm_depbg .tm_depinner .tm_dep02 > li:hover .tm_tit02 span:before,
.nav_inner nav .tm_depbg .tm_depinner .tm_dep02 > li:active .tm_tit02 span:before,
.nav_inner 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_inner nav .tm_depbg .tm_depinner .tm_dep03 {display:none;}
.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;}

/*모바일메뉴 상단*/
.mobile_list {display:none;}
	
.m_infobox {display:block; position:relative; min-height:70px; background-color:#17295f;}
.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:-110px 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:38%; border-radius:0 2.5em 0 0; background-color:#eef0f3; 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:-17px; padding:2px 25px 0 15px; height:50px; font-family:'OneMobile'; letter-spacing:-0.7px; 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-color:#ef5432; 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:38%; 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:#222; 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.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:#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.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.57rem; 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:#333; font-weight:600;} 
.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:1240px) {
	.nav_pcbox nav {padding-left:30%; width:calc(100% - 60px);}
	.nav_inner nav .tm_depbg {top:77px;}
	.nav_inner nav .tm_dep01 > li {padding:25px 3%;}
	.nav_pcbox nav .tm_dep01 > li > .tm_tit01 {font-size:2.0rem;}
}

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

@media screen and (max-width:1024px) {
	/*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:767px) {
}

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

	/*모바일메뉴 상단*/
	.mobile_list {display:block;}
	
	/*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:#246BB9; 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.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; 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.more {border-radius:15px 15px 0 0;}
.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:15px 10px;}
}

@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
 *******************************/
.body_topimg {min-height:280px; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.2s linear;}
.body_topimg:after {content:''; display:block; visibility:hidden; clear:both;}
.body_topimg.sub_top1 {background-image:url(../images/sub/sub_top01.jpg);}
.body_topimg.sub_top2 {background-image:url(../images/sub/sub_top02.jpg);}
.body_topimg.sub_top3 {background-image:url(../images/sub/sub_top03.jpg);}
.body_topimg.sub_top4 {background-image:url(../images/sub/sub_top04.jpg);}
.body_topimg.sub_top5 {background-image:url(../images/sub/sub_top05.jpg);}
.body_topimg.sub_top6 {background-image:url(../images/sub/sub_top06.jpg);}

.body_topimg h2 {margin-bottom:0; padding-top:105px; font-size:3.5rem; font-weight:600; color:#fff; text-shadow: 0 0 20px black; text-align:center;}
 
/* media query */
@media screen and (max-width:768px) {
	.body_topimg {min-height:230px;}
	.body_topimg h2 {padding-top:85px; font-size:3.0rem;}
}
@media screen and (max-width:480px) {
	.body_topimg {min-height:190px;}
	.body_topimg h2 {padding-top:70px; font-size:2.8rem;}
}


/********************************
 contents : sub
 *******************************/
.contents_inner {display:inline-block; width:100%; min-height:400px; /*padding:47px 0 0;*/}
.contents_inner .sub_top {position:relative; /*margin-top:-30px;*/top:-30px; z-index:3;}/* 페이지타이틀 */
.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 .util_box .location_box.pc {display:block; margin:0 auto;}*//*로케이션*/
.contents_inner .sub_top .util_box .location_box.pc {display: flex; flex-wrap: nowrap; justify-content: flex-start; margin:0 auto;}/*로케이션*/
.contents_inner .sub_top .util_box .location_box.mobile {display:none;}/*테블릿,모바일 로케이션*/

.contents_inner .sub_top .sns_box {position:absolute; right:0; bottom:-12px;}/*SNS 공유*/

/* location */
.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; width:60px; height:52px; background-color:#171d37; border-radius:26px;}
.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:60px; height:52px; margin:-26px 0 0 -30px; background:url(../images/linemap_ir.png) 0px 0px no-repeat;}
/*
.location_box > li:before {content:''; position:absolute; display:block; left:-18px; top:50%; margin-top:-6px; width:11px; height:8px; background:url(../images/linemap_ir.png) -41px 0px no-repeat;}
.location_box li:first-child:before {content:none;}
*/

.location_box .loct_item {}
.location_box .loct_item:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:calc(100% + 5px); background-color:transparent; z-index:-1;}
.location_box .loct_item .loct_btn {display:block; position:relative; padding:0px 45px 0 26px; width:100%; height:52px; min-width:176px; text-align:left; font-weight:600; font-size:1.8rem; color:#444; vertical-align:unset; transition:padding 250ms ease-in-out; background-color:#fff; border-radius:26px; z-index:0;}
.location_box .loct_item .loct_btn:before {content:''; position:absolute; right:19px; top:50%; margin-top:-4px; width:11px; height:8px; background: url(../images/linemap_ir.png) -183px 0 no-repeat;/* transform:rotate(90deg); */transition:right 250ms ease-in-out;}

.location_box .loct_item.active:after {background-color:#1c3068; border-radius:26px 26px 0 0;}
.location_box .loct_item.active .loct_btn {position:relative;padding:0 50px 0 20px; font-size:1.6rem;font-weight:600;word-break:break-all;transition:padding 250ms ease-in-out;}
.location_box .loct_item.active .loct_btn:before {border:none; right:15px;}

.loct_selectlist {display:none; position:absolute; top:100% ;width:100%; padding:12px 20px; background-color:#1c3068; box-shadow:8px 6px 20px 0 rgba(32, 54, 121, 0.07); border-radius:0 0 26px 26px; text-align:left;z-index:2;}
.loct_selectlist:before {content:''; display:block; position:absolute; top:0; left:18px; width:calc(100% - 36px); height:1px; background:#fff; opacity:0.3;}
.loct_selectlist .loct_selectitem {display:block; padding-left:10px;}
.loct_selectlist .loct_selectitem:before {display:none;}
.loct_selectlist .loct_selectitem a {display:block; padding:6px 0; line-height:1.2; color:#fff; font-size:1.6rem; word-break:break-all;}
.loct_selectlist .loct_selectitem:hover,
.loct_selectlist .loct_selectitem:focus,
.loct_selectlist .loct_selectitem:active,
.loct_selectlist .loct_selectitem.on a {font-weight:600;}

.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:60px; height:52px; 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:-61px 0;}/*프린트*/
.sns_box a.sns_print:hover {background:#e3e7ed;}

.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) {
}

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

@media screen and (max-width:1024px) {
	.contents_inner {width:100%; padding:0; transition: width 0.1s linear;}
	.contents_inner .sub_top:before {display:none;}
	.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;}

	.location_box li.home {margin-left:40px;}
}

@media screen and (max-width:920px) {
	.contents_inner .sub_top .util_box .location_box.pc {display:none;}/*로케이션*/
	.contents_inner .sub_top .util_box .location_box.mobile {display:block; background-color:#f4f4f4; padding:14px 40px;}/*테블릿,모바일 로케이션*/
	
	.contents_inner .sub_top .sns_box {display:none;}
	
	.location_box > li {padding-left:10px; width:auto; min-width:auto; font-size:1.6rem; padding-left:25px;}
	.location_box > li:before {content:''; position:absolute; right:-20px; top:50%; margin-top:-6px; width:8px; height:11px; background:url(../images/linemap_ir.png) -195px 0 no-repeat;}
	.location_box > li:last-child:before {content:none;}
	
	.location_box > li.home {padding-left:0; padding-right:15px;  margin-left: 0; width:auto; height:auto; background-color:transparent;}
	.location_box > li.home:after {background-position:-0px -53px;}
	
	/*.location_box > li:before {left:-4px;}
	.location_box > li.on {font-weight:600;}*/

}

@media screen and (max-width:767px) {	
	.contents_inner .sub_top {padding:30px 0px 10px;}
	.contents_inner .sub_top .util_box .location_box.mobile {padding:14px 20px;}
	
	.content_box {padding:30px 20px;}
}

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


@media screen and (max-width:480px) {
	.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 {background-color:#e1e2e7;}
.foot_topbox .inner {z-index:1;}

.site_list {position:relative; display:flex; justify-content:flex-start;}
.site_list .site_item {position:relative; display:flex; position:relative; min-width:250px;}
.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:15px 50px 15px 18px; color:#333; font-size:1.5rem; text-align:left; }
.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;}
.site_list .site_item.active .site_show:before {background-image:url(../images/foot_arrowW.png); transform:rotate(180deg); transition:transform 0.2s ease;}

.site_list .site_panel {display:none; position:absolute; bottom:100%; left:0; width:100%; border:1px solid #222; 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:15px; 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 {border:none;}
.site_list .site_item.active .site_show {background:#222; color:#fff;}
.site_list .site_item.active .site_panel {}


/*모바일메뉴 상단*/
.mobile_list {padding:5px 20px 1px; background-color:#2a374c;}
.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(180deg); transition:transform 0.2s ease;}
.mobile_list .site_list .site_item {width:100%; border:none;}
.mobile_list .site_list .site_item.active .site_show {background-color:#2a374c; border-radius:0;}
.mobile_list .site_list .site_item.active .site_show:before {transform:rotate(0deg); transition:transform 0.2s ease;}

.mobile_list .site_list .site_panel {bottom:unset; top:100%; z-index:11;}


 /* media query */
@media screen and (max-width:1520px){
	.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){
	.foot_topbox {padding:20px 25px;}
	.foot_topbox .inner {padding:0;}
	.site_list {flex-wrap:wrap; gap:15px;}
	.site_list .site_item {width:calc(50% - 8px); border:1px solid #555; border-radius:10px;}
	.site_list .site_item:first-child:before,
	.site_list .site_item:after {display:none;}
	.site_list .site_item.active .site_show {border-radius:0 0 10px 10px;}
	.site_list .site_show:before {right:13px; margin-top:-3px;}
}

@media screen and (max-width:767px){
	.foot_topbox {padding:20px;}
}

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

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


/* footer 내용 */
.foot_infobox {position:relative; padding:30px 0 50px; color:#aeaeae; font-size:1.6rem; background-color:#272b2f;}
.foot_infobox .inner {display:flex; align-items:center; justify-content:center;}

.foot_infobox .f_logobox {padding:15px 0 40px; text-align:center;}
.foot_infobox .f_txtbox {}
.foot_infobox .f_txtbox dl.aiOffice {display:flex; flex-wrap:wrap; align-items:center; margin-bottom:7px;}
.foot_infobox .f_txtbox dl.aiOffice dt.office_area {min-width:170px; padding:6px 14px; background-color:#45474a; border-radius:50px; text-align:center; font-weight:600;}
.foot_infobox .f_txtbox dl.aiOffice dd {position:relative; padding-left:40px;}
.foot_infobox .f_txtbox dl.aiOffice dd.address {padding-left:10px;}
.foot_infobox .f_txtbox dl.aiOffice dd:before {content:''; display:block; position:absolute; top:10px; left:15px; width:5px; height:5px; background-color:#aeaeae; border-radius:50%;}
.foot_infobox .f_txtbox dl.aiOffice dd.address: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 {overflow:hidden; position:fixed; right:40px; bottom:25px; 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:1520px) {
	.foot_infobox {padding:30px 20px 50px;}
}

@media screen and (max-width:1024px) {
	.foot_infobox {padding:35px 20px 30px;}
	
	.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;}
}

@media screen and (max-width:767px) {
	.foot_infobox {padding:20px 20px 30px;}
	.foot_infobox .inner {flex-direction:column;}
	.foot_infobox .left {}
	.foot_infobox .f_txtbox dl.aiOffice {margin-bottom:30px;}
	.foot_infobox .f_txtbox dl.aiOffice dt.office_area {margin-bottom:7px;}
	.foot_infobox .f_txtbox dl.aiOffice dd {width:100%; padding-left:30px;}
	.foot_infobox .f_txtbox dl.aiOffice dd.address {padding-left:30px;}
	.foot_infobox .f_txtbox dl.aiOffice dd.address:before {display:block;}
	.foot_infobox .copyright {font-size:1.6rem;}
}

@media screen and (max-width:640px) {
	.move_top {display:none !important;}
}

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