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


/***** 서브상단이미지 *****/
.sub_top {position:relative; width: 100%; height:600px;  background:linear-gradient(-67.5deg, #CB43DD, #45286A, #C85EE3, #28346A);
background: -webkit-linear-gradient(-67.5deg, #AA0799, #572085, #00758e, #38367E); background-size: 400% 400%; animation: gradientBG 5s ease infinite; overflow:hidden; }
.sub_top .sub_inner {position: relative;width:100%; height:100%;  }
.sub_top .bg {width:100%;height: 100%; opacity:0.3;}
.sub_top .sub_tit {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;  width:100%;}
.sub_top .sub_tit strong span{ font-family: 'Monoton', cursive; color:#fff;display:block; font-size:150px; line-height:100%;}
.sub_top .sub_tit strong.tit1 {position:relative;display:block; font-family:"Montserrat","Noto Sans KR"; font-size:80px;font-weight:900;  color:#fff;  text-transform:uppercase; padding-bottom:5px;}
.sub_top .sub_tit .tit2 { font-family:"Montserrat","Noto Sans KR"; 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_path{opacity:1;transition:opacity 0.8s 0.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_top  .sub_path {position: relative; position:absolute; bottom:0; left:0;  width:100%;  z-index:10000;  border-top:solid 1px rgba(225,225,225,0.3); }
.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:17px;  padding:0 20px; line-height:57px; color:#fff; margin:0 10px; opacity:0.7; font-weight:600;}
.sub_path>ul>li a:hover,.sub_path>ul>li a.on_box { opacity:1;}
.sub_path>ul>li a.on_box { opacity:1;  border-bottom:3px solid #b65ff7;}




/* 서브타이틀 */
.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;}




/* 아래로 스크롤 다운 버튼 */
.sub_top .scroll_btn {position: absolute;bottom:80px;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);}
}




@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){
.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 {padding:7px 0;}
.sub_path>ul>li a{ font-size:15px;  padding:0 3px; line-height:40px;  margin:0 5px;}
.sub_path>ul>li a.on_box {border:none;}




/* 서브타이틀 */
.con_tit  {padding:30px 0;}
.con_tit h3 {font-size:25px;}


/* 아래로 스크롤 다운 버튼 */
.sub_top .scroll_btn {font-size:12px;}
.sub_top .scroll_btn:before {width: 11px;height:12px; margin:9px 0 0 -6px;}
	/* 다낭 추가 */
	.sub_top .sub_tit {line-height: 1.3;}
}