@charset "UTF-8";
/**************************************************
* 버전관리
* version : v=1
* Last Update : 
**************************************************/

/**************************************************
 ■ 공통
**************************************************/
.skip-navigation { position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; text-align: center; background-color: var(--Basic-Black-100); color:var(--Basic-white); font-size:var(--font-size-14); }
.skip-navigation a:not(:focus) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}
.skip-navigation a:focus{display: flex; align-items: center; justify-content: center; flex-direction: row; box-shadow: var(--box-shadow-outline-inset); outline-offset: -0.4rem; width: 100%; height: 3rem; margin: 0 auto; text-align: center; outline: 0.2rem solid #fff;}

#container{position:relative;}
#wrap{position:relative; line-height:1.5; }
#wrap:has(.in-between){ overflow-x:hidden;}
.mob, .m_show, .tablet{display:none  !important;}
.logo{display:block; height: clamp(2.4rem, 1.704rem + 1.857vw, 3.375rem); aspect-ratio: 173/54;}
.logo a{display:block; width:100%; height:100%; background:url('../../assets/images/common/logo_b.svg')no-repeat 0 0/100%;}

img[usemap] {border: none;height: auto;	max-width: 100%;width: auto;	}

@media screen and (max-width:1024px){	
	.tablet{display:block !important;}
}
@media screen and (max-width:768px){	
	.mob{display:block !important;}
	.m_show{display:inline-block !important;}
	.web{display:none !important;}
}

/**************************************************
 ■ 헤더
**************************************************/
#header{position:relative; background: var(--Basic-white, #FFF); border-bottom: 1px solid var(--Theme-border); --head-height:clamp(4.38rem, 3.666rem + 1.905vw, 5.38rem); z-index: 15;}
#header .header-top{height:2.12rem; padding-top:1rem; display: flex; justify-content: flex-end; align-items: center; gap:var(--a-gap); --a-gap:0.8rem;}
#header .header-top a{display:inline-flex; align-items:center; gap:0.2rem; font-size:var(--font-size-15); color: var(--Basic-Black-100);}
#header .header-top a .mark{width: 0.8rem; flex-shrink: 0; aspect-ratio: 12.85/16; background:url('../../assets/images/common/mark.svg')no-repeat 0 0/100%;}
#header .header-top a:not(:first-child){position:relative; padding-left:var(--a-gap); }
#header .header-top a:not(:first-child):before{content:""; position:absolute; left:0px; top:0.2em; width:1px; height:0.8rem; background:#8597A8;}
#header .header-top a:is(:hover, :focus){color:var(--Theme-Primary); --icon-color:var(--Theme-Primary); }
#header .header-bottom{display: flex; justify-content: space-between; align-items: center; height:var(--head-height);}
#header .header-menu{display:flex; gap:1.5rem; align-items: center;}
#header  #gnb{display:flex; --item-padding:2rem; gap:0.5rem;}
#header  #gnb .depth2_li{position:relative;}
#header  #gnb .depth2_li .header_depth_item{display: flex; height: 100%; align-items: center; justify-content: center; padding: 0 var(--item-padding); color: var(--Basic-Black-100); font-size: 1.1875rem; height:var(--head-height); font-weight: 500; cursor:pointer; transition: all .2s; -webkit-transition: all .2s;}
#header  #gnb .depth2_li .header_depth_item:after{content:""; position:absolute; left:50%; bottom:0px; width:0 ; height:0.625rem; border-radius: 0.325rem 0.325rem 0 0; border-top: 0.375rem solid #e0e4f1; border-right: 0.375rem solid #e0e4f1; border-left: 0.375rem solid #e0e4f1; background: var(--Theme-Primary); transform:translateX(-50%); opacity:0; -webkit-transition: opacity 0.2s, width 0.4s; transition: opacity 0.2s, width 0.4s; }
#header  #gnb .depth2_li .depth2-list{position:absolute; left:0; top:100%; width: 100%; z-index: 5; text-align: center;  font-size: var(--font-size-17); color: var(--Basic-Black-80);}
#header  #gnb .depth2_li .depth2-list li{margin-top:1.5rem;}
#header  #gnb .depth2_li .depth2-list li:is(:hover, :focus){color: var(--Theme-Primary); font-weight: 600; text-decoration-line: underline; text-underline-position: under;}
#header.headerOver  #gnb{display:flex; }
#header  #gnb .depth2_li.on .header_depth_item:after{width:calc(100% - calc(var(--item-padding) * 2)); opacity:1; }


#header .header-dim{display:none; position:absolute; left:0; top:calc(100% + 0.5px); width:100%; height:25rem; border-radius: 0 0 2.5rem 2.5rem; background: rgba(255, 255, 255, 0.90); box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.06); backdrop-filter: blur(10px); z-index:2; }
#header .header-dim .head-link{position:absolute; right:10%; bottom:10%; }
#header .head-link{position:relative; display:inline-flex; padding:1.96rem 2.3rem 1.6rem; color:#fff;  align-items:center; font-size:var(--font-size-17); font-weight: 700; color:#fff; --icon-width: 1rem; --icon-color: #fff; z-index:2;}
#header .head-link span{position:relative; margin-right:1rem; z-index:0;}
#header .head-link span:before{content:""; position:absolute; left:50%; top:50%; width:100%; aspect-ratio: 1; border-radius:50%; background:#fff; transform:translate(-50%,-50%); z-index:-1;}
#header .head-link:after{content:""; position: absolute; right: 1rem; top: 1rem; height: 0.60144rem; aspect-ratio: 150/16; background:url('../../assets/images/common/img_text_w.svg')no-repeat 0 0 /100%; }
#header .head-link:before{content:""; position: absolute; left: 0; bottom: 0; width: 100%;height: 100%; background: var(--Theme-Gradient); border-radius: 0.625rem;  clip-path: polygon(1.25rem 0%, calc(100% - 1.25rem) 0%, 100% 1.25rem, 100% 100%, 0 100%, 0% 1.25rem);z-index: -1;}

#header .header-actions{display:flex; gap:clamp(0.75rem, 0.214rem + 1.429vw, 1.5rem); align-items:center; position:relative;}
#header .header-actions .row-btns{display:flex; gap:1.5rem; align-items:center; }
#header .header-actions .row-btns > :is(a, button){display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.25rem; color: var(--Basic-Black-80); font-size: clamp(0.85rem, 0.743rem + 0.286vw, 1rem); font-weight: 600; --icon-width:1.5rem; --icon-color:var(--Basic-Black-80);}
/* #header .header-actions .btn-links{display:flex; gap:0.5rem; align-items:center; } */
#header .header-actions .btn-links{display:flex; align-items:center; }
#header .header-actions .btn-links a{display: flex; height: 2.75rem; padding: 0 clamp(0.5rem, 0.143rem + 0.952vw, 1rem); justify-content: center; align-items: center; gap: 0.375rem; font-family: 'A2z'; font-weight: 600; font-size: var(--font-size-15); border-radius: 0.375rem; border: 1px solid var(--Basic-Black-20); background: var(--Basic-Gray, #F2F2F2); }
#header .header-actions .btn-links a:hover{background:#f8f8f8;}
#header .header-actions .btn-links a .img-core{display:inline-block; height:1.375rem; aspect-ratio: 20/22;  background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; background-image: url('../../assets/images/icons/img_head_core.webp');}
#header .header-actions .btn-links a .img-vod{display:inline-block; height:1.375rem; aspect-ratio: 31/22;  background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; background-image: url('../../assets/images/icons/img_head_vod.webp');}

/* 기본적으로 PC에서는 숨김 */
.mobile-btn {display: none !important;}

.myPage-pop{position:absolute; right:0px; top:calc(100% + 2rem); padding: 2rem 2.5rem; border-radius: 0.625rem; background: var(--Basic-white); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08); width:34.4rem; opacity:0; pointer-events: none; transform:translateY(-10%); transition: all 0.2s ease-out 0s; z-index: 10;}
.myPage-pop.active{opacity:1; pointer-events: all; transform:translateY(0); }
.myPage-pop .mp-title{display:flex; align-items: center; justify-content: space-between; margin-bottom:2rem;}
.myPage-pop .mp-title h4{color: var(--Basic-Black-100); font-size: var(--font-size-28); font-weight: 700; padding-left: 2rem;  background: url(../../assets/images/common/kut_logo.gif) no-repeat 0 50% / auto 1.625rem;}
.myPage-pop .mp-title a{display:inline-flex; gap:0.25rem; color: var(--Basic-Black-80); font-size: var(--font-size-15); font-weight: 700; --icon-color:var(--Basic-Black-80);}
.myPage-pop .mp-title a:is(:hover, :focus){color: var(--Basic-Black-70); --icon-color:var(--Basic-Black-70);}
.myPage-pop .mp-cont{display: flex; padding: 2rem 1.5rem; flex-direction: column; gap: 1rem; border-radius: 0.5rem; border: 1px solid var(--Basic-Black-20); background: var(--Basic-Black-10); margin-bottom:1.5rem; }
.myPage-pop .mp-cont h5{color: var(--Basic-Black-100); font-size: var(--font-size-20); font-weight: 700;}
.myPage-pop .mp-cont ul{display: flex; align-items: center; gap: 1rem;}
.myPage-pop .mp-cont ul li{flex:1; border-radius: 0.5rem; border: 2px solid transparent; background-origin: border-box; background-clip: content-box, border-box; font-size: var(--font-size-17); font-weight: 400; color: var(--Basic-Black-100);  line-height: 1.5;  transition: all 0.2s ease-out 0s;}
.myPage-pop .mp-cont ul li a{display: flex; padding: 1.5rem; justify-content: center; align-items: center; gap: 0.5rem; background: var(--Basic-white);  border-radius: 0.5rem;}
.myPage-pop .mp-cont ul li:is(:hover, :focus){background-image: linear-gradient(135deg, #fff, #fff), linear-gradient(135deg, #40A9FF 0%, #008DFF 60%, #0065BD 100%); font-weight: 700; }
.myPage-pop .mp-link{display: flex; padding: 1rem 1.5rem; justify-content: center; align-items: center; gap: 0.5rem; border-radius: 0.5rem; background: var(--Theme-Gradient); box-shadow: 0 4px 10px 0 rgba(51, 62, 71, 0.10); color: var(--Basic-white); font-size: var(--font-size-17); font-weight: 700; transition: all 0.2s ease-out 0s; }
.myPage-pop .mp-link i{width: 1.875rem; aspect-ratio: 1; border-radius: 50%; background: var(--Basic-white); --icon-width:1.15rem; --icon-color:var(--Theme-Primary_sub)}
.myPage-pop .mp-link:is(:hover, :focus){ gap: 1rem;}

.myPage-pop .mp-title .btn-info.my_info_btn {display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 14px; border: 1px solid #c9d6e6; border-radius: 999px; background-color: #f6faff; color: #24527a; font-size: 14px; font-weight: 700; line-height: 1; text-decoration: none; transition: background-color .2s, border-color .2s, color .2s;}
.myPage-pop .mp-title .btn-info.my_info_btn:hover, .myPage-pop .mp-title .btn-info.my_info_btn:focus {background-color: #eaf4ff; border-color: #2f8ee5; color: #006dd6;}
.myPage-pop .mp-title .btn-info.my_info_btn i {font-size: 15px;}

@media screen and (max-width:1480px){	
	#header  #gnb{--item-padding:1rem; }
	#header .header-actions .row-btns{gap:1rem;}
	#header .header-dim .head-link{right:2rem; }
}
/* @media screen and (max-width:1320px){ */
@media screen and (max-width:1024px){    
	#header  #gnb{display:none; }
	#header.headerScroll .logo{display:block;}
	
	.mobile-btn {display: inline-flex !important; align-items: center; gap: 6px;}
}
@media screen and (max-width:1024px){	
	#header .header-top,
	#header .header-actions .row-btns :is(a, button):not(.btn-gnb-menu){display:none; }
	.myPage-pop.active{opacity:0; pointer-events: none; transform:translateY(-10%); }

	#header .header-actions .btn-links a{font-size:0.7rem; flex-direction: column; height:auto; padding:0.25rem; }
	#header .header-actions .btn-links a .img-core{height:1rem;}
	#header .header-actions .btn-links a .img-vod{height:1rem;}
    #header .header-actions .row-btns > :is(a, button){font-size:0;}
    
    #header .header-actions .btn-links { gap: 0.5rem; }
}

/**************************************************
 ■ 사이트 맵
**************************************************/
.site-map{position:fixed; left:0; top:0; width:100%; height:100%; z-index:100;  opacity: 0;  pointer-events: none;  -webkit-transition: .5s;  transition: .5s;}
.site-map.active{opacity: 1; pointer-events: all;}

.sitemap-wrap{display:flex; flex-direction: column; height: 100%; background:#fff; }
.sitemap-wrap .inn{position:relative; max-width:94.5rem; margin:0 auto;}
.sitemap-wrap .site-head{height:7.5rem; border-bottom: 1px solid var(--Theme-border); }
.sitemap-wrap .site-head .inn{height:100%; display: flex; align-items: center; padding:0 1rem;}
.sitemap-wrap .site-close{position:absolute; right:1rem; top:50%; display: flex; width: 2.875rem; justify-content: center; align-items: center; flex-shrink: 0; aspect-ratio: 1/1; border-radius: 50%; outline: 0.75rem solid rgba(0, 141, 255, 0.10); background: var(--Theme-Primary_sub); --icon-width:1.5rem; --icon-color:#fff; transform:translateY(-50%);}
.sitemap-wrap .site-mob{display:none;}
.sitemap-wrap .site-body{flex:1; overflow-y: auto; overflow-x:hidden;}
.sitemap-wrap .site-body::-webkit-scrollbar {width:5px; height:5px; }
.sitemap-wrap .site-body::-webkit-scrollbar-track {background-color:var(--Theme-Primary_subtler2); border-radius:50px; }
.sitemap-wrap .site-body::-webkit-scrollbar-thumb {background: var(--Theme-Primary); border-radius:50px;}

.sitemap-wrap .site-body .inn:before{content:""; position:absolute; left:50%; top:0px; width:100vw; height:100%; background:#fff url('../../assets/images/common/mian_sitemap.webp')no-repeat 50% bottom/cover; transform: translateX(-50%);}
.sitemap-wrap .site-body .site-list{position:relative; display:flex; flex-wrap:wrap; overflow:hidden;}
.sitemap-wrap .site-body .site-list > li{position:relative; padding:0 2.5rem 2.5rem; width:calc(100% / 3); border-right:1px solid var(--Theme-border)}
.sitemap-wrap .site-body .site-list > li:nth-child(3n){border-right:none;}
.sitemap-wrap .site-body .site-list:has(.my-site-menu) > li:nth-child(n+5):before{content:"";position:absolute; left:-1px; top:100%; width:1px; height:200%; background:var(--Theme-border);}
.sitemap-wrap .site-body .site-list > li .site-item{position:relative; display:block; color: var(--Theme-Primary); font-size: 2rem; line-height: 1; font-weight: 700; padding-top: 2.5rem;  margin-bottom:2rem; background: linear-gradient(125deg, #40A9FF 5%, #008DFF 12%, #0065BD 40%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; cursor:pointer}
.sitemap-wrap .site-body .site-list > li .site-item:focus{box-shadow:none;}
.sitemap-wrap .site-body .site-list > li:nth-child(n+4) .site-item:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:1px; background:url('../../assets/images/common/border.svg')repeat-x 0 top;}
.sitemap-wrap .site-body .site-list > li .site2-list > li > a{display:flex; justify-content: space-between; padding:0.5rem 0; font-size: var(--font-size-20); color: var(--Basic-Black-80); font-weight: 700;}
.sitemap-wrap .site-body .site-list > li .site2-list > li > a:after{content:""; display:inline-block; width:1.82rem; aspect-ratio: 32 / 12;  -webkit-mask: url('../../assets/images/icons/icon-arrow_long.svg')no-repeat 50% 50%/100%; mask: url('../../assets/images/icons/icon-arrow_long.svg')no-repeat 50% 50%/100%; forced-color-adjust: none; background:var(--Theme-Primary_sub);opacity: 0; transform: translate(-100%, 0); transition: 0.3s;}
.sitemap-wrap .site-body .site-list > li .site2-list > li a.active{color: var(--Theme-Primary_sub);}
.sitemap-wrap .site-body .site-list > li .site2-list li a:is(:hover, :focus){color: var(--Theme-Primary_sub); font-weight: 700; }
.sitemap-wrap .site-body .site-list > li .site2-list li a:is(:hover, :focus):after{opacity: 1; transform: none;}
.sitemap-wrap .site-body .site-list > li .site3-list{margin-bottom:0.5rem;}
.sitemap-wrap .site-body .site-list > li .site3-list li:not(:first-child){margin-top:0.5rem;}
.sitemap-wrap .site-body .site-list > li .site3-list li a{color: var(--Basic-Black-70); font-size: var(--font-size-17); font-weight: 400; cursor:pointer;}
.sitemap-wrap .site-body .site-list > li .site3-list li a:before{content:"- ";}
.sitemap-wrap .copy{position:absolute; right:0px; bottom:3rem; width:33.3%; padding:0 2.5rem; color: var(--Basic-Black-60); font-size: var(--font-size-15); font-weight: 700;}

@media screen and (min-width:769px){
	.sitemap-wrap .site-body .site-list > li:nth-child(6){padding-bottom:8rem;}
}

@media screen and (max-width:1480px){	
	.sitemap-wrap .site-body .site-list > li{padding: 0 2rem 2.5rem;}
	.sitemap-wrap .copy{padding:0 2rem;}
}
@media screen and (max-width:1024px){ 
	.sitemap-wrap .site-head{height:auto;}
	.sitemap-wrap .site-head .logo{display:none;}
	.sitemap-wrap .site-head .inn{position: unset;}
	.sitemap-wrap .site-mob{display: flex; padding: 1.5rem 1.25rem; flex-direction: column; gap: 1.5rem;background: linear-gradient(139deg, #40A9FF 5.98%, #008DFF 81.39%, #0065BD 131.66%); color:#fff; }
	.sitemap-wrap .site-close{background:none; width:2rem;  top:1rem;  --icon-width: 2rem; transform: translateY(0%);}

	.sitemap-wrap .site-mob .site-utill{display:flex; gap:1rem; margin-bottom:1.3rem; font-size:var(--font-size-15);  font-weight: 700; --icon-width: 1rem; --icon-color:#fff;}
	.sitemap-wrap .site-mob h4{font-size: 1.5rem;}
	.sitemap-wrap .site-mob h4 b{font-weight:700; display:inline-block; padding-left:2rem; background:url('../../assets/images/common/kut_logo.gif')no-repeat 0 50%/auto 1.625rem;}
	.sitemap-wrap .site-body .site-list > li{padding: 0 1rem 2.5rem;}
}
@media screen and (max-width:768px){
	.sitemap-wrap .site-body .site-list > li:nth-child(n+4) .site-item:before,
	.sitemap-wrap .site-body .site-list > li .site2-list,
	.sitemap-wrap .site-body .inn:before,
	.sitemap-wrap .copy{display:none;}
	.sitemap-wrap .site-body .site-list > li,
	.sitemap-wrap .site-body .site-list > li .site3-list{width:100%; border:none; padding:0;}
	.sitemap-wrap .site-body .site-list > li .site-item{display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; margin:0; border-bottom: 1px solid var(--Theme-border); font-size: 1.25rem;}
	.sitemap-wrap .site-body .site-list > li .site2_li-img{display:none;}
	.sitemap-wrap .site-body .site-list > li .site-item:after{content:""; display:inline-block; width:1rem; aspect-ratio: 1; -webkit-mask: url(../../assets/images/icons/icon-plus.svg)no-repeat 0 0/100%; mask: url(../../assets/images/icons/icon-plus.svg)no-repeat 0 0/100%; background:var(--Basic-Black-70);}
	.sitemap-wrap .site-body .site-list > li:not(:has(.site2-list)) .site-item:after{-webkit-mask-image: url(../../assets/images/icons/icon-angle-right.svg); mask-image: url(../../assets/images/icons/icon-angle-right.svg); }
	.sitemap-wrap .site-body .site-list > li.open_li .site-item:after{-webkit-mask-image: url(../../assets/images/icons/icon-minus.svg); mask-image: url(../../assets/images/icons/icon-minus.svg);}
	.sitemap-wrap .site-body .site-list > li .site2-list{background: var(--Theme-Primary_subtler); padding:1rem 1.25rem;}
	.sitemap-wrap .site-body .site-list > li .site2-list li:has(.site3-list) ul{display:none;}
	.sitemap-wrap .site-body .site-list > li .site2-list li:has(.site3-list) a:after{opacity: 1; transform: none; width: 1rem; aspect-ratio: 1; -webkit-mask-image: url(../../assets/images/icons/icon-angle-down.svg); mask-image: url(../../assets/images/icons/icon-angle-down.svg); background:var(--Basic-Black-70); -webkit-mask-position: center center; mask-position: center center; transform: rotate(0deg ); -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
	.sitemap-wrap .site-body .site-list > li .site2-list li.open_li:has(.site3-list) a:after{transform: rotate(180deg );}
}

/**************************************************
 ■ 사이드 퀵배너
**************************************************/
.side-quickArea{position:fixed; right:clamp(1rem, 0.821rem + 0.476vw, 1.25rem); top:55%; translate:0 -50%; z-index:12; width: 7.1875rem; font-size:var(--font-size-15); font-weight: 700; transition: translate 0.2s ease-out 0s;}
.side-quickArea .quickMy{display: flex; width: 100%; height: 6.25rem; padding: 1.375rem 1.0625rem; flex-direction: column; justify-content: center; align-items: center; gap: 0.5rem; border-radius: 0.625rem; border: 1px solid var(--Basic-white); background: linear-gradient(134deg, #40A9FF 6.58%, #008DFF 59.87%, #0065BD 95.39%); color: var(--Basic-white);}
.side-quickArea .quickBan{position:relative; margin-top:0.88rem; box-shadow:0 0 0.25rem rgba(0,0,0,0.1); border-radius: 0.625rem;}
.side-quickArea .quickBan ul{border-radius: 0.625rem 0.625rem 0 0; background: #FFF; padding:1.5rem 0.5rem; display:flex; gap:1rem; flex-direction: column;  align-items: center; text-align:center; }
.side-quickArea .quickBan ul li{width:100%;}
.side-quickArea .quickBan ul li.my{display:none;}
.side-quickArea .quickBan ul a{display:flex; gap:0.5rem; flex-direction: column; align-items: center;}
.side-quickArea .quickBan ul a span{position:relative; display: flex; width: clamp(2.75rem, 2.036rem + 1.905vw, 3.75rem); aspect-ratio: 1; justify-content: center; align-items: center; border-radius: 50%; background: var(--Basic-Gray); border:1px solid var(--Basic-Gray);  transition: all 0.5s ease-out 0s;}
.side-quickArea .quickBan ul a span img{transition: all 0.65s ease-out 0s; -webkit-transition: all 0.65s ease-out 0s;}
.side-quickArea .quickBan ul a span em{position:absolute; right:-0.6rem; top:-0.3rem; display: flex; min-width: 1.125rem; line-height: 1; padding: 0.125rem 0.3125rem; flex-direction: column; justify-content: center; align-items: center; border-radius: 3.125rem; border-radius: 3.125rem; border: 3px solid var(--Basic-white); background: var(--Theme-Primary); color:#fff;}
.side-quickArea .quickBan ul a:is(:hover, :foucs){color: var(--Theme-Primary);}
.side-quickArea .quickBan ul a:is(:hover, :foucs) span{border-color: var(--Basic-Black-30);}
.side-quickArea .quickBan ul a:is(:hover, :foucs) span img{}
.side-quickArea .quickBan .top-btn{display:block; width:100%; border-radius: 0 0 0.375rem 0.375rem; background: var(--Theme-Primary); color:#fff; padding:0.75rem; text-align:center; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s;}
.side-quickArea .quickBan .top-btn:is(:hover, :foucs){background: var(--Theme-Primary-30);}
.side-quickArea .more-Quick{position:absolute; left:-1.875rem; top:50%; margin-top:-3rem; display: flex; align-items: center;  justify-content: center;  color:var(--Theme-Primary); width:1.875rem; height: 3.125rem;border-radius: 0.625rem 0 0 0.625rem; border-top: 1px solid var(--Basic-Black-10, #E0E9F2); border-bottom: 1px solid var(--Basic-Black-10, #E0E9F2); border-left: 1px solid var(--Basic-Black-10, #E0E9F2); background: var(--Basic-Gray, #F2F2F2); }

.side-quickArea.absolute{position:absolute; top:100%;  translate:0 -110%;}
.side-quickArea.active{translate:118% -50%;}
.side-quickArea.active .more-Quick i{transform: scaleX(-1);}
.side-quickArea.active.absolute{translate:118% -110%;}

@media screen and (max-width:1024px){ 
	.side-quickArea{translate:116% -50%;}
	.side-quickArea.active{translate:0 -50%; }
	.side-quickArea.absolute{translate:116% -110%;}
	.side-quickArea.active.absolute{translate:0% -116%;}
}

/**************************************************
 ■ 배너모음
**************************************************/
.banner-list{padding:1.5rem 0; background: #FFF; box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.04);}
.banner-list .flex{display:flex;}
.banner-list .ban-title{flex:0 0 12rem; display: flex; align-items: center; justify-content: space-between;}
.banner-list .ban-title .control{gap:clamp(0.325rem, 0.111rem + 0.571vw, 0.625rem);  --btn-width:1.875rem; --btn-icon-width:1rem; --btn-background:#fff; --btn-border:var(--Theme-border); --btn-over-background: var(--Theme-Primary_subtler2); --btn-radius:0.25rem;}
.banner-list .ban-slider{width:calc(100% - 12rem);}
.banner-list .ban-slider a{display: block; height: 3rem; text-align:center;}
.banner-list .ban-slider a img{max-height:100%;}

@media screen and (max-width:1024px){	
	.banner-list .ban-title{flex:0 0 7rem;}
	.banner-list .ban-title strong{display:none;}
	.banner-list .ban-slider{width:calc(100% - 7rem);}
	
}
@media screen and (max-width:567px){	
	.banner-list .ban-slider a{height:auto;}
}

/**************************************************
 ■ 푸터
**************************************************/
#footer{background: #1E232F; padding:clamp(3rem, 1.571rem + 3.81vw, 5rem) 0 0; color:#fff; font-size:var(--font-size-17);}
#footer .flex{display:flex;}
#footer .flex.align-end{align-items: flex-end;}
#footer .logo a{background:url('../../assets/images/common/logo_w.svg')no-repeat 0 0/100%;}
#footer .fot-top{display:flex; align-items: center; padding-bottom:2.5rem; margin-bottom:2.5rem; border-bottom:1px solid  rgba(255, 255, 255, 0.20);}
#footer .fot-top dl{margin-left:auto; text-align:right; font-weight: 300;}
#footer .fot-top dl a{font-size: 1.75rem;font-weight: 700; }
#footer .fot-top dl dt{margin-bottom:0.5rem;}
#footer .fot-bot .fot-al{width:60%;}
#footer .fot-bot .copy{opacity: 0.5; font-size:clamp(0.813rem, 0.679rem + 0.356vw, 1rem); font-weight: 300;}
#footer .fot-bot .fot-ar{width:45%;  text-align: right;}
#footer .fot-bot .fot-logos{display:flex; gap:clamp(1rem, -0.071rem + 2.857vw, 2.5rem);}
#footer .fot-text li{display:flex; flex-wrap:wrap; gap:0.35rem 0.75rem; line-height: 1.5;}
#footer .fot-text li p:not(:first-child){position:relative; padding-left:0.75rem; }
#footer .fot-text li p:not(:first-child):before{content:""; position:absolute; left:0px; top:0.2em; width:1px; height:0.8em; opacity: 0.2; background: #FFF;}
#footer .fot-text li b{font-weight:700;}
#footer .fot-text li:not(:first-child){margin-top:clamp(0.35rem, -0.114rem + 1.238vw, 1rem);}
#footer .link-area{display:flex;justify-content: flex-end; gap:1rem; color: var(--Basic-Black-60); margin-bottom:1.6rem;}
#footer .link-area b{color: var(--Theme-Primary_sub);}
#footer .link-area a:not(:first-child){position:relative; display:inline-block; padding-left:1rem; }
#footer .link-area a:not(:first-child):before{content:""; position:absolute; left:0px; top:0.2em; width:1px; height:0.8em; background: var(--Basic-Black-60);}
#footer h5{text-align:right; font-size: var(--font-size-17); font-weight: 700; margin-bottom:1rem;}
#footer .family-list{display:flex; gap:1rem; flex-direction: column; font-size:var(--font-size-17); width: 100%; border-radius: 0.375rem; background: rgba(255, 255, 255, 0.10); padding: clamp(1rem, 0.643rem + 0.952vw, 1.5rem) clamp(1rem, 0.286rem + 1.905vw, 2rem);}
#footer .family-list .flex{display:flex; gap:clamp(0.75rem, 0.214rem + 1.429vw, 1.5rem);}
#footer .family-title{font-weight:600; white-space: nowrap;}
#footer .family-bar{display:flex; flex-wrap:wrap; gap:0.5rem 1rem; color: var(--Basic-Black-40);}
#footer .family-dot{display:flex; flex-wrap:wrap; gap:0.5rem 1rem; font-weight:600;}
#footer .copy{display: flex; min-height: 3.125rem; justify-content: center; align-items: center; background: var(--Basic-Black-100, #1B1D1F); color: #FFF; font-size: var(--font-size-16); font-weight: 400;opacity: 0.5; margin-top:2.5rem; text-align: center; padding:0.5rem 0;}
#footer .icon-call::before {width: 1.75rem !important; height: 1.75rem !important; background-color: #ffffff;}

@media screen and (max-width:1024px){	
	#footer,
	#footer .family-list,
	#footer .copy{ font-size:var(--font-size-14);}
	#footer .flex{flex-wrap:wrap;}
	#footer .flex.align-start,
	#footer .flex.align-end{flex-direction: column-reverse;}
	#footer .flex.align-end{margin-top:1rem;}
	#footer .fot-text li p:not(:first-child){padding-left:0;}
	#footer .fot-text li p:not(:first-child):before{display:none;}
	#footer .fot-bot .fot-al{width:100%;}
	#footer .fot-bot .fot-ar{width:100%; text-align:left; }
	#footer .link-area,
	#footer .fot-bot .fot-logos{justify-content: flex-start;}
	#footer .fot-bot .fot-logos{margin-top:2rem;}
	#footer h5{text-align:left;}
}
@media screen and (max-width:768px){	
	#footer .fot-top{flex-wrap:wrap; gap:1rem; justify-content: space-between;}
	#footer .fot-top dl{margin-left:0;  text-align: left;}
	#footer .fot-bot .fot-logos img{height:2rem;}
}


/**************************************************
 ■ 슬라이드 컨트롤
**************************************************/
.control{display:flex; flex-wrap:wrap; gap:var(--gap-16); --btn-width:clamp(3rem, 2.196rem + 2.143vw, 4.125rem); --btn-icon-width:1.375rem; --btn-background:rgba(255, 255, 255, 0.70); --btn-border:rgba(255, 255, 255, 0.70); --btn-over-background:rgba(255, 255, 255, 1); --btn-radius:50%;}
.control .swiper-button-prev,
.control .swiper-button-next,
.control .swiper-button-stop{position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:0; display: flex; width: var(--btn-width); height: var(--btn-width); justify-content: center; align-items: center; aspect-ratio: 1/1; --icon-width:var(--btn-icon-width); --icon-color:var(--Theme-Primary); border-radius: var(--btn-radius); border: 1px solid var(--btn-border); background: var(--btn-background); backdrop-filter: blur(3.299999952316284px); transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s;}
.control .swiper-button-prev:after,
.control .swiper-button-next:after{display:none;}
.control .swiper-pagination{position:relative; left:auto; right:auto; top:auto; bottom:auto; width: auto; display: flex; align-items: center; gap:0.1rem; font-SIZE:var(--font-size-20); color: var(--Basic-Black-80);}
.control .swiper-pagination .swiper-pagination-current{color: var(--Theme-Primary); font-weight: 700;}
.control .swiper-pagination-lock{display:inline-flex; width:auto; }
.control .swiper-pagination-bullet:only-child{display:inline-block !important; }

/**************************************************
 ■ 메인팝업
**************************************************/
.main-popup{position:fixed; left:0px; top:0px; width:100%; height:100%; background: rgba(27, 29, 31, 0.60); z-index:1111; display: flex; align-items: center;  justify-content: center; opacity:0; pointer-events: none; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.main-popup .mpop-cont{width: 85rem; margin: 0 1rem; position:relative; opacity:0; transform:translateY(-2rem); -webkit-transition: all 0.3s ease-out 0.1s; transition: all 0.3s ease-out 0.1s;}
.main-popup .mpop-cont .inn{background:#fff; border-radius:0 0 clamp(0.625rem, 0.179rem + 1.19vw, 1.25rem) clamp(0.625rem, 0.179rem + 1.19vw, 1.25rem); padding:3.3rem 6.44rem 2.47rem;}
.main-popup .mpop-logo{display:flex; height:clamp(2rem, 0.839rem + 3.095vw, 3.625rem); }
.main-popup .mpop-logo .box{flex:1; background:#fff;}
.main-popup .mpop-logo .box:first-child{border-top-left-radius:clamp(0.625rem, 0.179rem + 1.19vw, 1.25rem)}
.main-popup .mpop-logo .box:last-child{border-top-right-radius:clamp(0.625rem, 0.179rem + 1.19vw, 1.25rem)}
.main-popup .mpop-logo .mask{position:relative; aspect-ratio: 327 / 58;}
.main-popup .mpop-logo .mask:before{content:""; position:absolute; left:50%; top: -1rem; width: 50%; aspect-ratio: 160.00/50.06; background:url('../../assets/images/common/logo_w.svg')no-repeat 0 0/100%; transform:translateX(-50%);}
.main-popup .mpop-logo .mask:after{content:""; position:absolute; left:0px; top:0; width:100%; height:100%; -webkit-mask: url('../../assets/images/common/mpop-mark.svg')no-repeat 50% bottom/100%; mask: url('../../assets/images/common/mpop-mark.svg')no-repeat 50% bottom/100%; forced-color-adjust: none; background:#fff;}
.main-popup .mpop-head{display:flex; align-items: center; justify-content: space-between; margin-bottom:clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem); }
.main-popup .mpop-head h4{display:flex; gap:clamp(0.65rem, 0.043rem + 1.619vw, 1.5rem); align-items: center; color: var(--Basic-Black-100); font-size: clamp(1.6rem, 0.779rem + 2.19vw, 2.75rem); font-weight: 700; line-height:1;}
.main-popup .mpop-head h4 p{display:inline-block; padding: 0.625rem 1.25rem;color: #FFF; font-size: clamp(0.813rem, 0.635rem + 0.475vw, 1.063rem); background: var(--Theme-Primary); font-weight:300;}
.main-popup .mpop-head h4 p b{font-size:600;}
.main-popup .mpop-head h4 p em{font-size:600; color:var(--Theme-Primary_point);}
.main-popup .mpop-head .control{gap: var(--gap-24); --btn-width: 2.125rem; --btn-icon-width: 1rem; --btn-background: var(--Basic-Gray); --btn-border: var(--Basic-Gray); --btn-over-background: var(--Basic-Black-10); --icon-color:var(--Basic-Black-70)}
.main-popup .mpop-slide img{width:100%;}
.main-popup .mpop-btn{margin-top:clamp(1rem, 0.286rem + 1.905vw, 2rem); text-align:right; line-height:1.25;}
.main-popup .mpop-btn .mpop-day{display: inline-flex; padding: clamp(0.5rem, 0.321rem + 0.476vw, 0.75rem) clamp(0.75rem, 0.214rem + 1.429vw, 1.5rem); justify-content: center; align-items: center; gap: clamp(0.25rem, 0.071rem + 0.476vw, 0.5rem); border-radius: 0.5rem; border: 1px solid var(--Basic-Black-70); background: var(--Basic-white); color: var(--Basic-Black-80); font-size: clamp(0.875rem, 0.741rem + 0.357vw, 1.063rem); font-weight: 500; line-height:1; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.main-popup .mpop-btn .mpop-day i{border-radius: 50%; width: 1.25rem; aspect-ratio: 1/1; background: var(--Basic-Black-80);  --icon-color:#fff; --icon-width:0.8rem; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.main-popup .mpop-btn .mpop-day:is(:hover, :focus){background:var(--Basic-Gray);}
.main-popup .mpop-btn .mpop-day:is(:hover, :focus) i{transform: rotate(90deg );}
.main-popup .mpop-close{position:absolute; right:calc(-1 * calc(var(--btn-width) / 2)); top:2rem; --btn-width:3.5rem;   }
.main-popup .mpop-close i{width: var(--btn-width); aspect-ratio: 1; border-radius: 50%; background: var(--Theme-Primary_sub);  --icon-color:#fff; --icon-width:1.5rem;}
.main-popup .mpop-close:before{content:""; position:absolute; left:50%; top:50%; width:calc(100% + 2rem); aspect-ratio: 1; background:rgba(255,255,255,0.2); backdrop-filter: blur(2px); transform:translate(-50%,-50%); border-radius:50%;}
.main-popup.active{opacity:1; pointer-events: all;}
.main-popup.active  .mpop-cont{opacity:1; transform:translateY(0rem);}

@media screen and (max-width:1440px){	
	.main-popup .mpop-cont{width: 90vw;}
	.main-popup .mpop-cont .inn{padding:3.3rem 3rem 2.47rem;}
}
@media screen and (max-width:1024px){	
	.main-popup .mpop-cont .inn{padding:clamp(1rem, 0.286rem + 1.905vw, 2rem) clamp(1rem, 0.571rem + 1.143vw, 1.6rem);}
	.main-popup .mpop-close{top:0;}
	.main-popup .mpop-close:before{width: calc(100% + 1rem);}
}
@media screen and (max-width:768px){ 
	.main-popup .mpop-cont{width: 80vw;} 
	.main-popup .mpop-head{flex-wrap: wrap; gap:0.5rem;}
	.main-popup .mpop-head h4{justify-content: space-between; width:100%;}
	.main-popup .mpop-logo .box:first-child{display:none;}
	.main-popup .mpop-logo .mask:before{width:65%; left:10%; transform: translateX(0%);}
	.main-popup .mpop-logo .mask:after{-webkit-mask-image: url('../../assets/images/common/mpop-mark_mob.svg'); mask-image: url('../../assets/images/common/mpop-mark_mob.svg')}
	.main-popup .control{flex-wrap:nowrap; position:absolute; left:clamp(1rem, 0.571rem + 1.143vw, 1.6rem);; bottom:clamp(1.15rem, 0.543rem + 1.619vw, 2rem);}
	.main-popup .control .swiper-pagination{display:none;}
	.main-popup .mpop-cont .inn{border-top-left-radius:0.625rem;}
	.main-popup .mpop-close{top:-1rem; right:-0.5rem; --btn-width: 2.5rem;}
	
}
@media screen and (max-width:600px){ 
	.main-popup .mpop-cont{width: 90vw;} 
	
}


/**************************************************
 ■ 서브 레이아웃
**************************************************/
#container .content-body{position:relative; padding:2.5rem 0 6.25rem; --body-gap:5rem;}
#container:has(.in-between) .content-body::before{content:""; position:absolute; left:0px; top:0px; width:100%;  height: 14.375rem;  background: linear-gradient(101deg, #E6F1FD 18.97%, #F7F6FF 68.96%, #FFEEDC 100.41%); z-index: -1;}
#container:has(.in-between) .contents > .content::before{content:""; position: absolute; left:calc(-1 * var(--body-gap)); top:0; width:100vw; height:10rem; background:#fff; border-top-left-radius: 4rem; z-index:-1;}
#container:has(.in-between.mypage) .content-body::before{background: linear-gradient(180deg, #f2f2f2 0%, #e8e8e8 71.74%);}
#container .in-between{display:flex; gap: var(--body-gap); }
#container .in-between .contents{width: calc(100% - 17.5rem - var(--body-gap));}
#container .contents{flex:1; }
#container .contents > .content{position: relative; padding-top:3.5rem;}

#container .side-navigation{ display: flex; flex-direction: column; gap:1.5rem; width: 17.5rem; flex-shrink: 0;}

/*사이드 메뉴*/
.side-navigation .side-navi-title{position: relative; display: flex; height: 7.625rem; padding: 1.5rem 0; flex-direction: column; justify-content: center; align-items: center; gap: 0.3rem;color: var(--Basic-white, #FFF); text-align: center; font-size: var(--font-size-28); font-weight: 700; line-height: 140%; }
/* .side-navigation .side-navi-title::before{content:""; display:inline-block; aspect-ratio: 30/12; height:0.75rem; background: url('../../assets/images/common/img_text_hrdi.svg')no-repeat 0 0/100%;} */
.side-navigation .side-navi-title::before{content:none; display:none; aspect-ratio: 30/12; height:0.75rem; background: url('../../assets/images/common/img_text_hrdi.svg')no-repeat 0 0/100%;}
.side-navigation .side-navi-title::after{content: ""; position: absolute; left: 0; top: 0; width:100%; height:100%; background: url('../../assets/images/common/side_navi_titbox.webp')no-repeat 50% 50%/cover; z-index:-1; border-radius: 0 0 0.625rem 0.625rem; clip-path: polygon(1.25rem 0%, calc(100% - 1.25rem) 0%, 100% 1.25rem, 100% 100%, 0 100%, 0% 1.25rem);}
#container:has(.in-between.mypage) .side-navigation .side-navi-title::after{background-image:url('../../assets/images/common/side_navi_titbox_my.webp');}

/* 레프트 메뉴 */
.side-menu{display: flex; flex-direction: column; gap: 1.5rem; padding: 1.5rem; border-radius: 0.625rem; border: 1px solid var(--Theme-border); background: var(--Basic-white, #FFF); }
.side-menu > ul > li{border-bottom: 1px solid var(--Theme-border); }
.side-menu > ul > li .menu_depth2{position: relative; display:flex; justify-content: space-between; padding:1rem 1rem; color: var(--Basic-Black-90); font-size: var(--font-size-17); font-weight: 700; line-height: 150%; }
.side-menu > ul > li:has(.menu_depth3_wrap) .menu_depth2:after{ content: ""; flex-shrink: 0;  display: inline-flex; width: 1.25rem; aspect-ratio: 1; background-color: var(--Basic-Black-80); forced-color-adjust: none; -webkit-mask-repeat: no-repeat;  -webkit-mask-position: center center;  -webkit-mask-size: contain;  mask-repeat: no-repeat;  mask-position: center center; mask-size: contain;  -webkit-mask-image: url('../../assets/images/icons/icon-angle-down.svg'); mask-image: url(../../assets/images/icons/icon-angle-down.svg);  margin-top: 0.2rem;  margin-left: auto;  transition: 0.4s ease-in-out; transform: rotate(0deg);}
.side-menu > ul > li .menu_depth2:before{content:""; position: absolute; left:0; bottom:-1px; width:0; height:2px; background:var(--Theme-Primary);transition: all 0.3s ease-out 0s;}
.side-menu > ul > li.on .menu_depth2,
.side-menu > ul > li .menu_depth2:is(:hover, :focus){background: var(--Theme-Primary_subtler);}
.side-menu > ul > li.on .menu_depth2:before,
.side-menu > ul > li .menu_depth2:is(:hover, :focus):before{width:100%;}
.side-menu > ul > li.on:has(.menu_depth3_wrap) .menu_depth2:after{transform: rotate(180deg);}
.side-menu > ul > li .menu_depth3_wrap {padding:0.5rem 0;}
.side-menu > ul > li .menu_depth3_wrap .menu_depth3{display:flex; gap:0.5rem; padding:0.5rem 1rem; border-radius: var(--radius-md, 0.375rem);  }
.side-menu > ul > li .menu_depth3_wrap .menu_depth3:before{content: "•";}
.side-menu > ul > li .menu_depth3_wrap li.on .menu_depth3{background: var(--Basic-Gray); font-weight: 700;}
#container:has(.in-between.mypage) .side-menu > ul > li .menu_depth2:before{background-color: var(--Theme-Primary_point);}
#container:has(.in-between.mypage) .side-menu > ul > li.on .menu_depth2,
#container:has(.in-between.mypage) .side-menu > ul > li .menu_depth2:is(:hover, :focus){background:var(--Basic-Gray);}


/*교육신청 - 메뉴*/
#container .left_sidebar.edu-apply-sidebar {padding: 0;}
.category-frame{display: flex; flex-direction: column; gap: 1.5rem; padding: 1.5rem; border-radius: 0.625rem; border: 1px solid var(--Theme-border); background: #FFF; }
.category-frame .category-frame-toggle{display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; border-radius: 0.375rem; background: var(--Basic-Gray); color: var(--Theme-Primary); font-size: var(--font-size-20); font-weight: 700; } 
.category-frame .category-frame-toggle span{padding-left:1rem; background:url('../../assets/images/common/bullet.svg')no-repeat 0 50%; }
.category-frame .category-frame-toggle .switch{position: relative; width: 1.625rem; aspect-ratio: 1/1; background: var(--Theme-Primary); border-radius: 50%; border:1px solid #fff;}
.category-frame .category-frame-toggle .switch::before,
.category-frame .category-frame-toggle .switch::after{content:""; position: absolute; width: 0.8125rem; height: 0.11606rem; background:#fff; border-radius:0.2rem; left: 50%; top:50%; transform:translate(-50%,-50%); transition: all 0.2s ease-out 0s;}
.category-frame .category-frame-toggle.active .switch::after{transform:translate(-50%,-50%) rotate(90deg );}
.category-frame .category-list-large{display: flex; flex-direction: column; gap: 1.5rem;}
.category-frame .category-list-large .category-name{display:flex; align-items: flex-start; gap: 0.5rem; color: var(--Basic-Black-90); font-size: var(--font-size-17); font-weight: 700; line-height: 150%; padding-bottom:0.62rem; border-bottom:1px solid var(--Theme-border);  }
.category-frame .category-list-large .category-name label{cursor: pointer;}
.category-frame .category-list-large .category-name input[type="checkbox"]{margin-top:0.2rem;}

.category-frame .category-list-large .category-list{padding-left:1.25rem;}
.category-frame .category-list-large .category-list li label{display:flex; align-items: center; gap:0.5rem; color: var(--Basic-Black-90); font-size: 0.9375rem; font-weight: 400; line-height: 150%; cursor: pointer;}
.category-frame .category-list-large .category-list li + li{margin-top:0.75rem;}
.category-frame .category-list-large li.open .category-name{border-color:var(--Basic-Black-70); margin-bottom:0.62rem;}

/*페이지타이틀*/
.page-title-wrap{position: relative; margin-bottom: 3rem;}
.page-title-wrap .h-tit{color: var(--Basic-Black-90); font-size: var(--font-size-36); font-weight: 700;}
.depth-drop{ display: inline-flex;  position: absolute; left: 0px; bottom: -1.56rem; width: 100%;}
.depth-drop .drop-btn{position:relative; display:none; height: 3.125rem;  width: 100%; border-radius: 0 0 0.625rem 0.625rem; padding:0 1.5rem; color:#fff; font-size: 1.0625rem; font-weight: 600;  background:#22449c; justify-content: space-between; align-items: center; gap:0.5rem; clip-path: polygon(1.25rem 0%, calc(100% - 1.25rem) 0%, 100% 1.25rem, 100% 100%, 0 100%, 0% 1.25rem); cursor: pointer; z-index:1;}
.depth-drop .drop-btn:before{content:""; position: absolute; right:-2.5rem; top:50%; width: 6rem; aspect-ratio: 101/125; background: url('../../assets/images/content/mark_g.svg')no-repeat 50% 50%/ 100%; opacity: 0.08; transform:translateY(-50%); pointer-events: none;}
.depth-drop .drop-btn i{ --icon-color:#fff;  --icon-width:1rem; aspect-ratio: 1;}
.depth-drop .drop-menu{position: absolute; left:0; top:calc(100% + 1rem); min-width:100%; z-index:106; border-radius: 0.375rem;
border: 2px solid var(--Theme-Primary); background: #FFF; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);}
.depth-drop .drop-list > li > a{display:block; padding:0.72rem 1.5rem; color: var(--Basic-Black-80); font-size: 0.9375rem; font-weight: 700;}
.depth-drop .drop-list > li + li{border-top:1px solid var(--Theme-border)}
.depth-drop .drop-list > li.active > a{color:var(--Theme-Primary_sub);}
.depth-drop .drop-list > li ul{margin:0 1rem 1rem; padding: 0.75rem 1rem; border-radius: 0.375rem; background: var(--Basic-Black-10, #E0E9F2);}
.depth-drop .drop-list > li ul li + li{margin-top:0.5rem;}
.depth-drop .drop-list > li ul li a{display:flex; align-items: center; gap:0.5rem; color: var(--Basic-Black-80); font-size: 0.9375rem; font-weight: 400; line-height: 150%; }
.depth-drop .drop-list > li ul li.active a{font-weight: 600;}
.depth-drop .drop-list > li ul li a:before{content:"";  width: 0.25rem; height: 0.25rem; background-color: var(--Basic-Black-80); border-radius: 50%; }

.mypage .depth-drop .drop-btn{background:#ff6a2d;}
.mypage .depth-drop .drop-menu{border-color: #ff6a2d;}
.mypage .depth-drop .drop-list > li.active > a{color:#ff6a2d;}
.mypage .depth-drop .drop-list > li ul{background-color: #f2f2f2;}

.page-title-wrap .btn-print{position: absolute; right:0; bottom:0; display: flex; width: 2.5rem; aspect-ratio: 1; justify-content: center; align-items: center; border-radius: 0.375rem; background: #FFF; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);}
.breadcrumb{display: flex; align-items: center; justify-content: flex-start; flex-direction: row; width: 100%; gap:0.75rem;}
.breadcrumb li{display: inline-flex; align-items: center; font-size: var(--font-size-14); color: var(--Basic-Black-70); line-height: 150%; gap:0.75rem; --icon-color:var(--Basic-Black-90); --icon-width:1.25rem;}
.breadcrumb li.home {--icon-color:var(--Basic-Black-70);}
.breadcrumb li:not(:last-child)::after{content:""; display:inline-block; width: 0.125rem; height: 0.625rem; background: var(--Basic-Black-40);}
.breadcrumb li:last-child .txt{color:var(--Basic-Black-80); font-weight:600;}

@media screen and (max-width:1440px){
	#container .content-body{--body-gap: 3rem;     padding: clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem) 0 clamp(4rem, 2.157rem + 4.914vw, 6.58rem);}
	.page-title-wrap{    margin-bottom: clamp(1.5rem, 0.429rem + 2.857vw, 3rem);}
}
@media screen and (max-width:1024px){	
	#container:has(.in-between) .contents > .content::before{width: calc(100vw + 3rem);}
	#container .contents > .content:has(.application-view){padding-top:0;}
	#container .side-navigation,
	.page-title-wrap .btn-print{display:none;}

    #container .content-body > .inner.in-between > .drop-menu {display: none !important;}
    .page-title-wrap{padding-bottom:3.2rem; display: flex;  flex-direction: column-reverse;   gap: 1.13rem; margin-bottom:0;}
    .page-title-wrap .h-tit{text-align: center;}
    .breadcrumb{justify-content: flex-end;}
    .depth-drop .drop-btn{display:flex;}
	
}
@media print {
	#container .content-body{padding:1.5rem 0 0;}
	#container:has(.in-between) .contents > .content::before{width: calc(100vw + 5rem);}
	.page-title-wrap{margin-bottom: 1.5rem;}
	.page-title-wrap .btn-print{display:none;}
	
}


/**************************************************
 ■ 페이지안내/ not found 404
**************************************************/
.not-found-wrap{height:100%;background: var(--Theme-Primary_subtler); display: flex; align-items: center;  justify-content: center; padding:0 2rem; }
.not-found-wrap .nodata-row{gap:clamp(2rem, -1.036rem + 8.095vw, 6.25rem);}
.not-found-wrap h4{color: var(--Basic-Black-90); font-size: 2rem; font-weight: 700; margin-bottom:1rem;}
.not-found-wrap h4:before{content:""; display: inline-block; width:2.125rem; aspect-ratio: 1; background: url('../../assets/images/icons/icon-system.svg')no-repeat 0 0/100%; vertical-align: middle; margin-right: 0.3rem;;}
.not-found-wrap p{margin-bottom:2rem;}