:root { --mainColor1: #116ecd; --mainColor1Dark: #07386b; --mainColor1Bright: #26cbff; }

/* z-index */
/* header : 20 */
/* main_txt_wrap : 20 */

.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w_auto { width: auto; flex-grow: 1 !important; }

/* 폰트컬러 */
.fc_main1 { color: var(--mainColor1) !important; }
.fc_main1Dark { color: var(--mainColor1Dark) !important; }

/* 정렬 */
.txt_left { text-align: left; }
.txt_center { text-align: center; }
.txt_right { text-align: right; }

/* 바로가기 */
#skip { position:absolute; top: -100px; left: 0; width: 100%; z-index:99999; }
#skip a:focus { position: absolute; width: 100%; top: 100px; left:0; padding: 0 20px; z-index: 99999; text-align: center; font-size: 16px; line-height:36px; color: #fff; background: #000; overflow: visible; clip: unset; }
#skip_area a { font-size: 15px; color: var(--mainColor1); padding: 5px 18px; border: solid 1px var(--mainColor1); border-radius: 100px; }

/* 버튼 */
.refresh_btn { background: url(../img/icon/icon_refresh.svg) no-repeat center / 17px; width: 17px; height: 17px; }
.link_btn { display: inline-block; padding-right: 16px; position: relative; color: #666; }
.link_btn { background:url(../img/icon/icon_arrow2.svg) no-repeat right center / 10px; }

/* header */
header { background: white; position: fixed; left: 0px; right: 0px; top: 0; z-index: 20; border-bottom: 1px solid rgba(0,0,0,0.1); }
header .header_inner { }
header .header_inner .inner { max-width: 1200px; margin: 0 auto; }
header .header_inner .header_top { height: 45px; background: var(--mainColor1); }
header .header_inner .header_top .inner { display: flex; }
header .header_inner .header_top h3 { color: white; font-size: 15px; background: #222 url(../img/icon/icon_arrow4.svg) no-repeat calc(100% - 15px) center / 7px 12px; padding: 0px 35px 0px 20px; font-weight: 600; display: inline-block; line-height: 45px; height: 45px; }
header .header_inner .header_top .shortcut_list { font-size: 15px; font-weight: 600; display: flex; margin-left: 20px; margin-right: 40px; }
header .header_inner .header_top .shortcut_list li { padding: 0 20px; line-height: 45px; color: white; }
header .header_inner .header_top .btn_wrap { display: flex; align-items: center; gap: 30px; }
header .header_inner .header_top .btn_wrap .plus_btn { color: white; /* padding-left: 11px; background: url(../img/icon/icon_plus.svg) no-repeat left center / 8px; font-size: 15px; font-weight: 600;; */ }
header .header_inner .header_top .btn_wrap .minus_btn { color: white; /* padding-left: 11px; background: url(../img/icon/icon_minus.svg) no-repeat left center / 8px;; font-size: 15px; font-weight: 600; */ }

header .header_inner .header_top .sns_wrap { display: flex; align-items: center; gap: 12px; margin-left:30px;}
header .header_inner .header_top .sns_wrap a {display:inline-block;}
header .header_inner .header_top .sns_wrap a img {vertical-align: middle;}

.header_center { background-color: #efefef; }
.header_center .inner { justify-content: flex-end; display: flex; height: 45px; align-items: center; gap: 52px; }
.header_center .inner > div { position: relative; }
.header_center .inner > div::after { position: absolute; width: 1px; height: 10px; background: #cfcfcf; content: ""; display: block; right: -25px; top: 50%; transform: translateY(-50%); }
.header_center .inner > div:last-child::after { display: none; }
.screen_size_wrap { display: flex; gap: 20px; align-items: center; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.6px; text-align: left; color: #666; }
.screen_size_wrap .btn_wrap { display: flex; gap: 5px; align-items: center; }
.screen_size_wrap .btn_wrap .plus_size { background: var(--mainColor1) url(../img/icon/icon_plus.svg) no-repeat center / 12px; width: 21px; height: 21px; border-radius: 2px; }
.screen_size_wrap .btn_wrap .minus_size { background: var(--mainColor1) url(../img/icon/icon_minus.svg) no-repeat center / 12px; width: 21px; height: 21px; border-radius: 2px; margin-right: 5px; }

.header_center .link_wrap { display: flex; gap: 33px; }
.header_center .link_wrap .link_btn:first-child::after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); display: block; right: -17px; width: 3px; height: 3px; background-color: #cfcfcf; }

.gnb_area { display: flex; max-width: 1320px; padding-right: 60px; padding-left: 60px; margin: 0 auto; align-items: center; justify-content: space-between; height: 80px; }
.gnb_area h1 { }
.gnb_area h1 a.header_logo { background: url(../img/logo/logo_psg_header.svg) no-repeat center / cover; display: inline-block; width: 170px; height: 31px; }
.gnb_area h1 a img { }
.gnb_area nav { width: 100%; height: 100%;display: flex; align-items: center;}
.gnb_area nav > ul { display: flex; justify-content: space-between; width: 100%;height: 100%; align-items: center;}
.gnb_area nav ul li { position: relative; width: 20%; text-align: center; }
.gnb_area nav ul li .pc_depth2_wrap { position: fixed; top: 170px; left: 0px; right: 0px; width: calc(100%); background: white; justify-content: center; min-height: 297px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; display: none; }
.gnb_area nav ul li .pc_depth2_wrap.show { display: flex; }
.gnb_area nav ul li .pc_depth2_wrap .list_wrap { width: 77%; }
.gnb_area nav ul li .pc_depth2_wrap li a { display: inline-block; width: 100%; font-size: 16px; position: relative; }
.gnb_area nav ul li .pc_depth2_wrap li a::after { position: absolute; background-color: #555; -webkit-mask: url(../img/icon/icon_chevron.svg) no-repeat center / 14px 8px; content: ""; display: block; width: 14px; height: 8px; right: 15px; top: 50%; transform: translateY(-50%); }
.gnb_area nav ul li .pc_depth2_wrap li a:hover { background: var(--mainColor1); color: white; }
.gnb_area nav ul li .pc_depth2_wrap li a:hover::after { background-color: white; }
.gnb_area nav ul li .pc_depth2_wrap .tit { min-width: 460px; width: 23%; flex-shrink: 0; font-size: 32px; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: -1.28px; text-align: right; padding-top: 50px; padding-right: 100px; color: #fff; }
/* .gnb_area nav ul li:nth-of-type(1) .pc_depth2_wrap .tit { background: url(../img/bg/bg_depth.jpg) no-repeat center / cover; }
.gnb_area nav ul li:nth-of-type(2) .pc_depth2_wrap .tit { background: url(../img/bg/bg_depth1.jpg) no-repeat center / cover; }
.gnb_area nav ul li:nth-of-type(3) .pc_depth2_wrap .tit { background: url(../img/bg/bg_depth2.jpg) no-repeat center / cover; }
.gnb_area nav ul li:nth-of-type(4) .pc_depth2_wrap .tit { background: url(../img/bg/bg_depth3.jpg) no-repeat center / cover; }
.gnb_area nav ul li:nth-of-type(5) .pc_depth2_wrap .tit { background: url(../img/bg/bg_depth4.jpg) no-repeat center / cover; } */
/* 20260104 이미지 변경 */
.gnb_area nav ul li:nth-of-type(1) .pc_depth2_wrap .tit { background: url(../img/bg/bg_depth_01.jpg) no-repeat center / cover; }
.gnb_area nav ul li:nth-of-type(2) .pc_depth2_wrap .tit { background: url(../img/bg/bg_depth_02.jpg) no-repeat center / cover; }
.gnb_area nav ul li:nth-of-type(3) .pc_depth2_wrap .tit { background: url(../img/bg/bg_depth_03.jpg) no-repeat center / cover; }
.gnb_area nav ul li:nth-of-type(4) .pc_depth2_wrap .tit { background: url(../img/bg/bg_depth_04.jpg) no-repeat center / cover; }
.gnb_area nav ul li:nth-of-type(5) .pc_depth2_wrap .tit { background: url(../img/bg/bg_depth_05.jpg) no-repeat center / cover; }

.gnb_area nav ul li .pc_depth2_inner { display: flex; flex-wrap: wrap; width:100%; max-width: 1290px; gap: 10px; padding: 40px; justify-content: flex-start; }
.pc_depth2_inner > li { width: calc(20% - 9px) !important; text-align: left; }
.pc_depth2_inner > li > a { height: 50px; line-height: 50px; text-align: left; padding-left: 20px; padding-right: 20px; border: solid 1px #e5e5e5; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; color: #555; }

.gnb_area nav ul li .pc_depth2_wrap .pc_depth3_wrap { display: flex; flex-direction: column; margin-top: 20px; gap: 15px; }
.gnb_area nav ul li .pc_depth2_wrap .pc_depth3_wrap li { width: 100%; text-align: left; }
.gnb_area nav ul li .pc_depth2_wrap .pc_depth3_wrap li a { padding-left: 24px; position: relative; display: inline-block; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: -0.64px; text-align: left; color: #555; }
.pc_depth3_wrap li a:hover { background: none !important; text-decoration: underline; }
.gnb_area nav ul li .pc_depth2_wrap .pc_depth3_wrap li a::after { width: 4px; height: 4px; background: #aaa; content: ""; display: block; position: absolute; left: 9px; top: 8px; border-radius: 50%; }

.gnb_area nav ul li a { font-size: 18px; font-weight: 600; display: inline-block; width: 100%; }
.gnb_area nav ul li a:hover { color: var(--mainColor1); }
.gnb_area nav ul li a.selected { color: var(--mainColor1); }
.gnb_area .gnb_util_area { display: flex; gap: 22px; }
.gnb_area .gnb_util_area .icon_btn.search::after { background-color: #000; width: 16px; height: 16px; }

/* 공통 */
.icon_btn { display: inline-block; }
.icon_btn.search { position: relative; width: 15px; height: 15px; }
.icon_btn.search::after { position: absolute; background-color: white; -webkit-mask: url(../img/icon/icon_search.svg) no-repeat center / cover; position: absolute; display: block; content: ""; right: 0px; top: 50%; transform: translateY(-50%); background-color: var(--mainColor1); width: 24px; height: 24px; }
.icon_btn.menu { background: url(../img/icon/icon_menu.svg) no-repeat center / cover; width: 20px; height: 14px; }
.icon_btn.insta { background: url(../img/icon/icon_insta.svg) no-repeat center / contain; width: 26px; height: 26px; }
.icon_btn.facebook { background: url(../img/icon/icon_insta3.svg) no-repeat center / contain; width: 26px; height: 26px; }
.icon_btn.youtube { background: url(../img/icon/icon_insta2.svg) no-repeat center / contain; width: 26px; height: 26px; }
.btn_pause { background: url(../img/icon/icon_pause.svg) no-repeat center / cover; width: 28px; height: 28px; }
.btn_pause.on { background: url(../img/icon/icon_play.svg) no-repeat center / 21px; width: 28px; height: 28px; }

/* footer */
footer { padding-bottom: 30px; }
#sitemap_wrap{z-index:20;}
footer .foot_main { border-top: solid 1px #ebeef2; }
footer .footer_inner .foot_top { display: flex; justify-content: space-between; padding-top: 30px; max-width: 1320px; padding-right: 60px; padding-left: 60px; margin: 0 auto; }
footer .footer_inner .foot_top .privacy_list { display: flex; justify-content: flex-start; align-items: center; gap: 40px; overflow: hidden; }
footer .footer_inner .foot_top .privacy_list li { position: relative; }
footer .footer_inner .foot_top .privacy_list li::after { position: absolute; top: 50%; transform: translateY(-50%); right: -20px; content: ""; display: block; width: 1px; height: 12px; background-color: #ebeef2; width: 1px; height: 12px; }
footer .footer_inner .foot_top .privacy_list li a { color: #666; display: block; font-family: Pretendard; font-size: 16px; font-weight: 500; }
footer .footer_inner .foot_top .privacy_list li a:focus-visible { outline-offset: -1px; }
footer .footer_inner .foot_top .privacy_list li a.fc_main1Dark { font-weight: bold; }

footer .footer_inner .foot_sns {display: flex; justify-content: right; gap:5px; padding-top:15px; max-width: 1320px; padding-right: 60px; padding-left: 60px; margin: 0 auto;}
footer .footer_inner .foot_sns a {background-color:#222;display:flex; align-items: center;justify-content: center; width:30px;height:30px;border-radius:30px;}

footer .footer_inner .select_box_wrap { position: relative; width: 220px; border-radius: 8px; border: solid 1px #ebeef2; }
footer .footer_inner .select_box_wrap .select_btn { width: 100%; font-family: Pretendard; padding: 10px 15px;; font-size: 15px; text-align: left;; font-weight: 500; background: url(../img/icon/icon_arrow1.svg) no-repeat calc(100% - 15px) center / 10px 5px; }
footer .footer_inner .select_box_wrap .select_list { position: absolute; display: none; bottom: 38px; left: 0px; width: 100%; max-height: 200px; background: white; overflow: auto; border: 1px solid #ebeef2; z-index: 10; }
footer .footer_inner .select_box_wrap .select_list.on { display: block; }
footer .footer_inner .select_box_wrap .select_list li { }
footer .footer_inner .select_box_wrap .select_list li a { padding-left: 10px; display: inline-block; padding-top: 5px; padding-bottom: 5px; }
footer .footer_inner .select_box_wrap .select_list li a:hover { font-weight: 600; color: var(--mainColor1Dark); }
footer .footer_inner .foot_con { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; max-width: 1320px; padding-right: 60px; padding-left: 60px; margin: 0 auto; }
footer .footer_inner .foot_con .foot_logo { width: 110px; display: block; }
footer .footer_inner .foot_con .left_wrap { display: flex; }
footer .footer_inner .foot_con .foot_logo img { width: 100%; height: auto; object-fit: cover; }
footer .footer_inner .foot_con .foot_info { display: flex; flex-direction: column; gap: 20px; margin-top: 20px; margin-left: 20px; }
footer .footer_inner .foot_con .foot_info .address { font-size: 16px; color: #3a3d42; font-weight: 500; }
footer .footer_inner .foot_con .foot_info .copyright { font-size: 14px; color: #888; font-weight: 500; }
footer .footer_inner .foot_con .foot_link_wrap { display: flex; gap: 20px;align-items: center; }
footer .footer_inner .foot_con .foot_link_wrap a.gg_link { display: inline-block; max-width: 78px; }
footer .footer_inner .foot_con .foot_link_wrap a.gg_link img { width: 100%; height: auto; object-fit: cover; }

@media (hover: hover) {
 .sitemap_wrap .right_area .sitemap_inner .s_depth2_wrap > li > a:hover {text-decoration:underline;}
}

/* pagination */
.paging_wrap ul { display: flex; align-items: center; margin-top: 40px; justify-content: center; }
.paging_wrap ul li { height: 35px; }
.paging_wrap ul li a { width: 35px; height: 35px; line-height: 35px; text-align: center; display: inline-block; font-size: 16px; color: #666; }
.paging_wrap ul li a:hover { text-decoration: underline; font-weight: 600; }
.paging_wrap ul li a.page_num { margin-right: 10px; }
.paging_wrap ul li a.page_num:last-child { margin-right: 0px; }
.paging_wrap ul li a.first_btn { background: url(../img/icon/icon_arrow1_double.svg) no-repeat center / 12px; width: 20px; }
.paging_wrap ul li a.prev_btn { background: url(../img/icon/icon_arrow1.svg) no-repeat center / 12px; transform: rotate(90deg); width: 36px; }
.paging_wrap ul li a.last_btn { background: url(../img/icon/icon_arrow1_double.svg) no-repeat center / 12px; width: 12px; width: 20px; transform: rotate(180deg); }
.paging_wrap ul li a.next_btn { background: url(../img/icon/icon_arrow1.svg) no-repeat center / 12px; transform: rotate(-90deg); width: 36px; }
.paging_wrap ul li a.disabled { pointer-events: none; opacity: 0.5; }
.paging_wrap ul li a.on { background: var(--mainColor1); color: white; border-radius: 3px; }

/* 라디오 */
.radio_wrap { display: flex; gap: 20px; align-items: center; }
input[type=radio] { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px }
input[type=radio] + label { position:relative; display:inline-block; padding:0 0 0 25px; min-height:25px; line-height:25px; vertical-align:middle; font-size: 15px; color: #555; cursor: pointer; font-weight: 400; }
input[type=radio] + label::after { background-color: rgb(111, 111, 111); position: absolute; content: ""; display: block; width: 20px; height: 20px; left: 0; top: 47%; transform: translateY(-50%); mask:url("../img/icon/icon_unchecked.svg") no-repeat center / 100%; }
input[type=radio]:checked + label::after { width: 22px; height: 22px; background-color: var(--mainColor1); mask:url("../img/icon/icon_checked.svg") no-repeat center / 100%; }
input[type=radio] + label.on { background:url("../images/bull_radio_on.png") no-repeat; }
input[type=radio]:focus + label { outline: 2px dotted black; }

/* .ellipsis */
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* table */
.tb_wrap { margin-top:60px; }
.tb_wrap .list_wrap1 { display: flex; flex-direction: column; }
.tb_wrap.hover_line .tb01 tr:hover { background: #f4faff; cursor: default; }
.tb01 { border-top:2px solid #116ecd; margin-top:20px; }
.tb01 thead th { background-color:#f8f8f8; border-bottom:1px solid #bbbec3; padding:16px; font-size:18px; color:#333; }
.tb01 tbody td { border-bottom:1px solid #eaeaea; padding:16px 10px; text-align:center; font-size:18px; color:#444; }
.tb01 tbody td .img_wrap { max-width: 100%; }
.tb01 tbody td .img_wrap img { object-fit: cover; width: 100%; }
.tb01 tbody td.txt_left { text-align:left; }
.tb01 tbody td a { display:block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; margin: 0 auto; }
.tb01 tbody td a:hover { text-decoration: underline; }
.btn_download { padding:2px; padding-left:27px; min-height:20px; text-decoration: underline; color:#444; background:url("../img/icon/bull_file_down.png") 5px center no-repeat; }

.tb_result_top { display: flex; justify-content: space-between; }
.tb_result_top ul { display: flex; gap: 40px; }
.tb_result_top ul li { position: relative; font-family: Pretendard; color: #666; font-size: 16px; }
.tb_result_top ul li:last-of-type { color: #444; font-weight: 600; }
.tb_result_top ul li:last-of-type::after { display:none; }
.tb_result_top ul li::after { width: 1px; height: 11px; content: ""; position: absolute; display: block; background: #e5e5e5; right: -21px; top: 50%; transform: translateY(-50%); }

ul.game_detail { display: flex; gap: 40px; }
ul.game_detail li { position: relative; font-family: Pretendard; color: #666; font-size: 16px; }
ul.game_detail li:last-of-type { color: #444; font-weight: 600; }
ul.game_detail li:last-of-type::after { display:none; }
ul.game_detail li::after { width: 1px; height: 11px; content: ""; position: absolute; display: block; background: #e5e5e5; right: -21px; top: 50%; transform: translateY(-50%); }

.list_wrap1 { text-align: lef; width: 100%; }
.list_wrap1 li { text-align: left; padding-left: 20px; position: relative; color: #444; font-size: 18px; }
.list_wrap1 li::after { content: ""; display: block; width: 3px; height: 3px; background: #666; border-radius: 50%; left: 5px; top: 50%; transform: translateY(-50%); position: absolute; }

.white_btn { padding: 8px 25px; font-size: 16px; color: #666; border-radius: 4px; border:1px solid #e5e5e5; font-weight: 500; }

.bull_caution { display:inline-block; padding:4px 10px; border-radius:20px; background:#dbe8f5 url("../img/icon/bull_tb_cation.png") 8px center no-repeat; font-size:15px; color:#07386b; font-weight:bold; padding-left:28px; }

.tb_top_ex { font-size:16px; margin-bottom:20px; color:#666; }
.total_search_area .tb_top_ex { margin-bottom: 0; }
/* select */
.select_wrap { border-left: solid 1px #e5e5e5; background: url(../img/icon/icon_arrow1.svg) no-repeat calc(100% - 20px) center / 12px; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; height: 50px; }
.select_wrap:first-of-type { border-radius: 4px 0 0 4px; }
.select_wrap select { color: #666; padding-left: 20px; padding-right: 20px; line-height: 50px; font-size: 16px; font-family: "Pretendard"; width: 137px; }
.select_wrap select:focus-visible { outline:2px dotted red; outline-offset: -4px; }
.select_wrap select option { }
select:required:invalid { color: #ccc; }
select:required:valid { color: var(--color_typo1); }

.total_search_area { display: flex; justify-content: space-between; align-items: flex-end;
}
.page_result_wrap { display: flex; font-size: 16px; gap: 3px; }
.page_result_wrap .total_txt { color: #555; letter-spacing: 0.36px; }
.page_result_wrap .page_txt { color: #555; letter-spacing: 0.36px; }


.all_search_area { }
.all_search_area .search_inner { margin: 0 auto; }
.all_search_area .search_inner .input_box { width: 1120px; margin: 20px auto 0; display: flex; padding: 0 30px; display: flex; border-radius: 50px; border: solid 1px #e9e9e9; background-color: #fff; }
.all_search_area .search_inner .input_box input { width: calc(100% - 50px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: unset; border: none; flex-grow: 1; padding: 0; }
.all_search_area .search_inner .input_box input::placeholder { font-family: Pretendard; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.36px; text-align: left; color: #757575; }
.all_search_area .search_inner .input_box .search { position: relative; width: 50px; height: 50px; }
.all_search_area .search_inner .input_box .search::after { position: absolute; display: block; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: var(--mainColor1); mask: url(../img/icon/icon_search.svg) no-repeat center / 24px; width: 24px; height: 24px; }

.all_search_wrap { position: fixed; background: white; left: 0px; right: 0px; top: 0px; text-align: center; display: none; padding-bottom: 100px; border-bottom: 1px solid #dadada; }
.all_search_wrap.show { display: block; }
.all_search_wrap .tit { margin-top: 100px; }
.all_search_wrap .input_box { display: flex; justify-content: center; margin-top: 20px; }

.all_search_area .close_btn { background: url(../img/icon/icon_close.svg) no-repeat center / cover; top: 40px; right: 60px; position: absolute; width: 24px; height: 24px; }


.search_box { display: flex; align-items: center; }
.search_box.type2 { justify-content: flex-end; width: 435px; }
.search_box.type2 .select_wrap { max-width: 367px; width: 100%; }
.search_box.type2 .select_wrap select { width: 100%; }
.search_box .icon_btn.search { background: var(--mainColor1); width: 50px; height: 50px; border-radius: 0 4px 4px 0; flex-shrink: 0; }
.search_box .icon_btn.search:focus { outline-color: white; }
.total_search_area .search_box .icon_btn.search:focus-visible { outline-color: black; }
.search_box .icon_btn.search::after { background: white; mask-size: 12px; left: 50%; right: auto; transform: translate(-50%, -50%); }
.search_box .txt_btn { width: 68px; padding: 10px 20px; color: white; background-color: var(--mainColor1); height: 50px; font-size: 16px; border-radius: 0 4px 4px 0; flex-shrink: 0; font-weight: 500; }
.search_box .txt_btn:focus-visible { outline-color: black; }

/* input */
.input_box { width: 100%; display: flex; }
.input_box input { width: 100%; max-width: 240px; border: solid 1px #e5e5e5; padding-left: 20px; height: 50px; font-size: 15px; padding-right: 20px; }
.input_box input::placeholder { font-family: "Pretendard"; }

/* tab */
.tab_depth01_wrap { display:flex; justify-content: center; border-bottom:1px solid #dbe8f5; flex-wrap: wrap; }
.tab_depth01_wrap > div { position:relative; }
.tab_depth01_wrap > div a span { color: inherit; }
.tab_depth01_wrap > div a { display:inline-block; font-size:20px; color:#757575; padding:20px; }
.tab_depth01_wrap > div a.active { color:#07386b; font-weight:bold; }
.tab_depth01_wrap > div a.active::after { content:""; position:absolute; bottom:-4px; left:50%; transform:translateX(-50%); width:7PX; height:7px; border-radius: 7px; background:#116ecd; }
.tab_depth_con_wrap .tab_depth_con { display: none; }
.tab_depth_con .total_search_area { margin-top: 40px; }
.tab_depth_con .organization_wrap { padding-right: 0; padding-left: 0; }
.total_search_area ~ .tb_wrap { margin-top: 20px; }
.tab_depth02_wrap { display:flex; justify-content: center; margin-top:40px; }
.tab_depth02_wrap.row2 { flex-wrap: wrap; justify-content: flex-start; }
.tab_depth02_wrap.row2 div { flex-shrink: 0; width: 14%; margin-left: -1px; }
.tab_depth02_wrap.row2 a { width: 100%; }
.tab_depth02_wrap.row2 div:nth-child(1) a { border-bottom: none; }
.tab_depth02_wrap.row2 div:nth-child(2) a { border-bottom: none; }
.tab_depth02_wrap.row2 div:nth-child(3) a { border-bottom: none; }
.tab_depth02_wrap.row2 div:nth-child(4) a { border-bottom: none; }
.tab_depth02_wrap.row2 div:nth-child(5) a { border-bottom: none; }
.tab_depth02_wrap.row2 div:nth-child(6) a { border-bottom: none; }
.tab_depth02_wrap.row2 div:nth-child(7) a { border-bottom: none; }
.tab_depth02_wrap.row2 div:nth-child(15) a { margin-top: -1px; }
.tab_depth02_wrap.row2 div:nth-child(16) a { margin-top: -1px; }
.tab_depth02_wrap.row2 div:nth-child(17) a { margin-top: -1px; }
.tab_depth02_wrap.row2 div:nth-child(18) a { margin-top: -1px; }
.tab_depth02_wrap.row2 div:nth-child(19) a { margin-top: -1px; }
.tab_depth02_wrap.row2 div:nth-child(20) a { margin-top: -1px; }
.tab_depth02_wrap.row2 div:nth-child(21) a { margin-top: -1px; }
.tab_depth02_wrap.row2 div:nth-child(22) a { margin-top: -1px; }
.tab_depth02_wrap.row2 div:nth-child(23) a { margin-top: -1px; }
.tab_depth02_wrap.row2 div:nth-child(24) a { margin-top: -1px; }
.tab_depth02_wrap.row2 div:nth-child(25) a { margin-top: -1px; }
.tab_depth02_wrap.row2 div:nth-child(26) a { margin-top: -1px; }
.tab_depth02_wrap.row2 div:nth-child(27) a { margin-top: -1px; }
.tab_depth02_wrap.row2 div:nth-child(28) a { margin-top: -1px; }
.tab_depth02_wrap > div { }
.tab_depth02_wrap > div a { display:inline-block; text-align:center; padding:12px 10px; border:1px solid #cccccc; margin-left:-1px; }
.tab_depth02_wrap > div a.active { background:#116ecd; border:1px solid #116ecd; color:#fff; font-weight:bold; }
.tab_depth02_wrap > div a.active:focus-visible { outline-color: black; }
.tab_depth02_con_wrap .tab_depth02_con { display: none; }
.tab_depth02_wrap.type2 > div a { min-width: 120px; }
.tab_depth02_con .tb_wrap { margin-top: 20px; }
.wa_mark {max-width: 88px; display: inline-block;}
.wa_mark img {width: 100%; height: auto; object-fit: cover;}

/* 버튼 */
.btn { padding:15px 40px; border-radius:5px; background-color:#ddd; color:#333; font-size:18px; }
.btn.bg_color01 { background-color:#116ecd; color:#fff; }

/* 태그 */
.tag { flex-shrink: 0; }

/* 사이트맵 */
.sitemap_wrap { display: none; width: 100%; box-sizing: border-box; height: 100dvh; position: fixed; top: 0px; left: 0px; right: 0px; background: white; }
.sitemap_wrap.show { display: flex; }
.sitemap_wrap .left_area { width: 520px; background: url(../img/bg/bg_sitemap.jpg) no-repeat center / cover; padding: 100px 0 86px 80px; display: flex; flex-direction: column; justify-content: space-between; }
.sitemap_wrap .left_area p.s_txt { margin-top: 60px; font-family: GmarketSans; font-size: 30px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.31; letter-spacing: -1.2px; color: #fff; }
.sitemap_wrap .left_area p.s_txt strong { font-weight: 700; color: #fff; }
.sitemap_wrap .left_area .address { font-family: Pretendard; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.6px; text-align: left; color: #fff; }

.sitemap_wrap .right_area { width: calc(100% - 520px); }
.sitemap_wrap .right_area .sitemap_inner { margin: 80px auto 0; width: calc(100% - 200px); }
.sitemap_wrap .right_area .sitemap_inner > ul { display: flex; }
.sitemap_wrap .right_area .sitemap_inner > ul > li { width: 20%; }
.sitemap_wrap .right_area .sitemap_inner > ul > li.open { height: auto; }
.sitemap_wrap .right_area .sitemap_inner .s_depth2_wrap { display: flex; flex-direction: column; gap: 15px; margin-top: 20px; }
.sitemap_wrap .right_area .sitemap_inner .s_depth2_wrap > li { }
.sitemap_wrap .right_area .sitemap_inner .s_depth2_wrap > li > a { font-family: Pretendard; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: -0.64px; text-align: left; color: #222; }
.sitemap_wrap .right_area .sitemap_inner .s_depth3_wrap { display: none; flex-direction: column; gap: 10px; }
.sitemap_wrap .right_area .sitemap_inner .s_depth3_wrap.open { display: flex;  }
.sitemap_wrap .right_area .sitemap_inner .s_depth3_wrap > li:first-of-type { margin-top: 15px; }
.sitemap_wrap .right_area .sitemap_inner .s_depth3_wrap > li > a { position: relative; display: inline-block; padding-left: 12px; font-family: Pretendard; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.1; letter-spacing: -0.56px; text-align: left; color: #666; }
.sitemap_wrap .right_area .sitemap_inner .s_depth3_wrap > li > a.on {text-decoration: underline; text-underline-position: under; color: var(--mainColor1);}
.sitemap_wrap .right_area .sitemap_inner .s_depth3_wrap > li > a::after { width: 2px; height: 2px; content: ""; display: block; position: absolute; border-radius: 50%; background-color: #000; left: 0px; top: 50%; transform: translateY(-50%); }
.sitemap_wrap .close_btn { position: absolute; content: ""; display: block; background: url(../img/icon/icon_close.svg) no-repeat center / cover; width: 24px; height: 24px; right: 50px; top: 50px; }
.sitemap_wrap .copyright { position: absolute; bottom: 50px; right: 50px; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.3px; text-align: left; color: #bbbec3; }
.sitemap_wrap .s_logo_mob { display: none; }
.sitemap_wrap .right_area .sitemap_inner .s_depth2_wrap > li > a:active {color: var(--mainColor1);}
.sitemap_wrap .right_area .sitemap_inner .s_depth2_wrap > li > a.on {color: var(--mainColor1); font-weight: 700;}

/* 반응형 */
@media screen and (max-width:1530px){
 .gnb_area nav ul li .pc_depth2_wrap .tit { display: none; }
 .gnb_area nav ul li .pc_depth2_wrap .list_wrap { width: 90%; }
}

@media screen and (max-width:1500px){
 .sitemap_wrap .left_area { width: 360px; padding: 100px 0 76px 10px; }
 .sitemap_wrap .right_area { width: 100%; }
 .sitemap_wrap .right_area .sitemap_inner > ul { justify-content: space-between; }
 .sitemap_wrap .right_area .sitemap_inner > ul > li { width: 19%; }
 .sitemap_wrap .right_area .sitemap_inner { width: calc(100% - 100px); }
}
@media screen and (max-width:1300px) { }
@media screen and (max-width:1200px){
 .all_search_area .search_inner .input_box { width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; }
 .header_center .inner { padding-right: 60px; }
 .gnb_area nav ul li .pc_depth2_wrap .list_wrap { width: 100%; }
 .gnb_area nav ul li .pc_depth2_wrap li a::after { display: none; }
 header .header_inner .header_top .shortcut_list {margin-right:10px;margin-left:10px;}
 header .header_inner .header_top .shortcut_list li {padding:0 15px;}
}
@media screen and (max-width:1040px){
 .gnb_area nav ul { gap: 20px; }
 header .header_inner .header_top h3 { background-image: none; padding: 0 5px; box-sizing: border-box; white-space: nowrap; width: 104px; }
 header .header_inner .header_top .shortcut_list li { padding: 0 5px; font-size:12px;}
 header .header_inner .header_top .btn_wrap { gap: 10px; }
 header .header_inner .header_top .btn_wrap div {font-size:12px;}
 header .header_inner .header_top .shortcut_list { margin-right: 5px; margin-left: 5px; gap: 5px; }
 /* 공통 */
 .tag { padding: 3px 10px !important; font-size: 12px !important; font-weight: 500; }
 .gnb_area nav ul { display: none; }
 /* 사이트맵 */
 .sitemap_wrap .left_area { display: none; }
}

@media screen and (max-width:960px) { /* footer */
 footer .footer_inner .foot_top { flex-direction: column; }
 footer .footer_inner .foot_top .privacy_list { flex-wrap: wrap; gap: 10px 20px; justify-content: center; }
 /* footer .footer_inner .foot_top .privacy_list li:first-of-type { width: calc(50% - 10px); text-align: right; } */
 footer .footer_inner .foot_top .privacy_list { width: calc(50% - 10px); text-align: right; }
 footer .footer_inner .foot_top .privacy_list li::after { right: -11px; }
 footer .footer_inner .foot_top .privacy_list li:last-of-type::after { display: none; }
 /* footer .footer_inner .foot_top .privacy_list li:nth-of-type(2) { width: calc(50% - 10px); text-align: right; } */
 footer .footer_inner .foot_top .privacy_list { width: calc(50% - 10px); text-align: right; }
 /* footer .footer_inner .foot_top .privacy_list li:first-of-type a { text-align: right; width: fit-content; margin-left: auto; }
 footer .footer_inner .foot_top .privacy_list li:nth-of-type(2) a { text-align: left; width: fit-content; margin-right: auto; } */
 footer .footer_inner .foot_top .privacy_list { text-align: right; width: fit-content; margin-left: auto; }
 footer .footer_inner .foot_top .privacy_list { text-align: left; width: fit-content; margin-right: auto; }
 footer .footer_inner .select_box_wrap { width: calc(100% - 40px); margin-left: 20px; margin-top: 20px; }
 footer .footer_inner .foot_con .left_wrap { flex-direction: column; width: 100%; padding-left: 20px; padding-right: 20px; }
 footer .footer_inner .foot_con .foot_info { margin-left: 0; gap: 10px; }
 footer .footer_inner .foot_con { flex-direction: column; align-items: end; }
 footer .footer_inner .foot_con .foot_link_wrap { margin-right: 20px; margin-top: 34px; }
 footer .footer_inner .foot_top { padding-right: 0; padding-left: 0; }
 footer .footer_inner .foot_con { padding-right: 0; padding-left: 0; }
 footer .footer_inner .foot_sns {justify-content: center;}
}


@media screen and (max-width:768px) { /* 공통 */
 .search_box { width: 100%; }
 .search_box:has(.input_box) { flex-direction: column; }
 .search_box .input_box { width: 100%; }
 .inner_wrap { padding-right: 16px; padding-left: 16px; }
 .all_search_area .close_btn { top: 13px; right: 13px; }
 .w5 { width: 100% !important; padding: 0 !important; position: relative !important; }
 .w5.num { transform: none !important; left: auto !important; top: auto !important; }
 .tab_depth02_wrap.type2 > div a { min-width: unset; }
 .w10 { width: 100%; padding: 0 !important; }
 .w15 { width: 100%; padding: 0 !important; }
 .w20 { width: 100%; padding: 0 !important; }
 .w25 { width: 100%; padding: 0 !important; }
 .w30 { width: 100%; padding: 0 !important; }
 .w_auto { width: 100%; padding: 0 !important; }
 .bull_caution { font-size: 15px; }
 .gnb_area nav { display: none; }
 .gnb_area { height: 60px; padding: 0 20px; }
 .gnb_area .gnb_util_area { gap: 20px; }
 .header_center, .header_top { display: none; }
 .main_vis.vis1 { margin-top: 60px; }
 .all_search_wrap .tit { margin-top: 30px; }
 .all_search_wrap { padding-bottom: 30px; }
 .all_search_area .search_inner .input_box { padding: 0 15px; }
 /* 사이트맵 */
 .s_logo_mob { position: absolute; width: 100px; height: auto; top: 20px; left: 20px; }
 .s_logo_mob a { display: inline-block; width: 100%; height: 100%; }
 .s_logo_mob img { display: inline-block; width: 100%; height: 100%; }
 .sitemap_wrap.show { padding-top: 50px; }
 .sitemap_wrap .right_area { overflow-y: auto; }
 .sitemap_wrap .right_area .sitemap_inner { width: calc(100% - 40px); min-height: calc(100% - 20px); box-sizing: border-box; padding-bottom: 78px; position: relative; margin-top: 17px; }
 .sitemap_wrap .right_area .sitemap_inner > ul { flex-direction: column; }
 .sitemap_wrap .right_area .sitemap_inner > ul > li { cursor: pointer; width: 100%; border-bottom: solid 1px #e5e5e5; height: 48px; overflow: hidden; line-height: 48px; position: relative; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: -0.64px; text-align: left; color: #222; }
 .sitemap_wrap .right_area .sitemap_inner > ul > li h3::after { width: 15px; height: 15px; position: absolute; content: ""; display: block; right: 0px; top: 15px; -webkit-mask: url(../img/icon/icon_plus.svg) no-repeat center / 15px; background-color:#222; }
 .sitemap_wrap .right_area .sitemap_inner > ul > li h3.open::after { -webkit-mask:url(../img/icon/icon_minus.svg) no-repeat center / 15px; background-color:#222; }
 .sitemap_wrap .right_area .sitemap_inner .s_depth2_wrap { padding: 20px; background-color: #f4faff; margin-top: 0; }
 .sitemap_wrap .right_area .sitemap_inner .s_depth2_wrap > li { line-height: 17px; }
 .sitemap_wrap .right_area .sitemap_inner > ul > li:has(h3.open) { height: auto; overflow: visible; }
 .sitemap_wrap .right_area .sitemap_inner > ul > li > h3.open + .s_depth2_wrap { height: auto; overflow: visible; }
 .sitemap_wrap .copyright { right: 10px; bottom: 20px; text-align: right; }
 .sitemap_wrap .close_btn { width: 18px; height: 18px; right: 20px; top: 20px; }
}

/* 모달 추가 */
.modal_wrap { display: none; content: ""; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 50; position: fixed; background-color: rgba(0, 0, 0, 0.6); }
.modal_wrap.show { display: block; }
.modal_wrap .modal { border-radius: 10px; overflow: hidden; width: 400px; display: block; position: absolute; background: white; left: 50%; top: 50%; margin-top: -100px; margin-left: -200px; padding: 20px 30px 80px; }
.modal_wrap .modal .modal_tit { font-family: Pretendard; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.32px; text-align: left; color: #222; }
.modal_wrap .modal .input_wrap { margin-top: 30px; padding: 15px 20px; text-align: center; border-radius: 6px; border: solid 1px #e5e5e5; background-color: #fff; }
.modal_wrap .modal .input_wrap input { font-family: Pretendard; width: 100%; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.3px; text-align: left; color: #757575; }
.modal_wrap .modal .input_wrap input::placeholder { font-family: Pretendard; font-size: 15px; font-weight: 500; font-stretch: normal; text-align: center; font-style: normal; line-height: normal; letter-spacing: -0.3px; color: #757575; }
.modal_wrap .modal .blue_confirm_btn { height: 50px; line-height: 50px; background: var(--mainColor1); border-radius: 0 0 10px 0px; color: white; width: 100%; position: absolute; bottom: -1px; left: 0px; }
.modal_wrap .modal .blue_confirm_btn:focus-visible { outline-color: white; outline-offset: -3px; }
.modal_wrap .modal .close_btn { background: url(../img/icon/icon_close.svg) no-repeat center / cover; top: 23px; right: 30px; position: absolute; width: 14px; height: 14px; }
.essential::before { content: '*'; vertical-align: middle; font-size: 18px; font-weight: 700; color: var(--mainColor1); margin-left: 4px; }

.wd350 { width: 350px; }
.tb02 { border-top:2px solid #116ecd; margin-top:20px; }
.tb02 th { background-color: #f4faff; padding-right: 20px; padding-left: 20px; border-bottom: 1px solid #eaeaea; height: 50px; line-height: 50px; text-align: left; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.32px; text-align: left; color: #444; }
.tb02 td { padding: 10px; border-bottom: 1px solid #eaeaea; }
.tb02 td input { padding: 10px; border: solid 1px #e5e5e5; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.3px; text-align: left; color: #666; }
.tb02 td input::placeholder { color: #777; font-family: "Pretendard"; }
.tb02 textarea { width: 100%; color: #666; border: solid 1px #e5e5e5; resize: none; min-height: 300px; padding: 10px; font-family: "Pretendard"; font-size: 15px; }
.tb02 td textarea::placeholder { color: #777; font-family: "Pretendard"; font-size: 15px; }



.filebox { display:flex;color: #666; }
.filebox .upload_wrap { display:inline-block; display:flex; align-items: center; }
.filebox .upload_wrap + .upload_wrap { margin-left:20px; }
.filebox .btn_file_del { line-height:100%; }
.filebox .upload_name { display: inline-block; padding:0; padding-right:20px; align-items: center; border:none;  color: #116ecd; cursor: auto; outline: none; }
.filebox label { display: inline-block; width:100px; line-height: 40px; text-align:center; color: #666; border-radius:3px; border: solid 1px #e5e5e5; background-color: white; cursor: pointer; height: 40px; margin-right: 10px; flex-shrink: 0; }
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;color: #666; }

.bottom_btn_wrap { display: flex; justify-content: center; margin-top: 40px; gap: 10px; }
.bottom_btn_wrap .btn01 { padding: 15px 45px; border-radius: 4px; background-color: #116ecd; color: white; }
.bottom_btn_wrap .btn01:focus-visible { outline-color: white; outline-offset: -3px; }
.bottom_btn_wrap .btn02 { padding: 15px 45px; border-radius: 4px; border: solid 1px #116ecd; color: #116ecd; background-color: #fff; }
.btn03 { position: absolute; display: inline-block; padding: 15px 45px; border-radius: 4px; border: solid 1px #666; color: #666; background-color: #fff; }

/* 컨텐츠 */
#contentHtml img { max-width: 100%; height: auto; }

/* 팝업추가 */

.lay-popup-bottom {background: var(--mainColor1);display: flex;}
.lay-popup-bottom a {display: inline-block;  color: white; text-align: center;height: 40px; font-weight: 700; line-height: 40px;}
.lay-popup-bottom a:first-of-type {width: 70%;}
.lay-popup-bottom a:last-of-type {width: 30%;}
.popup_wrap {position: absolute; max-width: 420px; width: 100%; left: 50%; top: 42px;  height: auto; background: white; transform: translateX(-50%); z-index: 100;}
.popup_wrap .pop_con {width: fit-content;}
.popup_wrap .pop_con a:focus-visible {outline:3px dotted red; outline-offset: -3px;}
.popup_wrap .pop_con img {max-width: 100%;     }
.popup_wrap .btn_wrap {background: var(--mainColor1); display: flex;}
.popup_wrap .btn_wrap a {display: inline-block; width: 50%; text-align: center; color: white; font-weight: 700;height: 40px; line-height: 40px;}