@charset "utf-8";

/* Mobile & All */
html {height:100%;}
body {height:100%;}
body, p {line-height:20px;}
#warning {display:none;}
.only_pcweb.device_mobile #warning {display:block; position:fixed; top:0; right:0; bottom:0; left:0; text-align:center; background:rgba(0,0,0,0.8); z-index:2000;}
.only_pcweb.device_mobile #warning .msg_mobile {position:absolute; top:50%; left:0; right:0; margin-top:-50px; color:#fff; font-size:20px; line-height:30px;}
.only_pcweb.device_mobile #warning .msg_mobile .btn_area {text-align:center;}
.only_pcweb .msg_mobile {display:block;}
.only_pcweb .msg_pcweb {display:block;}
.ie_update {display:block; position:fixed; top:0; right:0; bottom:0; left:0; text-align:center; background:url(../images/main/layout/bg_opa80.png); z-index:2000;}
.ie_update .msg_update {position:absolute; top:50%; left:0; right:0; margin-top:-80px; color:#fff; font-size:20px; line-height:30px;}
.ie_update .msg_update .btn_area {text-align:center;}
.device_mobile .msg_pcweb {display:none;}
.device_pc .msg_mobile {display:none;}

#wrap {position:relative; min-width:320px; height:100%;}
#skip {display:none;}
/* #skip {display:none; position:absolute; top:0; left:0; right:0; z-index:300;}
#skip a {display:block; position:absolute; top:0; margin-bottom:-1px; width:1px; height:1px; text-align:center; white-space:nowrap; text-decoration:none; font-weight:bold; font-size:18px; overflow:hidden;}
#skip a:focus, #skip a:active {left:0; top:0; right:0; width:100%; height:40px; line-height:40px; color:#fff; background:#333;} */

#tnb li {display:none;}
#tnb .btn_login, #tnb .btn_logout {display:block;}
#logo a {display:block;}
#logo img {width:100%;}
#gnb {display:block;} 
#container {min-height:calc(100% - 253px); padding-bottom:30px;}
#allmenu {display:block}
#allmenu_area {display:none}
.device_mobile #allmenu li.only_pcweb {display:none;}
#sidebar {display:none;}
#content {margin:0 15px; padding:15px 0;}
#page_loc, #page_loc a, #page_loc strong {color:#555; font-size:12px;}
#page_loc .ico_home {display:inline-block; width:13px; height:12px; text-indent:100%; white-space:nowrap; vertical-align:middle; background:url(../images/common/ico_home.png) no-repeat; overflow:hidden;}
#page_loc span {color:#858585; margin:0 3px; font-size:9px; line-height:20px; vertical-align:top;}
#tit_page {margin-bottom:30px; border-bottom:1px solid #ccc; color:#333; font-size:24px; line-height:50px; letter-spacing:-1px;}
#quick_menu {display:none;}

.renew2025 {background:#fff; border-bottom:1px solid #e4e4e4; padding:0 0; border-bottom:0; height:144px;  border-bottom:1px solid #e4e4e4;}
.renew2025 .header_inner {display:flex; justify-content:flex-end;  align-items:start; max-width:1170px; height:auto; margin:0 auto;  position:relative; z-index:9999}
.renew2025 .logo {position:absolute; top:25.94px; left:0px; width:140px;}

.renew2025 .util_ext {display:flex; align-items:center; border:1px solid #006EBC; border-radius:6px; font-weight:600; font-size:12px; }
.renew2025 .util_ext li { margin:0; height:26px; align-content:center}
.renew2025 .util_ext li a {display:block; padding:0 12px; width:100%; color:inherit; font-size:inherit;}
.renew2025 .util_ext li:first-of-type {color:#006EBC}
.renew2025 .util_ext li:last-of-type {background-color:#006EBC; color:#fff}

.renew2025 .util {position:absolute; top:85px; right:0; display:flex; justify-content:space-evenly; min-width:124px; margin-top:-10px; z-index:9999}
.renew2025 .util li { font-size:12px; text-indent:0; text-align:center; color:#222; font-weight:600}
.renew2025 .util li a { display:block; width:45px; height:46px;  padding-top:28px;  color:inherit; font-size:inherit;}
.renew2025 .util li.btn_login {background:url(../images/main/ico_login.png) 50% 2px no-repeat; background-size:24px auto;}
.renew2025 .util li.btn_logout {background:url(../images/main/ico_logout.png) 50% 2px no-repeat; background-size:24px auto}
.renew2025 .util li.btn_join {background:url(../images/main/ico_join.png) 50% 0 no-repeat; background-size:28px auto}
.renew2025 .util li.btn_modi {background:url(../images/main/ico_mypage.png) 50% 0 no-repeat;background-size:28px auto}/*2025-07-01 추가*/

.renew2025 .tnb {display:flex; justify-content:space-evenly;  margin-top:20px}

.renew2025 .logo {top:20px}
.renew2025 .logo img {max-width:160px;}
.renew2025 .btn_allmenu {position:absolute; left:857px; top:89px; right:auto; width:91px; color:#006EBC; font-size:18px; font-weight:600} /*2025-06-24 수정*/
.renew2025 .btn_allmenu:after {display:inline-block; content:""; width:20px; height:23px; background:url(../images/main/ico_unfold.png) 50% 0 no-repeat; background-size:24px auto; vertical-align:top}
.renew2025 .btn_allmenu.on:after {transform:rotate(180deg)}
.renew2025 #allmenu_area {position:absolute; top:145px; left:0; width:100%; background:#fff; z-index:9999}
.renew2025 #allmenu_area:after {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100vw; background-color:rgba(0,0,0,0.5); z-index:10}
.renew2025 #allmenu {height:600px; overflow:auto; background:#fff; z-index:100; position:relative; padding-top:20px}
.renew2025 #allmenu a {display:block}
.renew2025 #allmenu .area_btn {width:1170px; height:28px; margin:0 auto; text-align:right}
.renew2025 #allmenu .btn_close {background: url(../images/main/ico_close.png) 50% 50% no-repeat; background-size:28px auto; width:28px; height:28px; display:inline-block;}
.renew2025 #allmenu>ul {width:1170px; margin:0 auto; display:grid; grid-template-columns: repeat(4, minmax(241px, 1fr));}
.renew2025 #allmenu>ul>li {padding:24px;}
.renew2025 #allmenu h2 {display:none;}
.renew2025 #allmenu>ul>li>a {border-bottom:1px solid #e4e4e4; color:#13449f; font-size:20px; font-weight:600; padding:10px 0 15px 16px; position:relative}
.renew2025 #allmenu>ul>li>ul {padding:15px 16px}
.renew2025 #allmenu>ul>li>ul>li {margin-bottom:10px}
.renew2025 #allmenu>ul>li>ul>li>a {display:flex; justify-content:space-between}
.renew2025 #allmenu>ul>li>ul>li:not(.single)>a:after {flex-basis:18px; flex-shrink:0; display:inline-block; content:""; width:18px; height:18px; background:url(../images/main/ico_arr_d.png) 0 50% no-repeat; background-size:18px auto;}
.renew2025 #allmenu>ul>li>ul>li.on>a {color:#006EBC; font-weight:600}
.renew2025 #allmenu>ul>li>ul>li.on>a:after {background:url(../images/main/ico_arr_u.png) 0 50% no-repeat; background-size:18px auto;}
.renew2025 #allmenu>ul>li>ul>li>ul {margin:10px 0 15px}
.renew2025 #allmenu>ul>li>ul>li>ul>li {margin-bottom:10px; padding-left:10px}
.renew2025 #allmenu>ul>li>ul>li>ul>li:last-of-type {margin-bottom:0}
.renew2025 #allmenu>ul>li>ul>li>ul>li>a {color:#7a7a7a; text-indent:-12px; padding-left:10px}
.renew2025 #allmenu>ul>li>ul>li>ul>li>a:before {display:inline-block; content:""; background-color:#aaa; width:3px; height:3px; border-radius:1px; margin:8px 10px 0 0; vertical-align:top;}
.renew2025 #allmenu>ul>li>ul>li>ul{display:none}
.renew2025 #allmenu>ul>li>ul>li.on>ul {display:block}

.renew2025 #gnb {position:absolute; width:100%; height:86px; left:0; top:59px; z-index:9998;}
.renew2025 #gnb.on {height:calc(100% - 144px);}
.renew2025 #gnb.on:after {display:block; content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000;}
.renew2025 #gnb>ul {width:1170px; margin:0 auto; display:flex; justify-content:flex-start; gap:0 10px;}
.renew2025 #gnb>ul>li.on>a {color:#006ebc; position:relative}
.renew2025 #gnb>ul>li.on>a:before {position:absolute; left:0; bottom:-1px; display:block; content:""; width:100%; height:4px; background-color:#006ebc}
.renew2025 #gnb>ul>li>a {font-family:'paybooc'; display:flex; padding:0 16px; height:84px; justify-content:center; align-items:center; font-size:18px; font-weight:600; color:#222} /*2025-06-24 수정*/
.renew2025 #gnb>ul>li .lnb {display:none; border-top:1px solid #e4e4e4; width:100%; height:auto; position:absolute; left:0; background-color:#fff; padding:15px 0 20px}
.renew2025 #gnb>ul>li .lnb .lnb_container {width:1170px; margin:0 auto}
/*.renew2025 #gnb>ul>li .lnb .lnb_container>ul {display:grid; grid-template-columns:repeat(3, 299px); justify-content:center}*/
.renew2025 #gnb> ul > li .lnb .lnb_container>ul {display:grid; grid-template-columns:repeat(4, 290px); justify-content:center}
.renew2025 #gnb>ul>li .lnb .lnb_container>ul>li{padding:24px;}
.renew2025 #gnb>ul>li .lnb .lnb_container>ul>li:hover {background-color:#006ebc; color:#fff}
.renew2025 #gnb>ul>li .lnb .lnb_container>ul>li>a{display:flex; justify-content:space-between; font-size:16px; color:#006EBC; font-weight:600;}
.renew2025 #gnb>ul>li .lnb .lnb_container>ul>li>a:after {flex-basis:18px; flex-shrink:0; display:inline-block; content:""; width:18px; height:18px; background:url(../images/main/ico_b_arr_r.png) 0 50% no-repeat; background-size:21px auto;}
.renew2025 #gnb>ul>li .lnb .lnb_container>ul>li:hover a {color:#fff}
.renew2025 #gnb>ul>li .lnb .lnb_container>ul>li>ul{ margin-top:23px}
.renew2025 #gnb>ul>li .lnb .lnb_container>ul>li>ul>li {margin-bottom:12px}
.renew2025 #gnb>ul>li .lnb .lnb_container>ul>li>ul>li>a{color:#222;}
.renew2025 #gnb>ul>li .lnb .lnb_container>ul>li>a:hover,
.renew2025 #gnb>ul>li .lnb .lnb_container>ul>li>ul>li>a:hover{text-decoration:underline; text-underline-offset:3px;}
.renew2025 #gnb>ul>li .lnb .lnb_container>ul>li:hover>a:after {background:url(../images/main/ico_w_arr_r.png) 0 50% no-repeat; background-size:19px auto;}
.renew2025 #gnb>ul>li.on .lnb {display:block;}

.wrap_top  {border-bottom:1px solid #e4e4e4}
.wrap_top .location {width:1170px; height:50px; margin:0 auto; }
.wrap_top .location ol {display:flex; justify-content:flex-start; position:relative; z-index:800}
.wrap_top .location .home {width:50px; height:50px; background:url(../images/main/ico_home.png) 50% 50% no-repeat;  background-size:20px auto; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.wrap_top .location li a {display:block; width:100%; height:100%; font-weight:600}
.wrap_top .location [class*="dep"] {height:50px; position:relative;z-index:900; border-right:1px solid #ddd; box-sizing:border-box; padding-left:16px}
.wrap_top .location .dep1 {width:200px;}
.wrap_top .location .dep2 {width:340px;}
.wrap_top .location .dep3 {width:300px;}
.wrap_top .location [class*="dep"] > a {display:block; box-sizing:border-box; width:100%; height:50px; padding-top:16px; position:relative; z-index:100}
.wrap_top .location [class*="dep"] > a:after {display:inline-block; content:""; position:absolute; right:10px; top:calc(50% - 10px); width:18px; height:19px; background:url(../images/main/ico_arr_d.png) 50% 50% no-repeat; background-size:18px auto; }
.wrap_top .location [class*="dep"].on > a:after {transform:rotate(180deg)}
.wrap_top .location [class*="dep"].on > a {color:#222;}
.wrap_top .location [class*="dep"] ul {display:none; position:absolute; top:50px; left:-1px; background:#fff; border-bottom:1px solid #ddd}
.wrap_top .location .dep1 ul {width:201px}
.wrap_top .location .dep2 ul {left:-1px; width:341px}
.wrap_top .location .dep3 ul {left:-1px; width:301px}

.wrap_top .location [class*="dep"] li {border:1px solid #e4e4e4; border-bottom:0;}
.wrap_top .location [class*="dep"] li a {padding:14px 0 14px 0; width:100%; height:100%; display:block; padding-left:16px; box-sizing:border-box}
.wrap_top .location [class*="dep"] li a:hover {background: rgba(169, 222, 255, 0.20); color:#006ebc}
.wrap_top .location .dep3.nosub a,
.wrap_top .location .dep2.nosub a {background:url(none) ; cursor:default}


@media only all and (max-width:989px) {
	.renew2025 #gnb,
	.renew2025 .tnb,
	.renew2025 .util_ext {display:none}
	.renew2025 {padding:0 12px; height:auto; }
	.renew2025 .header_inner {height:85px; display:flex; align-items:center}
	.renew2025 .util {position:absolute; top:40px; right:50px; min-width:auto; }
	.renew2025 .util li {width:28px; height:28px; text-indent:-9999px}
	.renew2025 .util li.btn_login,
	.renew2025 .util li.btn_logout {margin-right:10px}
	.renew2025 .util li.btn_logout {background-position:50% 3px}
	.wrap_top {display:none}

	.renew2025 .btn_allmenu {background:url(../images/main/ico_menu.png) 50% 50% no-repeat; background-size:28px auto; left:auto; right:15px; top:33px; width:20px; text-indent:-9999px}
	.renew2025 #allmenu_area {position:static}
	.renew2025 #allmenu_area.on {position:absolute; left:0; top:0; width:100%; height:100%; }

	.renew2025 #allmenu {width:100%; height:99vh; position:absolute; top:0; left:0; overflow:auto;  display:block; background:#fff; padding-bottom:2%; ; padding-top:0; z-index:9999}
	.renew2025 #allmenu h2 {display:block; background:#006EBC; padding:20px; font-size:24px; font-weight:500; color:#fff}

	.renew2025 #allmenu .area_btn {position:absolute; left:auto; right:20px; top:17px;  width:auto; height:28px; margin:0 auto; text-align:left}
	.renew2025 #allmenu .btn_close { background:url(../images/main/ico_close_w.png) 0 50% no-repeat; background-size:24px auto;  width:28px; height:28px; display:inline-block;}

	.renew2025 #allmenu>ul {display:block; width:100%;}
	.renew2025 #allmenu>ul>li {padding:12px;}
	.renew2025 #allmenu>ul>li>ul {display:grid; grid-template-columns: repeat(2, minmax(146px, 1fr)); padding:14px 16px 0; gap:0 20px}
}




footer {clear:both; background:#f7f7f7;}
#policy {position:relative; padding:15px 0; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
#policy .policy_inner {max-width:1170px; margin:0 auto}
#policy .policy_menu li {display:inline-block;}
#policy .policy_menu li a {display:block;}
#policy .policy_menu li a:before {display:inline-block; content:""; width:1px; height:10px; background-color:#ddd; margin:0 20px}
#policy .policy_menu li:first-child a:before {display:none}
#policy .policy_menu li strong {color:#006EBC;}
#policy .visitor_status {line-height:26px;}
#policy .visitor_status span {margin:0 5px; color:#959595;}
#policy .visitor_status strong {color:#333; font-family:Arial;}
#policy .tel_cscenter {display:none; position:absolute; right:0; top:60px;}
#policy .seal{display:inline-block;width:80px; height:57px;margin-top: -7px; position: absolute; right: 0;}
#policy .seal table {margin:0; padding:0; background:none; border:none; border-width: 0;}
#policy .seal table td{margin:0; padding:0; background:none;  border:none; border-width: 0; text-align:center;}
footer address {max-width:1170px; margin:0 auto; padding:40px 0; font-style:normal; font-size:14px; line-height:17px; display:grid; grid-template-columns:200px auto 180px}
footer address, footer address a {color:#707070;}
footer address .logo_btm {display:block; width:160px; height:38px; background:url(../images/main/logo_btm.png) 0 0 no-repeat}
footer address .info {line-height:150%;}
footer address .cs {line-height:150%; text-align:right}
footer address .cs strong {display:block; color:#006EBC; font-size:30px; font-weight:bold; margin-bottom:13px;}



/* iphone 5 */
@media only all and (max-width:360px) {
	#policy .policy_menu li a {font-size:12px;}	
	#policy .seal{display:none;}
	
}

/* Mobile & Tablet */
@media only all and (max-width:989px) {
	.device_mobile #content .only_pcweb {display:none;}
	#page_loc {margin:-10px 0 5px; line-height:20px;}
	
	img {max-width:100%;}
	
	.tb_list th, .tb_list td {display:none;}
	.tb_list th:nth-child(1), .tb_list th:nth-child(2),
	.tb_list td:nth-child(1), .tb_list td:nth-child(2) {display:table-cell;}
	#policy .seal{display:none;}
}

/* Tablet Only */
@media only all and (max-width:1169px) {
	#policy .policy_inner {padding:0 20px}
	#policy .policy_menu li a:before {margin:0 10px}
	footer address .logo_btm {margin-bottom:40px}
	footer address .info {margin-bottom:24px; line-height:150%;}
	footer address .cs {text-align:left}

	footer address {display:block; padding-left:20px; padding-right:20px}
}

/* Tablet & PC Web */
@media only all and (max-width:768px)  {
	#policy .policy_inner {padding:0 12px; text-align:center}
	#policy .policy_inner .policy_menu {line-height:27px}
	footer address {padding-left:20px; padding-right:20px}
}

/* PC Web Only */
@media only all and (min-width:990px) {
	#warning {display:none;}
	/* body, a, select, input, button, textarea, pre {letter-spacing:-0.03em;} */
	body {min-width:990px; word-break:keep-all;}
	#wrap {max-width:100%;}
	#skip {display:inline-block;}
	#skip a {display:block; position:absolute; top:0; margin-bottom:-1px; width:1px; height:1px; text-align:center; white-space:nowrap; text-decoration:none; font-weight:600; font-size:18px; overflow:hidden;}
	#skip a:focus, #skip a:active {left:0; top:0; right:0; width:100%; height:40px; line-height:40px; color:#fff; background:#333;}
	#skip .to_cont a {display:inline-block; position:static; width:auto; height:27px; /*line-height:27px;*/ margin:0; font-weight:normal; font-size:13px; color:#555 !important; background:none;}
	
	
	#container {max-width:1170px; min-height:calc(100% - 273px); padding:0 10px 60px; overflow:hidden; *zoom:1; margin:0 auto}
	#container:after {display:block; clear:both; content:'';}
	#page_loc, #page_loc a, #page_loc strong {font-size:14px; line-height:21px;}
	#tit_page {margin:6px 0 40px; color:#333; font-size:31px; line-height:67px; letter-spacing:-0.03em;}
	
	#quick_menu {display:block; position:absolute; top:160px; right:calc((100% - 1500px) /2);}
	#quick_menu.fixed {position:fixed; top:40px;}
	#quick_menu h2 {position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}

	#quick_menu .home {display:block; width:60px; height:14px; margin:5px 0; padding:34px 0 12px; border-radius:30px; color:#fff; font-size:12px; line-height:14px; text-align:center; background:#0993de url(../images/layout/ico_quick_home.png) no-repeat center 11px;}
	#quick_menu .quick {width:152px; padding:27px 20px 20px;  border-radius:24px; border:1px solid #e4e4e4; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.03); background:#fff; box-sizing:border-box}
	#quick_menu .quick li {margin-bottom:15px;}
	#quick_menu .quick li a {display:flex; justify-content:space-between; align-items:center}
	#quick_menu .quick li:not(.out) {padding:0 6px} 
	#quick_menu .quick li a:after {display:inline-block; content:""; width:16px; height:16px; background:url(../images/main/ico_b_arr_r2.png) 0 50% no-repeat; background-size:16px auto; margin-left:30px;}
	#quick_menu .quick li.out a:after {display:none}
	#quick_menu .quick li.out {margin-top:23px}
	#quick_menu .quick li.out a {display:block; width:100%; height:40px; line-height:40px; background-color:#006EBC; font-size:12px; color:#fff; font-weight:600; text-align:center; border-radius:8px}
	#quick_menu .quick dl {border-top:1px solid #e4e4e4; margin-top:28px; padding:28px 0; display:flex; flex-direction:column; justify-content:center; align-items:center}
	#quick_menu .quick dt {font-size:12px; margin-bottom:5px}
	#quick_menu .quick dd {font-size:18px; color:#13449F; font-weight:bold}
	#quick_menu .btn_top {font-size:16px; display:flex; flex-direction:column; justify-content:center; align-items:center }
	#quick_menu .btn_top:before {display:inline-block; content:""; width:20px; height:20px; background:url(../images/main/ico_unfold.png) 50% 100% no-repeat;  background-size:24px auto;  transform:rotate(180deg)}

	.only_pcweb #warning {display:none;}

	#policy .tel_cscenter {display:block;}
	
	
}
@media only all and (min-width:1100px) {
}
@media only all and (min-width:1170px) {
}
@media only all and (min-width:1280px) {
}
@media only all and (min-width:1350px) {
}