#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: 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:50px;font-weight:900;  color:#fff;  text-transform:uppercase; padding-bottom:5px;}
.sub_top .sub_tit .tit2 {font-size:29px;  color:#fff;  text-transform:uppercase;}
.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:1;transition:opacity 0.8s 0.6s;}

/* ¼­ºê¸Þ´º */
.sub_path {position: relative;width:100%;  border-bottom:1px solid rgba(0,0,0,0.2); }
.sub_black .sub_path { background:#0F1B60;  }
.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; font-family:"Noto Sans KR"; }
.sub_path>ul>li a:hover,.sub_path>ul>li a.on_box { color:#ff8135; }
.sub_path>ul>li a.on_box:before {content:"";position:absolute; top:0px;left:0;  width:100%; height:4px; background:#ff8135;  z-index:1;}
 

/* ¼­ºêÅ¸ÀÌÆ² */
.con_tit  {position:relative; display:block;  padding:80px 0 70px 0; text-align:center;  width:100%;}
.con_tit h3 {font-size:45px; font-family: 'GmarketSansBold';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;}
}

/* °³ÀÎ ¼öÁ¤ S */
.con_pcc  {position:relative; display:block;  padding:20; text-align:center;  width:100%;}


.con_pcc01 {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  animation: slideInBottom 1s ease forwards;
}





/* PC ¹öÀü ÀÌ¹ÌÁö¿¡ ´ëÇÑ ½ºÅ¸ÀÏ */
.pc-image {display: block;margin: 0 auto;}


/* ¸ð¹ÙÀÏ ¹öÀü ÀÌ¹ÌÁö¿¡ ´ëÇÑ ½ºÅ¸ÀÏ */
.mobile-image {display: none; max-width: 100%;}


/* È­¸é ³Êºñ°¡ 768px ¹Ì¸¸ÀÎ °æ¿ì¿¡¸¸ ¸ð¹ÙÀÏ ÀÌ¹ÌÁö¸¦ º¸¿©ÁÜ */
@media screen and (max-width: 767px) {
    .pc-image {
        display: none; /* È­¸é ³Êºñ°¡ 768px ¹Ì¸¸ÀÌ¸é PC ÀÌ¹ÌÁö¸¦ ¼û±è Ã³¸® */
    }
    .mobile-image {
        display: block; /* È­¸é ³Êºñ°¡ 768px ¹Ì¸¸ÀÌ¸é ¸ð¹ÙÀÏ ÀÌ¹ÌÁö¸¦ Ç¥½Ã */
    }
}





/* PC ¹öÀü µ¿¿µ»ó¿¡ ´ëÇÑ ½ºÅ¸ÀÏ */
.pc-video {
  display: block;
  margin: 0 auto;
}


/* ¸ð¹ÙÀÏ ¹öÀü µ¿¿µ»ó¿¡ ´ëÇÑ ½ºÅ¸ÀÏ */
.mobile-video {
  display: none;
  max-width: 100%;
}


/* È­¸é ³Êºñ°¡ 768px ¹Ì¸¸ÀÎ °æ¿ì¿¡¸¸ ¸ð¹ÙÀÏ µ¿¿µ»óÀ» º¸¿©ÁÜ */
@media screen and (max-width: 767px) {
  .pc-video {
    display: none; /* È­¸é ³Êºñ°¡ 768px ¹Ì¸¸ÀÌ¸é PC µ¿¿µ»óÀ» ¼û±è Ã³¸® */
  }
  .mobile-video {
    display: block; /* È­¸é ³Êºñ°¡ 768px ¹Ì¸¸ÀÌ¸é ¸ð¹ÙÀÏ µ¿¿µ»óÀ» Ç¥½Ã */
  }
}




/* °³ÀÎ ¼öÁ¤ E */



@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 {height:350px;}
.sub_top .sub_tit strong.tit1 {font-size:30px;}
.sub_top .sub_tit .tit2 {font-size:17px;}

/* ¼­ºê¸Þ´º */
.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  {padding:40px 0 30px 0;}
.con_tit h3 {font-size:27px;}
}
/* ¾Æ·¡·Î ½ºÅ©·Ñ ´Ù¿î ¹öÆ° */
.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);}
}