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

/* Sub Banner */
.subTop{position:relative;z-index:21;padding:100px 55px 0;}
.subTop .subTitle{text-align:center;font-weight:500;}
.subTop .subTitle h2{font-size:5.2rem;line-height:100%;text-transform:uppercase;color:#151515;letter-spacing:-0.06em;font-family:'MuseumClassic';}
.subTop .subTitle p{margin-top:14px;font-size:2rem;margin:25px 0 77px;letter-spacing:-0.04em;line-height:1.4;}
.subTop .visualImg{width:100%;height:440px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff;overflow:hidden;letter-spacing:-0.05em;text-shadow:2px 2px 4px #333;background-image:url(/img/sub_common/sub_visual_introduce.png);background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:45px;}

#softwareGroup .visualImg{background-image:url(/img/sub_common/sub_visual_introduce.png);}
#royalGroup .visualImg{background-image:url(/img/sub_common/sub_visual_royal.png);}
#traditionaGroup .visualImg{background-image:url(/img/sub_common/sub_visual_traditional.png);}
#first_partGroup .visualImg{background-image:url(/img/sub_common/sub_visual_firstParty.png);}
#longevityGroup .visualImg{background-image:url(/img/sub_common/sub_visual_longevity.png);}
#reservaGroup .visualImg{background-image:url(/img/sub_common/sub_visual_reservation.png);}

/* Sub Nav */
#lnb{margin-top:61px;}
#lnb dl dt{display:none;}
#lnb dl dd{max-width:1350px;text-align:center;font-size:0;margin:0 auto;}
#lnb dl dd ul{display:flex;justify-content:center;}
#lnb dl dd ul li{width: 13.704%;position:relative;margin:9px 0.334%;flex-shrink: 0;}
#lnb dl dd ul li a{width:100%;height:60px;display:flex;align-items:center;justify-content:center;color:#151515;font-size:1.8rem;font-weight:600;letter-spacing:-0.06em;background:#f0f0f0;border-radius:30px;}
#lnb dl dd ul li.depth02Active a{background:#ae7d48;color:#fff;}
#lnb > span{display:none;}

/* Contnet */
.layout{max-width:1863px;margin:0 auto;background:#fff;border-radius:65px;padding-bottom:150px;}
#subCon{margin:111px auto 0;}
#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:1350px;margin:0 auto;}
.pageCont h3{font-size:4.6rem;font-weight:500;letter-spacing:-0.06em;color:#151515;text-align:center;font-family:'MuseumClassic';margin-bottom:74px;}
.pageFull{width:100vw;position:relative;left:0;}
.pageSubText{font-size:2rem;font-weight:600;letter-spacing:-0.04em;color:#ae7d48;display:flex;justify-content:center;align-items:center;margin-bottom:30px;}

@media all and (max-width:1903px){
.layout{max-width:100%;margin:0 20px;}
}

@media all and (max-width:1793px){
.subTop{max-width:100%;padding:100px 20px 0;}
.pageCont{padding:0 20px;}
}

@media all and (max-width:1279px){
/* Sub Banner */
.subTop .visualImg{height:260px;border-radius:45px 45px 0 0;}

/* Sub Nav */
#lnb{width:100%;position:relative;left:0;bottom:0;border:0;background:#333;margin-top:0;}
#lnb .mNavTitle{display:block;padding:15px 20px;font-size:1.5rem;color:#fff;position:relative;cursor:pointer;}
#lnb .mNavTitle:before,
#lnb .mNavTitle:after{width:11px;height:2px;background:#fff;position:absolute;top:50%;content:"";}
#lnb .mNavTitle:before{right:17px;transform:rotate(-135deg);}
#lnb .mNavTitle:after{right:10px;transform:rotate(135deg);}
#lnb dl dd{width:100%;display:none;position:absolute;left:0;top:100%;background:#fff;text-align:left;}
#lnb dl dd ul{display:block;border-bottom:1px solid #ccc;}
#lnb dl dd ul li{width:100%;padding:7px 20px;border:0;margin:0;}
#lnb dl dd ul li:nth-child(n+2){border-top:1px solid #cbcbcb;}
#lnb dl dd ul li:first-child{margin-left:0;border-top:0;}
#lnb dl dd ul li a{height:auto;color:#142441;padding:3px 0 3px 10px;font-size:1.5rem;font-weight:400;position:relative;display:inline-block;background:#fff;}
#lnb dl dd ul li a:before{position:absolute;left:0;top:50%;content:"-";line-height:0;}
#lnb dl dd ul li.depth02Active a{background:none;color:#142441;font-weight:700;}

/* Contnet */
.pageCont{padding:0 20px;}
}

@media all and (max-width:767px){
.layout{padding-bottom:75px;border-radius:35px;}

/* Sub Banner */
.subTop{padding:50px 20px 0;}
.subTop .subTitle p{margin:12.5px 0 38.5px;}
.subTop .visualImg{height:200px;}

/* Contnet */
#subCon{margin:50px auto 0;}
#subCon .pageTitle{padding-bottom:20px;}
.pageCont h3{margin-bottom:37px;}
.pageSubText{margin-bottom:15px;}

}

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