:root {
    --mainColor1: #083e88;
    --mainColor2: #00aeef;
    --color-sh:#0D57DB;
    --color-s:#F3F7FE;
    --color-border:#DEE7F8
}
/* 공통 */
/* sound only */
.screenOut { overflow: hidden; display: inline-block; border: 0; position: absolute; z-index: -1; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }
.hidden { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }

/* 바로가기 */
#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; box-sizing: border-box; outline-offset: -2px; }
#container { min-height: calc(100vh - 248px); }

/* 태그 */
.tag { border: 1px solid #ffffff4c; font-size: 14px; font-weight: 600; border-radius: 14.5px; line-height: 14px; padding-left: 18px; padding-right: 18px; width: fit-content; padding-top: 7px; padding-bottom: 7px; box-sizing: border-box; }
.tag.type1 { color: white; border-color: #ffffff4c; background-color: rgb(255,255,255 ,10%); }
.tag.type2 { color: var(--mainColor1); border-color: var(--mainColor1); background-color:white; }
.link_btn { font-size: 18px; position: relative; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.72px; text-align: left; color: #fff; }
.link_btn.type1 { padding-right: 27px; background: url(../images/icn_arrow1_black.png) no-repeat center right / 12px; color: black; }
.link_btn.type2 { padding-right: 27px; background: url(../images/icn_arrow1_white.png) no-repeat center right / 12px; color: white; }

/* 헤더 */
header { width: 100%; height: 86px; position: fixed; top: 0px; left: 0px; right: 0px;z-index:300}
header .header_inner { max-width: 1920px; height:86px; display: flex; align-items: center; justify-content:center;color: white}
header .header_inner h1{position:absolute;left:30px}
header .header_inner h1 a {display:block;background: url('../images/main/logo-twhite.png') no-repeat center/contain; width:250px;aspect-ratio:127/23}
:lang(en) header .header_inner h1 a {background-image:url('../images/main/logo-twhite-en.png')}
header .header_inner .gnb > ul { display: flex; }
header .header_inner .gnb > ul > li > a { position: relative; color: white; font-size: 20px; font-weight: 600; padding-left: 36px; padding-right: 36px; padding-top: 28px; padding-bottom: 28px; }
header .header_inner .gnb > ul > li > a::before { position: absolute; bottom: 0;left: 50%; transform: translateX(-50%); z-index: 1; content: ''; width: 0; height: 2px;background: var(--mainColor1); transition: 0.2s;}
header .header_inner .gnb > ul > li > a.on::before { width: 100%; }
header .header_inner .gnb > ul > li > a.on { color: var(--mainColor1) !important; }
header .header_inner .gnb ul li .depth_wrap { background: white; top: 80px; left: 0px; width: 100%; position: absolute; display: none; min-height: 332px; }
header .header_inner .gnb ul li .depth_wrap.on { display: flex; }
header .header_inner .gnb ul li .depth_wrap .tit { font-size: 32px; white-space: nowrap; font-weight: bold; color: #222; padding-top: 43px; padding-right: 116px; border-right:1px solid #e6e2df; }
header .header_inner .gnb ul li .depth_wrap .inner { max-width: 1260px; width: 100%; margin: 0 auto; padding-right: 60px; display: flex; padding-left: 60px; }
header .header_inner .gnb ul li .depth_wrap .inner ul.pc_depth2_list { width: 100%; padding-bottom: 40px; flex-wrap: wrap; gap: 20px 10px; display: flex; place-self: flex-start; margin-top: 45px; margin-left: 40px; margin-right: 40px; }
header .header_inner .gnb ul li .depth_wrap .inner ul.pc_depth2_list > li { max-width: 250px; width: calc(33% - 4.6px); display: block; font-size: 16px; font-weight: normal; }
header .header_inner .gnb ul li .depth_wrap .inner ul.pc_depth2_list > li > a { font-size: 16px; line-height: 1; width: 100%; display: inline-block; font-weight: normal; border: solid 1px #e5e5e5; background: #fff url(../images/icon_arrow_down_gray.png) no-repeat calc(100% - 20px) center / 11px 6px; color: #555555 !important; padding-left: 19px; padding-top: 17px; padding-bottom: 18px; }
header .header_inner .gnb ul li .depth_wrap .inner ul.pc_depth2_list > li.ex_link > a {background: #fff url(../images/ic_link.svg) no-repeat calc(100% - 20px) center / 15px auto;}
header .header_inner .gnb ul li .depth_wrap .inner ul.pc_depth2_list > li > a:hover { background: var(--mainColor1); color: white !important; transition: 0.3s all; background: var(--mainColor1) url(../images/icon_arrow_down_white.png) no-repeat calc(100% - 20px) center / 11px 6px; }
header .header_inner .gnb ul li .depth_wrap .inner ul.pc_depth2_list > li.ex_link > a:hover {background:  var(--mainColor1) url(../images/ic_link2.svg) no-repeat calc(100% - 20px) center / 15px auto;}
header .header_inner .gnb ul li .depth_wrap .inner ul.pc_depth2_list .pc_depth3_list { display: flex; margin-top: 20px; flex-direction: column; gap: 15px; }
header .header_inner .gnb ul li .depth_wrap .inner ul.pc_depth2_list .pc_depth3_list li { display: flex; line-height: 1; }
header .header_inner .gnb ul li .depth_wrap .inner ul.pc_depth2_list .pc_depth3_list li a { padding-left: 24px; position: relative; display: inline-block; font-size: 16px; line-height: 1; color: #555; font-weight: 500; }
header .header_inner .gnb ul li .depth_wrap .inner ul.pc_depth2_list .pc_depth3_list li a::after { background: #aaa; content: ""; display: block; left: 10px; top:50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 10px; position: absolute; }
header .header_inner .gnb ul li .depth_wrap .inner ul.pc_depth2_list .pc_depth3_list li.ex_link::after { content: ''; display: inline-flex; margin-left: auto; width: 15px; height: 15px; background: url(../images/ic_link.svg) no-repeat; background-size: cover; }
.gnb_img_box { display: none; position: relative; flex-shrink: 0; margin-top: 45px; height: fit-content; }
.gnb_img_box .img_wrap { max-width: 379px; width: 100%; height: 247px; background: black; }
.gnb_img_box .img_wrap img { width: 100%; height: 100%; object-fit: cover; }
.gnb_img_box .img_tit { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; }
.depth_wrap { border-bottom: 1px solid var(--mainColor2); }
.depth_wrap .inner .tit { background: url(../images/bg_logo.png) no-repeat right bottom / 207px; }
header .header_inner .h_menu_wrap {position:absolute;right:30px;display: flex; gap:20px; align-items: center; }
header .header_inner .h_menu_wrap .lang_list a {font-size: 15px;color:#fff;font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal;border:2px solid #fff;position: relative;display:flex;align-items:center;justify-content:center;border-radius:30px;width:45px;height:26px;transition:.3s}
header .header_inner .h_menu_wrap .lang_list a:hover{background-color:#fff;color:#333}
header .header_inner .h_menu_wrap .lang_list a.selected { display: none;}
header .header_inner .h_menu_wrap .lang_list a.selected::after { background: white; }
header .header_inner .h_menu_wrap .menu_wrap{width:32px;height:22px;line-height:0}
header .header_inner .h_menu_wrap .menu_wrap .menu_btn { font-size: 11px; font-weight: 500;position: relative;width:100%;height:100%}
header .header_inner .h_menu_wrap .menu_wrap .menu_btn span{position:absolute;width:80%;left:0;height:3px;background-color:#fff;top:50%;transform:translateY(-50%);text-indent:-999%;overflow:hidden}
header .header_inner .h_menu_wrap .menu_wrap .menu_btn::after { content: ''; display: block; width:100%; height: 3px; right: 0px; background: white; position: absolute; top: 0px; }
header .header_inner .h_menu_wrap .menu_wrap .menu_btn::before { content: ''; display: block; width:100%; height: 3px; right: 0px; background: white; position: absolute; bottom:0}
header .btn-depth3{display:none}
header .all_depth3_list .gnb-3item{padding:10px 10px 10px 20px;color:#fff;display:block}
header .all_menu_wrap { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: url(../images/bg_sitemap.png) no-repeat center / cover; z-index: 50; display: none; }
header .all_menu_wrap .inner { max-width: 1520px; padding-right: 20px; padding-left: 20px; margin: 50px auto 0; display: flex; flex-direction: column; justify-content: center; height: 100%; }
header .all_menu_wrap .close_btn { position: absolute; background: url(../images/icn_close_white.png) no-repeat center / cover; width: 30px; height: 30px; top: 66px; right: 84px; }
header .all_menu_wrap .logo_area a { display: inline-block; width:250px; position: absolute; top: 65px; left: 80px; }
header .all_menu_wrap .logo_area a img { width: 100%; }
header .all_menu_wrap .all_menu_main { display: flex; justify-content: space-between; align-items: baseline; }
header .all_menu_wrap .all_menu_main nav .all_depth1_list { display: flex; gap: 136px; }
:lang(en) header .all_menu_wrap .all_menu_main nav .all_depth1_list { gap: 100px; }
header .all_menu_wrap .all_menu_main nav .all_depth1_list .list_tit { font-size: 32px; display: inline-block; font-weight: bold; }
header .all_menu_wrap .all_menu_main nav .all_depth1_list .all_depth2_list { margin-top:20px; display: flex; flex-direction: column; gap:20px}
header .all_menu_wrap .all_menu_main nav .all_depth1_list .all_depth2_list > li > a { font-size:1.25rem; color: #ddd; font-weight: 500; }

header .all_menu_wrap .txt_wrap { display: flex; gap: 53px; flex-direction: column; }
header .all_menu_wrap .txt_wrap .blue_txt { font-size: 24px; color: var(--mainColor2); font-weight: bold; }
:lang(en) header .all_menu_wrap .txt_wrap .blue_txt { font-size: 20px; }
header .all_menu_wrap .txt_wrap strong { font-size: 48px; font-weight: bold; }
:lang(en) header .all_menu_wrap .txt_wrap strong { font-size: 40px; }

header.active { background: white; border-bottom: 1px solid #e5e5e5; }
header.active .header_inner h1 a {background-image:url('../images/main/logo-bluex4.png')}
:lang(en) header.active .header_inner h1 a {background-image:url('../images/main/logo-blue4x-en.png')}
header.active .header_inner .gnb ul li a { color: black; }
header.active .header_inner .h_menu_wrap .lang_list a.selected { color: #000000; }
header.active .header_inner .h_menu_wrap .lang_list a.selected::after { background-color: black; }
header.active .header_inner .h_menu_wrap .lang_list a {border-color:#000;color: #000; }
header.active .header_inner .h_menu_wrap .lang_list a::after { background: #000; }
header.active .header_inner .h_menu_wrap .menu_wrap .menu_btn { color: black; }
header.active .header_inner .h_menu_wrap .menu_wrap .menu_btn span{background-color:black}
header.active .header_inner .h_menu_wrap .menu_wrap .menu_btn::after { background: black; }
header.active .header_inner .h_menu_wrap .menu_wrap .menu_btn::before { background: black; }

/* 푸터 */
footer { border-top: 1px solid #ddd; width: 100%; background: white; }
footer .footer_inner { max-width: 1690px; padding-top: 40px; margin: 0 auto; padding-bottom: 40px; padding-right: 60px; padding-left: 60px; }
footer .footer_inner .footer_top { display: flex; justify-content: space-between; }
footer .footer_inner .footer_top .policy_list { display: flex; gap: 45px; }
footer .footer_inner .footer_top .policy_list li:first-of-type a { color: #003e88; }
footer .footer_inner .footer_top .policy_list li a { display: flex; gap: 45px; font-family: Pretendard; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.64px; text-align: left; color: #666; }
footer .footer_inner .footer_top .go_top_btn { font-family: Montserrat; font-size: 20px; font-weight: bold; font-stretch: normal; text-decoration: underline; font-style: normal; line-height: normal; letter-spacing: -0.8px; text-align: left; color: #003e88; }
footer .footer_inner .footer_con { display: flex; justify-content: space-between; align-items: center; margin-top: 22px; }
footer .footer_inner .footer_con .footer_logo { display: inline-block; max-width: 160px; height: auto; }
footer .footer_inner .footer_con .footer_logo img { width: 100%; height: 100%; }
footer .footer_inner .footer_con .number_wrap { display: flex; gap: 50px; }
footer .footer_inner .footer_con .left_wrap { display: flex; gap: 40px; align-items: flex-start; }
footer .footer_inner .footer_con .left_wrap p.address span { display: block; }
footer .footer_inner .footer_con .footer_info { display: flex; flex-direction: column; 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: #777; }
footer .footer_inner .footer_con .number_wrap dl { display: flex; gap: 15px; }
footer .footer_inner .footer_con .copyright { font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -0.6px; text-align: left; color: rgba(119, 119, 119, 0.7); }
footer .footer_inner .footer_con .right_wrap { margin-top: 26px; }
footer .footer_inner .footer_con .right_wrap .select_wrap{display:flex;gap:10px;align-items:center}
footer .footer_inner .footer_con .right_wrap .select_wrap .wa-img{width:60px}
footer .footer_inner .footer_con .right_wrap .select_wrap .wa-img img{max-width:100%}
footer .footer_inner .footer_con .right_wrap .select_wrap::before {display: none;}
footer .footer_inner .footer_con .right_wrap .select_wrap select { width: 205px; height: auto; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.64px; text-align: left; color: #333; text-align: left; padding: 16px 21px 17px 20px; border-radius: 24px; background: #f3f6fb url(../images/icn_triangle.svg) no-repeat calc(100% - 20px) center / 6px; }

/* 탭메뉴 */
.tab_menu_wrap ul { display: flex; gap: 42px; }
.tab_menu_wrap ul li { font-size: 20px; font-weight: 600; color: #777; }
.tab_menu_wrap ul li a { color: #777; }
.tab_menu_wrap ul li a.selected { color: var(--mainColor1); }

/* 스와이퍼 */
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { top: auto !important; width: auto !important; left: auto !important; }

@media screen and (max-width: 1440px) {
    header .header_inner .gnb ul li .depth_wrap .inner ul.pc_depth2_list { margin-left: 30px; margin-right: 30px; }
    header .header_inner .gnb ul li .depth_wrap .inner ul.pc_depth2_list > li { width: calc(33% - 5.6px); }
    header .all_menu_wrap .all_menu_main {justify-content: center;}
    header .all_menu_wrap .txt_wrap {display: none;}
    .all_menu_bottom {display: none;}
    .gnb_img_box { display: none; }
}

@media screen and (max-width: 1200px) {
    header .header_inner .gnb > ul > li > a{padding-left:20px;padding-right:20px}
}

@media screen and (min-width:1025px) {
    header .all_depth3_list{display:none}
    header .btn-depth3{display:none}
}

@media screen and (max-width:1024px) {
    html, body{font-size:14px}

    header .header_inner .gnb { display: none; }
    header .header_inner .gnb > ul > li > a { padding-right: 15px; padding-left: 15px; }
    header .header_inner .h_menu_wrap .menu_wrap .menu_btn::after,
    header .header_inner .h_menu_wrap .menu_wrap .menu_btn::before,
    header .header_inner .h_menu_wrap .menu_wrap .menu_btn span{height:2px}
    header .all_menu_wrap {background: #fff;}
    header .all_menu_wrap .inner{height:100vh;margin:60px auto 0; padding: 0; justify-content: flex-start;}
    header .all_menu_wrap .all_menu_main{height:100%}
    header .header_inner h1{top:15px}
    header .all_menu_wrap .logo_area a {top:15px; left: 20px; width:180px;aspect-ratio:127/23;background: url('../images/main/logo-bluex4.png') no-repeat center/contain}
    :lang(en) header .all_menu_wrap .logo_area a{background-image:url('../images/main/logo-blue4x-en.png')}
    header .all_menu_wrap .logo_area a img {display: none;}
    header .all_menu_wrap .txt_wrap {display: none;}
    header .all_menu_wrap .close_btn { width: 17px; height: 16px; background: url(../images/icn_close2.svg) no-repeat center center; background-size: cover; top: 24px; right: 20px; }
    header .all_menu_wrap .all_menu_main nav{position:relative;width: 100%;height:100%;border-top:1px solid var(--color-border)}
    header .all_menu_wrap .all_menu_main nav::after{position:absolute;left:120px;background-color:var(--color-border);width:1px;height:100%;content:"";top:0;z-index:100}
    :lang(en) header .all_menu_wrap .all_menu_main nav .all_depth1_list,
    header .all_menu_wrap .all_menu_main nav .all_depth1_list {flex-direction: column;gap:0;height:100%}
    header .all_menu_wrap .all_menu_main nav .all_depth1_list li{display:flex;flex-direction:column}
    header .all_menu_wrap .all_menu_main nav .all_depth1_list li.on .list_tit{background-color:var(--color-sh);color:#fff}
    header .all_menu_wrap .all_menu_main nav .all_depth1_list li.on .list_tit::after{position:absolute;width:0;content:"";right:-15px;top:50%;transform:translateX(-50%);height: 0;border-style: solid;border-width:5px 0px 5px 10px;border-color: transparent transparent transparent var(--color-sh);z-index:200}
    header .all_menu_wrap .all_menu_main nav .all_depth1_list li.on .all_depth2_list{display:block}
    header .all_menu_wrap .all_menu_main nav .all_depth1_list .list_tit {position:relative;color: #222;font-size:1rem; padding:5px;display:flex;align-items:center;justify-content:center;width:120px;height:86px;background-color:var(--color-s);border-bottom:1px solid var(--color-border);text-align:center}
    header .all_menu_wrap .all_menu_main nav .all_depth1_list .btn_depth { position: absolute; top: 3px;right: 20px; width: 20px; height: 20px; background: url(../images/icon_arrow_down_gray.png) no-repeat center center; background-size: 11px 6px; transition: 0.2s; }
    header .all_menu_wrap .all_menu_main nav .all_depth1_list .btn_depth.on { transform: rotate(180deg); }
    header .all_menu_wrap .all_menu_main nav .all_depth1_list .all_depth2_list { display: none; margin-top: 0;top:0;overflow-y:auto;height:calc(100vh - 30px);background: #fff;position:absolute;right:0;width:calc(100% - 120px);z-index:100}
    header .all_menu_wrap .all_menu_main nav .all_depth1_list .all_depth2_list > li{position:relative;border-bottom:1px solid var(--color-border)}
    header .all_menu_wrap .all_menu_main nav .all_depth1_list .all_depth2_list > li > a {color: #222; font-size:1rem;width:calc(100% - 30px);height:50px;display:flex;align-items:center;padding:10px}
    header .all_depth3_list{display:none;background-color:var(--color-s)}
    header .all_depth3_list .gnb-3item{padding:10px 10px 10px 20px;font-size:.9em;color:initial}
    header .btn-depth3{position:absolute;display:block;width:50px;height:50px;text-indent:-999%;overflow:hidden;background:url('../images/icon_arrow_down_gray.png') center/12px no-repeat;transition:.2s;right:0;top:0}
    header .btn-depth3.on{transform: rotate(180deg)}
}

@media screen and (max-width: 720px) {
    /* header */
    header .header_inner h1{left:20px}
    header .header_inner h1 a { width:180px}
    header .header_inner .gnb { display: none; }
    header .header_inner .h_menu_wrap{right:20px;gap:10px}
    header .header_inner .h_menu_wrap .menu_wrap{width:24px;height:18px}
    header { height: 60px; }
    header .header_inner { padding-right: 20px; padding-left: 20px; height: 60px; }
    header .header_inner .h_menu_wrap .menu_wrap .menu_btn { font-size: 9px; }

    /* footer */
    footer .footer_inner { padding: 20px 18px; }
    footer .footer_inner .footer_con .right_wrap { position: absolute; }
    footer .footer_inner .footer_top .policy_list { gap: 19px; }
    footer .footer_inner .footer_top .policy_list li a { font-size: 13px; font-weight: bold; }
    footer .footer_inner .footer_con .left_wrap { flex-direction: column; gap: 20px; }
    footer .footer_inner { padding-bottom: 100px; }
    footer .footer_inner { position: relative; }
    footer .footer_inner .footer_con .footer_logo { max-width: 138px; }
    footer .footer_inner .footer_top .go_top_btn { font-size: 14px; top: 61px; position: absolute; right: 20px; }
    footer .footer_inner .footer_con .right_wrap { width: calc(100% - 40px); bottom: 30px; }
    footer .footer_inner .footer_con .right_wrap .select_wrap select { width: 100%; }
    footer .footer_inner .footer_con .left_wrap p.address span { display: inline; }
    footer .footer_inner .footer_con .footer_info { gap: 18px; }
    footer .footer_inner .footer_con .number_wrap{gap:10px}
}

@media screen and (max-width: 480px) {
    footer .footer_inner .footer_top .policy_list { gap: 10px; }
    footer .footer_inner .footer_top .policy_list li a {letter-spacing: -1px; font-size: 12px;}
}