@charset "utf-8";

/* =========================== SUB */
#subBnr{position:relative;z-index:20;width:100%;height:50rem;color:#fff;background:url(../../img/sub/sub_bg.jpg) center no-repeat;}
#subBnr .txt_area{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;width:100%;margin-top:3rem;}
#subBnr .txt_area span{font-size:1.4rem;color:rgba(255,255,255,.5);font-weight:400;letter-spacing:0.5rem;}
#subBnr .txt_area p{padding-top:1.5rem;font-size:6rem;font-weight:800;/*font-family:'The Jamsil';*/}
    /* 반응형 [s] */
    @media only screen and (max-width:1023px){
        #subBnr{height:50rem;}
    }
    @media only screen and (max-width:767px){
        #subBnr{height:40rem}
        #subBnr .txt_area{top:calc(50% + 40px);}
        #subBnr .txt_area span{font-size:1.3rem;}
        #subBnr .txt_area p{padding-top:1rem;font-size:4rem;}
    }
    /* 반응형 [e] */

/* =========================== SNB */
#sh_snb{display: flex;overflow:hidden;margin:0 auto;justify-content:center;}
#sh_snb li{float:left;margin-left:3px}
#sh_snb li a{display:block;position:relative;height:60px;padding:0 2.5rem;font-size:1.6rem;line-height:60px;color:#fff;letter-spacing:-.2px;-webkit-transition:all .3s;transition:all .3s;opacity:0.5;}
#sh_snb li a:after{display:block;content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;height:1px;background-color:var(--primary)}
#sh_snb li.snb_on a{font-weight:500;color:#7dfae2;opacity:1;font-size:1.8rem;}
    @media only screen and (max-width:1199px){
        #sh_snb li a {padding:0 2rem;}
    }
    @media only screen and (max-width:1023px){
        #sh_snb li a {padding:0 1.2rem;}
    }
    @media only screen and(max-width:767px){
        
    }

/* 서브 타이틀 */
.con_header {text-align:center;}
.con_header h3 {font-size:4rem;font-weight:800;line-height:normal;color:#000;display:inline-block;/*font-family:'The Jamsil';*/}
	@media only screen and (max-width:1023px){
		.con_header h3 {font-size:3.5rem;}
	}
	@media only screen and (max-width:767px){
		.con_header {margin-top:20px;}
		.con_header h3 {font-size:3rem;}
	}



/* 일본어 */
html:lang(ja) * {word-break: auto-phrase;}
html:lang(ja) #subBnr .txt_area p {font-size:5rem;font-family:auto;word-break: auto-phrase;}
html:lang(ja) .con_header h3 {font-family:auto;}
@media only screen and (max-width:767px){
    html:lang(ja) #subBnr .txt_area p {font-size:3rem;}
}