@charset "utf-8";
@import "header.css";
@import "footer.css";

/* Sub Banner */
.subTop{position:relative;z-index:21;}
.subTop .visualImg{width:100%;height:540px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff;overflow:hidden;background-image:url(/img/sub_common/sub_visual_royal.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;}

.subTop .visualImg h2{font-size:5rem;line-height:70px;text-transform:uppercase;font-weight:700;letter-spacing:-0.04em;}
.subTop .visualImg p{margin-bottom:40px;font-size:2.4rem;letter-spacing:-0.04em;font-weight:500;}

.subTop .visualImg p br{display:none;}
.g_subsidy .subTop .visualImg{background-image:url(/img/sub_common/sub_visual_g_subsidy.jpg);}
.s_subsidy .subTop .visualImg{background-image:url(/img/sub_common/sub_visual_s_subsidy.jpg);}
.royal .subTop .visualImg{background-image:url(/img/sub_common/sub_visual_royal.jpg);}
.traditional .subTop .visualImg{background-image:url(/img/sub_common/sub_visual_traditional.jpg);}
.birthday_1th .subTop .visualImg{background-image:url(/img/sub_common/sub_visual_birthday_1th.jpg);}
.birthday_70th .subTop .visualImg{background-image:url(/img/sub_common/sub_visual_birthday_70th.jpg);}

/* Sub Nav */
#lnb{border-bottom:1px solid #e5e5e5;}
#lnb dl dt{display:none;}
#lnb dl dd{max-width:1400px;text-align:center;font-size:0;margin:0 auto;}
#lnb dl dd .gnbSlider {display:block;color:#888;font-size:1.8rem;font-weight:700;letter-spacing:-0.04em;position:relative;}
#lnb dl dd .gnbSlider .slick-track{display:flex;align-items:center;justify-content:center;}
#lnb dl dd .gnbSlider a{font-size:1.8rem;line-height:1.3;display:inline-flex;justify-content:center;align-items:center;position:relative;padding:19.5px 10px;}
#lnb dl dd .gnbSlider a br{display:none;}
.gnbSlider a:before{width:50px;height:40px;display:inline-block;vertical-align:middle;content:'';margin-right:1px;flex-shrink:0;}
.gnbSlider a[data-idx="1"]:before{background-image:url(/img/common/gnb01_off.png);}
.gnbSlider a[data-idx="2"]:before{background-image:url(/img/common/gnb02_off.png);}
.gnbSlider a[data-idx="3"]:before{background-image:url(/img/common/gnb03_off.png);}
.gnbSlider a[data-idx="4"]:before{background-image:url(/img/common/gnb04_off.png);}
.gnbSlider a[data-idx="5"]:before{background-image:url(/img/common/gnb05_off.png);}
.gnbSlider a[data-idx="6"]:before{background-image:url(/img/common/gnb06_off.png);}
.gnbSlider a[data-idx="7"]:before{background-image:url(/img/common/gnb07_off.png);}
.gnbSlider a[data-idx="8"]:before{background-image:url(/img/common/gnb08_off.png);}
.gnbSlider a[data-idx="9"]:before{background-image:url(/img/common/gnb09_off.png);}

#lnb dl dd .gnbSlider .slick-current a[data-idx="1"]:before{background-image:url(/img/common/gnb01_on.png);}
#lnb dl dd .gnbSlider .slick-current a[data-idx="2"]:before{background-image:url(/img/common/gnb02_on.png);}
#lnb dl dd .gnbSlider .slick-current a[data-idx="3"]:before{background-image:url(/img/common/gnb03_on.png);}
#lnb dl dd .gnbSlider .slick-current a[data-idx="4"]:before{background-image:url(/img/common/gnb04_on.png);}
#lnb dl dd .gnbSlider .slick-current a[data-idx="5"]:before{background-image:url(/img/common/gnb05_on.png);}
#lnb dl dd .gnbSlider .slick-current a[data-idx="6"]:before{background-image:url(/img/common/gnb06_on.png);}
#lnb dl dd .gnbSlider .slick-current a[data-idx="7"]:before{background-image:url(/img/common/gnb07_on.png);}
#lnb dl dd .gnbSlider .slick-current a[data-idx="8"]:before{background-image:url(/img/common/gnb08_on.png);}
#lnb dl dd .gnbSlider .slick-current a[data-idx="9"]:before{background-image:url(/img/common/gnb09_on.png);}
#lnb dl dd .gnbSlider .slick-current a{color:#000;}
#lnb dl dd .gnbSlider .slick-slide:not(.slick-current) a::after{width:100%;content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to right, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0.7) 50%);}
#lnb dl dd .gnbSlider .half-blur-left a::after {background:linear-gradient(to right, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0.1) 50%) !important;}

#lnb dl dd .gnbSlider .slick-arrow{width:12px;height:20px;font-size:0;color:transparent;position:absolute;top:50%;background-repeat:no-repeat;padding:0;background-color:#fff;}
#lnb dl dd .gnbSlider .slick-arrow.slick-prev{background-image:url(/img/common/gnb_arrow_l.png);left:-30px;}
#lnb dl dd .gnbSlider .slick-arrow.slick-next{background-image:url(/img/common/gnb_arrow_r.png);right:-30px;}

#lnb > span{display:none;}

#lnb.fixed{width:100%;position:fixed;top:0;left:0;background:#fff;}

#gnb a:before{position:absolute;left:25px;top:50%;margin-top:-20px;}

#gnb a[data-idx="1"]:hover:before{background-image:url(/img/common/gnb01_on.png);}
#gnb a[data-idx="2"]:hover:before{background-image:url(/img/common/gnb02_on.png);}
#gnb a[data-idx="3"]:hover:before{background-image:url(/img/common/gnb03_on.png);}
#gnb a[data-idx="4"]:hover:before{background-image:url(/img/common/gnb04_on.png);}
#gnb a[data-idx="5"]:hover:before{background-image:url(/img/common/gnb05_on.png);}
#gnb a[data-idx="6"]:hover:before{background-image:url(/img/common/gnb06_on.png);}
#gnb a[data-idx="7"]:hover:before{background-image:url(/img/common/gnb07_on.png);}
#gnb a[data-idx="8"]:hover:before{background-image:url(/img/common/gnb08_on.png);}
#gnb a[data-idx="9"]:hover:before{background-image:url(/img/common/gnb09_on.png);}
/* Contnet */
#subCon{margin:35px auto 100px;}
#subCon .pageTitle{padding-bottom:45px;font-size:3.5rem;color:#888;font-weight:700;text-align:center;}
#membersGroup #subCon{max-width:100%;}
.pageCont{max-width:1400px;margin:0 auto;}
.pageFull{width:100vw;position:relative;left:0;}


/*layer youtube */
.youtubeLayer{width:100%;height:100%;display:none;position:fixed;left:0;top:0;z-index:102;background:rgba(0, 0, 0, .7);}
.youtubeLayer .youtubeCont{position: relative;max-width:800px;width:100% !important;height:0;padding-top: min(450px, 56.25%);left:50%;top:50%;transform:translate(-50%, -50%);}
.youtubeLayer .youtubeCont .videoIframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.youtubeLayer .youtubeClose{position:absolute;right:0;top:-50px;}
.youtubeLayer button{background:transparent;border:0;cursor:pointer;}

@media all and (max-width:1500px){
#lnb dl dd .gnbSlider{padding:0 50px;}
#lnb dl dd .gnbSlider .slick-arrow.slick-prev{background-image:url(/img/common/gnb_arrow_l.png);left:20px;}
#lnb dl dd .gnbSlider .slick-arrow.slick-next{background-image:url(/img/common/gnb_arrow_r.png);right:20px;}
}

@media all and (max-width:1440px){
/* Contnet */
.pageCont{padding:0 20px;}
}

@media all and (max-width:1279px){
/* Sub Banner */
.subTop .visualImg{height:480px;}
.subTop .visualImg p{margin-bottom:30px;}


}

@media all and (max-width:767px){
/* Sub Banner */
.subTop .visualImg{height:380px;}
.subTop .visualImg p{margin-bottom:20px;}
.subTop .visualImg p br{display:block;}

/* Contnet */
#subCon{margin:20px auto 50px;}
#subCon .pageTitle{padding-bottom:20px;}
#lnb dl dd .gnbSlider .slick-slide{width:200px !important;}
#lnb dl dd .gnbSlider a{font-size:1.6rem;}
#lnb dl dd .gnbSlider a:before{width:35px;height:28px;background-size:35px auto;}


/*layer youtube */
.youtubeLayer .youtubeClose{right:10px;}
.youtubeLayer .youtubeClose img{width:30px;}

.subTop .visualImg h2{font-size:3.6rem;line-height:unset;}
.subTop .visualImg p{font-size:2rem;}

}

@media all and (max-width:380px){

.subTop .visualImg h2{font-size:3.2rem;}
.subTop .visualImg p{font-size:1.6rem;}
}



@media print{
#header .headerWrap{position:relative;}
}