@import url("common.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..500,0..1,-50..200");

.header .header__logo-link img, .header.header--up .header__logo-link img {filter: none;}
.header .header__nav-link {color: var(--black);}
.header .header__lang-btn, .header.header--up .header__lang-btn {color: var(--black);}
.header .header__lang-btn--active, .header.header--up .header__lang-btn--active {color: var(--white);}
.header .header__search img, .header.header--up .header__search img {filter: none;}
.header .header__menu-line, .header.header--up .header__menu-line {background: var(--black);}


/**** S:: ���� ���� ****/
.subtop{padding: 200px 0 80px; position: relative; z-index: 5;}
.subtop .subtop_in{display: flex; flex-direction: column; align-items: center; gap:15px; text-align:center;}
.subtop .subtop_in h2{color:var(--black); width: 100%; font-weight: 900; font-family: var(--eng);}

.lnb { display: inline-flex; align-items: center; gap: 16px; }
.search_none .lnb { display: none; }
.lnb__group { position: relative; }
.lnb__home { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; color: var(--black); text-decoration: none; transition:all .3s;}
.lnb__home::before { content: "holiday_village"; font-family: var(--icon); font-weight: 400; font-style: normal; font-size: 22px; line-height: 1; }
.lnb__home:hover{color:var(--main);}
.lnb__divider { width: 1px; height: 10px; background: var(--border); }
.lnb__item { border: 0; background: transparent; padding: 0 var(--space-lg) 0 0; position: relative; cursor: pointer; color: var(--black);}
.lnb__item::after { content: "expand_more"; font-family: var(--icon); font-size: 22px; font-weight: 400; line-height: 1; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease; color:var(--black); opacity: 0.3;}
.lnb__group:last-child .lnb__item { color: var(--main); font-weight: 600 !important; }
.lnb__item[aria-expanded="true"]::after { transform: translateY(-50%) rotate(180deg); }
.lnb__item:focus-visible, .lnb__home:focus-visible { outline: 2px solid var(--main); outline-offset: 4px; border-radius: var(--radius-xs); }
.lnb__submenu { list-style: none; text-align:left; margin: var(--space-xs) 0 0; padding: 8px; width: 100%; min-width: 200px; position: absolute; top: 100%; left: 50%; transform:translateX(-50%); z-index: var(--z-dropdown); background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); }

.lnb__submenu.long{min-width:300px;}

.lnb__submenu a { display: block; text-decoration: none; color: var(--black); padding: 8px var(--space-xs); border-radius: 6px; font-size: 0.778rem; line-height: 150%; letter-spacing: 0.5pt;}
.lnb__submenu a:hover, .lnb__submenu a:focus-visible { background: var(--grayBg); color: var(--main); outline: none; }
.lnb__submenu a.is-active { color: var(--main); font-weight: 600; }
/**** E:: ���� ���� ****/


.bbsCont{overflow: hidden;}
.bbsCont .basic_in{max-width:1320px;}
.btn_area{display: flex; justify-content: center; padding: 60px 0 0;}



.sub_banner{text-align:center; position: relative; overflow: hidden;}
.sub_banner .bg{position: absolute; left:0; top:0; width: 100%; height: 100%; background-repeat:no-repeat; background-size:cover; background-position:center; z-index: -1;}
.sub_banner h3{color:var(--white); font-family:var(--eng); font-weight: 800 !important;} 


.c-section-tab-wrap {width: 100%; position: sticky; top: 0; z-index: var(--z-sticky); box-sizing: border-box; overflow: hidden; backdrop-filter: blur(8px); background: rgba(255, 255, 255, 0.85); transition:all .3s ease;}
.header.fixed + .mobile-menu + .sitemap + .container .c-section-tab-wrap{top:100px;}
.c-section-tab-wrap::before{content:''; display: block; width: 90%; max-width:1590px; height: 1px; background:var(--border); position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; z-index: 1;}
.c-section-tab-swiper {width: 100%; padding:0; box-sizing: border-box; position: relative; overflow: hidden;}
.c-section-tab {display: block; white-space: nowrap; font-size:0; text-align: center;}
.c-section-tab__item {display: inline-block; width: auto !important; text-decoration: none; color: var(--black); opacity: 0.3; font-size:0.944rem; font-weight: 700; line-height: 120%; transition: color 0.2s ease, opacity 0.2s ease, border-color 0.2s ease; white-space: nowrap; flex-shrink: 0; text-align: center;}
.c-section-tab__item span{display: block; font-size:inherit; letter-spacing: inherit; line-height:inherit; color:inherit; font-weight:inherit; padding: var(--space-lg) 20px; box-sizing: border-box;}
.c-section-tab__item span::after{content:''; display: block; width: calc(100% - 40px); height: 2px; background:transparent; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.c-section-tab__item:hover{opacity: 1; color:var(--main);}
.c-section-tab__item.is-active { color: var(--main); opacity: 1; }
.c-section-tab__item.is-active span::after{background: var(--main);}

.tabspy-section-wrap{overflow: hidden;}
.tabspy-section.first-section{padding-top: 125px !important;}
.tabspy-section { scroll-margin-top: 96px; }

.img-wrap{box-sizing: border-box; text-align:center;}
.img-wrap__image img{max-width: 100% !important; height: auto !important;}

.responsive-dim{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.6);z-index: 100; display:none;}
.responsive-dim .stock-scroll-drag-guide{position: absolute;top: 50%; left: 0;right: 0; text-align: center; transform: translate(0,-50%);}

.stock-scroll-drag-guide {display:flex; justify-content:center;}
	.stock-scroll-drag-guide .stock-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.stock-scroll-drag-guide .stock-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:rgba(255,255,255,0.5); content:""; border-radius:5px;}
	.stock-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:stock-drag-hand 3s both infinite; }
	.stock-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color:var(--white); border-radius:5px; opacity:1; }
	.stock-scroll-drag-guide .drag-tail .hand-icon{margin-top: 5px; display: block;}
	@keyframes stock-drag-hand {
		0% {
			left: 0;
			margin-left: 0px;
			transform: rotate(0deg);
		}
		10% {
			left: 0;
			margin-left: 0px;
			transform: rotate(0deg);
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}



.video_wrap{position: relative; overflow: hidden; padding-bottom: 56.25%; height: 0; width: 100%;}
.video_wrap iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video_wrap .jarallax{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.dots_list { display: flex; flex-direction: column; gap: 6px; }
.dots_list li { position: relative; padding-left: 10px; color: var(--basic); font-size:1rem; line-height:170%; letter-spacing:var(--letter-spacing-default);}
.dots_list li::before { content: ""; position: absolute; left: 0; top: 13px; width: 3px; height: 3px; background: var(--main); }


/* 개인정보처리방침 */
.policy_cont{position:relative; overflow:hidden; font-size:1rem; line-height:160%; letter-spacing: 0.5pt;}
.policy_cont br{display:block;}
.policy_cont strong{font-weight:500; color:var(--black);}
.policy_cont .cont_title{font-size:1.412rem; color:var(--black); padding-bottom:18px; letter-spacing:var(--letter-spacing-default); font-weight:500;}
.policy_cont p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:500; color:var(--black) !important; letter-spacing:var(--letter-spacing-default);}
.policy_cont .cont_txt {padding:0px 0px 35px 0;}
.policy_cont .cont_txt2 {padding-bottom:35px;}
.policy_cont .cont_box {padding:25px; background:var(--grayBg); margin:7px 0px 10px 0px; display:block;  letter-spacing:var(--letter-spacing-default); line-height:1.7;}

.privacy_list {width:100%; overflow:hidden; clear:both; padding:4% 4% 3% 4%; border:1px solid var(--border); margin-bottom:30px;}
.privacy_list li {width:100%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:500; color:var(--black);} 



/*******************************************************************************
    @media 1740px
*******************************************************************************/
@media all and (max-width:1740px){



}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){

.c-section-tab-swiper{padding: 0 3%;}


}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){




}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){


/**** S:: ���� ���� ****/
.subtop{padding: 150px 0 60px;}
.lnb__submenu.long{min-width:250px;}
/**** E:: ���� ���� ****/

.btn_area{padding: 40px 0 0;}


.c-section-tab-wrap {}
.c-section-tab {}
.c-section-tab__item {font-size:1rem;}
.c-section-tab__item span{padding: var(--space-md) 15px;}
.c-section-tab__item span::after{width: calc(100% - 30px);}
.tabspy-section.first-section{padding-top: 100px !important;}

.img-wrap{position: relative; overflow-x: auto;}
.img-wrap__image{width: 980px;}
.img-wrap .responsive-dim.show{display: block;}

.dots_list li::before{top:12px;}


/* 개인정보처리방침 */
.policy_cont{}
.policy_cont p.cont_tit {font-size:1.2em !important; padding-bottom:5px;}
.policy_cont .cont_txt {padding:0px 0px 25px 0; }
.policy_cont .cont_txt2 {padding-bottom:25px;}
.policy_cont .cont_box {padding:18px 18px; }

.privacy_list {margin-bottom:30px;}
.privacy_list li {width:100%;  }

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/**** S:: ���� ���� ****/
.subtop{padding: 100px 0 20px;}
.subtop .subtop_in{gap:10px;}

.lnb {gap: 10px;}
.lnb__group {}
.lnb__home {width: 20px; height: 20px;}
.lnb__home::before {font-size: 20px;}
.lnb__divider {height: 6px;}
.lnb__item{font-size:15px;}
.lnb__item::after {font-size: 18px;}
.lnb__submenu {padding: 5px; min-width: 180px; border-radius: var(--radius-sm);}
.lnb__submenu.long{min-width:230px;}
.lnb__submenu a {padding: 5px 7px; border-radius: 3px; font-size:13px;}
/**** E:: ���� ���� ****/

.btn_area{padding: 20px 0 0;}

.sub_banner h3 br{display: none;}

.img-wrap__image{width: 680px;}

.c-section-tab-wrap {}
.header.fixed + .mobile-menu + .sitemap + .container .c-section-tab-wrap{top:64px;}
.c-section-tab { }
.c-section-tab__item {}
.c-section-tab__item span{padding: var(--space-sm) 10px;}
.c-section-tab__item span::after{width: calc(100% - 20px);}
.tabspy-section.first-section{padding-top: 60px !important;}

.dots_list{gap:3px;}
.dots_list li::before{top:10px;}
}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:480px){

	.lnb{width: 100%;}
	.lnb__group{width: calc((100% - 42px)/2);}
	.lnb__item{width: 100%; text-align:left; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
	.lnb__submenu {min-width: 120px;}
	.lnb__submenu.long{min-width:120px;}

}