#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;}
 





/***** ¼­ºê»ó´ÜÀ̹ÌÁö *****/
.sub_top {position:relative; display:none; width:100%;  height:750px; 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:70px;  left:350px;  text-align:left;}
.sub_top .sub_tit strong.tit1 {position:relative; display:block;  color:#fff;}
.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;}









/*  ¼­ºê ÄÁÅÙÃ÷ ŸÀÌƲ */
.con_tit  {position:relative; display:block;  padding:80px 0 70px 350px; text-align:left; width:100%;}
.con_tit h3 { color:#000;}

/* ¼­ºê»ó´Ü ŸÀÌƲ°ú ¼­ºê ÄÁÅÙÃ÷ ÆùÆ® ½ºÅ¸ÀÏ °øÅë*/
.sub_top .sub_tit strong.tit1,
.con_tit h3 {font-size:68px;  font-weight:800;}


.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:1500px){

/* ¼­ºê»ó´Ü ŸÀÌƲ°ú¼­ºê ÄÁÅÙÃ÷ÆùÆ® ½ºÅ¸ÀÏ °øÅë*/
.sub_top .sub_tit strong.tit1,
.con_tit h3 {font-size:60px; }
}




@media screen and (max-width:1280px){
.sub_top {height:500px;}
.sub_top .line_simg {display:none;}
.sub_top .sub_tit { bottom:90px; left:0;  text-align:center; width:100%;}
.con_tit  {padding:40px 0px; text-align:center; }


/* ¼­ºê»ó´Ü ŸÀÌƲ°ú ¼­ºê ÄÁÅÙÃ÷ ÆùÆ® ½ºÅ¸ÀÏ °øÅë*/
.sub_top .sub_tit strong.tit1,
.con_tit h3 {font-size:50px;}
}












@media screen and (max-width:1024px){
.sub_top {height:350px;}
/* ¼­ºê»ó´Ü ŸÀÌƲ°ú ¼­ºê ÄÁÅÙÃ÷ ÆùÆ® ½ºÅ¸ÀÏ °øÅë*/
.sub_top .sub_tit strong.tit1,
.con_tit h3 {font-size:42px;}
}





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

/* ¼­ºê»ó´Ü ŸÀÌƲ°ú ¼­ºê ÄÁÅÙÃ÷ ÆùÆ® ½ºÅ¸ÀÏ °øÅë*/
.sub_top .sub_tit strong.tit1,
.con_tit h3 {font-size:34px;}
}







/* ¼­ºê¸Þ´º */
.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:100px; 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:17px;   color:#000; opacity:0.7;  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; heigh:1px;}
}