@charset "utf-8";
/*----------------------------------* 
	CSS 초기화 
*----------------------------------*/
*{margin:0;padding:0;box-sizing:border-box}
body,html{height:100%}
body{color:#fff;margin:0;padding:0;vertical-align:baseline;background-color:#000}
body{font-family:"Jeju Gothic",serif}

/* simple css */
.fl{float:left}
.fr{float:right}

.clear:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}
.clear{min-height:1px}
* html .clear{height:1px}

@media(max-width:360px){
	.m_dp_none_360{display:none}
}

/* custom css */
.container-fluid{overflow:hidden;float:left;width:100%;height:100%;margin:0;padding:0}
.row{position:absolute;overflow:hidden;float:left;width:100%;height:100%;margin:0;padding:0}
.carousel{position:absolute;float:left;width:100%;height:100%}
.carousel .carousel-inner{float:left;width:100%;height:100%}
.carousel .carousel-inner .item{float:left;width:100%;height:100%}
.carousel .carousel-inner .item{background-size:100% auto;background-repeat:no-repeat;background-position:center center}
.carousel .carousel-inner .item.no1{background-image:url(/img/bg_tov_1.jpg)}
.carousel .carousel-inner .item.no2{background-image:url(/img/bg_tov_2.jpg)}
.carousel .carousel-inner .item.no3{background-image:url(/img/bg_tov_3.jpg)}
@media only screen and (max-width:735px){
	.carousel .carousel-inner .item{background-size:auto 100%}
}
@media only screen and (max-width:1233px){
	.carousel .carousel-inner .item.no1{background-image:url(/img/bg_tov_1_sml.jpg)}
	.carousel .carousel-inner .item.no2{background-image:url(/img/bg_tov_2_sml.jpg)}
	.carousel .carousel-inner .item.no3{background-image:url(/img/bg_tov_3_sml.jpg)}
}
.box{position:absolute;float:left;width:100%;height:100%}
.box{
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;

	-webkit-animation-name:skew;
	-moz-animation-name:skew;
	-ms-animation-name:skew;
	-o-animation-name:skew;
	animation-name:skew;
}
.box.left{left:-49.888888%}
.box.right{right:-49.888888%}
.box .contents{float:left;width:100%;height:100%}
.box .contents .bg{position:absolute;z-index:1;float:left;width:100%;height:100%;opacity:0.5}
.box .contents .bg{
	-webkit-animation-duration:1.5s;
	-moz-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	-o-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;

	-webkit-animation-name:fadeIn;
	-moz-animation-name:fadeIn;
	-ms-animation-name:fadeIn;
	-o-animation-name:fadeIn;
	animation-name:fadeIn;
}
.box.left .contents .bg{background-color:#10909c}
.box.right .contents .bg{background-color:#000}
.box .contents div{position:absolute;z-index:2;float:left;width:50%;height:100%}
.box .contents div{
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;

	-webkit-animation-name:skew2;
	-moz-animation-name:skew2;
	-ms-animation-name:skew2;
	-o-animation-name:skew2;
	animation-name:skew2;
}
.box.left .contents div{right:0}
.box.right .contents div{left:0}
.box .contents div dl{position:absolute;float:left;width:60%;margin:0;padding:0}
.box .contents div dl{
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-ms-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;

	-webkit-animation-name:fadeIn2;
	-moz-animation-name:fadeIn2;
	-ms-animation-name:fadeIn2;
	-o-animation-name:fadeIn2;
	animation-name:fadeIn2;
}
.box.left .contents div dl{top:20%;left:25%}
.box.right .contents div dl{bottom:20%;right:25%}
.box .contents div dl dt{float:left;width:38%}
.box .contents div dl dt img{float:left;width:100%;height:auto}
.box .contents div dl dd.text{float:left;width:62%;padding:15px;font-size:16px}
.box .contents div dl dd.button{float:left;width:100%;padding:0 10px;text-align:center}
.box .contents div dl dd.button a{float:left;width:100%;border:4px solid #fff;padding:15px;color:#fff;text-decoration:none;font-size:22px}
.box .contents div dl dd.button a{
	-webkit-animation-duration:0.4s;
	-moz-animation-duration:0.4s;
	-ms-animation-duration:0.4s;
	-o-animation-duration:0.4s;
	animation-duration:0.4s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
}
.box.left .contents div dl dd.button a:hover{
	-webkit-animation-name:mouseOver;
	-moz-animation-name:mouseOver;
	-ms-animation-name:mouseOver;
	-o-animation-name:mouseOver;
	animation-name:mouseOver;
}
.box.right .contents div dl dd.button a:hover{
	-webkit-animation-name:mouseOver2;
	-moz-animation-name:mouseOver2;
	-ms-animation-name:mouseOver2;
	-o-animation-name:mouseOver2;
	animation-name:mouseOver2;
}
.box.left .contents div dl dd.button a.mouseOut{
	-webkit-animation-name:mouseOut;
	-moz-animation-name:mouseOut;
	-ms-animation-name:mouseOut;
	-o-animation-name:mouseOut;
	animation-name:mouseOut;
}
.box.right .contents div dl dd.button a.mouseOut{
	-webkit-animation-name:mouseOut2;
	-moz-animation-name:mouseOut2;
	-ms-animation-name:mouseOut2;
	-o-animation-name:mouseOut2;
	animation-name:mouseOut2;
}

@media only screen and (min-width:320px){
	/* iPhone 5S */
	.box .contents div dl{width:100%}
	.box.left .contents div dl{top:3%;left:5%}
	.box.right .contents div dl{bottom:3%;right:5%}
	.box .contents div dl dt{width:100%}
	.box.left .contents div dl dt img{float:left;width:60%}
	.box.right .contents div dl dt img{float:right;width:60%}
	.box .contents div dl dd.text{width:100%;padding:10px;font-size:12px}
	.box .contents div dl dd.button{padding:0 5px}
	.box .contents div dl dd.button a{border:2px solid #fff;padding:5px;font-size:13px}
}
@media only screen and (min-width:360px){
	/* Galaxy S5 */
}
@media only screen and (min-width:375px){
	/* iPhone 6 */
}
@media only screen and (min-width:414px){
	/* iPhone 6 Plus */
}
@media only screen and (min-width:480px){
	/* iPhone (landscape) */
	.box .contents div dl{width:80%}
	.box.left .contents div dl{top:5%;left:5%}
	.box.right .contents div dl{bottom:5%;right:5%}
}
@media only screen and (min-width:768px){
	/* iPad (portrait) */
	.box .contents div dl dd.text{font-size:13px}
	.box .contents div dl dd.button a{border:2px solid #fff;font-size:15px}
}
@media only screen and (min-width:1024px){
	/* iPad (landscape) */
	.box.left .contents div dl dt img{width:40%}
	.box.right .contents div dl dt img{width:40%}
}
@media only screen and (min-width:1025px){
	/* Tablet PC */
	.box .contents div dl{width:75%}
	.box.left .contents div dl{top:7%;left:10%}
	.box.right .contents div dl{bottom:7%;right:10%}
	.box .contents div dl dt{width:38%}
	.box.left .contents div dl dt img{float:left;width:100%}
	.box.right .contents div dl dt img{float:left;width:100%}
	.box .contents div dl dd.text{width:62%;padding:15px;font-size:14px}
	.box .contents div dl dd.button{padding:0 10px}
	.box .contents div dl dd.button a{border:3px solid #fff;padding:10px;font-size:18px}
}
@media only screen and (min-width:1281px){
	/* Desktop PC */
	.box .contents div dl{width:60%}
	.box.left .contents div dl{top:15%;left:20%}
	.box.right .contents div dl{bottom:15%;right:20%}
	.box .contents div dl dd.text{font-size:16px}
	.box .contents div dl dd.button a{border:4px solid #fff;padding:15px;font-size:22px}
}

/* animation */
@-webkit-keyframes skew{
	0%{
		-webkit-transform:skew(0deg, 0deg);
		-moz-transform:skew(0deg, 0deg);
		-ms-transform:skew(0deg, 0deg);
		-o-transform:skew(0deg, 0deg);
		transform:skew(0deg, 0deg);
	}
	100%{
		-webkit-transform:skew(-25deg, 0deg);
		-moz-transform:skew(-25deg, 0deg);
		-ms-transform:skew(-25deg, 0deg);
		-o-transform:skew(-25deg, 0deg);
		transform:skew(-25deg, 0deg);
	}
}
@-moz-keyframes skew{
	0%{
		-webkit-transform:skew(0deg, 0deg);
		-moz-transform:skew(0deg, 0deg);
		-ms-transform:skew(0deg, 0deg);
		-o-transform:skew(0deg, 0deg);
		transform:skew(0deg, 0deg);
	}
	100%{
		-webkit-transform:skew(-25deg, 0deg);
		-moz-transform:skew(-25deg, 0deg);
		-ms-transform:skew(-25deg, 0deg);
		-o-transform:skew(-25deg, 0deg);
		transform:skew(-25deg, 0deg);
	}
}
@-ms-keyframes skew{
	0%{
		-webkit-transform:skew(0deg, 0deg);
		-moz-transform:skew(0deg, 0deg);
		-ms-transform:skew(0deg, 0deg);
		-o-transform:skew(0deg, 0deg);
		transform:skew(0deg, 0deg);
	}
	100%{
		-webkit-transform:skew(-25deg, 0deg);
		-moz-transform:skew(-25deg, 0deg);
		-ms-transform:skew(-25deg, 0deg);
		-o-transform:skew(-25deg, 0deg);
		transform:skew(-25deg, 0deg);
	}
}
@-o-keyframes skew{
	0%{
		-webkit-transform:skew(0deg, 0deg);
		-moz-transform:skew(0deg, 0deg);
		-ms-transform:skew(0deg, 0deg);
		-o-transform:skew(0deg, 0deg);
		transform:skew(0deg, 0deg);
	}
	100%{
		-webkit-transform:skew(-25deg, 0deg);
		-moz-transform:skew(-25deg, 0deg);
		-ms-transform:skew(-25deg, 0deg);
		-o-transform:skew(-25deg, 0deg);
		transform:skew(-25deg, 0deg);
	}
}
@keyframes skew{
	0%{
		-webkit-transform:skew(0deg, 0deg);
		-moz-transform:skew(0deg, 0deg);
		-ms-transform:skew(0deg, 0deg);
		-o-transform:skew(0deg, 0deg);
		transform:skew(0deg, 0deg);
	}
	100%{
		-webkit-transform:skew(-25deg, 0deg);
		-moz-transform:skew(-25deg, 0deg);
		-ms-transform:skew(-25deg, 0deg);
		-o-transform:skew(-25deg, 0deg);
		transform:skew(-25deg, 0deg);
	}
}

@-webkit-keyframes skew2{
	0%{
		-webkit-transform:skew(0deg, 0deg);
		-moz-transform:skew(0deg, 0deg);
		-ms-transform:skew(0deg, 0deg);
		-o-transform:skew(0deg, 0deg);
		transform:skew(0deg, 0deg);
	}
	100%{
		-webkit-transform:skew(25deg, 0deg);
		-moz-transform:skew(25deg, 0deg);
		-ms-transform:skew(25deg, 0deg);
		-o-transform:skew(25deg, 0deg);
		transform:skew(25deg, 0deg);
	}
}
@-moz-keyframes skew2{
	0%{
		-webkit-transform:skew(0deg, 0deg);
		-moz-transform:skew(0deg, 0deg);
		-ms-transform:skew(0deg, 0deg);
		-o-transform:skew(0deg, 0deg);
		transform:skew(0deg, 0deg);
	}
	100%{
		-webkit-transform:skew(25deg, 0deg);
		-moz-transform:skew(25deg, 0deg);
		-ms-transform:skew(25deg, 0deg);
		-o-transform:skew(25deg, 0deg);
		transform:skew(25deg, 0deg);
	}
}
@-ms-keyframes skew2{
	0%{
		-webkit-transform:skew(0deg, 0deg);
		-moz-transform:skew(0deg, 0deg);
		-ms-transform:skew(0deg, 0deg);
		-o-transform:skew(0deg, 0deg);
		transform:skew(0deg, 0deg);
	}
	100%{
		-webkit-transform:skew(25deg, 0deg);
		-moz-transform:skew(25deg, 0deg);
		-ms-transform:skew(25deg, 0deg);
		-o-transform:skew(25deg, 0deg);
		transform:skew(25deg, 0deg);
	}
}
@-o-keyframes skew2{
	0%{
		-webkit-transform:skew(0deg, 0deg);
		-moz-transform:skew(0deg, 0deg);
		-ms-transform:skew(0deg, 0deg);
		-o-transform:skew(0deg, 0deg);
		transform:skew(0deg, 0deg);
	}
	100%{
		-webkit-transform:skew(25deg, 0deg);
		-moz-transform:skew(25deg, 0deg);
		-ms-transform:skew(25deg, 0deg);
		-o-transform:skew(25deg, 0deg);
		transform:skew(25deg, 0deg);
	}
}
@keyframes skew2{
	0%{
		-webkit-transform:skew(0deg, 0deg);
		-moz-transform:skew(0deg, 0deg);
		-ms-transform:skew(0deg, 0deg);
		-o-transform:skew(0deg, 0deg);
		transform:skew(0deg, 0deg);
	}
	100%{
		-webkit-transform:skew(25deg, 0deg);
		-moz-transform:skew(25deg, 0deg);
		-ms-transform:skew(25deg, 0deg);
		-o-transform:skew(25deg, 0deg);
		transform:skew(25deg, 0deg);
	}
}

@-webkit-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:0.5}
}
@-moz-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:0.5}
}
@-ms-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:0.5}
}
@-o-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:0.5}
}
@keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:0.5}
}

@-webkit-keyframes fadeIn2{
	0%{opacity:0}
	100%{opacity:1}
}
@-moz-keyframes fadeIn2{
	0%{opacity:0}
	100%{opacity:1}
}
@-ms-keyframes fadeIn2{
	0%{opacity:0}
	100%{opacity:1}
}
@-o-keyframes fadeIn2{
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes fadeIn2{
	0%{opacity:0}
	100%{opacity:1}
}

@-webkit-keyframes mouseOver{
	0%{background-color:none;opacity:1}
	100%{border-color:#eb0000;background-color:#eb0000;opacity:0.8}
}
@-moz-keyframes mouseOver{
	0%{background-color:none;opacity:1}
	100%{border-color:#eb0000;background-color:#eb0000;opacity:0.8}
}
@-ms-keyframes mouseOver{
	0%{background-color:none;opacity:1}
	100%{border-color:#eb0000;background-color:#eb0000;opacity:0.8}
}
@-o-keyframes mouseOver{
	0%{background-color:none;opacity:1}
	100%{border-color:#eb0000;background-color:#eb0000;opacity:0.8}
}
@keyframes mouseOver{
	0%{background-color:none;opacity:1}
	100%{border-color:#eb0000;background-color:#eb0000;opacity:0.8}
}

@-webkit-keyframes mouseOut{
	0%{border-color:#eb0000;background-color:#eb0000;opacity:0.8}
	100%{background-color:none;opacity:1}
}
@-moz-keyframes mouseOut{
	0%{border-color:#eb0000;background-color:#eb0000;opacity:0.8}
	100%{background-color:none;opacity:1}
}
@-ms-keyframes mouseOut{
	0%{border-color:#eb0000;background-color:#eb0000;opacity:0.8}
	100%{background-color:none;opacity:1}
}
@-o-keyframes mouseOut{
	0%{border-color:#eb0000;background-color:#eb0000;opacity:0.8}
	100%{background-color:none;opacity:1}
}
@keyframes mouseOut{
	0%{border-color:#eb0000;background-color:#eb0000;opacity:0.8}
	100%{background-color:none;opacity:1}
}

@-webkit-keyframes mouseOver2{
	0%{background-color:none;opacity:1}
	100%{border-color:#fff;background-color:#fff;color:#000;opacity:0.8}
}
@-moz-keyframes mouseOver2{
	0%{background-color:none;opacity:1}
	100%{border-color:#fff;background-color:#fff;color:#000;opacity:0.8}
}
@-ms-keyframes mouseOver2{
	0%{background-color:none;opacity:1}
	100%{border-color:#fff;background-color:#fff;color:#000;opacity:0.8}
}
@-o-keyframes mouseOver2{
	0%{background-color:none;opacity:1}
	100%{border-color:#fff;background-color:#fff;color:#000;opacity:0.8}
}
@keyframes mouseOver2{
	0%{background-color:none;opacity:1}
	100%{border-color:#fff;background-color:#fff;color:#000;opacity:0.8}
}

@-webkit-keyframes mouseOut2{
	0%{border-color:#fff;background-color:#fff;color:#000;opacity:0.8}
	100%{background-color:none;opacity:1}
}
@-moz-keyframes mouseOut2{
	0%{border-color:#fff;background-color:#fff;color:#000;opacity:0.8}
	100%{background-color:none;opacity:1}
}
@-ms-keyframes mouseOut2{
	0%{border-color:#fff;background-color:#fff;color:#000;opacity:0.8}
	100%{background-color:none;opacity:1}
}
@-o-keyframes mouseOut2{
	0%{border-color:#fff;background-color:#fff;color:#000;opacity:0.8}
	100%{background-color:none;opacity:1}
}
@keyframes mouseOut2{
	0%{border-color:#fff;background-color:#fff;color:#000;opacity:0.8}
	100%{background-color:none;opacity:1}
}