@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 100px;}
#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:1520px){
	#body_layout .body_inner {margin:0 auto 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;}
}


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


/*lnb영역*/
.lnb_box {background-color:#f4f4f4;}
.link_tm {display:flex; justify-content:flex-end;}
.link_tm li a {position:relative; display:block; padding:0 30px; line-height:45px; color:#222; font-size:1.8rem; border-right:1px solid #e2e2e2;}
.link_tm li:first-child a {border-left:1px solid #e2e2e2;}
.link_tm li a:before {content:''; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:rgba(255,255,255,.5);}
.link_tm li:first-child a:before {display:none;}


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



/*로고-pc*/
.logo {position:absolute; display:inline-block; top:26px; font-size:0; line-height:1;}
.logo a {position:relative; display:inline-block; width:166px; height:36px; font-size:0;}
.logo a:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:166px; height:36px; background:url(../images/logo.png) 0 0 no-repeat;}

/*태블릿 이하 출력 : 검색, 메뉴*/
.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);}

/*검색창 열림*/
.search_open body {overflow-y:hidden;}
.search_box {display:none; position:absolute; left:0; top:90px; margin:0; width:100%; border:none; background-color:#EAEFFD; z-index:16;}
.search_box.open {display:block;}
.search_box form {position:relative; margin:0 auto; padding:97px 0; width:760px;}
.search_box fieldset {posirion:relative;}
.search_box .srch_txt {position:relative; display:block; padding:3px; border-width:0; border-color:transparent; border-radius:30px; background-origin:border-box; background-image:linear-gradient(#fff, #fff), linear-gradient(135deg, #1b69f1 5%, #5d78af 30%, #ef981c 65%, #f0981b 90%); background-clip:content-box, border-box; box-shadow:8px 6px 20px 0 rgb(125 125 125 / 7%);}
.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 70px; width:100%; height:70px; line-height:40px; border-radius:28px; 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:-25px; top:105px; width:60px; height:60px; background-color:#1351b8; border-radius:20px;}
.search_box .btn_sch:before {content:''; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; width:24px; height:24px; 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:60px; height:60px; background-color:#333; border-radius:50%;}
.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/top_ir.png) -26px 0 no-repeat;}

/*모바일 버튼*/
.view_m {display:none; position:absolute;}
.view_m.menu_mbtn {top:25px; 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) {	
	.nav_pcbox .nav_inner {padding:0 20px;}
}
@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;}
 
	/*nav-태블릿 전환*/
	.nav_pcbox .nav_inner {justify-content:space-between;}
	.nav_pcbox nav {display:none;}
	.nav_bg.open_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:25px; top:88px;}
}

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

@media screen and (max-width:640px) {
	.search_box form {padding:60px 50px 60px 30px;}
	.search_box .srch_txt {border-radius:25px;}
	.search_box .srch_txt input {height:60px; font-size:1.6rem; border-radius:23px;}
	.search_box .btn_sch {top:70px; width:50px; height:50px; border-radius:15px;}
	
	.nav_pcbox .nav_inner {min-height:60px;}
}

@media screen and (max-width:480px){
	.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 50px;}
}




/* nav-pc */
.nav_pcbox {position:relative; border-top:1px solid #e2e2e2; box-shadow:0 6px 15px 0 rgba(32, 54, 121, 0.07);}
.nav_pcbox .nav_inner {display:flex; flex-wrap:wrap; max-width:1520px; margin:0 auto; min-height:90px;}

.nav_pcbox nav {padding:0 17% 0 34%; width:calc(100% - 120px);}
.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; align-items:center; height:100%;}
.nav_pcbox nav .tm_dep01 li {width:32%;}
.nav_pcbox nav .tm_dep01 li:first-child {width:36%;}
.nav_pcbox nav .tm_dep01 > li > .tm_tit01 {position:relative; display:block; padding:22px 0; height:100%; font-size:2.4rem; color:#121212; text-align:center; font-weight:600;}
.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:-24px; left:30%; width:40%; height:3px; background-color:#3c62c0; 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:90px; width:100%; height:auto; background-color:#fff; 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:390px; background-color:#fff; transition-property:visibility, opacity, top;}
.nav_pcbox nav .tm_depbg .tm_depinner:before {content:''; position:absolute; left:-5%; bottom:0; width:276px; height:292px; background:url(../images/topm_color.png) 0 0 no-repeat; background-size:100%; transition:all 0.2s linear;}

.tm_copybox {position:absolute; left:0; top:50px; width:280px;}
.tm_copybox .tm_copyinner {position:relative; display:block;}
.tm_copybox .tm_copyinner strong {font-size:2.8rem; color:#3c62c0; 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:280px; padding:40px 0; background-color:#fff;}
.nav_pcbox nav .tm_depbg .tm_depinner ul:after {content:''; display:block; visibility:hidden; clear:both;}

.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:1px solid #ddd;  border-radius:10px; 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; line-height:1; color:#333; font-family:'OneMobile';}
.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 {background-color:#3c62c0; border-color:#3c62c0; border-radius:10px 30px 10px 30px; 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;}
.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 {color:#0c66af; 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:#fff 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:#EB5C2E; 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:#fff;}
.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:#2161B2; 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; transtirion:all 0.2s linear;}
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep02 > li .tm_tit02.on span {color:#EB5C2E; 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) -93px -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:#f6faff;}
.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,
.nav_mbox nav .tm_depbg .tm_depinner .tm_dep04 > li > a.on {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) -93px -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:80px; background-color:#1f396d; box-shadow:0 6px 15px 0 #1e3069; border-radius:0 0 40px 40px;}
.util_mlogo {position:absolute; left:20px; top:22px; width:138px; height:30px;}
.util_mlogo a {position:relative; display:block; width:138px; height:30px; background:url(../images/mlogo.png) 0 0 no-repeat;}
.util_mlogo a:before {content:''; position:absolute; left:0; top:0; wid}

.m_loginbtn {position:absolute; right:120px; top:25px;}
.m_loginbtn.before {right:80px;}
.m_loginbtn a {position:relative; display:block; width:25px; height:25px;}
.m_loginbtn a {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; right:80px; top:25px;}
.m_mypagebtn a {position:relative; display:block; width:25px; height:25px;}
.m_mypagebtn a {content:''; position:absolute; left:0; top:0; width:25px; height:25px; background:url(../images/top_ir.png) -47px 0 no-repeat;}
.m_mypagebtn.mjoin a {background:url(../images/top_ir.png) -110px 0 no-repeat;}

.m_menuclose {position:absolute; right:20px; top:27px;}
.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;}


/*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) {
	.nav_pcbox nav {padding:0 14% 0 31%;}	
}

@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);}

	.nav_pcbox nav .tm_dep01 > li > .tm_tit01 {font-size:2.2rem;}	
}

@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-모바일 전환*/
	.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);}
	
}



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

.leftm_list > li > a {font-family:'OneMobile'; font-weight:400; 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:'Pretendard';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:260px; background:linear-gradient(-135deg, #ef9412 5%, #8f5d3e 40%, #3a5396 75%, #1263f0 90%); opacity:0.1; z-index:-1;}


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

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

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




/********************************
 contents : sub
 *******************************/
.contents_inner {display:block; width:100%; min-height:400px;}
.contents_inner .sub_top {position:relative; padding:80px 0 63px; text-align:center; z-index:3;}/* 페이지타이틀 */
.contents_inner .sub_top:before {display: block; position: absolute; left:0; bottom:-150px; width:100vw; height:155px; background-color: #fff;}
.contents_inner .sub_top .sub_title h2 {margin-bottom:15px; font-family:'OneMobile'; font-size:4.0rem; 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.pc {display:block; margin:0 auto;}/*로케이션*/
.contents_inner .sub_top .util_box .location_box.mobile {display:none;}/*테블릿,모바일 로케이션*/
.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; margin-left:30px; /* width:230px; */ min-width:170px; vertical-align:top;}
.location_box > li.home {position:relative; margin-left:0; width:20px; height:60px; min-width:auto;}
.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:-18px; top:50%; margin-top:-6px; width:7px; height:11px; background:url(../images/linemap_ir.png) -135px -98px 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:0 35px 0 5px; width:100%; height:60px; text-align:center; font-size:1.8rem; color:#444; vertical-align:unset; transition:padding 250ms ease-in-out; z-index:0;}
.location_box .loct_item .loct_btn:before {content:''; position:absolute; right:0; top:50%; margin-top:-13px; width:25px; height:25px; background:#fff url(../images/arrow_off.svg) center center no-repeat; border-radius:8px; border:1px solid #ddd; transform:rotate(90deg);  transition:right 250ms ease-in-out;}

.location_box .loct_item.active:after {background-color:#1a65db; border-radius:15px 15px 0 0;}
.location_box .loct_item.active .loct_btn {position:relative; padding:0 50px 0 20px; color:#fff; 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; background:url(../images/arrow_white.svg) center center no-repeat; transform:rotate(180deg); transition:right 250ms ease-in-out;}


.loct_selectlist {display:none; position:absolute; top:100%; width:100%; padding:12px 20px; background-color:#1a65db; box-shadow:8px 6px 20px 0 rgba(32, 54, 121, 0.07); border-radius:0 0 15px 15px; 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 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 버튼*/
.sns_box li {display:inline-block; position:relative;}
.sns_box li a.sns_btn {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_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:rgba(69,115,227, 0.8);}
.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:rgba(69,115,227, 0.8);}
.sns_box a.sns_share:hover:before {background-position: -49px -49px;}


/*공유하기 오픈*/
.sns_box a.sns_share.sns_open {background:rgba(69,115,227, 0.8);}/*공유하기 활성*/
.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; transform:translateY(100px); opacity:0; transition:1s all ease;}
.content_box.active {transform:translateY(0); opacity:1;}


/********************************
 media query
 *******************************/
@media screen and (max-width:1520px) {
	.contents_inner .sub_top:before {content:''; bottom:unset; top:0; height:100%; background:linear-gradient(-135deg, #ef9412 5%, #8f5d3e 40%, #3a5396 75%, #1263f0 90%); opacity:0.1;}
	.contents_inner .sub_top .sns_box {right:30px;}
	
	/* .location_box > li {width:200px;} */
	
	.content_box {padding:50px 40px;}
}
 
@media screen and (max-width:1200px) {
	.contents_inner .sub_top .sub_title h2 {font-size:3.5rem;}
	
	.location_box > li {margin-left:20px;}
	.location_box > li:before {left:-12px;}
	
}

@media screen and (max-width:1024px) {
	.contents_inner {width:100%; padding:0; transition:width 0.1s linear;}
	.contents_inner .sub_top {padding:55px 20px 35px;}
	.contents_inner .sub_top .sub_title h2 {margin-bottom:10px;} 
	
	.contents_inner .line_map {padding-bottom:20px; margin-bottom:30px;}
	.contents_inner .line_map h2 {font-size:2.8rem;}
	
	
	/* .location_box > li {width:175px;} */
	.location_box > li.home {width:15px; height:50px;}
	.location_box .loct_item .loct_btn {height:50px; font-size:1.6rem;}
	.loct_selectlist .loct_selectitem a {font-size:1.5rem;}
	
	
	.content_box {padding:40px 40px;}
}

@media screen and (max-width:920px) {
	.contents_inner .sub_top .sub_title h2 {font-size:3.0rem;} 
	.contents_inner .sub_top .util_box .location_box.pc {display:none;}/*로케이션*/
	.contents_inner .sub_top .util_box .location_box.mobile {display:block; margin:0 auto;}/*테블릿,모바일 로케이션*/
	.location_box > li {padding-left:10px; margin-left:10px; width:auto; min-width:auto; font-size:1.6rem;}
	.location_box > li.home {padding-left:0; height:auto;}
	.location_box > li.home:after {margin:-9px 0 0 -7px; width:15px; height:15px; background-position:-119px -98px;}
	.location_box > li:before {left:-4px;}
	.location_box > li.on {font-weight:600;}
	
	.sns_box li:first-child {display:none;}
}

@media screen and (max-width:767px) {
	#body_layout .body_inner {margin-bottom:40px;}
	
	.contents_inner .sub_top {padding:30px 20px;}
	  	
	.contents_inner .sub_top .sns_box {right:20px; bottom:-24px;}
	.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.4rem;}
	
	
	.content_box {padding:25px 20px;}
}

@media screen and (max-width:480px) {
	.content_box {transform:translateY(0); opacity:1;}
	.contents_inner .sub_top .sub_title h2 {margin-bottom:5px; font-size:2.2rem;}
	.location_box > li {font-size:1.4rem;}
	.location_box > li.home:after {margin:-8px 0 0 -7px; width:15px; height:15px; background-position:-119px -98px;}
	
	.sns_box li a.sns_btn {background:#fff;}
}


/********************************
 5댑스 상단탭
 *******************************/
.depsTopbox {transform:translateY(-100px); opacity:0; transition:1s all ease;}
.depsTopbox.active {transform:translateY(0); opacity:1;}
.depsTopbox .tab_box {margin-top:0; margin-bottom:0; padding-top:50px;/*  animation:fadeInUp 0.8s ease-in-out; */}
.depsTopbox .tab_box.tab_col0 {padding-top:0}


/* media query */
@media screen and (max-width:1520px){
	.depsTopbox .tab_box {padding:50px 40px 0;}
}

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

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

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


/********************************
 사이드 퀵메뉴
 *******************************/
.side_quickbox {position:fixed; left:0; top:136px; z-index:50;}
.side_quickbox .floating_list {padding:10px 0 0; background-color:#fff; border-radius:0 30px 30px 0; box-shadow:1px 1px 14px rgba(0,0,0,0.1);}
.side_quickbox .floating_list.open_list {}
.side_quickbox .floating_list ul {}
.side_quickbox .floating_list li {padding:5px 0;}
.side_quickbox .floating_list li a {display:block; width:100%; padding:5px 8px; border-radius:16px; color:#303237; font-size:1.55rem; text-align:center; box-sizing:border-box;}
.side_quickbox .floating_list li a .f_con {position:relative; display:block; width:40px; height:40px; margin:0 auto;}
.side_quickbox .floating_list li a .f_con:before {content:''; display:block; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; width:40px; height:40px; background:url(../images/quick_ir.png) no-repeat;}
.side_quickbox .floating_list li a .f_con.f01:before {background-position:0 0;}
.side_quickbox .floating_list li a .f_con.f02:before {background-position:-41px 0;}
.side_quickbox .floating_list li a .f_con.f03:before {background-position:-82px 0;}
.side_quickbox .floating_list li a .f_con.f04:before {background-position:-123px 0;}
.side_quickbox .floating_list li a .f_con.f05:before {background-position:-164px 0;}
.side_quickbox .floating_list li a .f_con.f06:before {background-position:-205px 0;}
.side_quickbox .floating_list li a .f_con.f07:before {background-position:-246px 0;}
.side_quickbox .floating_list li a .f_text {display:block; margin-top:8px; text-align:center;}

.side_quickbox .floating_list li:hover a {text-decoration:none;}
.side_quickbox .floating_list li:hover a .f_con.f01:before {background-position:0 -41px;}
.side_quickbox .floating_list li:hover a .f_con.f02:before {background-position:-41px -41px;}
.side_quickbox .floating_list li:hover a .f_con.f03:before {background-position:-82px -41px;}
.side_quickbox .floating_list li:hover a .f_con.f04:before {background-position:-123px -41px;}
.side_quickbox .floating_list li:hover a .f_con.f05:before {background-position:-164px -41px;}
.side_quickbox .floating_list li:hover a .f_con.f06:before {background-position:-205px -41px;}
.side_quickbox .floating_list li:hover a .f_con.f07:before {background-position:-246px -41px;}
.side_quickbox .floating_list li:hover a .f_text {color:#1b4fcd; font-weight:600;}

.side_quickbox .floating_list .customerCenterbox {padding:25px 3px; text-align:center; background-color:#424b63; border-radius:15px 15px 30px 0; color:#fff;}
.side_quickbox .floating_list .customerCenterbox .ctxt01 {font-size:1.6rem; color:#fff;}
.side_quickbox .floating_list .customerCenterbox .ctxt02 {font-size:1.8rem; font-weight:600; color:#fff;}

.side_quickbox button.floating_btn {position:absolute; top:330px; left:0; display:block; width:30px; height:30px; font-size:0; border-radius:0 8px 8px 0;; background-color:#111; box-shadow:1px 1px 14px rgba(0,0,0,0.1);}
.side_quickbox button.floating_btn:before {content:''; display:block; position:absolute; top:0; left:0; width:30px; height:30px; background:url(../images/quick_ir.png) no-repeat; background-position:-62px -82px;}
.side_quickbox button.floating_btn.quick_open {top:45%; left:auto; right:-17px; background-color:#1b4fcd; border-radius:8px;}
.side_quickbox button.floating_btn.quick_open:before {background-position:-93px -82px;}


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


/********************************
 footer : 공통
 *******************************/
#foot_layout {background-color:#f4f6fa;}
.foot_topbox {padding-top:50px;}
.foot_topbox .inner {position:relative;}
.foot_topbox .left {display:flex; flex-wrap:wrap; align-items:center;}
.foot_topbox .right {position:absolute; top:0; right:0;}
.foot_topbox .foot_logo {position:relative; width:172px; height:38px; font-size:0; line-height:0; display:block; width:172px; height:38px; background:url(../images/f_logo.png) 0 0 no-repeat;}
.foot_topbox .foot_infolink {display:flex; flex-wrap:wrap; margin-left:20px;}
.foot_topbox .foot_infolink li {}
.foot_topbox .foot_infolink li a {position:relative; display:block; padding:18px 20px; color:#333; font-size:1.8rem; font-family:'OneMobile';}
.foot_topbox .foot_infolink li:nth-child(2) a {color:#1362d8;}

.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:15px 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:44px;}
.foot_infobox .f_txtbox ul li:before {content:''; display:inline-block; position:absolute; top:50%; left:20px; margin-top:-3px; width:6px; height:6px; background-color:#b8c1cf; border-radius:50%;}
.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:10px;}

.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:1200px) {
	.foot_topbox .left {width:calc(100% - 230px);}
}

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

	.foot_topbox .inner {display:block;}
	.foot_topbox .left {display:block; width:100%}
	.foot_topbox .right {/*position:static; margin:0 auto; text-align:center*/ display:none;}
	
	.app_box {display:table; margin:0 auto; padding-bottom:50px;}
	
	.foot_topbox .foot_logo {margin:0 auto 10px;}
	.foot_topbox .foot_infolink {margin-left:0px; margin-top:20px; justify-content:center;}

	.foot_infobox .f_txtbox ul {justify-content:center;}
	.foot_infobox .copyright {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 {width:100%; 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:8px 10px;}
	
	.move_top {right:10px; bottom:10px;}
	
}