@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");


/* 서브탑 */
.sub_visual {position:relative; width:100%; height:600px; margin-top:30px; }
.sub_visual_bg {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; border-radius:var(--borderR30);}
.sub_visual_img {position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transform: scale(1); animation: m_vsImg 1.8s;}
.sub_visual_img::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(135deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.9) 100%); opacity:0.5; border-radius:var(--borderR30);}
.sub_visual_in {position:relative; z-index:2; height:100%; display:flex; flex-direction:column; justify-content:center;}
.sub_title {color:var(--white); font-family:var(--eng); font-weight:700; text-transform:uppercase; transform:translateY(90px); opacity:0; animation:v_txt 1.0s 0.3s; animation-fill-mode:both;}

/* 서브 메뉴 */
.sub_position {position:absolute; right:0; bottom:40px; display:flex; align-items:center; line-height:1;}
.sub_home {position:relative; padding-right:16px; line-height:1;}
.sub_home::after {content:''; display:block; width:1px; height:16px; background:rgba(255,255,255,0.3); position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:5;}
.sub_home_link {position:relative; display:inline-flex; align-items:center; justify-content:center; width:32px; height:26px; line-height:1; box-sizing:border-box; text-indent: -9999px; overflow:hidden;}
.sub_home_link::before {width:100%; height:100%; display:block; position:absolute; left:0; top:0; content:''; background:url(/img/home_icon.svg) 50% 50% no-repeat; line-height:1;}
.sub_pos_depth {position:relative; padding:0 16px;}
.sub_pos_depth::after {content:''; display:block; width:1px; height:16px; background:rgba(255,255,255,0.3); position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:5;}
.sub_pos_depth:last-child {padding-right:0;}
.sub_pos_depth:last-child::after {display:none;}
.sub_pos_btn {display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:170px; cursor:pointer; box-sizing:border-box;}
.sub_pos_label {color:var(--white);}
.sub_pos_arrow {width:21px; height:21px; position:relative; background:rgba(255,255,255,0.2); border-radius:var(--borderR5); display:flex; align-items:center; justify-content:center; transition:all .3s ease-out;}
.sub_pos_arrow::before {content:'arrow_drop_down'; font-family:var(--icon); font-size:18px; line-height:1; color:var(--white); transition:all .3s ease-out;}
.sub_pos_btn.on .sub_pos_arrow::before {transform:rotate(180deg);}
.sub_pos_dropdown {position:absolute; left:0; top:40px; width:100%; background:var(--grayBg); padding:20px 0; display:none; box-sizing:border-box;}
.sub_pos_dropdown li a {display:block; padding:3px 15px; color:var(--basic);}
.sub_pos_dropdown li a:hover {color:var(--main); font-weight:600;}
.sub_pos_dropdown li a.on {background:var(--main); color:var(--white);}

@keyframes m_vsImg {
	0% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	20% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}
@keyframes v_txt {
	0% { transform:translateY(90px); opacity:0; }
	100% { transform:translateY(30px); opacity:1; }
}


#contents  {margin:100px 0 150px 0;}


/* 공통 텍스트 */
.cont_tit {color:var(--black);}
.cont_tit span {line-height:inherit; letter-spacing:inherit;}


/* 갤러리2(롤링) */
.gallery_roll{position:relative;}
.gallery_roll:after{content:''; display:block; clear:both;}
.gallery_roll .roll{position:relative;}
.gallery_roll .roll .imgArea{background:#000; overflow: hidden; aspect-ratio: 3 / 2;}
.gallery_roll .roll .imgArea img{width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery_roll .roll .txtArea{position:absolute; left:0; bottom:0; width:100%; text-align:center; background:rgba(34,34,34,.6); padding:20px; box-sizing:border-box;}
.gallery_roll .roll .txtArea h4{font-weight:400; color:var(--white); line-height:150%; font-size:1.25rem;}
.gallery_roll .slick-arrow{border:0; padding:0; font-size:0; outline:none; cursor:pointer; width:30px; height:30px; transition:all .3s linear; position: absolute; z-index: 9999; width: 30px; height: 30px; opacity: 1; left: auto; right:auto; bottom: auto; top:50%; margin-top:-15px;}
.gallery_roll .slick-arrow:hover{opacity:0.5;}
.gallery_roll .slick-prev{background:url('/img/arrow_p_w.png') no-repeat center/100% auto; left:30px;}
.gallery_roll .slick-next{background:url('/img/arrow_n_w.png') no-repeat center/100% auto; right:30px;}

.gallery_nav{margin:30px -2px 0; width:calc(100% + 4px);}
.gallery_nav:after{content:''; display:block; clear:both;}
.gallery_nav .roll{margin:0 2px; cursor:pointer; background-color:#000; overflow: hidden;}
.gallery_nav .roll .txtArea{display: none;}
.gallery_nav .roll .imgArea{overflow: hidden; aspect-ratio: 3 / 2;}
.gallery_nav .roll .imgArea img{opacity:0.5; width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery_nav .roll.slick-current .imgArea img{opacity:1;}


/* 이용약관, 개인정보취급방침 */
.policy_cont{position:relative; overflow:hidden; font-size:1rem;}
.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%; display:flex; flex-wrap:wrap; padding:4% 4% 3% 4%; border:1px solid var(--border); margin-bottom:30px;}
.privacy_list li {width:50%; padding-bottom:1%;}
.privacy_list li a {font-weight:500; color:var(--black);} 


/* 검색결과 */
.search_con .fs30 {color:var(--black); margin-bottom:15px;}
.search_con .fs30 .thin {font-weight:300; letter-spacing:inherit;}


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

/* 서브탑 */
.sub_visual {height:500px;}


}


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


/* 갤러리2(롤링) */
.gallery_roll{}
.gallery_roll .roll .txtArea{padding:15px;}
.gallery_roll .slick-arrow{width: 25px; height: 25px; margin-top:-12px;}
.gallery_roll .slick-prev{left:20px;}
.gallery_roll .slick-next{right:20px;}
.gallery_nav{margin:20px -2px 0; width:calc(100% + 4px);}
.gallery_nav .roll{margin:0 2px;}



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

    
/* 서브탑 */
.sub_visual {height:430px; margin-top:20px;}
    
/* 서브 메뉴 */
.sub_position {bottom:30px;}
.sub_pos_btn {display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:170px; cursor:pointer; box-sizing:border-box;}


/*** 공통 css ***/
#contents  {margin:80px 0 100px 0;}


/* 이용약관, 개인정보취급방침 */
.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){

/* 서브탑 */
.sub_visual {height:330px; margin-top:10px;}
.sub_visual_bg {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; border-radius:var(--borderR30_t);}
.sub_title {text-align:center; transform:translateY(80px);}
.sub_visual_in {width:100%;}


@keyframes v_txt {
	0% { transform:translateY(80px); opacity:0; }
	100% { transform:translateY(20px); opacity:1; }
}



/* 서브 메뉴 */
.sub_position {width:100%; bottom:15px; border-top:1px solid rgba(255,255,255,0.3); padding-top:15px;}
.sub_home {display:none;}
.sub_pos_depth {width:50%; box-sizing:border-box;}
.sub_pos_dropdown {width:200%;}
.sub_pos_depth:last-child {padding-right:16px;}
.sub_pos_depth:last-child .sub_pos_dropdown {left: -100%;}
.sub_pos_btn {min-width:100%;}
.sub_pos_arrow {width:18px; height:18px;}
.sub_pos_arrow::before {font-size:16px;}

/*** 공통 css ***/
#contents  {margin:60px 0 80px 0;}


/* 갤러리2(롤링) */
.gallery_roll{}
.gallery_roll .roll .txtArea{padding:10px;}
.gallery_roll .slick-prev{left:10px;}
.gallery_roll .slick-next{right:10px;}
.gallery_nav{margin:10px -2px 0; width:calc(100% + 4px);}
.gallery_nav .roll{margin:0 2px;}


}

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

/* 서브탑 */
.sub_visual {height:300px;}

/* 서브 메뉴 */
.sub_position {bottom:12px; padding-top:12px;}
.sub_pos_dropdown {top:36px; padding:15px 0;}

/*** 공통 css ***/
#contents  {margin:50px 0 60px 0;}

}

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



}