@charset "UTF-8";


body.pc { min-width:1520px;} 
body.mobile { max-width:100%; } 


/*----------------------------------------------------------------------
	메인
----------------------------------------------------------------------*/
#main > section {padding-top:3.25rem;padding-bottom:3.25rem;}
#main #main__bnr .bnr-list li {width:48.5%;}
.main__title {margin-bottom:0.938rem;font-weight:600;font-size:1.25rem;color:#333;text-align:center;}
.main__title span {display:block;font-size:0.875rem;color:#b3a586;letter-spacing:0}
.main__desc {margin-bottom:3.75rem;font-size:0.875rem;color:#221916;line-height:1.7;text-align:center;}
@media screen and (max-width: 1024px){
	#main > section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
}

section { overflow-x:clip; overflow:hidden; } 


/*----------------------------------------------------------------------
@ MAIN 타이틀
----------------------------------------------------------------------*/
.main_title { position:relative; font-size:2.813rem; color:#000; font-weight:700; text-align:left; line-height:1.2; word-break:keep-all; margin-top:1.25rem; } 
.main_title:before { display:none; content:''; position:absolute; top:-1.25rem; left:0px; min-width:4.375rem; height:3px; background:#000; } 

.main_title.w { color:#fff;  } 
.main_title.w:before { background:#fff; } 

.main_subtitle { font-size:1.25rem; color:#000; font-weight:400; margin-top:0.3125rem; word-break:keep-all;  }

@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	.main_title { font-size:2.75rem; } 
	.main_subtitle { font-size:1.125rem; } 
}
@media screen and (max-width: 768px){
	.main_title { font-size:2.25rem; } 
	.main_subtitle { font-size:1rem;  } 
}
@media screen and (max-width: 640px){

}





/*----------------------------------------------------------------------
@ Layout Slider 1
----------------------------------------------------------------------*/
#layout_slider_1 {position:relative;/*margin-top:90px;*/padding:0 !important;background:#000; overflow-x:clip; }
#layout_slider_1 .slider__infos {overflow:hidden;height:51.25rem;}
/*배경*/
#layout_slider_1 .slider__thumb {position:relative;width:100%;height:100%; }
#layout_slider_1 .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#layout_slider_1 .slider__thumb .slider__thumb_mo {display:none;}
#layout_slider_1 .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1;}
#layout_slider_1 .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#layout_slider_1 .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1440px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#layout_slider_1 .slider__slogun {display:flex;height:100%;justify-content:center;align-items:flex-start;flex-direction:column;text-align:left;font-weight:900; color:#fff; display:none; }
#layout_slider_1 .slider__slogun > b.title {margin-bottom:1.875rem; display:block;font-weight:400;font-size:1.563rem; color:rgba(255,255,255,0.5); overflow:hidden; letter-spacing:0.3em; }
#layout_slider_1 .slider__slogun > b {position:relative;display:block;font-weight:700;font-size:3.125rem;line-height:1.2;color:#fff;overflow:hidden; word-break:keep-all;}
#layout_slider_1 .slider__slogun > b.subtitle {margin-top:1.875rem; display:block;font-weight:300;font-size:1.563rem;line-height:1;color:#fff;overflow:hidden; word-break:keep-all;}
#layout_slider_1 .slider__slogun > b > span,
#layout_slider_1 .slider__slogun > p > span { display:block; position:relative; opacity:0; } 
#layout_slider_1 .slider__slogun > p {position:relative;margin-top:20px;font-weight:400;font-size:1.375rem;line-height:1.47;color:#fff;overflow:hidden; word-break:keep-all;}


#layout_slider_1 .slider__slogun_btn {position:relative;display:block;padding:1rem 2rem; margin-top:2rem;border:1px solid #fff;font-size:1rem;color:#fff;text-align:center;box-sizing:border-box;transition:all 0.3s ease-out;opacity:0; }
#layout_slider_1 .slider__slogun_btn:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.8;z-index:-1;transition:all 0.3s ease-out }
#layout_slider_1 .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
#layout_slider_1 .slider__slogun_btn > span:after {content:'More View';}


/*스크롤*/
#layout_slider_1 .slider-scroll { display:none; position:relative; max-width:1440px; width:100%; margin:0 auto;  } 
#layout_slider_1 .slider-scroll a {display:block;position:absolute; width:1.25rem; height:14rem; right:0rem;margin:0 auto;font-weight:500;font-size:0.813rem;color:#fff;animation:scrolltype1 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0.5em; ;z-index:9;writing-mode:vertical-lr;}
#layout_slider_1 .slider-scroll a:before {content:'';position:absolute; bottom:0; display:block;width:17px;height:24px;margin:0 auto;background-image:url(/images/common/visual_scroll_new.png);background-repeat:no-repeat;background-position:center;background-size:cover;}

@keyframes scrolltype1 {0%{bottom:3.125rem;}50%{bottom:4.375rem;}100%{bottom:3.125rem;}}


/*액션*/
#layout_slider_1 .slider__thumb .slider__thumb_bg {transition: all 8s ease-out; transform: scale(1,1);}
#layout_slider_1 .slider__slogun {position:relative;top:0rem; transition: all .8s ease-out;}
#layout_slider_1 .swiper-slide-active .slider__slogun {top:0;}
#layout_slider_1 .swiper-slide-active .slider__thumb .slider__thumb_bg {transition: all 8s ease-out; transform: scale(1);}

/* SWIPER PAGINATION */
#layout_slider_1 .swiper-button-prev:after, #layout_slider_1 .swiper-button-next:after {font-size:1rem;color:#fff;}

#layout_slider_1 .swiper-button-prev, #layout_slider_1 .swiper-button-next 
{ width:55px; height:55px; border:1px solid #fff; border-radius:50%; top:8px; } 

#layout_slider_1 .swiper-button-prev { left:250px; right:revert;  } 
#layout_slider_1 .swiper-button-next { left:310px; right:revert; }



/*----------------------------------------------------------------------
@ MAIN 슬라이드 컨트롤러  
----------------------------------------------------------------------*/

#layout_slider_1 .swiper_control_wrap { position:absolute; left:50%; transform:translateX(-50%); z-index:12; bottom:80px; max-width:1440px; width:100%; height:auto;  margin:0 auto;   } 

#layout_slider_1 .main_visual_state  {display: block;position: absolute;left:50%;transform:translateX(-50%); top: 0%;-webkit-transition: all 300ms;transition: all 300ms;z-index:100;}
/*.main_visual_wrap .main_visual_state  {display: block;max-width: 1520px;margin: 0 auto;position: absolute;left: 112px;right: 112px;top: calc(50% - 183px); -webkit-transition: all 300ms;transition: all 300ms;width: 100%; z-index:100;}*/
#layout_slider_1 .swiper-pagination-fraction {color:#aaa;}

/* controller */
#layout_slider_1 .swiper_control { position: absolute; left: 50%; width:100%; font-size: 0;z-index: 2; }

/* pagination */
#layout_slider_1 .swiper_control .swiper-pagination {position: static;}
#layout_slider_1 .swiper_control .swiper-pagination-wrap {position: relative;}
#layout_slider_1 .swiper_control .swiper-pagination-fraction {display: inline-block; vertical-align: middle;width: auto;}
#layout_slider_1 .swiper_control .swiper-pagination-fraction > span {display: inline-block;vertical-align: middle;min-width: 20px;font-size: 14px;color:#fff; font-weight: 600;letter-spacing: 0.1em;text-align: center;line-height: 1;}

/* progress */
#layout_slider_1 .swiper_progress_hidden_space {display: inline-block;vertical-align: middle;width:125px; height: 3px;margin: 0 2px 0 13px;position: relative;}
#layout_slider_1 .swiper_progress_wrap {display: block;width:125px;height: 3px;position: absolute;left:25px;top: 50%; margin-top: -1px;background: #767779;overflow: hidden;}
#layout_slider_1 .swiper_progress {display: block;width: 0;height: 100%;background: #fff;}

/* state */
#layout_slider_1 .swiper_play_state {display: inline-block;vertical-align: middle;width: 26px;height: 26px;position: relative;top: 0px;left:15px; }
#layout_slider_1 .swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}

#layout_slider_1 .swiper_play_state .material-icons { color:#fff; font-size:20px; margin-top:4px;  } 

#layout_slider_1 .swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
#layout_slider_1 .swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}

#layout_slider_1 .swiper-pagination-bullet { display:inline-block;  width:15px; height:15px; border-radius:50%; background:#fff; margin-right:5px; opacity:1; transition:all 0.4s ease; } 
#layout_slider_1 .swiper-pagination-bullet-active {  background:#000; opacity:1; } 




/*----------------------------------------------------------------------
@ MAIN MENU
----------------------------------------------------------------------*/
#main_menu { position:relative; height:55rem; } 
.main_menu_bg { position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('/common/theme/layout/images/main/menu_bg1.jpg') no-repeat; background-size:cover; background-position:center; } 


.main_menu { position:absolute; left:50%; transform:translateX(-50%); top:0px; width:100%; height:100%; max-width:revert; margin:0 auto; z-index:2}
.main_menu a { color:#fff; z-index:10; } 

.main_menu .menu_cont { display:flex; align-items:center; justify-content:center; height:100%;  } 
.main_menu .menu_left { display:flex; align-items:center; justify-content:flex-start;  width:50%;  } 
.main_menu .menu_left img { width:100%; } 
.main_menu .menu_right { display:flex; align-items:center; justify-content:flex-start;  width:50%; height:100%; padding-left:5.625rem; } 

.main_menu ul {  }
.main_menu li {  padding-bottom:1rem; }
.main_menu li a { position:relative; font-family:'Ddangs Font'; font-size:5.625rem; font-weight:700; color:transparent; -webkit-text-stroke:2px var(--menu); transition:all 0.3s; letter-spacing:0;   } 
.main_menu li a:hover, .main_menu li.on a { color:var(--menu); -webkit-text-stroke:0px; } 


/*
@media screen and (max-width: 1024px){
	#main_menu { height:revert; } 
	.main_menu { position:relative ; left:revert; transform:revert; } 
	.main_menu .menu_cont { flex-direction:column; height:revert;  } 
	.main_menu .menu_left { width:100%; min-height:500px; margin-bottom:1.875rem; } 
	.main_menu .menu_left img { max-height:500px; } 
	.main_menu .menu_right { width:100%; height:revert; } 

	.main_menu li a { font-size:3rem; } 
}
@media screen and (max-width: 768px){
	.main_menu .menu_left img { max-width:80%; } 
}
*/
/*
@media screen and (max-width: 640px){
	#main_menu { display:none; } 
}
*/
@media screen and (max-width: 480px){

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

}




/*----------------------------------------------------------------------
@ MAIN BANNER1
----------------------------------------------------------------------*/
#main_banner1 { height:57.5rem; padding-top:0rem !important; padding-bottom:0rem !important; } 

/*
.banner1_slide .swiper-pagination { position:relative; bottom:-2.5rem; } 
*/
.banner1_thumb { }
.banner1_thumb img { } 

/*
.banner1_thumb { display:block;width:100%; height:100%; padding-top:35.93%;position: relative;overflow:hidden; transition:all 0.3s ease; } 
.banner1_thumb:after { content:''; position:absolute; left:0px; top:0px; width:100%;height:100%; background:rgba(0,0,0, 0.5); opacity:0;  transition:all 0.3s; z-index:1; } 
.banner1_thumb img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}
*/
/*
.banner1_thumb_mo { display:none;width:100%; height:0; padding-top:126.5625%;position: relative;overflow:hidden; transition:all 0.3s ease; } 
.banner1_thumb_mo:after { content:''; position:absolute; left:0px; top:0px; width:100%;height:100%; background:rgba(0,0,0, 0.5); opacity:0;  transition:all 0.3s; z-index:1; } 
.banner1_thumb_mo img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}
*/
#main_banner1 .swiper-slide a { position:relative; display:flex; width:100%; height:57.5rem; } 
.banner1_thumb { position:absolute; width:100%; height:100%; left:0px; top:0px; overflow:hidden; } 





.banner1_slide .swiper-pagination .swiper-pagination-bullet { width:0.938rem; height:0.938rem; background:#111; margin:0 7px; opacity:1; }
.banner1_slide .swiper-pagination .swiper-pagination-bullet-active { background:#fff;  }

/*
@media screen and (max-width: 640px){
	#main_banner1 { height:126.5625vmin; } 
	.banner1_thumb { display:none; } 
	.banner1_thumb_mo { display:block; } 
	.banner1_slide .swiper-pagination { bottom:30px; } 
}
*/






/*----------------------------------------------------------------------
@ MAIN BANNER2
----------------------------------------------------------------------*/
#main_banner2 { padding-top:5rem !important; padding-bottom:5rem !important; } 

.banner2_box { position:relative; min-height:16.875rem; border-radius:0.625rem; overflow:hidden; padding:2.813rem 1.25rem 2.813rem 2.813rem;  } 

.banner2_store { background:#ea0029; border-radius:4.375rem 0 4.375rem 4.375rem;  } 
.banner2_bg_store { position:absolute; width:calc(100% - 35px); height:100%; left:0px; top:0px; background-image:url('/common/theme/layout/images/main/banner2_icon1.png'); background-repeat:no-repeat; background-position:center right; z-index:0;} 

.banner2_app { background:#f24738; border-radius:0 4.375rem 4.375rem 4.375rem; padding:2.813rem 1.25rem 2.813rem 2.813rem;} 
.banner2_bg_app { position:absolute; width:calc(100% - 35px); height:100%; left:0px; top:0px; background-image:url('/common/theme/layout/images/main/banner2_icon2.png'); background-repeat:no-repeat; background-position:center right; } 


.banner2_box_wrap { position:relative; display:flex; justify-content:space-between; z-index:1;  } 
.banner2_left { }
.banner2_right { display:flex; align-items:flex-end; justify-content:flex-end; padding-left:0.938rem; } 
.banner2_title { font-size:2.25rem; color:#fff; font-weight:700;padding-bottom:0.938rem; } 
.banner2_subtitle { font-size:1.25rem; color:#fff; font-weight:300; } 
.banner2_search { position:relative; margin-top:2.188rem; } 
.banner2_search input { font-size:1.125rem; color:#111;  min-width:370px; border:0px; border-radius:1.875rem; padding:1.125rem 1.875rem; box-sizing:border-box;  } 
.banner2_search input::-webkit-input-placeholder { color: #999; font-size:1.125rem; font-weight:300; letter-spacing:-0.05em; } /* Chrome/Opera/Safari */

.banner2_search .search_icon { position:absolute; top:10px; right:35px; }
.banner2_search .material-icons { font-size:44px; color:#111; } 

.banner2_btn { margin-top:2.188rem; } 
.banner2_btn a { display:inline-flex; align-items:center; margin-right:10px; text-align:center; } 
.banner2_btn a:last-of-type { margin-right:0; } 


@media screen and (max-width: 1024px){
/*
	.banner2_bg_store {  } 

	.main_banner2 .row-md2 .thk-col { flex: 0 0 auto; width: calc((100% / 1 ) - 1.875rem); margin-bottom:1.25rem; } 

	.banner2_title { font-size:1.875rem; } 
	.banner2_subtitle { font-size:1.125rem;  } 
*/

}

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

}
/*
@media screen and (max-width: 640px){
	#main_banner2 { display:none; } 
	.banner2_store { border-radius:5rem 0 5rem 5rem;  } 
	.banner2_bg_store { width:calc(100% - 20px); background-size:33%; background-position-y:58px; } 

	.banner2_title { font-size:2.125rem; font-weight:600; } 
	.banner2_subtitle { font-size:1.375rem; font-size:400; word-break:keep-all; } 
	.banner2_left { width:62%; } 
	
	.banner2_search { margin-top:1rem; } 
	.banner2_search .search_icon { top:5px; right:20px; } 
	.banner2_search input { min-width:revert; width:100%; padding:1.125rem 1.25rem;  } 
	.banner2_search input::-webkit-input-placeholder { font-size:1.375rem;  } 

	.banner2_bg_app { background-size:22%; } 
	.banner2_btn a { margin-right:8px; } 
	.banner2_btn a:last-of-type { margin-right:0; } 
	.banner2_btn a img { width:154px; } 
}
*/

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

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

}


/*----------------------------------------------------------------------
@ MAIN BANNER3 : 모바일에서 슬라이드 바로 밑에 보여주기 위한 
----------------------------------------------------------------------*/
#main_banner3 { display:none; padding-top:3.125rem !important; padding-bottom:0rem !important; } 
/*
@media screen and (max-width: 640px){
	#main_banner3 { display:block; } 
}
*/



/*----------------------------------------------------------------------
@ MAIN BEST MENU : 모바일에서 BEST메뉴 
----------------------------------------------------------------------*/
#main_bestmenu { display:none; } 


/*----------------------------------------------------------------------
@ MAIN NEWS & EVENT
----------------------------------------------------------------------*/
#main_news { position:relative; background:url('/common/theme/layout/images/main/news_bg.png') no-repeat; background-size:cover; padding-top:5.625rem !important; padding-bottom:5.625rem !important; } 
.main_news { position:relative; /*width:calc(100% - 534px);*/ /*left:50%; transform:translateX(-720px);*/ display:flex; margin-bottom:2.5rem;} 
.main_news:last-of-type { margin-bottom:0rem; }
.main_news .maxWidth1440 { position:relative; display:flex; max-width:1440px; width:100%;  padding-top:4.688rem; padding-bottom:4.688rem;  } 
.news_inner_wrap { display:flex; width:calc(50% + 45rem);  margin-left:auto; } 
.news_inner { display:flex; width:100%; max-width:1440px; padding-top:4.688rem; padding-bottom:4.688rem; } 


.main_news .main_news_bg { position:absolute; width:100%; height:100%; /*right:0;*/ /*left:50%; transform:translateX(-720px);*/ background:#ffcfcb; z-index:0;  } 
.main_event .main_news_bg { position:absolute; width:100%; height:100%; /*left:50%; transform:translateX(-720px);*/ background:#c5ddef; z-index:0;  } 

.main_news .news_left { width:calc(50% - 0.938rem);  padding-left:8.438rem; z-index:1; } 
.main_news .news_right { width:calc(50% + 0.938rem); z-index:2; } 

.news_rows { border-bottom:1px solid #000;  } 
.news_title { font-size:2.813rem; color:#000; font-weight:700; } 
.news_subtitle { font-size:1.25rem; color:#000; font-weight:400; margin-top:0.625rem; } 
.news_more { margin-top:2.5rem; } 
.news_more a { display:inline-flex; align-items:center; justify-content:space-between; min-width:13.75rem; font-size:1.063rem; color:#000; font-weight:400; border:1px solid #000; border-radius:1.719rem; padding:0.938rem 1.875rem; transition:all 0.3s; } 
.news_more a:hover { background:#fff;  } 
.news_more .news_arrow { display:flex; }

/*.news_rows:last-of-type { border-bottom:0; } */

.news_list_row { border-bottom:1px solid #000; }

.news_list_row a { position:relative; display:flex; align-items:center;  font-size:1.563rem; color:#111; font-weight:600; padding:1.563rem 0; overflow:hidden; z-index:2; transition:all 0.3s;  } 
.news_list_row a:after { content:''; position:absolute; left:-5px; bottom:-100%; width:calc(100% + 10px); height:100%; background:rgba(255,255,255,0.2);  z-index:0; transition:all 0.3s; } 

.news_list_row a .date { font-size:1.25rem;  font-weight:500; margin-bottom:0.938rem; } 
.news_list_row a .text { display:flex; flex-direction:column; position:relative; z-index:2; } 
.news_list_row a .plus { position:absolute; right:0rem; top:50%;  z-index:2;} 
.news_list_row a .plus img { width:20px; transition:all 0.3s;  } 

.news_list_row a:hover { color:#fff; } 


.news_list_row a:hover .plus img { transform:rotate(180deg); } 
/*
.news_list_row a:hover:after { bottom:0px; } 
*/



@media screen and (max-width: 1440px){
	/*
	.main_news { width:100%; margin:0 0px;  } 
	*/
} 

@media screen and (max-width: 1024px){
	/*
	.main_news { flex-direction:column; } 

	.main_news .news_left { width:100%; max-width:revert; } 
	.main_news .news_right { width:calc(100% ); border-left:0px solid #abaaaa;  } 

	.news_title { font-size:1.875rem; padding-left:0rem; } 
	.news_list_row { padding-left:0rem;} 
	.news_list_row a { position:relative; display:flex; align-items:center;  max-width:100%; } 
	*/

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

}
/*
@media screen and (max-width: 640px){
	.main_news { margin-bottom:2.5rem; } 
	.news_inner_wrap { display:flex; width:100%; padding-left:9.375rem; } 
	.news_inner { flex-direction:column; padding-top:3.125rem; padding-bottom:3.125rem; } 

	.main_news .news_left { width:calc(100%); padding-left:3.125rem;  } 
	.main_news .news_right { width:calc(100%); padding-left:3.125rem;  } 

	.news_subtitle { display:none; } 
	.news_more { display:none; } 
	.news_title { font-size:2.625rem; margin-bottom:1.875rem; } 

	.news_list_row a { font-size:1.25rem; } 
	.news_list_row a .date { font-size:1.073rem;  font-weight:400; margin-bottom:0.625rem; } 
	.news_list_row a .plus { right:1.25rem; } 
}
*/

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

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

}






/*----------------------------------------------------------------------
@ MAIN SNS
----------------------------------------------------------------------*/
#main_sns { position:relative; background:#fff; padding-top:6.25rem !important; padding-bottom:0rem !important; } 
#main_sns .main_title { display:flex;  text-align:left; z-index:2; } 
#main_sns .main_subtitle { text-align:left; margin-top:0.625rem; line-height:1.4; } 
#main_sns .main_title .logo { margin-left:10px; } 
#main_sns .main_title .logo img { vertical-align:baseline; height:34px; } 


.main_sns_insta { display:flex; flex-direction:column; align-items:center; justify-content:center; margin-top:0rem ; } 


.insta_board_wrap { position:relative; width:100%; z-index:5; margin-top:3.125rem; }  
.insta_board_list { overflow:hidden; } 
.insta_board_list .thk-col { padding-bottom:1.625rem; } 

.insta_board_cont a { position:relative; display:block; overflow:hidden;  } 

.insta_board_wrap .swiper-pagination { position:relative; bottom:-2.5rem; } 
.insta_board_wrap .swiper-pagination .swiper-pagination-bullet { width:0.938rem; height:0.938rem; background:#111; margin:0 7px; opacity:1; }
.insta_board_wrap .swiper-pagination .swiper-pagination-bullet-active { background:var(--menu);  }
.insta_board_list_swiper { position:relative; width:100%; height:85px   }


.insta_board_thumb { display:block;width:100%; height:0; padding-top:100%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.insta_board_thumb:after { content:''; position:absolute; left:0px; top:0px; width:100%;height:100%; background:rgba(0,0,0, 0.5); opacity:0;  transition:all 0.3s; z-index:1; } 
.insta_board_thumb img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.insta_board_icon { position:absolute; bottom:0rem; left:50%; transform:translateX(-50%); width:3.25rem; height:3.25rem; display:flex; align-items:center; justify-content:center; background:#595959; border-radius:50%;z-index:5;  } 



.insta_cont_wrap { display:flex; align-items:center; justify-content:center;flex-direction:column; position:absolute; width:100%; height:100%; left:0px; bottom:-100%; font-size:1rem; color:#fff; text-align:center; background:rgba(0,0,0,0.7); transition:all 0.3s ease; } 
.insta_cont_wrap .instra_cont_title { display:none; font-size:0.938rem; } 
.insta_cont_wrap .instra_cont_subject { display:; font-size:1.125rem; padding:1.25rem 1.875rem; line-height:1.6; word-break:keep-all; } 

/* hover */ 
.insta_board_cont a:hover .insta_cont_wrap { bottom:0px; } 


/*----------------------------------------------------------------------
@ 이전/다음 슬라이드 
----------------------------------------------------------------------*/
.slider_num { position:absolute; right:115px; top:-4.375rem;  } 
.slider_num .swiper_navigation_wrap { position:absolute; width:100%; top:1px; z-index:11; }


.slider_num .swiper_navigation {  position:relative; right:0px; display:flex; justify-content:flex-end; align-items:center; margin:0 auto; width: 120px; max-width:revert;  z-index:11; } 
.slider_num .swiper_navigation > button { top:2px;  width:16px; height:16px; padding:0;background: none;border: none;line-height: 1;cursor: pointer;z-index: 2;opacity:1;transition:all 0.3s; overflow:visible;}
.slider_num .swiper_navigation > button  span { color:#333; line-height: 1;opacity:1;display: block;position: absolute;top: 0; letter-spacing:0.05em; transition:all 0.3s;}


.slider_num .swiper_navigation .swiper_totalpage { position:relative; top:1px; display: inline-block; font-size:14px; color:#999; margin-right:5px; } 
.slider_num .swiper_navigation .swiper_totalpage .now { font-size:1.125rem; color:#000; font-weight:500;  margin-right:5px; } 
.slider_num .swiper_navigation .swiper_totalpage .swiper-pagination-total { font-size:1.125rem; margin-left:5px; } 
.slider_num .swiper_navigation .swiper-button-prev { position:relative; display: inline-block; margin-right:10px;}
.slider_num .swiper_navigation .swiper-button-next { position:relative; display: inline-block;  margin-left:7px;} 


.slider_num .swiper-pagination-fraction { bottom:revert; left:revert; width:revert; } 
.slider_num .swiper-pagination .swiper-pagination-bullet { display:none; } 

.slider_num .swiper-button-prev, .slider_num .swiper-button-next { top:0; margin-top:0px; } 
.slider_num .swiper_navigation .swiper-button-prev { left:0px; } 
.slider_num .swiper_navigation .swiper-button-next { right:0px; } 
.slider_num .swiper-button-prev:after, 
.slider_num .swiper-button-next:after { font-size:0.938rem; color:#000; font-weight:500; opacity:0.5; }
.slider_num .swiper-button-prev:hover:after, 
.slider_num .swiper-button-next:hover:after { opacity:1; } 



.main_sns_you { display:flex; position:relative;  border-radius:3.125rem; background:#fff; padding:5rem 3.125rem; box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.1); margin-top:9.375rem; z-index:5;  } 
.main_sns_you .main_title { margin-top:0rem; } 

.main_sns_you .sns_you_left { width:70%; }
.main_sns_you .sns_you_right { width:30%; padding-left:6.25rem; }

.youtube_board_wrap { position:relative; width:100%; z-index:5;  }  
.youtube_board_list { overflow:hidden; } 
.youtube_board_list .thk-col { border-radius:1.25rem; overflow:hidden; } 

/*
.youtube_board_wrap .swiper-pagination { position:relative; bottom:-2.5rem; } 
.youtube_board_wrap .swiper-pagination .swiper-pagination-bullet { width:0.938rem; height:0.938rem; background:#111; margin:0 7px; opacity:1; }
.youtube_board_wrap .swiper-pagination .swiper-pagination-bullet-active { background:var(--menu);  }
.youtube_board_list_swiper { position:relative; width:100%; height:85px   }
*/

.youtube_board_thumb { display:block;width:100%; height:0; padding-top:72.28%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.youtube_board_thumb:after { content:''; position:absolute; left:0px; top:0px; width:100%;height:100%; background:rgba(0,0,0, 0.5); opacity:0;  transition:all 0.3s; z-index:1; } 
.youtube_board_thumb img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}


.youtube_cont_wrap { display:flex; align-items:center; justify-content:center;flex-direction:column; position:absolute; width:100%; height:100%; left:0px; bottom:0px; font-size:1rem; color:#fff; text-align:center; transition:all 0.3s ease; } 
.youtube_cont_wrap img { width:50px; } 


.main_sns_you .slider_num { position:relative; right:revert; top:revert; margin-top:4.375rem; } 
.main_sns_you .slider_num .swiper_navigation_wrap { width:revert; } 
.main_sns_you .slider_num .swiper_navigation { width:revert; } 

/* hover */ 
.youtube_board_cont a:hover .youtube_board_thumb:after { opacity:1; } 

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

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

}
/*
@media screen and (max-width: 640px){
	#main_sns  { padding-top:4.25rem !important; }
	#main_sns:after { content:''; position:absolute; top:0; left:0; width:100%; height:250px; background:#fde3c5; z-index:0;  } 
	#main_sns .main_title { display:revert; font-size:2.625rem; text-align:center; } 
	#main_sns .main_title .logo { margin-left:0px; } 
	#main_sns .main_title .logo img { height:25px; } 

	.insta_board_list .thk-col { padding-bottom:1.25rem; } 

	.insta_board_wrap { width:110%; margin-left:auto; }  

	.slider_num { right:revert; top:revert; bottom:-3.375rem; left:calc(50% - 80px); } 
	.slider_num .swiper_navigation { justify-content:center; } 
	.slider_num .swiper_navigation .swiper_totalpage { font-size:1.125rem; } 
	.slider_num .swiper_navigation .swiper_totalpage .now { font-size:1.375rem;  margin-right:8px; } 
	.slider_num .swiper_navigation .swiper_totalpage .swiper-pagination-total { font-size:1.375rem; margin-left:8px; } 
	.slider_num .swiper-button-prev:after, 
	.slider_num .swiper-button-next:after { font-size:1.073rem; } 

	.insta_board_icon { width:2.25rem; height:2.25rem;  } 
	.insta_board_icon img { width:16px; } 


	.main_sns_you { display:flex; flex-direction:column-reverse; position:relative;  border-radius:3.125rem; background:#fff; padding:3.125rem 2.5rem; margin-top:9.375rem; width:130%; margin-left:1%; } 
	.main_sns_you .main_title { font-size:2.25rem !important; margin-top:0rem;text-align:left !important;  } 
	.main_sns_you .main_title .logo { margin-left:5px; margin-top:2px;} 
	.main_sns_you .main_title .logo img { height:22px !important; } 
	.main_sns_you .main_subtitle { font-size:1.375rem; margin-top:0 !important; }
	.main_sns_you .main_subtitle br { display:none; } 

	.main_sns_you .sns_you_left { width:100%; }
	.main_sns_you .sns_you_right { width:100%; padding-left:0rem; }
	.main_sns_you .slider_num { display:none; } 
	.youtube_board_wrap { margin-top:1.875rem; } 
}
*/

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

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

}





/*----------------------------------------------------------------------
@ MAIN STORY 
----------------------------------------------------------------------*/
#main_story { position:relative; background:url('/common/theme/layout/images/main/story_bg.png') no-repeat; background-size:cover; padding-top:15rem !important; padding-bottom:6.25rem !important; margin-top:-12.5rem; } 
#main_story .main_title { text-align:left; line-height:1.1; } 
#main_story .main_subtitle { margin-top:1.563rem; line-height:1.4; } 

.main_story { display:flex; position:relative; border-radius:3.125rem; background:#fff; padding:5rem 3.125rem; box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.1); } 
.main_story .story_left { width:30%;}
.main_story .story_right { width:70%; }

.story_right .thk-row { margin-right:-0.625rem; } 
.story_right .row-md3 .thk-col { width: calc((100% / 3 ) - 0.625rem); margin-right:0.625rem; border-radius:1.25rem; overflow:hidden; } 
.story_right .row-md3 .thk-col:last-of-type { margin-right:0.625rem !important; } 

.story_cont a { position:relative; display:block; overflow:hidden; } 
.story_title { position:absolute; left:2.188rem; top:2.188rem; width:100%; height:60px; display:flex; font-size:1.563rem; color:#000; font-weight:700; z-index:5; } 
.story_title .arrows { margin-left:1.25rem; margin-top:12px; } 

.story_thumb { display:block;width:100%; height:0; padding-top:114.51%; position: relative;overflow:hidden; transition:all 0.3s ease; } 
.story_thumb:after { content:''; position:absolute; left:0px; top:0px; width:100%;height:100%; background:rgba(0,0,0, 0.5); opacity:0;  transition:all 0.3s; z-index:0; } 
.story_thumb img {display: block; width:100%; position: absolute;top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.story_cont_wrap { display:flex; align-items:center; justify-content:center;flex-direction:column; position:absolute; width:100%; height:100%; left:0px; bottom:-100%; font-size:1rem; color:#fff; text-align:center; background:var(--menu); transition:all 0.3s ease; } 
.story_cont_wrap .story_title { bottom:revert; background:revert;  } 
.story_cont_wrap .story_cont_subject { font-size:0.875rem; margin-top:2.5rem; line-height:1.6; } 

.story_right .thk-col:nth-of-type(2) .story_title { color:#fff; } 


/* hover */ 
.story_cont a:hover .story_thumb:after { opacity:1; }
.story_cont a:hover .story_cont_wrap { bottom:0px  } 

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

}
@media screen and (max-width: 768px){
}
/*
@media screen and (max-width: 640px){
	#main_story .main_title { text-align:right; }
	#main_story .main_subtitle { font-size:1.375rem; margin-top:5px !important; text-align:right; }
	#main_story .main_title br, 
	#main_story .main_subtitle br { display:none; } 

	.main_story { position:relative; width:110%; left:-11%; flex-direction:column; padding:3.125rem 2.5rem; } 
	.main_story .story_left { width:100%;}
	.main_story .story_right { width:100%; margin-top:1.875rem; padding-left:2.5rem; }
	.story_right .row-md3 .thk-col:last-of-type { margin-right:-0.625rem !important; } 
	.story_title { left:1.25rem; top:1.25rem;  font-size:1.375rem; } 
}
*/
@media screen and (max-width: 480px){

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

}