/*gnb*/
.gnb_all{position: absolute; width: 100%; height: 115px; background: rgba(0,0,0,.2); border-bottom: 1px solid rgba(255,255,255,0.2); z-index: 10;}
.gnb_wrap{width: 100%; max-width: 1280px; margin: 0 auto;}
.gnb_wrap h1.logo{position: absolute; top: 0; left: 42%; text-indent: -9999px; z-index: 20;}
.gnb_wrap h1.logo a{display: block; width: 363px; height: 115px; background: url(/sctea/common/img/common/logo_off.png) no-repeat center 10px;}
.gnb{width: 100%; max-width: 1280px; font-family: 'NanumSquare', sans-serif; z-index: 15;}
.gnb .depth_all li.depth1{float: left; width: 12%; text-align: left;}
.gnb .depth_all li.depth1:nth-child(3){width: 26%;}
.gnb .depth_all li.depth1:nth-child(4){width: 26%; text-align: right;}
.gnb .depth_all li.depth1:nth-child(5), .gnb .depth_all li.depth1:nth-child(6){text-align: right;}
.gnb .depth_all li.depth1 a{display: block; width: 100%; height: 114px; line-height: 114px; color: #fff; font-weight: 500;}
.gnb .depth_all li.depth1 a span{font-size: 22px;}
.gnb .depth_all li.depth1:hover .depthBox{display: block; z-index: 30;}
.gnb .depth_all li.depth1.on .depthBox{display: block;}
.gnb .depth_all li.depth1.on a{color: #1f1f1f;}

.gnb .depth_all li.depth1.d3 .depthBox ul{padding-left: 210px;}
.gnb .depth_all li.depth1.d4 .depthBox ul{padding-left: 770px;}
.gnb .depth_all li.depth1.d5 .depthBox ul{padding-left: 1020px;}
.gnb .depth_all li.depth1.d6 .depthBox ul{padding-left: 880px;}
.gnb .depth_all li.depth1 .depthBox{display: none; position: absolute; top: 114px; left: 0; width: 100%; background: rgba(255,255,255,.7); border-top: 1px solid rgba(0,0,0,.25);}
.gnb .depth_all li.depth1 .depthBox ul{width: 100%; max-width: 1280px; margin: 0 auto;}
.gnb .depth_all li.depth1 .depthBox li{float: left; padding: 0 10px;}
.gnb .depth_all li.depth1 .depthBox li a{font-size: 18px; padding: 0 5px; height: 50px; line-height: 50px;}
.gnb .depth_all li.depth1 .depthBox li li a{font-size: 15px!important; padding-left: 7px; line-height: 27px; font-family: Malgun gothic, Dotum, arial, sans-serif; color: #777;}
/*.gnb_all:hover .gnb .depthBox{display: block; background: #f6f6f6; transition: 1.7s ease; -webkit-transition: 1.7s ease;}*/
.btn_menu{display: none; position: absolute; top: 48px; right: 0; text-indent: -9999px;}
.btn_menu a{display: block; width: 21px; height: 17px; background: url(/sctea/common/img/common/menuopen_off.png) no-repeat; text-indent: -9999px;}

.gnb_all:hover{background: rgba(255,255,255,.8); border-bottom: 1px solid #e3e3e3; transition: 0.1s; -webkit-transition: 0.1s;}
.gnb_all:hover .gnb_wrap h1.logo a{background: url(/sctea/common/img/common/logo_on.png) no-repeat center 10px;}
.gnb_all:hover .gnb .depth_all li.depth1 a{color: #1f1f1f;}
.gnb_all:hover .gnb .depth_all li.depth1 a:hover{color: #455adb;}



/* Main Slider */
#main_slider {position:relative; width:100%; height:680px; margin: 0 auto; overflow:hidden;}
#main_slider .slider_img {overflow:hidden;position:relative;width:100%;height:680px;}
#main_slider .slider_img ul {position:absolute; width:100%;height:680px;}
#main_slider .slider_img ul li {float:left;height:680px;}
#main_slider .slider_img ul li.slider_img01 {z-index: 0;}
#main_slider .button {position: absolute; width: 1200px; top:550px; left:45%; }
#main_slider .button ul {}
#main_slider .button ul li {float: left; margin-right:10px }

#main_slider .button #main_slider_left{float: left; width:24px; height:24px; margin-right:10px }
#main_slider .button #main_slider_controll{float: left; width:68px; height:24px;}
#main_slider .button #main_slider_controll .bx-controls-auto-item{float: left; width:24px; height:24px; margin-right:10px }
#main_slider .button #main_slider_right{float: left; width:24px; height:24px;}
#main_slider .button #main_slider_pager{display:none }


#main_slider_ul li { background-repeat: no-repeat; background-position: center; }
#mobile_slider{display:none}

.content_wrap{font-family: 'NanumSquare', sans-serif;}
/* con01 */
.con01{position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 70px 0; overflow: hidden;}
.con01 h3{font-size: 44px; color: #3d3c3c; font-weight: 600; text-align: center;}
.con01 h3::after{content: ''; width: 45px; height: 3px; background: #9b9b9b; position: absolute; left: 48%;   top: 133px;}
.con01 h3 span{color: #7d17e6;}
.con01 p{padding-top: 35px; padding-bottom: 48px; color: #232323; font-size: 17px; font-weight: 500; text-align: center;}
.con01 .program01{float: left; width: 48%; max-width: 625px; height: 163px; padding-left: 220px; background-color: #f3f3f3; background-image: url(/sctea/common/img/main/program_img01.jpg); background-repeat: no-repeat;}
.con01 .program02{float: right; width: 48%; max-width: 625px; height: 163px; padding-left: 220px; background-color: #f3f3f3; background-image: url(/sctea/common/img/main/program_img02.jpg); background-repeat: no-repeat;}
.con01 .program01 a, .con01 .program02 a{display: block;}
.con01 .program01 dl, .con01 .program02 dl{text-align: center; padding: 43px 0;}
.con01 .program01 dl dt, .con01 .program02 dl dt{font-size: 24px; color: #373737; padding-bottom: 18px; font-weight: 500;}
.con01 .program01 dl dd, .con01 .program02 dl dd{font-size: 13px; color: #6a6a6a; font-weight: 400; line-height: 16px; font-family: Malgun gothic, Dotum, arial, sans-serif; letter-spacing: -1px;}

/* con02 */
.con02{position: relative; width: 100%; height: 509px; padding: 64px 0 0; background: url(/sctea/common/img/main/vr_bg.jpg) repeat-x center top;}
.con02 .wrap{position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
.con02 h3{padding: 40px 0 28px 65px; font-size: 44px; color: #fff; font-weight: 600;}
.con02 p{padding-left: 68px; color: #fff; font-size: 17px; font-weight: 500; line-height: 30px;}
.con02 p.btn_vr{margin: 50px 0 0 65px; padding: 0; font-size: 20px; font-weight: 500;}
.con02 p.btn_vr a{display: block; width: 260px; height: 58px; line-height: 58px; color: #fff; background: rgba(79,86,230,.9); text-align: center; border-radius: 58px;}
.con02 .vr_img{position: absolute; top: 20px; right: 0; box-shadow: 18px 18px rgba(0,0,0,0.1);}

/* con03 */
.con03{position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 70px 0 100px; overflow: hidden;}
.con03 h3{margin-bottom: 50px; font-size: 44px; color: #3d3c3c; font-weight: 600; text-align: center;}
.con03 h3::after{content: ''; width: 45px; height: 3px; background: #9b9b9b; position: absolute; left:calc(50% - 23px);   top: 133px;}
.con03 h3 span{color: #455adb;}
.con03 .stay01, .con03 .stay02, .con03 .stay03, .con03 .stay04{float: left; width:33.333%; height: 838px; background-color: #f1f1f1; background-repeat: no-repeat;background-size:auto 419px}
.con03 .stay01{padding-bottom: 419px; background-image: url(/sctea/common/img/main/stay_img01.jpg); background-position: left bottom;}
.con03 .stay02{padding-top: 419px; background-image: url(/sctea/common/img/main/stay_img02.jpg); background-position: left top;}
.con03 .stay03{padding-bottom: 419px; background-image: url(/sctea/common/img/main/stay_img03.jpg); background-position: left bottom;}
.con03 .stay04{padding-top: 419px; background-image: url(/sctea/common/img/main/stay_img04.jpg); background-position: left top;}
.con03 dl{padding-top:122px; text-align: center;}
.con03 dl dt{font-size: 28px; color: #373737; padding-bottom: 18px; font-weight: 500;}
.con03 dl dd{font-size: 16px; color: #6a6a6a; font-weight: 400; line-height: 22px; font-family: Malgun gothic, Dotum, arial, sans-serif;}
.con03 dl dd a{display: block; width: 126px; height: 38px; line-height: 36px; margin: 30px auto 0; border: 1px solid #7a7a7a; border-radius: 38px;}


/**Tab_Ver 1279*****************************************************/
@media screen and (max-width: 1279px) {
/* Main Slider */
#main_slider {height:500px;}
#main_slider .slider_img {height:500px;}
#main_slider .slider_img ul {height:500px;}
#main_slider .slider_img ul li {height:500px;}
#main_slider .slider_img1{background-size: auto 100%;}
#main_slider .slider_img2{background-size: auto 100%;}
#main_slider .slider_img3{background-size: auto 100%;}
#main_slider .button {top:450px;}

.con02{height: 400px; background: url(/sctea/common/img/main/vr_bg.jpg) repeat-x center -60px;}
.con02 .vr_img iframe{width: 550px; height: 309px;}
}

/**Tab_Ver 1023*****************************************************/
@media screen and (max-width: 1023px) {
.content_wrap{position: relative; top: 0!important;}
/* Main Slider */
#main_slider {height:400px; margin-top: -160px; z-index: 0;}
#main_slider .slider_img {height:400px;}
#main_slider .slider_img ul {height:400px;}
#main_slider .slider_img ul li {height:400px;}
#main_slider .button {top:350px; left:43%;}


.con01{padding: 40px 0;}
.con01 h3{font-size: 40px;}
.con01 h3::after{top: 95px;}
.con01 p{padding-top: 30px; padding-bottom: 20px;}
.con01 .program01{padding-left: 0; background-image: none;}
.con01 .program02{padding-left: 0; background-image: none;}

.con02{height: 326px; padding: 30px 0 0; background: url(/sctea/common/img/main/vr_bg.jpg) repeat-x center -165px;}
.con02 h3{padding: 20px 0 18px 35px; font-size: 40px;}
.con02 p{padding-left: 38px;}
.con02 p.btn_vr{margin: 28px 0 0 35px;}
.con02 .vr_img iframe{width: 440px; height: 248px;}
	
.con03{padding: 40px 0 0;}
.con03 h3{margin-bottom: 50px; font-size: 40px;}
.con03 h3::after{top: 95px;}
.con03 .stay01, .con03 .stay02, .con03 .stay03, .con03 .stay04{height:602px;background-size:auto 334px}
.con03 .stay01{padding-bottom: 301px; background-position: center 301px;}
.con03 .stay02{padding-top: 301px; background-position: center -34px}
.con03 .stay03{padding-bottom: 301px; background-position: center 301px}
.con03 .stay04{padding-top: 301px; background-position: center -34px;}
.con03 dl{padding-top:70px; text-align: center;}

}

/**mobile_Ver 790*****************************************************/
@media screen and (max-width: 790px) {
.con02 h3{font-size: 33px;}
.con02 .vr_img{top: 0;}
.con02 .vr_img iframe{width: 370px; height: 208px;}
}
/**mobile_Ver 660*****************************************************/
@media screen and (max-width: 660px) {
/* Main Slider */
#main_slider {height:300px;}
#main_slider .slider_img {height:300px;}
#main_slider .slider_img ul {height:300px;}
#main_slider .slider_img ul li {height:300px;}
#main_slider .button {top:250px; left: 38%;}

.con01 .program01{float: none; width: 100%; max-width: 100%; height: 110px;}
.con01 .program02{float: none; width: 100%; max-width: 100%; height: 110px; margin-top: 10px;}
.con01 .program01 dl, .con01 .program02 dl{padding: 23px 0;}
.con01 .program01 dl dt, .con01 .program02 dl dt{padding-bottom: 10px;}
.con01 .program01 dl dd, .con01 .program02 dl dd{font-size: 12px;}

.con02{height: auto; margin-bottom: 20px; padding: 30px 0; background: #333;}
.con02 h3{padding: 20px; text-align: center;}
.con02 p{display: none;}
.con02 .vr_img{position: relative; width: 100%; padding: 0 20px; box-shadow: 0; text-align: center;}
.con02 .vr_img iframe{width: 330px; height: 186px;}
	
.con03 .stay01, .con03 .stay02, .con03 .stay03, .con03 .stay04{width:100%; height:auto}
.con03 .stay01{padding-bottom: 0; background-position: center 9999px;}
.con03 .stay02{padding-top: 0; background-position: center 9999px;background-color:#fff}
.con03 .stay03{padding-bottom: 0; background-position: center 9999px;}
.con03 .stay04{padding-top: 0; background-position: center 9999px;}
.con03 dl{padding-top:50px;padding-bottom:35px}
}

/**mobile_Ver 460*****************************************************/
@media screen and (max-width: 460px) {
.con02 h3{padding: 20px 0 18px 15px; font-size: 34px;}
.con02 p{padding-left: 17px;}
.con03 h3{font-size:36px}
}

/* main slider*/
.main_back .bx-wrapper { border: 0; }