@charset "UTF-8";
/*--------------------------------------------------------------------------------
@ HEADER
--------------------------------------------------------------------------------*/
#header {position:fixed;top:0;left:0;width:100%;height:100px;background-color:transparent; z-index:19;-webkit-transition-duration:0.5s;-m-transition-duration: 0.5s;-o-transition-duration:0.5s;-ms-transition-duration:0.5s;transition-duration:0.5s;box-sizing:border-box;}
#header:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#041a10;opacity:0;-webkit-transition-duration:1s;-m-transition-duration: 1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s;}
#header header {position:relative;max-width:1720px;margin:0 auto;height:100%;z-index:2;display:flex;align-items:center;justify-content:;}
#header h1 {}
#header h1 a {display:flex; line-height:1; margin-right:3.125rem; }
#header h1 img {vertical-align:revert;}
#header .header-inner { display:flex; width:-webkit-fill-available; align-items:center; justify-content:space-between; } 

#header .mlogo { display:none; } 

@media screen and (max-width: 1750px){
	#header header {margin:0 15px;}
}
@media screen and (max-width: 1260px){
	#header header {margin:0 15px;}
	#header h1 a { margin-right:0.3125rem; } 
}
@media screen and (max-width: 1024px){
	#header {top:0 !important;height:60px;}
	#header h1 { min-width:11rem; padding:15px 0;}
	#header h1 img { height:26px; } 
	#header.nav-up:before {opacity:0.99;}
	
	#header .header-inner { justify-content:flex-end; padding-right:3.75rem; } 

	#header .mlogo { display:flex;  align-items:center; padding:10px 15px; height:60px; } 
	#header .mlogo a { display:flex;}
	#header .mlogo img { height:26px; }
}
@media screen and (max-width: 640px){
	#header .header-inner { padding-right:3rem; } 
}




/*
대메뉴 서브메뉴 레이아웃
*/
.lnb-menu > li { } 
.lnb-menu > li > a {display:block;font-weight:400;font-size:1rem;color:#fff;letter-spacing:0rem;overflow:hidden;transition:all .5s ease; }
.lnb-menu > li > a:after { display:none; content:'';position:absolute;left:50%;right:50%;bottom:0;height:3px;background-color:var(--menu);z-index:-1;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.lnb-menu > li.on > a { }
.lnb-menu > li.on > a:after,
.lnb-menu > li > a:hover:after {left:0;right:0;}
.lnb-menu > li.active > a:after {left:0;right:0;}	/* submenu on 했을때 유지하기 위해 */

.lnb-menu > li > a span { position:relative; } 
.lnb-menu > li > a span:after { content:''; position:absolute; left:0; bottom:-3px; width:0; height:1px; background:currentColor; opacity:0; transition:all 0.4s; } 
.lnb-menu > li.on > a span:after { width:100%; opacity:1; } 


@media screen and (min-width: 1025px){
	.lnb-menu {font-size:0;}
	.lnb-menu > li {position:relative;display:inline-block;}
	.lnb-menu > li > a {position:relative;display:flex;justify-content:center;align-items:flex-start;height:100px;padding:0 1.875rem; padding-top:2rem; }
}
@media screen and (max-width: 1440px) and (min-width: 1261px){
	.lnb-menu > li > a { font-size:0.9375rem; padding:0 1.5625rem; padding-top:2rem; }
}
@media screen and (max-width: 1260px) and (min-width: 1101px){
	.lnb-menu > li > a { font-size:0.875rem; padding:0 1.5625rem; padding-top:2rem; }
}
@media screen and (max-width: 1100px) and (min-width: 1025px){
	.lnb-menu > li > a { font-size:0.875rem; padding:0 1rem; padding-top:2rem; }
}
@media screen and (max-width: 1024px) { 
}

/* header sub */
.lnb_sub_menu {display:none;position:absolute;top:89px;left:0;width:100%;padding:10px;box-sizing:border-box; }
.lnb_sub_menu ol {max-width:1170px;margin:0 auto;text-align:left;box-sizing:border-box;}
.lnb_sub_menu ol {position:relative;}
.lnb_sub_menu li {display:block;margin:8px 0;}
.lnb_sub_menu li a {position:relative;display:inline-block;padding:2px 0; font-weight:300;font-size:15px;color:#fff;letter-spacing:-0.5px; }

/* submenu bar type 
.lnb_sub_menu li {display:inline-block;margin-right:38px;}
.lnb_sub_menu li a {display:block;padding:18px 0;font-size:14px;color:#fff;letter-spacing:-0.5px;text-transform:uppercase;}
*/

.lnb_sub_menu li a:after { position:absolute; content:''; bottom:-2px; ;left:50%; transform:translateX(-50%); width:0; height:1px; background:#fff; transition:all 0.4s ease; } 
.lnb_sub_menu li:hover a:after { width:100%; } 

.header__menu-list li:hover a {color:#fff;}
.header__menu-list li.on a {color:#fff;}
.lnb_sub_menu li.on a:before {opacity:1;left:-6px;}
.lnb_sub_menu li.on a:after { width:100%;  }

#header.type2 .lnb_sub_menu ol { text-align:center; }
#header.type2 .lnb_sub_menu li a { font-weight:300; font-size:0.875rem; color:#fff; opacity:0.7; transition:all 0.4s ease; }
/*#header.type2 .lnb_sub_menu li a:after { background:var(--menu); } */
#header.type2 .lnb_sub_menu li:hover a:after { width:100%; } 

@media screen and (min-width: 1025px){
	.lnb_sub_menu { top:60px; left: 1.875rem; transform:revert; width:max-content; min-width:100%; z-index:999; padding:0; }

	#header:after { content:'';position:absolute;top:0px;left:0;width:100%;height:0px;background-color:#041a10; opacity:0;z-index:1; transition:all 0.4s ease;  } 
	#header.fixed:after { opacity:1;z-index:1;  } 
	
	/*#header.on:after, */
	#header.ov:after { height:150px; opacity:1; } 
	#header.ov:before { /* opacity:1 !important; */ } 

	#header.ov .lnb-menu > li.ov > a span:after { width:100%; opacity:1; } 
	

	.lnb_sub_menu ol { padding:0rem; } 
	.lnb_sub_menu li { padding:0rem; } 
	.lnb_sub_menu li a { position:relative; font-size:0.9375rem; color:#fff; font-weight:300; padding:0; transition:all 0.4s ease; } 

	.lnb_sub_menu li a:hover { font-weight:600; } 
	.lnb_sub_menu li a:after { display:none; content:'';  position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); width:0; height:1px; background:#fff; transition:all 0.4s ease; } 
	.lnb_sub_menu li a:hover::after, 
	.lnb_sub_menu li.on a:after { width:100%; }
	.lnb_sub_menu li.on a { font-weight:600; } 

}

/* header fixed */
#header.fixed {position:fixed; }
#header.fixed:before {opacity:1;}


/*Header 반응형*/
/* 좌측에서 나오는 형태 : 스크립트연동필요 */
@media screen and (max-width: 1024px){
	.header__dim {content:'';position:fixed;top:0;left:-15px;width:calc(100% + 15px);height:100%;background-color:#000;opacity:0.8;z-index:1; }
	#header__lnb {overflow-x:hidden;overflow-y:auto;position:fixed;top:0px;left:-22.5rem; width:22.5rem !important;height:100%;padding-top:0px;background-color:var(--bg); z-index:99;transition:all 0.3s ease; }
	#header__lnb.active {left:0;}
	.header__nav {display:table;width:100%;height:100%;text-align:center}
	#header__lnb .lnb-menu { position:relative;}
	#header__lnb .lnb-menu > li  {float:none;margin:0;text-align:left; border-bottom:1px solid rgba(255,255,255,0.2) }
	#header__lnb .lnb-menu > li:first-of-type { border-top:1px solid rgba(255,255,255,0.2);  } 
	#header__lnb .lnb-menu > li > a {width:100%; padding:15px !important;font-size:1rem;color:#fff !important; }
	#header__lnb .lnb-menu > li:hover > a , 
	#header__lnb .lnb-menu > li.on > a {background-color:var(--menu) !important;color:var(--over) !important;}
	#header__lnb .lnb-menu > li > a:before {content:none;}

	.lnb_sub_menu  {position:static;justify-content:flex-start; height:auto;padding:10px; box-sizing:border-box;background:rgba(255,255,255,0.1); }
	.lnb_sub_menu ol { flex-direction:column;align-items:flex-start; margin:revert; border:0px; background:transparent;  } 
	.lnb_sub_menu li {display:block;margin:0 0;text-align:left;}
	.lnb_sub_menu li > a {font-size:1rem; color:#fff; padding:8px 5px; transition:all 0.4s ease;}
	.lnb_sub_menu li > a:hover { color:var(--over); } 
	.lnb_sub_menu li.on > a { color:var(--over); font-weight:600; } 
	.lnb_sub_menu li a:after { display:none; } 

	.lnb_sub_menu .material-symbols-outlined { display:none; } 

	.lnb_tab_list_wrap { }
	.lnb_tab_list { display:flex; flex-direction:column; gap:0.313rem; padding:10px; border-bottom:1px solid #dbdbdb; } 
	.lnb_tab_list a { position:relative; font-size:0.938rem; color:#666; font-weight:400; padding-left:3px; transition:all 0.4s ease; } 
	.lnb_tab_list a::before { content:'-'; margin-right:5px; } 
	.lnb_tab_list a:hover { color:var(--menu); } 

	#header__lnb .lnb-menu > li.on .lnb_sub_menu { display:block; } 
}



/*모바일 버튼*/
#header__mobile {display:none;position:absolute;top:20px;right:0px;background-color:transparent;box-sizing:border-box;z-index:999999}
#header__mobile span {display:block;width:30px;height:2px;margin:0 auto;background-color:#fff;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#header__mobile .mid2 {margin:8px 0;}
#header__mobile.active{-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#header__mobile.active span {background-color:#fff !important;}
#header__mobile.active span.mid2{width: 0px;}
#header__mobile.active span.mid1,
#header__mobile.active span.mid3 {-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;}
#header__mobile.active span.mid1{-webkit-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);}
#header__mobile.active span.mid3 {-webkit-transform: translateY(-10px) rotate(90deg);-ms-transform: translateY(-10px) rotate(90deg);-o-transform: translateY(-10px) rotate(90deg);transform: translateY(-10px) rotate(90deg);}
#header.fixed #header__mobile span {background-color:#fff;}
#header.fixed_store #header__mobile span {background-color:#333;}
#header.nav-up #header__mobile span {background-color:#333;}
#header.nav-down #header__mobile span {background-color:#333;}
#header.nav-down.nav-top #header__mobile span {background-color:#333;}
@media screen and (max-width: 1024px){
	#header #header__mobile {display:block;}
}



.lnb-right { display:flex; align-items:center; gap:0 0.625rem; } 
.lnb-right > a { position:relative; display:flex; align-items:center; gap:0 0.3125rem; height:2.1875rem; font-size:1rem; color:#fff; font-weight:300; clip-path: polygon(0 0, 100% 0%, 100% 100%, 1.875rem 100%); padding:0.5rem 0.75rem 0.5rem 2.1875rem;  transition:all 0.4s; } 
.lnb-right > a::after { content: ""; position:absolute; left:0px; width:1.937rem; height:100%; background:url('/images/common/line_oblique.png') no-repeat; transition:all 0.4s; } 
.lnb-right > a::before { content: ""; position: absolute; inset: 0; border: 1px solid #fff; clip-path: inherit; pointer-events: none; transition:all 0.4s; } 
.lnb-right > a .material-symbols-outlined { font-size:1.25rem; } 
.lnb-right > a:hover { background:var(--menu); } 
.lnb-right > a:hover::before { opacity:0; } 
.lnb-right > a:hover::after { opacity:0; } 
.lnb-right.mo { display:none; } 

.lnb-right > a:hover { color:#0a3c27; background:#fff; } 


.lnb-language { display:flex; align-items:center; position:relative; color:#fff; margin-left:1.5625rem; }
.lnb-language > a { position:relative; display:flex; align-items:center; justify-content:center; ; font-size:1rem; color:rgba(255,255,255,0.5); font-weight:600; letter-spacing:0em; transition:all 0.4s ease; overflow:hidden; }  
.lnb-language > a:hover, 
.lnb-language > a.on { color:#fff; } 
.lnb-language > a:after { content:'';clear:both; display:inline-block; width:1px;height:0.875rem;margin:0px 0.625rem 0px 0.625rem; background-color:rgba(255,255,255,0.5); vertical-align:middle; transition:all 0.4s ease; }
.lnb-language > a:last-child:after { display:none; } 
.lnb-language > a .text { display:flex; align-items:center; gap:0.4375rem; } 


@media screen and (max-width: 1440px) and (min-width: 1261px){
	.lnb-right > a { font-size:0.9375rem; } 
}
@media screen and (max-width: 1260px) and (min-width: 1025px){
	.lnb-right > a { font-size:0.875rem; } 
	.lnb-right > a .material-symbols-outlined { display:none; } 
	.lnb-language { margin-left:0.625rem; } 
}
@media screen and (max-width:768px) { 
	.lnb-right > a { display:none; } 

	.lnb-right.mo { display:flex; flex-direction:column; row-gap:0.625rem; padding:1.25rem; margin-top:2.5rem; } 
	.lnb-right.mo > a { display:flex; width:100%; height:revert; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); padding:0.75rem 1.25rem;  } 
	.lnb-right.mo > a::after { display:none; } 
}
@media screen and (max-width: 480px){
	.lnb-right .lnb-language { /*display:none;*/ } 
} 





.lnb-popup { display:none; position:absolute; top:100px; right:0; width:100%; max-width:470px; background:#072215; padding:3.125rem 1.875rem; z-index:11; opacity:0; }
.lnb-popup.active { display:block; } 
.lnb-popup .inner { position:relative; display:flex; flex-direction:column; row-gap:1.25rem; } 
.lnb-popup .inner p { font-size:1.25rem; color:#fff; font-weight:300; text-align:center; line-height:1.5; } 
.lnb-popup .inner .close { position:absolute; right:0; top:-1.875rem; color:#fff; z-index:12; cursor:pointer; } 
.lnb-popup .inner .close span { transition:all 0.4s; } 
.lnb-popup .inner .close:hover span { transform:rotate(180deg); } 

.lnb-popup .inner .form { align-items:revert; } 
.lnb-popup .inner .form_row:last-child { margin-bottom:0; } 

.lnb-popup .form input[type=text], 
.lnb-popup .form input[type=email], 
.lnb-popup .form input[type=phone], 
.lnb-popup .form input[type=password] { font-size:1.125rem; color:#000; height:3.125rem; line-height:3.125rem; padding:0.45rem 1.5625rem; border-radius:0; border:2px solid transparent; background:#fff; } 
.lnb-popup .form input::-webkit-input-placeholder { color: #000; font-size:1rem; font-weight:200; } 

.lnb-popup .form input[type=text]:focus, 
.lnb-popup .form input[type=email]:focus, 
.lnb-popup .form input[type=phone]:focus  { border:2px solid #18a181; } 

.lnb-popup a , 
.lnb-popup input[type=button] { font-size:1.25rem; color:#fff; font-weight:600; text-align:center; border:0; clip-path: polygon(0 0, 100% 0%, 100% 100%, 1.875rem 100%);  background-image: linear-gradient( 90deg, #18a181 0%, #479546 100%); padding:0.75rem 2rem; cursor:pointer; }




/*----------------------------------------------------------------------
@ 동영상 팝업
----------------------------------------------------------------------*/
.main_movie {display:none; position:fixed;top:0;left:0;width:100%;height:calc(var(--vh, 1vh) * 100) ;z-index:1100;  }
.main_movie:before {content:'';position:fixed;top:0;top:-100vh;width:100%;height:100%; background-color:#092f1e;opacity:1; z-index:-1; transition:all 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s; }
.main_movie.active { display:flex; align-items:center; justify-content:center; } 
.main_movie.active:before { left:0px; top:0px; } 
.main_movie .video_close { position:absolute; right:2.5rem; top:2.5rem; border-radius:50%; padding:0.625rem; background:#092f1e; cursor:pointer; z-index:1;  } 
.main_movie .video_close .material-symbols-outlined { font-size:1.875rem; color:#fff; transition:all 0.4s ; } 
.main_movie .video_close:hover .material-symbols-outlined { transform:rotate(180deg); } 

/*
.main_movie { display:block; } 
.main_movie:before { left:0px; } 
.main_movie:after { left:0px; } 
*/
.main_movie .inner { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:calc(var(--vh, 1vh) * 100); } 
.main_movie .video { display:block;position:relative;width:100%; aspect-ratio:1920 / 1080; max-width:1260px; margin:0 auto; /*padding-top:56.25% !important; */} 
.main_movie .video video { position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translateX(-50%) translateY(-50%); margin-top:0rem;} 
/*.main_movie .video video { position:absolute;left:0;max-width:100%; width:100%;height:100%; top:0; margin-top:0rem; } */

@media screen and (max-width: 1290px){
	.main_movie .video_close { right:1.25rem; top:1.25rem; } 
	.main_movie .video { max-width:calc(100% - 5rem); } 
} 
@media screen and (max-width: 640px){
	.main_movie .video { max-width:calc(100% - 2.5rem); } 
} 




/*--------------------------------------------------------------------------------
@ FOOTER
--------------------------------------------------------------------------------*/
#footer {background:#081514;}
#footer footer {position:relative;}
#footer .clear {clear:both}
#footer legend {display:none;}
#footer #layer-file-footer {display:none;position:absolute;padding:20px;border:1px solid #333;background:#fff;z-index:30;top:-250px !important;left:160px !important;}
#footer .btnTop { display:none; position:absolute;right:20px; top:revert; bottom:calc(100% - 1.875rem); width:3.75rem;height:3.75rem; border:1px solid #111; background:#111; border-radius:3.75rem; cursor:pointer;z-index:99; overflow:hidden; transition:height 0.4s; }
#footer .btnTop.fixed { position:fixed; top:revert; bottom:20px; } 
#footer .btnTop.active { display:flex } 
#footer .btnTop_wrap { display:flex !important; align-items:center; justify-content:center; height:100%; } 
#footer .btnTop .material-icons { min-height:36px; font-size:36px; color:#fff; z-index:2; text-align:center; transition:all 0.5s cubic-bezier(.165,.84,.44,1); } 
#footer .btnTop .material-icons:after { content:''; display:block; width:3px; height:0px; margin-top:-20px; margin-left:17px; border-radius:2px; background:#fff; transition: height 0.5s cubic-bezier(.165,.84,.44,1); } 
#footer .btnTop .material-icons.active { color:#fff; } 
#footer .btnTop span.back { position:absolute; left:0px; bottom:-100%; width:100%; height:100%; background:var(--menu);z-index:1;} 
#footer .btnTop:hover { height:calc(3.125rem * 2); } 
#footer .btnTop:hover .material-icons { margin-top:-10px; } 
#footer .btnTop:hover .material-icons:after { height:3.125rem; } 

@media screen and (max-width: 640px) {
	#footer .btnTop { right:15px; } 
} 




.footer { display:flex; flex-direction:column; max-width:1720px; margin:0 auto; font-size:1; color:#fff; padding:3.125rem 0 ; } 



.f_top { position:relative;display:flex; align-items:center; width:100%;  height:100%;  } 
.f_top .f_inner { display:flex; justify-content:space-between; gap:0.938rem; width:100%; max-width:1720px; margin:0 auto; padding:2.8125rem 0; } 
.f_top .f_top_left { width:9.0625rem; padding-top:3px; }
.f_top .f_top_center { width:calc(100% - 9.0625rem ); } 
.f_top .f_top_right { display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-end;  width:15.625rem; } 


.f_top .f_address { display:flex; flex-direction:column; gap:0.625rem; } 
/*.f_top .f_address p:last-of-type { padding-top:0.625rem; }*/

.f_top .f_top_center span { font-size:1rem; word-break:keep-all; } 

.f_top .f_top_center span .tt { }  
.f_top .f_top_center span.line:after {content:'';clear:both; display:inline-block;width:1px;height:14px;margin:0 1.25rem 2px 1.25rem;background-color:rgba(255,255,255, 0.8); vertical-align:middle; }
.f_top .f_top_center span.line:last-child:after {content:none;}


.f_sns_wrap { position:relative; display:flex; align-items:center; justify-content:flex-end; width:100%; font-size:0.938rem; color:#fff; } 
.f_sns { position:relative; display:flex; align-items:center; justify-content:flex-end; font-size:0.938rem; color:#fff; column-gap:0.625rem; margin-bottom:-1.25rem; margin-right:-0.625rem; }
.f_sns a { display:flex; align-items:center; justify-content:center; width:3.125rem; height:3.125rem; border-radius:50%; opacity:1; transition:all 0.4s; }
.f_sns a:hover { opacity:1; }  

.f_bottom { padding:0rem 0 1.875rem; } 
.f_bottom .f_inner { display:flex; justify-content:flex-end; gap:1.25rem; max-width:1720px; margin:0 auto; border-top:1px solid rgba(255,255,255,0.3);  } 
.f_bottom .copy { font-size:14px; color:rgba(255,255,255,0.5); margin-top:1.5625rem;  } 


@media screen and (max-width:1750px){
	.f_top .f_inner { margin:0 20px; } 
	.f_bottom .f_inner { margin:0 20px; } 
} 
@media screen and (max-width:1400px){
	.f_top .f_top_left { width:16.75rem; }
	.f_top .f_top_center { width:calc(100% - 16.75rem); } 
	.f_top .f_top_right { width:13.438rem; } 

	.f_top .f_top_center span { font-size:1rem; } 

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

	.f_top .f_inner { flex-wrap: wrap; align-items:center; } 
	.f_top .f_top_left { width:16.75rem; } 
	.f_top .f_top_center { width:calc(100% - 0rem); } 
	.f_top .f_top_right { width:13.438rem; } 
	
}

@media screen and (max-width: 1024px){
	.f_top .f_top_left img { height:25px; } 
	.f_bottom { padding-bottom:4.25rem; } 
}	

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

} 
@media screen and (max-width: 640px){
	.f_top .f_inner { flex-direction:column; align-items:center; padding-top:1.875rem; padding-bottom:1.875rem; } 
	.f_top .f_top_left { display:flex; align-items:center; justify-content:center; } 

	.f_top .f_top_center { width:calc(100%); font-size:1rem; } 
	.f_top .f_top_center p { display:flex; flex-direction:column; } 
	.f_top .f_top_center p span { text-align:center; } 
	.f_top .f_top_center p span.line { margin-bottom:4px; } 
	.f_top .f_top_center p span.line:after { display:none;  }	
	
	.f_top .f_top_right { align-items:center; justify-content:center; } 
	.f_sns_wrap { justify-content:center; } 

	.f_bottom { padding-bottom:1.875rem; } 
	.f_bottom .f_inner { justify-content:center; border-top:1px solid rgba(255,255,255,0.3); }  
	.f_bottom .copy { text-align:center; } 
	

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

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

} 

body {background-color:var(--bg);}




/*--------------------------------------------------------------------------------
@ SUB COMMON  
--------------------------------------------------------------------------------*/
#sub {padding-top:0px; padding-bottom:100px;}

/*#sub {padding-top:80px;}*/
/*#sub {padding-top:135px;padding-bottom:70px;}*/
.sub__menu {position:fixed;top:80px;left:0;width:100%;background-color:#b80b35;z-index:99;}
.sub__menu .menu-inner {max-width:1200px;margin:0 auto;}
.sub__menu h2 {float:left;width:170px;height:55px;background-color:#333;font-weight:800;font-size:15px;color:#fff;text-align:center;line-height:55px;letter-spacing:-0.5px;box-sizing:border-box;}
.sub__menu ul {float:right;}
.about-menu {margin-left:118px;}
.artist-menu {margin-left:412px;}
.irpr-menu {margin-left:526px;}
.partner-menu {float:right !important;}
.sub__menu li {display:inline-block;margin-left:35px;}
.sub__menu a {display:block;padding:19px 0;font-weight:800;font-size:14px;color:#fff;letter-spacing:-0.5px;text-transform:uppercase;}
.sub__menu li.on a {color:#333;}
@media screen and (max-width: 1200px){
	.sub__menu ul {float:right;margin-left:0;margin-right:15px;}
}
@media screen and (max-width: 1024px){
	/*#sub { padding-top:40px; } */
}

@media screen and (max-width: 768px){
	/*#sub {padding-bottom:50px;}*/
}


.sub__spot {position:relative;width:100%;height:210px;text-align:center;}
.sub__spot:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;font-family:'Open Sans';font-weight:bold;font-size:200px;color:#f4f4f4;line-height:200px;}
.sub__spot .l-table {position:relative;}
.sub__spot .h-spot {font-family:'Open Sans';font-weight:800;font-size:16px;color:#111;line-height:24px;letter-spacing:3px;text-transform:uppercase;}
@media screen and (max-width: 1200px){
	.sub__spot:before {font-size:130px;}
}