body {background: #eee;} 
#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){
.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%; 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;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.sub_top .sub_tit strong span{color:#fff;display:block; font-size:150px; line-height:100%;}
.sub_top .sub_tit strong.tit1 {position:relative;display:block;  font-size:80px; font-weight:800;  color:#fff;   padding-bottom:5px;}
.sub_top .sub_tit .tit2 { font-size:29px;  color:#fff;}
.sub11 {display:block;}


/* À̹ÌÁö°æ·Î */
.sub11 .bg {background-repeat:no-repeat; background-position: center center; backgroiund-size: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:1;transition:opacity 0.8s 0.6s;}


@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_path {position: relative;width:100%; background:#308720; border-bottom:1px solid rgba(255,255,255,0.2); }
.sub_black .sub_path { background:#000;  }
.sub_path:after {content:"";position:absolute; bottom:0px; left:0;  width:100%;height:1px;  z-index:1;}
.sub_path>ul {width:100%;  text-align:center;}
.sub_path>ul>li {position:relative; display:inline-block; }
.sub_path>ul>li a{display:inline-block;  font-size:18px;  padding:25px 30px;  color:#fff; opacity:0.7; font-family:"Noto Sans KR"; }
.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:50%; margin-left:-2px; width:4px;height:4px; background:#fff; border-radius:50%; z-index:1; animation:spath_ani 1s 0.5s infinite;}


@keyframes spath_ani {
 0% {transform:translateY(0);}
 50% {transform:translateY(3px);}
 100% {transform:translateY(0);}
}




@media screen and (max-width:767px){ 
.sub_path>ul:after {content:"";display:block;clear:both;}
.sub_path>ul>li {width:33.3333%; float:left;}
.sub_path>ul>li:before {content:"";position:absolute; top:0px; right:0;  width:1px; background-color:rgba(255,255,255,0.2);  height:100%;  z-index:1;}
.sub_path>ul>li:nth-child(3):before,
.sub_path>ul>li:nth-child(6):before,
.sub_path>ul>li:nth-child(9):before {width:0;}
.sub_path>ul>li:after {content:"";position:absolute; bottom:0px; left:0;  background-color:rgba(255,255,255,0.2); width:100%;height:1px;  z-index:1;}
.sub_path>ul>li a{font-size:13px;padding:10px 0; width:100%;}
.sub_path>ul>li a.on_box:before {width:0px;height:0px;}
.sub_path>ul>li a.on_box {display:inline-block; background:#fff; color:#000; }
.sub_path>ul>li a:hover.on_box { color:#000; }

}








/* ¼­ºêŸÀÌƲ */
.con_tit  {position:relative; display:block;  padding:70px 0; text-align:center;  width:100%;}
.con_tit h3 { font-family:"Montserrat","Noto Sans KR"; font-size:45px; font-weight:600;letter-spacing:-0.025em; text-transform:uppercase;}


@media screen and (max-width:1279px){
.sub_top .sub_tit strong.tit1 { font-size:70px;}
.sub_top .sub_tit .tit2 {font-size:28px;}
.con_tit h3 {font-size:38px;}
}


@media screen and (max-width:767px){ 
.con_tit  {padding:30px 0;}
.con_tit h3 {font-size:25px;}
}












/* ¾Æ·¡·Î ½ºÅ©·Ñ ´Ù¿î ¹öÆ° */
.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);}
}