@charset "utf-8";
/*레이아웃*/
.wrap{width: 100%;max-width: var(--cts-wrap-width);margin:0 auto;padding: 0 var(--side-gap);}

/*공통헤더*/
.site_header{position: fixed;top:0;height: calc(var(--header-top-height) + var(--header-btm-height));width: 100%;z-index: 300;}
.site_header.is_scroll{background: #fff;border-bottom: 1px solid #ddd;}
.site_header.is_open.is_scroll{border-bottom: 0;}
.site_header .logo{height: 100%;}
.site_header .logo a{font-size: 0;line-height:0;background: url(/images/common/logo.svg) left center no-repeat;width: 196px;height: var(--header-btm-height);display: block;background-size: 100%;image-rendering: -webkit-optimize-contrast;}
.site_header.is_open{background: #fff;}

.header_top{height: var(--header-top-height);border-bottom: 1px solid #e6ebed;background: #bce2ff;transition: right .4s;}
.header_top .wrap{display: flex;align-items: center;height: var(--header-top-height);}
.header_top .top_util{display: flex;gap: 40px;}
.header_top .top_util a{position: relative;}
.header_top .top_util a:not(:last-of-type)::after{content: '';width: 3px;height: 3px;border-radius: 50%;background: #cecece;position: absolute;right: -22px;top: 15px;}
.header_top .top_util a:hover{color: var(--gnb-point-color);font-weight: 500;}

.navOpen_btn{display: none;}
/*GNB*/
/* data-gnb : "all"(한번에 열리는 풀다운 메뉴), data-gnb : "each"(각 1depth 별로 열리는 메뉴), data-rwd="true" : 반응형, data-rwd="false" : 비반응형 */
/* .is_open : 전체 메뉴 열림/닫힘 상태, .is_active : 지금 열어둔 메뉴(호버&클릭), .is_current : 현재 페이지 활성화 클래스, .has_child : 하위 메뉴가 있는 상태 */
/* 1depth 활성화 : .depth1>li 클래스 .is_current 추가 / 2dpeth 활성화 : .depth2>ul>li에 클래스 .is_current 추가 / 3depth 활성화 : .depth3>li에 클래스 .is_current 추가 */
/* li의 자식메뉴가 있다면 클래스.has_child 추가(js로 자동추가) */
.site_header[data-gnb] .gnb_menu{width: 100%;}
/* 메뉴 공통 */
.site_header .header_btm{height: var(--header-btm-height);width: 100%;}
.site_header .depth1{display: flex;justify-content: flex-end;}
.site_header .depth1>li{display: inline-block;}
.site_header .depth1>li>a{padding-right: 120px;}
.site_header .depth1 a{display: block;}
.site_header .depth1>li>a>span{display: inline-block;position: relative;}
.site_header .depth1>li>a>span::before{content: '';width: 0;height: 3px;background: var(--gnb-point-color);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all .4s;}
.site_header .depth1>li.is_current>a>span::before, .site_header .depth1>li.is_active>a>span::before{display: block;width: 100%;}
/* 1depth 사이 불릿 .site_header .depth1>li:not(:last-child)>a::after{content: '';display: block;width: 4px;height: 4px;background: var(--gnb-point-color);border-radius: 50%;position: absolute;top: 45px;right: -1px;} */
.site_header .depth1>li>a{font-size: 19px;font-weight: 600;line-height: var(--header-btm-height);height: var(--header-btm-height);display: block;position: relative;}
.site_header .depth1>li.is_active>a, .site_header .depth1>li.is_current>a{color: var(--gnb-point-color)!important;font-weight: 700;}
.site_header .depth2{display: none;}

/* data-gnb="all" : 전체 메뉴가 한 번에 열리는 타입 */
.site_header[data-gnb="all"] .logo{position: absolute;left: var(--side-gap);top: 0;z-index: 20;height: var(--header-btm-height);}
.site_header[data-gnb="all"] .header_btm .wrap{position: relative;}
.site_header[data-gnb="all"] .gnb_menu{position: relative;width: 100%;left: 0;top: 0;}
.site_header[data-gnb="all"] .gnb_menu::after{content: '';position: absolute;left: 50%;top: var(--header-btm-height);bottom: 0;width: calc(100vw - var(--scrollbar-width));transform: translateX(-50%);background: #fff url(/images/common/nav_bg.png) left -58px bottom -44px no-repeat;box-shadow: 0 18px 30px rgba(0,0,0,.08);z-index: 1;}
.site_header[data-gnb="all"].is_open .gnb_menu::after{border-top: 1px solid #ddd;}
.site_header[data-gnb="all"] .depth1{position: relative;z-index: 2;padding-left: 200px;/* 로고 영역 */padding-right: 108px;}
.site_header[data-gnb="all"] .depth1>li{position: relative;display:flex;flex-direction:column;}
.site_header[data-gnb="all"] .depth2{display: grid;grid-template-rows: 0fr;position: relative;z-index: 2;width: 100%;overflow: hidden;padding: 0;background: none;pointer-events: none;/*transition: grid-template-rows .4s ease, padding .4s ease; 주석 풀면 메뉴 스르륵 열림 : nav_bg속 요소가 있으면 주석처리 */}
.site_header[data-gnb="all"].is_open .depth2{grid-template-rows: 1fr;padding: 40px 0 60px;pointer-events: auto;flex: 1;}
.site_header[data-gnb="all"] .depth2>ul{min-height: 0;overflow: hidden;border-left: 1px solid #ddd;padding-left: 16px;height: 100%;}
.site_header[data-gnb="all"] .depth2>ul>li{margin-bottom: 16px;}
.site_header[data-gnb="all"] .depth2>ul>li:last-child{margin-bottom: 6px;}
.site_header[data-gnb="all"] .depth2>ul>li>a{transition: color .4s ease, background .4s ease;}
.site_header[data-gnb="all"] .depth2>ul>li.is_current>a{color: var(--gnb-point-color);font-weight: 500;}
.site_header[data-gnb="all"] .depth2>ul>li:hover>a{color: var(--gnb-point-color);text-decoration: underline;text-underline-position: under;}
.site_header[data-gnb="all"] .depth3>li>a{transition: color .4s ease, background .4s ease;}
.site_header[data-gnb="all"] .depth3>li.is_current>a{color: var(--gnb-point-color);text-decoration: underline;font-weight: 500;}
.site_header[data-gnb="all"] .depth3>li>a:hover{color: var(--gnb-point-color);text-decoration: underline;}

/* data-gnb="each" : 1depth별로 각각 열리는 타입 */
.site_header[data-gnb="each"] .header_btm{height: var(--header-btm-height);}
.site_header[data-gnb="each"] .header_btm>.wrap{display: flex;justify-content: space-between;align-items: center;}
.site_header[data-gnb="each"] .depth1>li>a{padding: 0 52px;}
.site_header[data-gnb="each"].is_open .depth1>li.is_active .depth2{display: flex;} /* 클래스 .is_active의 자식만 보여지도록 */
.site_header[data-gnb="each"] .depth2{position: absolute;left: 50%;top: 150px;transform: translateX(-50%);width: 100%;z-index: 20;background: #fff;justify-content: center;}
.site_header[data-gnb="each"] .depth2>ul{width: 100%;max-width: var(--cts-wrap-width);display: flex;flex-direction: column;align-items: flex-start;position: relative;}
.site_header[data-gnb="each"] .depth2>ul::before{content: '';width: 260px;height: 100%;position: absolute;left: 0;top: 0;background-color: #eef3f7;}
.site_header[data-gnb="each"] .depth2>ul>li{position: relative;min-height: 50px;width: 100%;}
.site_header[data-gnb="each"] .depth2>ul>li:last-child{margin-bottom: 20px;}
.site_header[data-gnb="each"] .depth2>ul>li>a{width: 260px;display: block;padding: 16px 60px 12px 40px;line-height: 22px;transition: color .4s ease, background .4s ease;position: absolute;}
.site_header[data-gnb="each"] .depth2>ul>li.has_child>a::before{content: '';width: 7px;height: 11px;background: url(/images/common/menu_arrow.png) right center no-repeat;position: absolute;right: 35px;top: 20px;}
.site_header[data-gnb="each"] .depth2>ul>li.has_child:hover>a::before{background-image: url(/images/common/menu_arrow_on.png);}
.site_header[data-gnb="each"] .depth2>ul>li>a[target="_blank"]::before{content: '';width: 18px;height: 13px;background: url(/images/common/menu_blank.png) right center / 18px no-repeat;position: absolute;right: 35px;top: 20px;}
.site_header[data-gnb="each"] .depth2>ul>li>a[target="_blank"]:hover::before{background-image: url(/images/common/menu_blank_on.png);}
.site_header[data-gnb="each"] .depth2>ul>li.has_child:hover>a[target="_blank"]::before{background-image: url(/images/common/menu_blank_on.png);}
.site_header[data-gnb="each"] .depth2>ul>li>a:hover{color: var(--gnb-point-color);}
.site_header[data-gnb="each"] .depth2>ul>li.is_current>a{color: var(--gnb-point-color);font-weight: 500;}
.site_header[data-gnb="each"] .depth2>ul>li.is_current>a::before{background-image: url(/images/common/menu_arrow_on.png);}
.site_header[data-gnb="each"] .depth2>ul>li:hover>a{color: var(--gnb-point-color);}
.site_header[data-gnb="each"] .depth3{display: flex;flex-wrap: wrap;position: relative;width: calc(100% - 260px);left: 260px;top: 0;padding: 12px 10px 8px 40px;}
.site_header[data-gnb="each"] .depth3>li{position: relative;}
.site_header[data-gnb="each"] .depth3>li:not(:last-child){margin-right: 36px;}
.site_header[data-gnb="each"] .depth3>li:not(:last-child)::after{content: '';width: 1px;height: 13px;background: #d9d9d9;position: absolute;right: -20px;top: 7px;}
.site_header[data-gnb="each"] .depth3>li>a{font-size: 15px;line-height: 30px;display: block;transition: color .4s ease, background .4s ease;}
.site_header[data-gnb="each"] .depth3>li>a[target="_blank"] span{position: relative;}
.site_header[data-gnb="each"] .depth3>li>a[target="_blank"] span::after{content: '';width: 18px;height: 13px;background-image: url(/images/common/ico_sprite.png);background-position: -138px -210px;display: inline-block;margin-left: 8px;}
.site_header[data-gnb="each"] .depth3>li.is_current>a{color: var(--gnb-point-color);text-decoration: underline;font-weight: 500;}
.site_header[data-gnb="each"] .depth3>li>a:hover{color: var(--gnb-point-color);text-decoration: underline;}

/* 좌측 퀵메뉴 : 현재 all에서만 적용 */
.gnb_quick{display: none;}
.site_header[data-gnb="all"] .gnb_quick{position: absolute;top: var(--header-btm-height);left: 0;z-index: 10;visibility: hidden;height: calc(100% - var(--header-btm-height));}
.site_header[data-gnb="all"].is_open .gnb_quick{visibility: visible;}

/* gnb 우측 util영역 */
.site_header[data-gnb="all"] .gnb_util{position: absolute;right: var(--side-gap);top: 0;height: var(--header-btm-height);z-index: 20;}
.gnb_util .util_list{display: flex;align-items: center;height: 100%;gap: 10px;}
.util_list .sitemap_link{display: block;width: 48px;height: 48px;background: #03172f url(/images/common/sitemap_ico.png) center no-repeat;border-radius: 8px;}
.util_list .sitemap_link:focus-visible{outline-color: var(--color-primary-50)!important;outline-offset: 2px;}



/* 슬라이드 컨트롤 제어 */
.slide_control{display: flex;align-items: center;justify-content: space-between;z-index: 1;gap: 8px;}
.slide_control .slide_paging{display: inline-flex;gap: 8px;width: auto;}
.slide_control .slide_paging button{all:unset;display:block;width:20px;height:20px;font-size:0;line-height:0;text-indent:-9999px;cursor:pointer;}
.slide_control .slide_paging button:before{display:none;}
.slide_control .slide_paging button:focus{outline:2px solid #242424;}
.slide_control .slide_paging ul{display: inline-flex;align-items:center;gap:4px;}
.slide_control .slide_paging .dot_btn{display:block;width:18px;height:18px;background:#d1d1d1;margin:0 auto;position:relative;}
.slide_control .slide_paging .swiper-pagination-bullet-active.dot_btn, .slide_control .slide_paging .slick-active .dot_btn{background:#1c8be0;}
.slide_control .slide_paging .swiper-pagination-bullet-active.dot_btn::after, .slide_control .slide_paging .slick-active .dot_btn::after{content:'';position:absolute;width:8px;height:8px;border:2px solid #fff;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);}
.slide_control .ctr_btn{position:relative;font-size:0;line-height:0;width: 40px;height: 40px;background: #f0f0f0 url(/images/common/pause_ico.png) center / contain no-repeat;border-radius: 50%;transition: box-shadow .4s, background-color .4s;}
.slide_control .ctr_btn:hover, .slide_control .ctr_btn:active{background-color: #e0e0e0;}
.slide_control .ctr_btn.is_play{background-image: url(/images/common/play_ico.png);}
.slide_control .arrow_btn{position:relative;width:40px;height:40px;font-size:0;line-height:0;z-index:5;background-repeat:no-repeat;background: #f0f0f0 url(/images/common/slide_arrow.png) center / contain no-repeat;border-radius:50%;transition: box-shadow .4s, background-color .4s;}
.slide_control .arrow_btn:hover, .slide_control .arrow_btn:active{background-color: #e0e0e0;}
.slide_control .arrow_btn.prev_btn{left: 0;transform: rotate(180deg);}
.slide_control .arrow_btn.next_btn{right: 0;}
.slide_control .cur_page{white-space: nowrap;color: #555;}
.slide_control .cur_page span{color: #0758b9;font-size: 19px;font-weight: 700;}
.slide_control .slide_progress{width: 120px;height: 6px;background-color: #ddd;border-radius: 3px;overflow: hidden;position: relative;} /* 프로그래스 바 (Progressbar) */
.slide_control .slide_progress .bar{display: block;width: 0;height: 100%;background-color: #0758b9;transition: width 0.3s ease-out;}


/*푸터*/
.footer_wrap{border-top: 1px solid #ddd;position: relative;margin-top: auto;}
/* 하단배너 */
.footer_banner{background: #fff;}
.footer_banner .banner{position: relative;height: 80px;display: flex;align-items: center;flex-direction: row-reverse;justify-content: space-between;}
.footer_banner .banner_slide{width: calc(100% - 160px);display: flex;}
.footer_banner .banner_slide li{height: 60px;}
.footer_banner .banner_slide li a{display: flex;align-items: center;height: 100%;}
.footer_banner .banner_slide img{margin: 0 auto;}
.footer_banner .banner .slick-slide{margin: 0 16px;}
.footer_banner .banner .slick-list{margin: 0 -8px;}
.footer_banner .slide_control{width: 136px;}
footer{background: #444;position: relative;color: #fff;font-size: 15px;min-height: 112px;}
footer .wrap{display:grid;grid-template-columns:200px 1fr;grid-template-areas:"logo address" "logo copyright";gap:8px 72px;padding-top: 28px;padding-bottom: 32px;}
#footer .foot_logo{grid-area:logo;display: inline-block;width: 196px;height: 28px;min-width: 196px;background: url(/images/common/foot_logo.svg) center /contain no-repeat;image-rendering: -webkit-optimize-contrast;}
footer address{grid-area:address;display: flex;flex-wrap: wrap;gap: 0 12px;}
footer address span:not(:last-child):after{content: '/';margin-left: 12px;}
footer .copyright{grid-area:copyright;color:#acacac;font-size: 14px;letter-spacing: 0.01em;}

/* 상단으로 스크롤 이동 버튼 */
.top_move{position: fixed;right:max(var(--side-gap),calc((100vw - 1776px) / 2));bottom:25px;width: 64px;aspect-ratio: 1/1;border-radius: 50%;box-shadow: 3px 3px 7px rgba(0,0,0,.35);background-color: #04356f;cursor: pointer;font-size: 14px;font-weight: 600;color: #fff;padding-top: 22px;z-index: 30;opacity: 0;transition : all .4s;}
.top_move:focus-visible{outline-color: var(--color-primary-50)!important;outline-offset: 2px;}
.top_move::before{content: '';width: 14px;height: 16px;background: url(/images/common/top_arrow.png) center no-repeat;position: absolute;top:16px;left: 50%;transform: translateX(-50%);transition : top .4s;}
.top_move:hover::before{top: 10px;}
.top_move.show{opacity: 1;}
.top_move.fixed{position:absolute;bottom:auto;top:-56px;}



/* --------------------------------------------반응형-------------------------------------------- */

@media screen and (min-width: 1921px) { /* 와이드 모니터 고려 3840x1600 */
	/* 배경 확장이나 폰트 크기 미세 증폭 등 */
	.top_move{right:max(var(--side-gap),calc((100vw - 1740px) / 2));}

}

@media screen and (max-width: 1920px){ /* 와이드 모니터에서 적용한 소스 */

}

@media screen and (max-width:1400px){ /* 태블릿 시작 & GNB 전환 */
	/* GNB 햄버거 메뉴 전환, GNB 높이 축소 */

	/* header */
	.site_header[data-rwd="true"] .depth1{padding-right: 0;}
	.site_header[data-rwd="true"]{height: var(--header-btm-height);}
	.site_header[data-rwd="true"] .navOpen_btn{display: block;width: 48px;height: 48px;position: absolute;right:var(--side-gap);top:20px;z-index: 440;-webkit-tap-highlight-color: transparent;background: #262f33;border-radius: 10px;}
	.site_header[data-rwd="true"] .navOpen_btn::after{content: '';color: #03172f;font-size: 12px;font-weight: 500;padding-top: 34px;display: inline-block;text-align: center;}
	.site_header[data-rwd="true"] .navOpen_btn .line{width: 26px;height: 2px;background:#fff;display: block;position: absolute;top:13px;right:11px;}
	.site_header[data-rwd="true"] .navOpen_btn .line02{top: 23px;width: 8px;background: #6dfeff;right: 29px;}
	.site_header[data-rwd="true"] .navOpen_btn .line03{top: 23px;width: 16px;}
	.site_header[data-rwd="true"] .navOpen_btn .line04{top: 33px;}
	.site_header[data-rwd="true"].is_open .navOpen_btn .line{width: 26px;top: 23px;right: 11px;background:#fff;}
	.site_header[data-rwd="true"].is_open .navOpen_btn .line01{transform: rotate(45deg);}
	.site_header[data-rwd="true"].is_open .navOpen_btn .line02{display: none;}
	.site_header[data-rwd="true"].is_open .navOpen_btn .line03{display: none;}
	.site_header[data-rwd="true"].is_open .navOpen_btn .line04{transform: rotate(-45deg);}
	.site_header[data-rwd="true"].is_open .navOpen_btn::after{display: none;}

	/* mobile - data-gnb 공통*/
	.site_header[data-rwd="true"][data-gnb] .header_btm{height: 100%;}
	.site_header[data-rwd="true"][data-gnb] .header_top{border-bottom: 0;position: fixed;width: 70%;right: -100%;top: var(--header-btm-height);height: var(--header-top-height);z-index: 450;visibility: hidden;pointer-events: none;}
	.site_header[data-rwd="true"][data-gnb].mobile .header_top{transition: right .4s ease, visibility .4s ease;}

	.site_header[data-rwd="true"][data-gnb].is_open .header_top{right: 0;visibility: visible;pointer-events: auto;transition: right .4s ease, visibility .4s ease;}
	.site_header[data-rwd="true"][data-gnb] .gnb_menu{width: 70%;top: 0;height: calc(100vh - (var(--header-top-height) + var(--header-btm-height)));display: block;position: fixed;background-color: #fff;margin-top:calc((var(--header-top-height) + var(--header-btm-height)));left: auto;right: -100%;padding-bottom: 200px;z-index: 430;visibility: hidden;pointer-events: none;}
	.site_header[data-rwd="true"][data-gnb].mobile .gnb_menu{transition: right .4s ease, visibility .4s ease;}
	.site_header[data-rwd="true"][data-gnb].is_open .gnb_menu{right: 0;visibility: visible;pointer-events: auto;transition: right .4s ease, visibility .4s ease;}
	.site_header[data-rwd="true"][data-gnb] .gnb_menu::before{content: '';width: 100%;height: var(--header-btm-height);line-height: var(--header-btm-height);background: #fff url(/images/common/logo.svg) left var(--side-gap) center / 196px no-repeat;color: #fff;font-size: 20px;padding-left: var(--side-gap);position: absolute;right:0;top:calc(0px - (var(--header-top-height) + var(--header-btm-height)));z-index: 1;border-bottom: 1px solid #ddd;}
	.site_header[data-rwd="true"][data-gnb] .gnb_menu::after{display: none;}
	.site_header[data-rwd="true"][data-gnb] .gnb_util{position: fixed;right: -100%;width: 70%;background: red;top: var(--header-btm-height);padding: 0 var(--side-gap);height: var(--header-top-height);z-index: 450;visibility: hidden;pointer-events: none;}
	.site_header[data-rwd="true"][data-gnb].mobile .gnb_util{transition: right .4s ease, visibility .4s ease;}
	.site_header[data-rwd="true"][data-gnb].is_open .gnb_util{right: 0;visibility: visible;pointer-events: auto;transition: right .4s ease, visibility .4s ease;display: none;}

	.site_header[data-rwd="true"][data-gnb] .depth1{position: relative;padding-left: 0;flex-direction: column;justify-content: flex-start;overflow-y: auto;height: calc(100vh - (var(--header-top-height) + var(--header-btm-height)));background: #f5f5f5;}
	.site_header[data-rwd="true"][data-gnb] .depth1>li{display: block;position: static;min-width: 0;}
	.site_header[data-rwd="true"][data-gnb] .depth1>li::after{display: none;}
	.site_header[data-rwd="true"][data-gnb] .depth1>li>a{display: inline-flex;align-items: center;width: 30%;height: auto;min-height: 60px;line-height: 1.5;position: relative;letter-spacing: 0;padding: 8px 40px 8px calc(var(--side-gap) + 8px);border-bottom: 3px solid transparent;}
	.site_header[data-rwd="true"][data-gnb] .depth1>li>a>span{word-break: break-all;}
	.site_header[data-rwd="true"][data-gnb] .depth1>li>a:hover, .site_header[data-rwd="true"][data-gnb] .depth1>li>a:active{color: #0758b9;}
	.site_header[data-rwd="true"][data-gnb] .depth1>li>a::before{display: none;}
	.site_header[data-rwd="true"][data-gnb] .depth1>li>a>span::before{display: none;}
	.site_header[data-rwd="true"][data-gnb] .depth1>li.is_current>a::before, .site_header[data-rwd="true"][data-gnb] .depth1>li.is_active>a::before{width: 0;}
	.site_header[data-rwd="true"][data-gnb] .depth1>li>a[target="_blank"]::after{content: '';width: 18px;height: 13px;background: url(/images/common/menu_blank.png) right center / 18px no-repeat;position: absolute;right: var(--side-gap);top: 22px;display: block;}
	.site_header[data-rwd="true"][data-gnb].is_open .depth1>li.is_current>a, .site_header[data-rwd="true"][data-gnb] .depth1>li.is_active>a{background: #fff;color: #0758b9!important;border-color: #0758b9;font-weight: 700;}
	.site_header[data-rwd="true"][data-gnb] .depth1>li.is_current>a[target="_blank"]::after, .site_header[data-rwd="true"][data-gnb] .depth1>li.is_active>a[target="_blank"]::after{background-image: url(/images/common/menu_blank_w.png);}
	.site_header[data-rwd="true"][data-gnb] .depth1>li>.depth2{display: none;}
	.site_header[data-rwd="true"][data-gnb] .depth1>li.is_active>.depth2{display: block;}
	.site_header[data-rwd="true"][data-gnb] .depth2{position: absolute;left: 30%;top: 0;width: 70%;transform: none;overflow-y: auto;height: calc(100vh - (var(--header-top-height) + var(--header-btm-height)))!important;background: #fff;display: none;}
	/*.site_header[data-rwd="true"][data-gnb] .depth2>ul{padding: 0 var(--side-gap) 130px;display: block;border-left: 0;}*/
	.site_header[data-rwd="true"][data-gnb] .depth2>ul{padding: 0 var(--side-gap) 130px;display: block;border-left: 0;height: auto;overflow: visible;}
	.site_header[data-rwd="true"][data-gnb] .depth2>ul::before{display: none;}
	.site_header[data-rwd="true"][data-gnb] .depth2>ul>li{border-bottom: 1px dashed #ccc;margin-top: 0;margin-bottom: 0;}
	.site_header[data-rwd="true"][data-gnb] .depth2>ul>li>a{width: 100%;max-width: none;position: relative;display: flex;align-items: center;min-height: 60px;padding: 8px 32px 8px 8px;font-weight: 600;}
	.site_header[data-rwd="true"][data-gnb] .depth2>ul>li.has_child>a::before{content: '';width: 7px;height: 11px;background: url(/images/common/menu_arrow.png) right center no-repeat;position: absolute;transform: rotate(90deg);right: 10px;top: 24px;}
	.site_header[data-rwd="true"][data-gnb] .depth2>ul>li.is_active>a::before{transform: rotate(-90deg);}
	.site_header[data-rwd="true"][data-gnb] .depth2>ul>li.is_current, .site_header[data-rwd="true"][data-gnb] .depth2>ul>li.is_active{border-bottom: 1px solid #0758b9;}
	.site_header[data-rwd="true"][data-gnb] .depth2>ul>li>a:hover, .site_header[data-rwd="true"][data-gnb] .depth2>ul>li>a.is_active{color: #0758b9;text-decoration: none;}
	.site_header[data-rwd="true"][data-gnb] .depth2>ul>li.is_current>a, .site_header[data-rwd="true"][data-gnb] .depth2>ul>li.is_active>a{color:#0758b9;text-decoration: none;}
	.site_header[data-rwd="true"][data-gnb] .depth3{width: 100%;max-width: none;left: 0;background: #ecf2f5;border-top: 1px solid #0758b9;padding: 12px 10px 12px 20px;display: none;}
	.site_header[data-rwd="true"][data-gnb] .depth2>ul>li.is_active>.depth3{display: block;}
	.site_header[data-rwd="true"][data-gnb] .depth3>li{position: relative;}
	.site_header[data-rwd="true"][data-gnb] .depth3>li:not(:last-child){margin-right: 0;margin-bottom: 8px;}
	.site_header[data-rwd="true"][data-gnb] .depth3>li:not(:last-child)::after{display: none;}
	.site_header[data-rwd="true"][data-gnb] .depth3>li>a{padding-left: 14px;line-height: 1.5;}
	.site_header[data-rwd="true"][data-gnb] .depth3>li>a::before{content: '';width: 3px;height: 3px;background: #0758b9;position: absolute;top: 9px;left: 0;}

	/* mobile - data-gnb="all" */
	.site_header[data-rwd="true"][data-gnb="all"] .header_btm{position: absolute;}
	.site_header[data-rwd="true"][data-gnb="all"].is_open .depth2{padding: 0;}

	/* mobile - data-gnb="each" */
	.site_header[data-rwd="true"][data-gnb="each"] .depth2>ul>li>a[target="_blank"]::before{content: '';width: 18px;height: 13px;background: url(/images/common/menu_blank.png) right center / 18px no-repeat;position: absolute;right: 10px;top: 24px;}
	.site_header[data-rwd="true"][data-gnb="each"] .depth2>ul>li>a[target="_blank"]:hover::before{background-image: url(/images/common/menu_blank_on.png);}
	.site_header[data-rwd="true"][data-gnb="each"] .depth2>ul>li.has_child>a[target="_blank"]::before{width: 7px;height: 11px;background: url(/images/common/menu_arrow.png) right center no-repeat;right: 10px;top: 24px;}
	.site_header[data-rwd="true"][data-gnb="each"] .depth2>ul>li.has_child>a[target="_blank"]:hover::before{background-image: url(/images/common/menu_arrow_on.png);}
	.site_header[data-rwd="true"][data-gnb="each"] .depth2>ul>li.has_child:hover>a[target="_blank"]::before{background-image: url(/images/common/menu_arrow_on.png);}

	.site_header[data-rwd="true"][data-gnb] .header_top{position: fixed;width: 70%;right: -100%;top: var(--header-btm-height);height: var(--header-top-height);z-index: 450;visibility: hidden;pointer-events: none;transition: right .4s ease, visibility 0s .4s;}
	.site_header[data-rwd="true"][data-gnb].is_open .header_top{right: 0;visibility: visible;pointer-events: auto;transition: right .4s ease, visibility 0s;}
	.site_header[data-rwd="true"][data-gnb] .gnb_menu{position: fixed;right: -100%;visibility: hidden;transition: right .4s ease, visibility 0s .4s;}
	.site_header[data-rwd="true"][data-gnb].is_open .gnb_menu{right: 0;visibility: visible;transition: right .4s ease, visibility 0s;}

	.gnb_quick{display: none!important;visibility: hidden!important;}

	footer .wrap{gap: 8px 32px;}
}

@media screen and (max-width:1040px){
	/* 전체 폰트 사이즈 및 여백 조절 */

	.site_header[data-rwd="true"][data-gnb] .header_top{width: 100%;}
	.site_header[data-rwd="true"][data-gnb] .gnb_menu{width: 100%;}
	.site_header[data-rwd="true"][data-gnb] .gnb_util{width: 100%;}
  
}

@media screen and (max-width:767px){  /* 모바일 시작 */
	/* GNB 높이 한번 더 작아지는 분기점 */

	.wrap{padding: 0 16px;}

	.site_header[data-rwd="true"] .logo a{width: 152px;}

	.site_header[data-rwd="true"] .navOpen_btn{top: 14px;width: 44px;height: 44px;}
	.site_header[data-rwd="true"] .navOpen_btn .line{width: 24px;top: 12px;right: 10px;}
	.site_header[data-rwd="true"] .navOpen_btn .line02{top: 21px;width: 7px;right: 27px;}
	.site_header[data-rwd="true"] .navOpen_btn .line03{top: 21px;width: 15px;}
	.site_header[data-rwd="true"] .navOpen_btn .line04{top: 30px;}
	.site_header[data-rwd="true"].is_open .navOpen_btn .line{width: 24px;top: 21px;right: 10px;}

	.site_header[data-rwd="true"][data-gnb] .gnb_menu{width: 100%;}
	.site_header[data-rwd="true"][data-gnb] .gnb_menu::before{background-size: 152px;}
	.site_header[data-rwd="true"][data-gnb] .depth1>li>a{width: 40%;}
	.site_header[data-rwd="true"][data-gnb] .depth1>li.is_current>a::after{text-indent: 20px;}
	.site_header[data-rwd="true"][data-gnb] .depth2>ul{padding-bottom: 110px;}
	.site_header[data-rwd="true"][data-gnb] .depth2{left: 40%;width: 60%;}


	.footer_banner .banner_slide{width: calc(100% - 150px);}
	#footer .foot_logo{width: 152px;min-width: 152px;}
	footer .wrap{gap: 8px 32px;grid-template-columns: 1fr;grid-template-areas: "logo" "address" "copyright";padding-top: 16px;}
	footer address{margin-top: 8px;}


}

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

}

@media screen and (max-width:480px){
	.site_header[data-rwd="true"][data-gnb] .depth1>li>a{width: 148px;}
	.site_header[data-rwd="true"][data-gnb] .depth2{left: 148px;width: calc(100% - 148px);}

}

@media screen and (max-width:359px){ /* 갤럭시 Z 폴드 커버 화면(345px), 구형 아이폰 SE(320px) */

}