#wrap header {position: absolute;}
.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !important;}
 
@media screen and (max-width:767px){
.sub_top {height:350px;}
.sub_top .sub_tit strong.tit1 {font-size:30px;}
.sub_top .sub_tit .tit2 {font-size:17px;}
}




/***** ¼­ºê»ó´ÜÀ̹ÌÁö *****/
.sub_top {position:relative; display:none;width: 100%; height: 100vh; height:500px;background:#000;}
.sub_top .sub_inner {position:relative; width:100%; height:100%; overflow: hidden;}
.sub_top .bg {width:100%;height: 100%;}
.sub_top .sub_tit {position:absolute; bottom:50px;left:370px;  text-align:left;}
.sub_top .sub_tit strong.tit1 {position:relative; display:block; font-size:65px; font-weight:800; color:#fff; font-family:  'Fredericka the Great';}
.sub_top .line_simg {position:absolute; top:0px;  width:1px; background:rgba(150,150,150,0.4); z-index:10000; display:block; animation:line_h_ani 2s; animation-iteration-count:1; animation-delay:0s; animation-fill-mode: forwards; left:300px;}
.sub11 {display:block;}

/* À̹ÌÁö°æ·Î */
.sub111 .bg {background:url(../../img/sub_img1.jpg) no-repeat center / cover;}
.sub112 .bg {background:url(../../img/sub_img2.jpg) no-repeat center / cover;}
.sub113 .bg {background:url(../../img/sub_img3.jpg) no-repeat center / cover;}
.sub114 .bg {background:url(../../img/sub_img4.jpg) no-repeat center / cover;}
.sub115 .bg {background:url(../../img/sub_img5.jpg) no-repeat center / cover;}
.sub116 .bg {background:url(../../img/sub_img5.jpg) no-repeat center / cover;}
.sub_top .bg {transform:scale(1.07);}
.sub_top .sub_path,
.sub_top .scroll_btn,
.sub_top .sub_tit strong.tit1,
.sub_top .sub_tit .tit2 {opacity:0;}
.sub_top.in-view .bg {transform:scale(1);transition:transform 1.8s;}
.sub_top.in-view .scroll_btn {opacity:1;transition:opacity 0.8s 1.5s;}
.sub_top.in-view .sub_tit strong.tit1 {opacity:1;transition:opacity 0.8s 0.2s;}
.sub_top.in-view .sub_tit .tit2 {opacity:0.5;transition:opacity 0.8s 0.6s;}


@media screen and (max-width:1280px){
.sub_top {height:350px;}
.sub_top .line_simg {display:none;}
.sub_top .sub_tit { bottom:90px; left:0;  text-align:center; width:100%;}
.sub_top .sub_tit strong.tit1 {font-size:55px;}
}

@media screen and (max-width:767px){
.sub_top {height:250px;}
.sub_top .sub_tit { bottom:70px;}
.sub_top .sub_tit strong.tit1 {font-size:33px;}
}





/* ¼­ºêŸÀÌƲ */
.con_tit  {position:relative; display:block;  padding:60px 0 70px 370px; text-align:left; width:100%;}
.con_tit h3 {font-size:41px; font-family: 'Fredericka the Great', 'Noto Sans KR';  font-weight:800; color:#000;}


@media screen and (max-width:1280px){
.con_tit  { padding:40px 0; text-align:center;}
.con_tit h3 {font-size:29px;}
}



 




/* ¼­ºê¸Þ´º */
.sub_path {position:absolute; z-index:100; left:0;  width:300px; height:100% !important;}
.sub_path:after {content:"";position:absolute; bottom:0px; left:0;  width:100%;height:1px;  z-index:1;}
.sub_path>ul {width:100%; margin-top:60px; text-align:center;}
.sub_path>ul>li {position:relative; display:block; text-align:left; position: relative;}
.sub_path>ul>li a{display:inline-block;  font-size:16px; letter-spacing:-0.03em;  color:#000; opacity:0.7; font-weight:600; padding:12px 20px 12px 60px; line-height:100%;}
.sub_path>ul>li a:hover,.sub_path>ul>li a.on_box { opacity:1;}
.sub_path>ul>li a.on_box:before {content:"";position:absolute; top:17px; left:35px;  width:16px; height:2px; background:#000;  z-index:1;}
.sub_path .line_smenu {position:absolute; top:0px;    width:1px; background:rgba(150,150,150,0.4); z-index:10000; display:block; animation:line_h_ani 2s; animation-iteration-count:1; animation-delay:1s; animation-fill-mode: forwards; right:0;}

@media screen and (max-width:1280px){
.sub_path {position:relative; width:100%; height:auto !important;}
.sub_path>ul {margin-top:0px;}
.sub_path>ul>li {display:inline-block;}
.sub_path>ul>li a{font-size:14px; padding:17px 10px 17px 30px}
.sub_path>ul>li a.on_box:before {top:22px; left:10px;  width:12px; height:2px;}
.sub_path .line_smenu {top:auto; left:0;  width:auto; height:1px;  animation:line_w_ani 2s;  bottom:0; animation:line_w_ani 2s;}
}



@media screen and (max-width:767px){
.sub_path>ul {padding:10px 0;;}
.sub_path>ul>li a{font-size:12px; padding:7px 5px 7px 17px}

.sub_path>ul>li a.on_box:before {top:12px; left:5px;  width:7px; height:1px;}

}