#wrap header {position: absolute; background:#000;}
.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){
.pcbr{display:none !important;}
.ptbr{display:none !important;}
.mbr{display:block !important;}
.pc_view{display:none !important;}
.pt_view{display:none !important;}
.tm_view{display:block !important;}
.m_view{display:block !important;}
html,body {position: relative;height: auto;}
}



/***** ¼­ºê»ó´ÜÀ̹ÌÁö *****/
.sub_top {position:relative;display:none;width: 100%; background: url(../../img/rect_bg.png)  repeat 0 0; }
.sub_top .sub_inner {position: relative;width:100%;  overflow: hidden;}
.sub_top .sub_tit { text-align:center; width:100%; margin:130px 0 50px 0;}
.sub_top .sub_tit strong.tit1 {position:relative; display:inline-block; font-size:30px; font-family: 'Pretendard-Regular'; color:#000;}
.sub_top .sub_tit strong.tit1:before {content:"";position: absolute; bottom:10px; height:15px; background:rgba(0,0,0,0.1);  z-index:10;  animation:line_sub 2s; animation-iteration-count:1; animation-delay:0.1s;  animation-fill-mode: forwards;}
@keyframes line_sub {
 0% {width:1%;}
 100% {width:100%;}
}

.sub11 {display:block;}
.sub_top .bg {transform:scale(1.07);}
.sub_top .sub_path,
.sub_top .scroll_btn,
.sub_top .sub_tit strong.tit1 {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;}

@media screen and (max-width:1339px){
.sub_top .sub_tit strong.tit1 {font-size:30px;}
.sub_top .sub_tit strong.tit1:before {bottom:8px; height:12px;}

}

@media screen and (max-width:767px){
.sub_top .sub_tit {margin:95px 0 40px 0;}
.sub_top .sub_tit strong.tit1 {font-size:30px;}
.sub_top .sub_tit strong.tit1:before {bottom:5px; height:7px;}
}




/* ¼­ºêŸÀÌƲ */
.con_tit  {position:relative; display:block;  padding:60px 0 25px 0;  margin-bottom:40px;  text-align:center;  width:100%;}
.con_tit h3 {font-size:35px; letter-spacing:-0.05em; color:#000;}
.con_tit:before {content:"";position:absolute; bottom:0px; right:50%; margin-right:-70px; height:1px; width:140px;  background:#eee;  z-index:1;} 
.con_tit:after {content:"";position:absolute; bottom:0px; right:50%; margin-right:-15px; height:2px; width:30px;  background:#000;  z-index:2;}

@media screen and (max-width:1339px){
.con_tit  {padding:50px 0 25px 0;  margin-bottom:30px;}
.con_tit h3 {font-size:31px;}
}

@media screen and (max-width:767px){
.con_tit  {padding:40px 0 15px 0;}
.con_tit h3 {font-size:25px;}
.con_tit:before {margin-right:-50px; width:100px;} 
.con_tit:after {margin-right:-10px; width:20px;}
}





/* ¼­ºê¸Þ´º */
.sub_path {position: relative;width:100%; }
.sub_path:after {content:"";position:absolute; bottom:0px; left:0;  width:100%;height:1px;  z-index:1;}
.sub_path>ul {width:100%;  max-width:1400px;     margin:0 auto;  text-align:center;  display:flex;   justify-content: space-between;}
.sub_path>ul>li {position:relative; display:inline-block;  width:100%; transition:0.4s;}
.sub_path>ul>li a{display:inline-block;  font-size:17px;  padding:25px 0; letter-spacing:0em; width:100%; opacity:0.4; font-weight:700; line-height:120%; transition:0.4s;}
.sub_path>ul>li a:hover,
.sub_path>ul>li a.on_box { opacity:1; transition:0.4s;}
.sub_path>ul>li a:before {transition:0.4s; }
.sub_path>ul>li a:hover:before,
.sub_path>ul>li a.on_box:before {content:"";position:absolute; bottom:0px; left:0;  transition:0.5s; height:2px; background:#000;  z-index:1; transition:0.4s; animation:smenu_ani 0.8s; animation-iteration-count:1; animation-delay:0.1s;  animation-fill-mode: forwards; } 

@media screen and (max-width:767px){
.sub_path>ul>li a{font-size:11px;  padding:15px 0;}
}






/* ¾Æ·¡·Î ½ºÅ©·Ñ ´Ù¿î ¹öÆ° */
.sub_top .scroll_btn {position: absolute;bottom:50px;left: 50%;margin-left: -50px;width:100px;height:80px; z-index: 1; color:#fff; font-family:"Montserrat"; font-size:14px;font-weight:600; }
.sub_top .scroll_btn:before { content:""; position: absolute; top: 50%;left: 50%; width: 11px;height: 18px; margin:9px 0 0 -6px; background: url(../../img/scroll_icon.png) no-repeat center / contain; animation:scroll_ani 1.5s 1.5s infinite;}
@keyframes scroll_ani {
 0% {transform:translateY(0);}
 50% {transform:translateY(10px);}
 100% {transform:translateY(0);}
}
@keyframes smenu_ani {
 0% {width:1%;}
 100% {width:100%;}
}