@charset "utf-8";
@import url('sub.css');

.quick_wrap {position: fixed; top: 130px; right: 0; margin-right:0; width: 97px;overflow: hidden; z-index: 9999;}
.quick_wrap.stiky {top: 50px;}
.quick_wrap ul {padding: 25px 0; background-color: #dcdedf;text-align: center;}
.quick_wrap ul li {padding: 8px 0;}

.language{position:relative; float:left; z-index:9999;}
.language a{color:#666; font-size:13px; text-decoration:none; display:block;}
.language a img{width:19px; vertical-align:middle;}
.language ul{display:none; background: #fff; padding: 5px 10px; position: absolute; top: 25px; left: 0; border: 1px solid #dfdfdf; z-index: 10; width: 80px;}

.mv {}
.mv .mv_list {width: *; height: 750px; position: relative;}
.mv .mv_list_1 { background: url('../img/main/mv1.jpg') 50% 50% no-repeat;}
.mv .mv_list_2 { background: url('../img/main/mv2.jpg') 50% 50% no-repeat;}
.mv .mv_list_3 { background: url('../img/main/mv3.jpg') 50% 50% no-repeat;}
.mv .mv_list_4 { background: url('../img/main/mv4.jpg') 50% 50% no-repeat;}
.mv .mv_list_5 { background: url('../img/main/mv5.jpg') 50% 50% no-repeat;}
.mv .mv_list_6 { background: url('../img/main/mv6.jpg') 50% 50% no-repeat;}
.mv .mv_list_7 { background: url('../img/main/mv7.jpg') 50% 50% no-repeat;}

.mv .txt_area {position: absolute; top: 50%; left: 45%; -ms-transform:translate(-50%,-50%); -webkit-:translate(-50%,-50%); transform:translate(-50%,-50%);}

/* slide 설정 */
.mv .slick-dots {bottom: 90px; text-align: center;}
.mv .slick-dots li {margin: 0 3px;}
.mv .slick-dots .dot {display: inline-block; text-align: center;font-size: 15px; color: #fff; }
.mv .slick-dots .slick-active .dot {text-indent: -9999px; width: 20px; height: 2px; background-color: #fff; line-height: 0px;}

.slick-prev:before,
.slick-next:before {display: none !important;}
.mv .slick-prev,
.mv .slick-next {width:34px; height: 34px; background-image: url('../img/main/mv_prev.png'); background-repeat: no-repeat; left: auto; top: auto; bottom: 60px; right: 50%; margin-right: -540px;opacity: .7; transition:.25s; z-index: 99;}
.mv .slick-next { background-image: url('../img/main/mv_next.png'); margin-right: -600px;}
.mv .slick-prev:hover,
.mv .slick-next:hover {opacity: 1;}

.m1 {padding: 70px 0;}
.m1 .more { position: absolute; top: 0; right: 0; width: 90px; height: 30px; line-height: 27px; font-weight: 400; text-align: center; border: 1px solid #e6e6e6;background-color: #fff; border-radius:50px;  top: 20px; vertical-align: middle; transition:.25s;}
.m1 .more:hover {background-color: #f9f9f9;}
.m1 .more span {display: inline-block; font-weight: normal; font-family: dotum, '돋움'; }



.m2 .more { position: absolute; top: 0; right: 0; width: 90px; height: 30px; line-height: 27px; font-weight: 400; text-align: center; border: 1px solid #e6e6e6;background-color: #fff; border-radius:50px;  top: 20px; vertical-align: middle; transition:.25s;}
.m2 .more:hover {background-color: #f9f9f9;}
.m2 .more span {display: inline-block; font-weight: normal; font-family: dotum, '돋움'; }

.m3 .more { position: absolute; top: 0; right: 0; width: 90px; height: 30px; line-height: 27px; font-weight: 400; text-align: center; border: 1px solid #e6e6e6;background-color: #fff; border-radius:50px;  top: 20px; vertical-align: middle; transition:.25s;}
.m3 .more:hover {background-color: #f9f9f9;}
.m3 .more span {display: inline-block; font-weight: normal; font-family: dotum, '돋움'; }




.m1 li {position: relative; /* margin: 0 10px; */  }
.m1 li .img_wrap img {width: 100%;padding: 0 5px;}
.m1 li .view_wrap {position: absolute;top: 100%; left: 5px; width: calc(100% - 10px); height: 100%; background-color: rgba(0,0,0,.85); transition:.25s;}
.m1 li .view_wrap a {display: block; }
.m1 li .view_wrap .line {width: 2px; height: 45px; background-color: #fff; margin: 0 auto 25px;}
.m1 li .view_wrap p {text-align: center;}
.m1 li .view_wrap p.gray {color: #abacab; margin-bottom: 10px;}
.m1 li .view_wrap img {display: inline !important;}
.m1 li:hover .view_wrap {top: 0;}
.m1 .iconhot {display: inline-block; position: absolute; top: 54px; right: -40px; width: 88px; height: 88px; z-index: 1;}

.m1 .slick-prev,
.m1 .slick-next {width:62px; height: 32px; background-image: url('../img/main/m1_prev.png'); background-repeat: no-repeat;  top: auto; bottom: -30px; left: -57px; z-index: 99;}
.m1 .slick-next { background-image: url('../img/main/m1_next.png');left: auto;right: -57px;}

.m2 {padding: 100px 0; background-color: #f4f4f4;}
.m2 li {float: left; width: 20%; position: relative;overflow: hidden;}
.m2 li .img_wrap {overflow: hidden;}
.m2 li .img_wrap img {transition:.5s;}
.m2 li:hover .img_wrap img { -ms-transform:scale(1.15); -webkit-transform:scale(1.15); transform:scale(1.15); }
.m2 li .view_wrap {position: absolute;top: 100%; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.65); transition:.25s;}
.m2 li .view_wrap a {display: block; width: 100%; text-align: center; position: absolute; top: 50%; left: 0; -ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); transform:translateY(-50%);}
.m2 li .view_wrap .line { font-weight: 900; font-size: 22px; -ms-transform:rotate(20deg); -webkit-transform:rotate(20deg); transform:rotate(20deg);}
.m2 li:hover .view_wrap {top: 0;}

.m3 {padding: 100px 0 30px;}
.video_area {padding: 100px 0 30px;}
.video_area .left {float: left; width: 36%;}
.video_area .left ul {border-top: 3px solid #000;border-bottom: 3px solid #000; padding:0 10px;}
.video_area .left li {position: relative; padding: 7px 0; cursor: pointer; border-bottom: 1px solid #e8e9e9; transition:.25s;}
.video_area .left li:last-child {border-bottom: none;}
.video_area .left li:hover {background-color: #f9f9f9;}
.video_area .left li:before {content:''; display: block; width: 30px; height: 30px; background: url('../img/main/icon_play.png') 0 0 no-repeat; position: absolute; top: 50%; right: 0px; -ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); transform:translateY(-50%); }
.video_area .left li > div {display: table-cell; vertical-align: middle; }
.video_area .left li .txt_wrap {padding: 0 20px;}
.video_area .right {float: right; width: 60.83%;}
.video_wrap {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden;}
.video_wrap iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.m4 {height: 370px; background: url('../img/main/m4_bg.png') 50% 100% no-repeat; font-size: 0;}
.m4 .right {float: right; width: 38%; padding-top: 88px;}
.m4 .right .txt_wrap {margin-top: 70px;}
.m4 .btn_white {display: inline-block; border: 1px solid #fff; width: 275px; height: 45px; line-height: 45px; padding-left: 20px; transition:.25s;}
.m4 .btn_white span {padding-left: 85px;}
.m4 .btn_white:hover {background-color: #fff; color: #1a132a;}

.m5 {padding: 45px 0; font-size: 0;}
.m5 .link {display: inline-block; width: 20%; text-align: center; transition:.25s; position: relative;}
.m5 .link:after {content:''; display: block; width: 1px; height: 30%; background-color: #d5d8db; position: absolute; top: 45%; left: 0;}
.m5 .link:first-child:after {display: none;}
.m5 .link .icon {width: 63px; height: 63px; text-align: center; line-height: 63px; border-radius:50%; background: #909091; margin: 0 auto 15px; transition:.5s;}
.m5 .link:hover { -ms-transform:translateY(-7px);-webkit-transform:translateY(-7px); transform:translateY(-7px);}
.m5 .link:hover .icon {background: linear-gradient(to bottom, #7a7777, #524f4f);}

.map_area {padding: 70px 0; background-color: #f1f2f3; font-size: 0;}
.map_area .left,
.map_area .right {display: inline-block; vertical-align: middle;}
.map_area .right {}
.map_area .right p {display: inline-block; vertical-align: middle;padding-left: 30px;}
.map_area .sns_link a {display: block; margin: 8px 0;}
.map_area .sns_link a img {transition:.25s;}

.m7 {padding: 55px 0; background: url('../img/main/m7_bg.jpg') 0 0 repeat; font-size: 0;}
.m7 .left,
.m7 .right {display: inline-block; vertical-align: middle;}
.m7 .left {width: 410px;}
.m7 .right {border-left: 2px solid #606060; padding-left: 50px;}

.form_tb th,
.form_tb td { padding: 3px; font-size: 18px; vertical-align: middle; }
.form_tb th {color: #fff; text-align: left; font-weight: 400;}
.form_wrap input[type=text],
.form_wrap select,
.form_wrap textarea{ width: 100%; height: 35px; line-height: 35px; background-color: #fff; border: 1px solid #b8b8b8;  font-size: 14px; color: #666; padding: 0 0 0 10px; }
.form_wrap textarea {padding: 10px;height: 70px; line-height: 1.33; color: #b8b8b8;} 
.form_wrap input::placeholder,
.form_wrap select{color: #b8b8b8;}
.form_wrap input[type=checkbox] {width: 15px; height: 15px;}
.agree_btn {display: inline-block; margin-left: 5px; padding: 2px 6px; background-color: #b8b8b8; color: #fff; font-size: 14px; transition:.25s;}
.agree_btn:hover {background-color: #666;}
.agree_box {display: none;}

.m7 .btn_send {position: absolute; top: 0; right: 0;  display: inline-block; width: 140px; padding: 25px 0;  line-height: 1.33;border-radius:10px; background:linear-gradient(to bottom, #b763f6 , #8e35ec); color: #fff; font-size: 28px; font-weight: 500; text-align: center; box-shadow:0 0 10px rgba(0,0,0,0.2);transition:.5s;}
.m7 .btn_send:hover { background:linear-gradient(to top, #b763f6 , #8e35ec);}






@media all and (max-width:2000px){
	.quick_wrap {right: 0; margin-right: 0;}
}