/*메인*/
.header{min-width:1120px}
.main{width:100%;min-width:1280px;position:absolute;top:74px;}
.con{width:1280px;margin:0 auto;padding:0px; }
.con:after {content:""; display:block; clear:both;}
.main .visual_area {text-align:center; background:#3da4ce;}
.main .visual_area .m_visual{display:none}
.main_contxt{background: #fff;position:relative}
.main_contxt .con_top, .main_contxt .con_bottom{overflow:hidden;width:100%;}
.main_contxt .con_bottom{padding-top:12em; padding-bottom:10em; background:url('../img/main/img-bg-scottie-special.png') no-repeat right -142px bottom; background-size:940px auto;}
.context_area{display:inline-block;vertical-align:top;width:50%}
.context .btn01, .context .btn02, .context .btn03{margin-top:1.3em}
.context { color:#333;font-size:15pt;}
.context p{font-size:15pt;line-height:1.7em !important;letter-spacing: -1px;}
.context_ul_dot li{color:#333;font-size:15pt;line-height:1.8em !important;list-style:none;letter-spacing: -1px;}
.context_ul_dot li p{display:inline-block}
.context_ul_dot li:before{content:"";vertical-align: 3pt;display:inline-block;margin-right:0.5em;width:6px;height:6px;border-radius:100%;background:#333;}
.context_ul_line li{list-style:none;border-bottom:1px solid #99dbec;}
.context_ul_line li a{color:#fff;font-size:15pt;line-height:2.3em !important;letter-spacing: -1px;font-weight:300}
.context_ul_line li span{display:inline-block;padding-right:4%;min-width: 4.2em;}
.video_area{position:relative;display:inline-block;cursor:pointer}
.v_tit{position:absolute;top:1pt;left:1em;z-index:30;color:#fff;font-size:15pt;line-height:2.5em;}
.v_icon{position:absolute;top:1.6em;right:1em;z-index:30;}
.v_icon img{vertical-align:middle}
.v_icon a{margin-left:9pt;vertical-align:top;display:inline-block}
.section .section_tit{font-size:33px;margin-bottom:0.35em;line-height:1.4em;margin-top:3%;color:#000;}
.section .section_tit2{position:absolute;right:0;top:22px;width:54%;display:inline-block;font-size:24.5pt;margin-bottom:46px;line-height:1.4em;color:#ffea58}
.section .video_area{margin-right:6em;width:538px;height:333px}
.section .video_area.img_con {height:auto;margin-right:0;text-align:center;}
.section .video_area.img_con img {width:80%;}
.video_area .bg{position:absolute;z-index:20;top:0;left:0;background:url('../img/main/bg_dark.png') repeat-x;display:inline-block;width:100%;height:100%}
.video_area .icon_v{position:absolute;z-index:30;left:50%;top:50%;margin-left:-37.5px;margin-top:-26px}
.section {background:#fff;padding-top:7.6vh;}
.section:after{display:block;clear:both;content:""}
.section .img_icon{float:right; position: relative; top: -6em;right:4em}
.section .shadow{background:url('../img/main/shadow.png') no-repeat 50% bottom;position:absolute;height:4vh;bottom:-16px;width:100%;display:inline-block;left:0}
.section01 .con_bottom .context_area {width:100%;}
.section02{background:url('../img/main/main_bg01.png') no-repeat 50% top;background-size:cover;width:100%; padding-bottom:7vh;}
.section02 .section_tit, .section02 .context{color:#fff}
	.section01 .video_area,
	.section02 .video_area {height:auto; padding-bottom:20px; cursor:default; background:url('../img/main/shadow.png') no-repeat 50% bottom; background-size:100%;}
	.section01 .video_area {margin-top:2em;}
	.section02 .video_area {margin-top:3em;}
	.section01 .video_area video,
	.section02 .video_area video {width:100%; cursor:pointer;}
.section03{background:url('../img/main/main_bg09.png') no-repeat right center;background-size:cover;height:457px;width:100%;}
.section03 .section_tit{color:#010101}
.section03 .con{padding-top:7vh}
.section03 .context p{ padding-left: 1em;}
.section04{background:#00a4cf;height:auto;padding-bottom:7.6vh}
.section04 .con{position:relative}
.section04 .context_area{margin-top:2em}
.section04 .context{clear:both;padding-left:80px;margin-top:2%;display:inline-block;width:50%}
.section04 .section_tit2 .sco_c{position:absolute;right:165px;top:-58px}
.section04 .context_ul_line{position:relative;z-index:20;float:left;margin-left:80px;width:440px;margin-top:8%}
/*서브배너*/
.section05 {background:#ddf7ff url('../img/main/main_bg0201.png') no-repeat;background-position:center bottom;width:100%;padding-top:30px; padding-bottom:170px;}
.section05 .video_area{text-align:right; cursor:default;}
.section05 .video_area.img_con img {width:340px;}
.section05 .cont_area {width:50%; float:left; }
.section05 .cont_area .context_area {width:460px; padding-left:0px; margin-left:0px; display:block; }
.section05 .cont_area:last-child .context_area {margin-left:30px !important; margin-right:0 !important;}
.section05 .context_area h3 {margin:0 auto; font-size:28px;}
.section05 .section_tit, .section05 .btn-wrap {width:89%; text-align:center;}
.section05 .btn-wrap { padding-left:0; margin:20px auto 0;  }


/*슬라이드 메인*/
.slick-list{width:538px;float:left}
.section04 .video_area{margin-right:0}
.section04 .context_area{position:absolute;right:4em;top:0;}
	/*슬라이드 관련 텍스트 on표시*/
.context_ul_line .slick-active a{color:#ffea58}

.slide, .slidectrl {list-style:none; padding:0; margin:0;} 
.slidebox {width:300px; overflow:hidden; position:relative; height:150px;} 
.slide {width:1500px; height:150px; position:absolute; left:0;} 
.slide li {display:inline-block; width:300px; height:150px; text-align:center; color:white; font-size:30px; line-height:150px; margin-right:-4px;} 
.slidectrl {width:300px; text-align:center; margin-top:10px;} 
.slidectrl li {display:inline-block;}

/* 구매하기 고정 버튼 */
.purchase-banner {
	display:none;
	position:fixed; top:67%; right:0; z-index:100; visibility:hidden; opacity:0; transition:all .5s;
	transform-origin:100% 100%; /* 원점의 위치 */
	/*-webkit-transform:rotate3d(0, 0, 1, 5deg);
	transform:rotate3d(0, 0, 1, 5deg);*/
}
.purchase-banner a {display:block;}
.purchase-banner.move {
	visibility:visible; animation-duration:2s; opacity:1;
	right:20px;
	/*-webkit-transform:rotate3d(0, 0, 1, 0);
	transform:rotate3d(0, 0, 1, 0);*/
	animation-name: swing;
	animation-direction: alternate;
	animation-timing-function:ease-in;}
.purchase-banner.move:hover{
	animation-duration:1s; opacity:.8;
	/*transform:rotate3d(1, 0, 1, -15deg);*/
}

@media only screen and (min-width:1280px) and (max-width: 1760px) {
	.section03 {background-position:right 45% center;}
}

/*[laptop < 1279px]*/
@media only screen and (min-width:1024px) and (max-width: 1279px) {
	/*공통*/
	.header {width:100%; min-width:100%;}
	.main {min-width:100%;}
	.con {width:1024px; margin:0 auto;}
	.section .video_area {float:left; width:45%; margin-right:5%;}
	.context_area {float:left; width:50%;}
	.section01 {background:url('../img/main/img-bg-scottie-special.png') no-repeat right -200px bottom; background-size:850px auto;}
	.section01 .con_bottom .context_area {float:none; width:100%;}
	.main_contxt .con_bottom {padding-top:7em; background:none;}
	.section03 {background-position:right -580px center;}
	.slick-list {width:45%; margin-right:5%;}
	.section04 .context_ul_line {margin-left:0; margin-top:7%;}
	.section04 .video_area {width:100%; height:auto; margin-right:0;}
	.section04 .section_tit2 {width:50%; top:0;}
	.section04 .section_tit2 .sco_c {top:-10px; right:10px; width:57px;}
	.section04 .context {padding-left:0; margin-top:24px;}
	/*서브배너*/
	.section05 .video_area.img_con img {width:260px;}

}


/*[태블릿 < 1023px]*/
@media screen and ( max-width: 1024px) and (orientation:landscape) { /* 태블릿 가로 */
	/* 공통 */
	.header {min-width:100%;}
	.main {min-width:100%;}
	.section {padding-left:40px;}
	.section .con {width:100%;}

	/* 하단 배너 */

	.purchase-banner {display:none;}
}

@media screen and ( max-width: 1023px){
 .main{top:48px}
	.main, .header{min-width:auto}
	.fs{letter-spacing:-1px}
	.fs2{letter-spacing:-2px}
	.btn_txt img{width:13px;vertical-align:initial}
	.main .visual_area .m_visual{display:block}
	.main .visual_area .visual{display:none}
	.main_contxt .con_bottom{padding-top:3em; background:none;}
	.con{width:100%;padding:0 5%}
	.context_area,
	.section01 .con_bottom .context_area {width:100%}
	.context_ul_dot li p{width:90%;display:inline-block;vertical-align:top;margin-left: 1%;}
	.context_ul_dot li:before, .context_ul_line li:before{margin-right:0.2%;width:4px;height:4px}
	.section{width:auto;height:100%;}
	.section{padding-bottom:6.6vh}
	.section .shadow{bottom:-8px}
	.section .con{margin-top:0;padding-top:0}
	.section .video_area {margin-right:0 !important; margin-left:0 !important; display:block;width:100%;height:388px;text-align:center}
	.section .video_area img{width:100%}
	.section .img_icon{top:0;right:0}
	.section01 {padding-bottom:120px; background:url('../img/main/img-bg-scottie-special.png') no-repeat center bottom; background-size:650px auto;}
	.section01 .img_icon {text-align:center}
	.section01 .img_icon img{width:60%;}
	.section01 .video_area,
	.section02 .video_area {height:auto; margin-top:0;}
	.section03{background-position:left 80% top;background-size:160%; padding-top: 39%;}
	.section03 .context p{padding-left:0}
	.section04{padding-top: 5.6vh;}
	.section04 .context_area{margin-top:0;position:absolute;width:100%;right:0;text-align:center;height:31px}
	.section04 .section_tit2 .sco_c{display:none}
	.section04 .section_tit2{position:inherit;width:100%;top:0;margin-bottom:0.35em}
	
	/*모바일 슬라이드*/
	.section04 .slick-slider, .section04 .slick-list, .slick-slide img{width:100%;}
	.section04 .context{width:100%;padding-left:0;top:53vh;text-align:left}
	.section04 .context_ul_line{width:100%;margin-left:0;margin-top:3%}
	.slick-track{transform: translate3d(0px, 0px, 0px);}

	/*서브배너*/
	.section05 {padding-bottom:170px; }
	.section05 .con {padding-left:20px; padding-right:20px;}
	.section05 .cont_area {float:none; margin:0 auto !important; }
	.section05 .cont_area .context_area {width:85%; margin:0 auto !important;}
	.section05 .cont_area:last-child {margin-top:30px !important; }
	.section05 .section_tit {width:100%; font-size:23pt; text-align:center; margin-top:0; margin-bottom:0;}
	.section05 .btn-wrap {width:100%; text-align:center;padding-left:0px;}
	
	.section05 .video_area.img_con img {width:260px;}
	
	.purchase-banner {display:none;}
}

/*[모바일 < 767px]*/
@media screen and ( max-width: 767px){
	.btn01, .btn02, .btn03, .btn_txt {font-size:12.5pt}
	.btn-wrap {text-align:center;padding-left:0}
	.btn-wrap a {min-width:auto;min-width:130px;font-size:12.5pt}
	.context p {font-size:12pt;letter-spacing:-1pt; }
	.section .video_area {height:300px}
	.section01 .video_area,
	.section02 .video_area {height:auto;}
	.section .section_tit, .section .section_tit2{font-size:17pt;letter-spacing:-1px}
	.context_ul_dot li, .context_ul_line li{font-size:12pt;letter-spacing:-2px}
	.context_ul_line li a{font-size:13pt}
	.section01 .img_icon img{width:80%;}
	
	/*서브배너*/
	.section .video_area.img_con {width:100%; padding-right:0;}
	.section .video_area.img_con img {width:60%;}
	.section05 {min-height:350px; background-color:#ddf7ff;background-size:250%;padding-top:30px;padding-bottom:18%;background-repeat: no-repeat;}
	.section05 .con {width:100%; margin:0 auto; }
	.section05 .cont_area {width:100%; float:none; margin:0 auto !important; }
	.section05 .cont_area .context_area {width:85%; margin:0 auto !important;}
	.section05 .cont_area:last-child {margin-top:30px !important; }
	.section05 .cont_area:last-child .context_area {margin-left:0 !important;}
	.section05 .context_area h3 {margin-top:0;width:100%;font-size:23px; margin-bottom:20px;}
	.section05 .video_area.img_con {width:100%; }
	.section .video_area.img_con img {width:65%;}
	.section05 .video_area.img_con img {width:200px;}
	.section05 .btn-wrap { margin-top:10px; margin-bottom:15px;}
}

@media screen and (max-width: 479px) {
	.section .video_area{height:189px}
	.section01 .video_area,
	.section02 .video_area {height:auto;}
}

@media screen and ( max-width: 360px){
 	.fs{letter-spacing:-2px}
	.fs2{letter-spacing:-2.5px}
	.context_ul_dot li:before, .context_ul_line li:before{margin-right:0.1%;width:4px;height:4px}
}


  
	
.footer-center .social-links{display:none}