/* main.css */
@charset "utf-8";

#m_popup .popup{position:relative;}
#m_popup .popup .content {display:block; position:relative;  width:100%;}
#m_popup .popup .content img,#m_popup .popup .content img{width:100%;}
#m_popup .popup .content .bx-controls-direction {display:none;}
#m_popup .popup .content .bx-pager {position:absolute; bottom:20px; left:0; width:100%; text-align:center; z-index:99; font-size:0;}
#m_popup .popup .content .bx-pager div {display:inline-block; }
#m_popup .popup .content .bx-pager div a {display:block; width:10px; height:10px; margin:0 4px; background:url('../images/main/pager_btn.png') no-repeat; background-size:100%; font-size:0;}
#m_popup .popup .content .bx-pager div a.active {background:url('../images/main/pager_btn_on.png') no-repeat; background-size:100%;}

#m_popup .popup .content .pop_img_m{display:none;}

.eom_image_m{display:none;}

#m_popup .popup .btn{position:absolute; top:20px; right:50%; margin-right:-550px; z-index:99;}
#m_popup .popup .btn .close{display:inline-block;}
#m_popup .popup .btn .close a{display:inline-block; color:#fff; font-size:13px; padding-right:19px; background:url('../images/btn/pop_close.png') no-repeat 100% 50%; background-size:9px}

#m_popup02 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 93, 170, 0.8); z-index:999;}
#m_popup02 .btn{position:absolute; top:50px; right:50px; z-index:99; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s;}
#m_popup02 .popup {position:absolute; width:100%; height:100%;}
#m_popup02 .popup .content {height:100%; padding:100px 15px 50px;}
#m_popup02 .popup .content .cont {max-width:1200px; margin:0 auto; height:calc(100% - 150px); color:#fff; box-sizing:border-box;}
#m_popup02 .popup .content .cont .bx-wrapper {height:100%;}
#m_popup02 .popup .content .cont .bx-viewport {height:100%;}
#m_popup02 .popup .content .cont .bx-viewport ul.cont_list {height:100%;  }
/* #m_popup02 .popup .content .cont .bx-viewport ul.cont_list li {position:relative; height:calc(100% - 100px); margin-top:100px; border:1px solid #cc0000;}
#m_popup02 .popup .content .cont .bx-viewport ul.cont_list li .con {display:table; height:100%; border:1px solid #cc0000;}
#m_popup02 .popup .content .cont .bx-viewport ul.cont_list li .con .con_inner {display:table-cell; vertical-align:middle;} */
#m_popup02 .popup .content .cont .bx-viewport ul.cont_list li .con .con_inner img {max-width:100%;}
#m_popup02 .popup .content .cont .bx-controls-direction {display:none;}
#m_popup02 .popup .content .cont .bx-pager {position:absolute; bottom:50px; left:0; width:100%; text-align:center; z-index:99; font-size:0;}
#m_popup02 .popup .content .cont .bx-pager div {display:inline-block; }
#m_popup02 .popup .content .cont .bx-pager div a {display:block; width:10px; height:10px; margin:0 4px; background:url('../images/main/pager_btn.png') no-repeat; background-size:100%; font-size:0;}
#m_popup02 .popup .content .cont .bx-pager div a.active {background:url('../images/main/pager_btn_on.png') no-repeat; background-size:100%;}

#m_popup02 .popup .btn .close{display:inline-block;}
#m_popup02 .popup .btn .close a{display:inline-block; width:40px; height:40px; background:url('../images/btn/pop_close02.png') no-repeat 100% 50%; background-size:100%; text-indent:-99999px;}


#m_contents{max-width:1760px; margin:0 auto; box-sizing:border-box;}
#m_contents > div h3{padding-bottom:10px;}
/* #m_contents > div h3 > em{font-family:'Quicksand', sans-serif; font-weight:700; display:block; font-style:normal; color:#4dc6f1; font-size:12px; line-height:12px; letter-spacing:4px; padding-bottom:10px;} */
#m_contents > div h3 > em{font-family:'Quicksand', sans-serif; font-weight:700; display:block; font-style:normal; color:#ffb7f2; font-size:12px; line-height:12px; letter-spacing:4px; padding-bottom:10px;}
#m_contents > div h3 span{display:block; color:#333; font-size:26px; font-weight:300; letter-spacing:-0.5px}
#m_contents > div h3 span strong{font-weight:700}
#m_contents > div h3 span em{color:#999; font-style:normal; font-size:15px; padding-left:10px; word-break:keep-all;}

#m_contents .sct_1{background:url('../images/main/visual.jpg') no-repeat 50% 0; background-size:cover; position:relative; padding:126px 0}
#m_contents .sct_1:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:15px; background:url('../images/main/pattern.png') no-repeat 50% 0;}
#m_contents .sct_1 div{max-width:1200px; margin:0 auto; box-sizing:border-box;}
#m_contents .sct_1 div strong{display:block; color:#222; font-size:13px; letter-spacing:4px; font-weight:400;}
#m_contents .sct_1 div dl{padding:20px 0 55px; word-break:keep-all;}
#m_contents .sct_1 div dl dt{color:#005daa; font-size:50px; line-height:50px; font-family:'Quicksand', sans-serif; font-weight:700; padding-bottom:25px;}
#m_contents .sct_1 div dl dd{color:#333; font-size:15px; line-height:26px; letter-spacing:-0.5px;}
#m_contents .sct_1 div a{display:inline-block; padding:0 30px; border-radius:30px; background:#4dc6f1; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s;}
#m_contents .sct_1 div a span{display:inline-block; padding-right:85px; color:#fff; font-size:15px; line-height:50px; background:url('../images/icon/icon_arr.png') no-repeat 100% 50%}
#m_contents .sct_1 div a:hover{opacity:0.6;}

#m_contents .sct_2{max-width:1200px; margin:0 auto; box-sizing:border-box; padding:40px 0;}
#m_contents .sct_2 .service_step{overflow:hidden;}
#m_contents .sct_2 .service_step li{float:left; width:24%; box-sizing:border-box; padding:0 20px 20px 80px; background-size:60px !important;}
#m_contents .sct_2 .service_step li:last-child{width:28%;}

#m_contents .sct_2 .service_step li dl{word-break:keep-all;}
#m_contents .sct_2 .service_step li dl dt span{display:block; color:#333; font-size:18px; padding-bottom:10px; letter-spacing:-0.5px;}
#m_contents .sct_2 .service_step li dl dt strong{display:block; font-family:'Quicksand', sans-serif; font-weight:700; letter-spacing:1px; color:#008dd1; font-size:12px;}
#m_contents .sct_2 .service_step li dl dd{color:#666; font-size:15px; line-height:24px; letter-spacing:-0.5px;}
#m_contents .sct_2 .service_step li dl dd span{font-size:13px;}
#m_contents .sct_2 .service_step li:nth-of-type(1){background:url('../images/main/step_1.png') no-repeat 0 5px}
#m_contents .sct_2 .service_step li:nth-of-type(2){background:url('../images/main/step_2.png') no-repeat 0 5px}
#m_contents .sct_2 .service_step li:nth-of-type(3){background:url('../images/main/step_3.png') no-repeat 0 5px}
#m_contents .sct_2 .service_step li:nth-of-type(4){background:url('../images/main/step_4.png') no-repeat 0 5px}
#m_contents .sct_2 .service_step li:nth-of-type(5){background:url('../images/main/step_5.png') no-repeat 0 5px}

#m_contents .sct_3{background:url('../images/main/sct_3_bg.jpg') no-repeat 50% 0; background-size:cover; text-align:center; box-sizing:border-box; padding:60px 0;}
#m_contents .sct_3 h3{padding-bottom:40px;}
#m_contents .sct_3 .btn{font-size:0;}
#m_contents .sct_3 .btn a{display:inline-block; width:180px; height:50px; text-indent:-99999px;}
#m_contents .sct_3 .btn a.btn_googlePlay{background:url('../images/main/btn_app_1.png') no-repeat 0 0; margin-right:40px;}
#m_contents .sct_3 .btn a.btn_appStore{background:url('../images/main/btn_app_2.png') no-repeat 0 0}

#m_contents .sct_4{box-sizing:border-box; padding:60px 0;}
#m_contents .sct_4 h3{max-width:1200px; margin:0 auto; box-sizing:border-box;}
#m_contents .sct_4 .review{max-width:1760px; margin:0 auto; box-sizing:border-box; overflow:hidden;}
#m_contents .sct_4 .review .review_s .slick-slide{opacity:0.4;}
#m_contents .sct_4 .review .review_s .slick-slide a{outline:none; display:block; background:url('../images/main/review_bg.jpg') repeat-x 0 0 #fff; width:calc(100% - 30px); margin:0 auto; box-shadow:0 0 24px rgba(0,0,0,0.1); padding:40px; box-sizing:border-box;}
#m_contents .sct_4 .review .review_s .slick-slide a .thumb{display:block; margin:0 auto; width:160px; height:160px; border-radius:100%; overflow:hidden;}
#m_contents .sct_4 .review .review_s .slick-slide a .thumb img{width:100%;}
#m_contents .sct_4 .review .review_s .slick-slide a .txt{color:#999; font-size:15px; line-height:26px; height:78px; letter-spacing:-0.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:32px 0}
#m_contents .sct_4 .review .review_s .slick-slide a .info{font-size:0;}
#m_contents .sct_4 .review .review_s .slick-slide a .info li{display:inline-block; font-size:13px; color:#999}
#m_contents .sct_4 .review .review_s .slick-slide a .info li:before{content:'|'; color:#ddd; padding:0 10px;}
#m_contents .sct_4 .review .review_s .slick-slide a .info li:first-child:before{display:none;}
#m_contents .sct_4 .review .review_s .slick-slide a .info li strong{color:#666; font-weight:400}
#m_contents .sct_4 .review .review_s .slick-active{opacity:1;}
#m_contents .sct_4 .review .review_s .slick-dots{text-align:center; font-size:0; padding-top:40px;}
#m_contents .sct_4 .review .review_s .slick-dots li{display:inline-block; margin:0 5px}
#m_contents .sct_4 .review .review_s .slick-dots li button{outline:none; width:10px; height:10px; text-indent:-99999px; box-sizing:border-box; background:#ddd; border-radius:100%; padding:0; border:3px solid #ddd;}
#m_contents .sct_4 .review .review_s .slick-dots li.slick-active button{border-color:#4dc6f1; background:#fff;}

.review_pop{display:none; position:absolute; top:0; left:0; width:100%; height:100%; /* background:rgba(245,245,245,0.6); */ z-index:100}
.review_pop .popup{position:absolute; width:580px; margin:auto; left:0; right:0; top:150px; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.15); border-radius:30px; padding:40px; box-sizing:border-box; z-index:99}
.review_pop .popup h2{color:#333; font-size:20px; line-height:20px; padding-bottom:20px; font-weight:400;}
.review_pop .popup .pop_cont{background:url('../images/main/review_bg.jpg') repeat-x -5px 0 #fff; padding-top:45px;}
.review_pop .popup .pop_cont .thumb{width:300px; height:300px; overflow:hidden; margin:0 auto 40px;}
.review_pop .popup .pop_cont .thumb img{width:100%;}
.review_pop .popup .pop_cont .box{border-top:1px solid #e5e5e5; padding-top:30px;}
.review_pop .popup .pop_cont .box .grade .rating{display:inline-block;}
.review_pop .popup .pop_cont .box .grade .rating span{display:inline-block; vertical-align:middle; margin-right:2px; width:20px; height:20px; background:url('../images/icon/rating.png') no-repeat 0 0; background-size:20px}
.review_pop .popup .pop_cont .box .grade .rating span.on{background-image:url('../images/icon/rating_on.png')}
.review_pop .popup .pop_cont .box .grade em{display:inline-block; vertical-align:middle; font-style:normal; font-size:15px; color:#999; padding-left:5px;}
.review_pop .popup .pop_cont .box .txt dl{font-size:15px; line-height:26px; padding:35px 0}
.review_pop .popup .pop_cont .box .txt dl dt{color:#454545; padding-bottom:10px;}
.review_pop .popup .pop_cont .box .txt dl dd{color:#999;}
.review_pop .popup .pop_cont .box .txt ul{font-size:0;}
.review_pop .popup .pop_cont .box .txt ul li{display:inline-block; font-size:13px; color:#999}
.review_pop .popup .pop_cont .box .txt ul li:before{content:'|'; color:#ddd; padding:0 10px;}
.review_pop .popup .pop_cont .box .txt ul li:first-child:before{display:none;}
.review_pop .popup .pop_cont .box .txt ul li strong{color:#666; font-weight:400}
.review_pop .popup .btn_pop_close{position:absolute; top:40px; right:40px; width:16px; height:16px; text-indent:-99999px; background:url('../images/btn/btn_pop_close.png') no-repeat 0 0; background-size:16px;}
.review_pop .pop_bg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(245,245,245,0.6);  z-index:98}


#footer { margin-top: 0px; padding-top: 5px; background-color: #f5f5f5; }
#footer .footer { padding-top: 5px; }
#footer .footer .head { font-size: 1.2em; line-height: 1.8em; cursor: pointer; color: #000000; }
#footer .footer .f_link { margin-top: 20px; margin-bottom: 20px; }
#footer .footer .info { display: none; }
#footer .footer .info li { color: #000000; }


@media all and (max-width:1760px){
	#m_popup .popup .btn{margin-right:-350px}
	#m_contents .sct_1 div{padding:0 15px;}
	#m_contents .sct_2{padding:10px 15px}
	#m_contents .sct_4 h3{padding:0 15px 50px;}
}

@media all and (max-width:1300px){
	#m_popup02 .btn{top:15px; right:15px;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	#m_popup .popup .content .pop_img_pc{display:none;}
	#m_popup .popup .content .pop_img_m{display:block;}

	.eom_image_pc{display:none;}
	.eom_image_m{display:block;}

	#m_popup .popup .btn{top:15px; right:15px; margin-right:0}
	#m_popup .popup .btn .close a{font-size:14px;}

	#m_popup02 .popup .content {padding:40px 15px 20px;}

	#m_contents > div h3{padding-bottom:15px;}
	#m_contents > div h3 span{font-size:18px; line-height:23px;}
	#m_contents > div h3 span em{display:block; font-size:13px; line-height:18px; padding:5px 0 0;}

	#m_contents .sct_1{padding:30px 0 85px}
	#m_contents .sct_1 div strong{font-size:9px;}
	#m_contents .sct_1 div dl{padding:10px 0 25px}
	#m_contents .sct_1 div dl dt{font-size:35px; line-height:35px; padding-bottom:10px;}
	#m_contents .sct_1 div dl dd{font-size:11px; line-height:16px;}
	#m_contents .sct_1 div a{padding:0 15px;}
	#m_contents .sct_1 div a span{font-size:10px; line-height:40px; background-image:url('../images/icon/icon_arr_m.png'); background-size:4px}

	#m_contents .sct_2{padding:10px 15px;}
	#m_contents .sct_2 .service_step li{width:100%; padding:0 0 0 80px; background-position:0 0 !important; margin-bottom:25px;}
	#m_contents .sct_2 .service_step li:last-child{margin-bottom:0;width:100%;}
	#m_contents .sct_2 .service_step li dl dt span{font-size:14px; padding-bottom:8px;}
	#m_contents .sct_2 .service_step li dl dt strong{font-size:11px; padding-bottom:2px;}
	#m_contents .sct_2 .service_step li dl dd{font-size:13px; line-height:18px;}
	#m_contents .sct_2 .service_step li dl dd span{font-size:12px;}

	#m_contents .sct_3 h3{padding-bottom:30px;}
	#m_contents .sct_3 .btn a{width:140px; height:50px; background-size:140px 50px !important}
	#m_contents .sct_3 .btn a.btn_googlePlay{background-image:url('../images/main/btn_app_1_m.png'); margin-right:10px;}
	#m_contents .sct_3 .btn a.btn_appStore{background-image:url('../images/main/btn_app_2_m.png');}

	#m_contents .sct_4{padding:50px 0;}
	#m_contents .sct_4 h3{padding:0 15px 25px;}

	#m_contents .sct_4 .review .review_s .slick-slide a{width:calc(100% - 20px); padding:30px 20px 20px;}
	#m_contents .sct_4 .review .review_s .slick-slide a .thumb{width:100px; height:100px;}
	#m_contents .sct_4 .review .review_s .slick-slide a .thumb img{width:100%;}
	#m_contents .sct_4 .review .review_s .slick-slide a .txt{font-size:13px; line-height:18px; height:54px; margin:25px 0}
	#m_contents .sct_4 .review .review_s .slick-slide a .info li{font-size:12px;}
	#m_contents .sct_4 .review .review_s .slick-dots{padding-top:30px;}

	.review_pop .popup{width:calc(100% - 30px); max-width:400px; top:30px; padding:30px; border-radius:10px}
	.review_pop .popup h2{font-size:15px; line-height:15px; padding-bottom:15px;}
	.review_pop .popup .pop_cont{padding-top:35px;}
	.review_pop .popup .pop_cont .thumb{width:100%; height:auto; margin:0 auto 30px;}
	.review_pop .popup .pop_cont .box{padding-top:20px;}
	.review_pop .popup .pop_cont .box .grade em{ font-size:13px; padding-left:3px;}
	.review_pop .popup .pop_cont .box .txt dl{font-size:13px; line-height:18px; padding:25px 0}
	.review_pop .popup .pop_cont .box .txt ul li{font-size:12px;}
	.review_pop .popup .btn_pop_close{top:30px; right:30px;}
}

/* 모바일 */
@media all and (max-width:768px){
	#m_contents .sct_1{background-image:url('../images/main/visual_m.jpg');}
}

@media ( min-width: 769px ) {
	#footer { padding-left:30px; }
	#footer .sns { padding-right:30px; }
}
/* main.css end */


.title_main { margin: 10% 0px 0px 5%; }
.title_main .title_img { height: 100%; }
.title_main .title_more { float: right; padding-right: 5%; font-size: 2.8vw; color:#0057da; }
.title_main .title_more img { width: 1.1em; vertical-align: middle; }

.big-swiper { width: 90%; height:calc(100% * 0.5633); margin: 20px 5% 0px 5%; }
.big-swiper .image-item { box-shadow: 1px 1px 5px #c0c0c0; overflow: hidden; border-radius: 10px; background-color: #f0f0f0; }
.big-swiper .swiper-pagination { display: inline-block; top: inherit; left: initial; width: 4em; bottom: 16px !important; right: 16px !important; color: #fff; padding: 1px 0 0 0;    text-align: center; font-size: 0.9em; line-height: 23px; background: rgba(25,25,25,0.5); border-radius: 12px; }

.best-swiper { width: 90%; height:calc(100% * 0.5633); margin: 0px 5% 0px 5%; }
.best-swiper .image-item { box-shadow: 1px 1px 5px #c0c0c0; overflow: hidden; border-radius: 10px; background-color: #f0f0f0; }
.best-swiper .image-item img { vertical-align: middle; width: 100%; height: auto; }
.best-swiper li:nth-child(2) { color: #000000; margin-top: .5em; }
.best-swiper .best-swiper-pagination { text-align: center; display: none; }

.event-area {
	width:80%; height:80%; color:#000;
	position:absolute; top:15px; left:15px;
	/* text-shadow:0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff; */
}
/* color:rgb(245, 255, 57); text-shadow:0 0 10px black, 0 0 10px black, 0 0 8px black, 0 0 6px black, 0 0 6px black; background-color:#999; -webkit-box-shadow: 0 12px 14px -12px #111 inset, 0 -2px 2px -1px #333 inset; */
.event-area h2 {font-weight:500; line-height: 2.5;}
.event-area h3 {font-weight:350}
.event-area button {background: transparent; color: #000000; border-color: #000000; width: 100px; height: 40px; font-size: 1.2em; border: 1.5px solid #000000; border-radius: 20px;}

.new-swiper { width: 90%; height: 30%; margin: 0px 5% 0px 5%; }
.new-swiper .img { width: 100%; border: 1px solid #dcdcdc; border: 1px solid #fff; border-radius: 10px; }
.new-swiper .new-title { font-size: 0.7em; margin-top: 10px; color:#000000; }
.new-swiper .new-content { font-size: 0.5em; color: #636363; }
.new-swiper .new-swiper-pagination { text-align: center; }

.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  /* text-align: center; */
  font-size: 13px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

	/* control background */
	width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100%; background-position: center center; border-radius: 10px;
}

.swiper-button-prev.swiper-button-custom,
.swiper-container-rtl .swiper-button-next.swiper-button-custom {
  background-image: url("/images/main/swiper_btn_prev.png"); background-size: 40px 40px; width: 40px; height: 40px;
}
.swiper-button-next.swiper-button-custom,
.swiper-container-rtl .swiper-button-prev.swiper-button-custom {
  background-image: url("/images/main/swiper_btn_next.png"); background-size: 40px 40px; width: 40px; height: 40px;
}

.start-area { margin: 10% 5% 20px 5%; padding: 10px 10px 10px 10px; min-height: 100px; height:calc(100% * 0.5633); background-image: url("/images/main/new_main_start_area.jpg"); background-size: 100%; background-repeat: no-repeat; border: 1px solid #fff; border-radius: 10px; }
.start-area .start-title { color:#000000; font-size: 3.8vw; }
.start-area .start-btn { position: relative; left: 0px; top: 10px; }
.start-area .start-btn .btn-start { background: transparent; color: #000000; border-color: #000000; width: 140px; height: 30px; font-size: 1em; border: 1px solid #000000; border-radius: 30px; }

.review-swiper { width: 90%; height: 30%; margin: 0px 5% 0px 5%; }
.review-swiper .swiper-slide { padding: 3% 0% 3% 0%; border: 1px solid #ebebeb; border-radius: 10px; }
.review-swiper .image-area { float: left; width: 30%; margin-left: 5%; }
.review-swiper .text-area { float: right; width: 55%; margin-left: 5%; }
.review-swiper .img { width: 100%; border-radius: 10px; }
.review-swiper .review_star { padding-bottom: 5px; font-size: 3vw; }
.review-swiper .review_star span.on { background-image: url(/images/icon/rating_on.png); }
.review-swiper .review_star span { display: inline-block; vertical-align: middle; margin-right: 1px; width: 0.8em; height: 0.8em; background: url(/images/icon/rating.png) no-repeat 0 0; background-size: 0.8em; }
.review-swiper .review_content { color: #000000; font-size: 0.8em; display: inline-block; white-space: normal; overflow: hidden; text-overflow: ellipsis; line-height: 1.5em; height: 5.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; /* font-size: 2.8vw; */ font-size: 3.8vw; }
.review-swiper .review_comment { color: #2acefa; font-size: 3vw; }

.movie-area { width: 90%; height: 220px; margin: 0% 5% 0% 5%; }

.notice-area { color: #000000; margin: 0px 5% 0px 5%; width: 83%; padding: 2% 4% 2% 2%; min-height: 9.5em; height: 100%; line-height: 1.9em; border: 1px solid #ebebeb; border-radius: 10px; }
.notice-area ul { clear: both; cursor: pointer; }
.notice-area li:first-child { float: left; width: 70%; font-size: 3vw; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notice-area li:last-child { float: right; width: 20%; font-size: 2.6vw; color: #666666; }
.space-20 { height: 20px; }

.review-swiper-pagination { text-align: center; }

/* 베스트 이용 후기 */
.review_wrapper .image_area { width: 100%; }
.review_wrapper .image_area .img { width: 100%; }
.review_wrapper .review_text { margin: 5% 0; }
.review_wrapper .review_star { padding-bottom: 5px; font-size: 3vw; }
.review_wrapper .review_star span.on { background-image: url(/images/icon/rating_on.png); }
.review_wrapper .review_star span { display: inline-block; vertical-align: middle; margin-right: 1px; width: 0.8em; height: 0.8em; background: url(/images/icon/rating.png) no-repeat 0 0; background-size: 0.8em; }

/* 메인변경 추가 페이지 */
.content_area { max-width:1200px; margin:0 auto; }
.content_area hr { border:1px solid #f2f2f2; }
/* .content_area em { font-family: 'Quicksand', sans-serif; font-weight: 700; display: block; font-style: normal; color: #4dc6f1; font-size: 12px; line-height: 12px; letter-spacing: 4px; padding: 15px 0px; } */
.content_area em { font-family: 'Quicksand', sans-serif; font-weight: 700; display: block; font-style: normal; color: #ffb7f2; font-size: 12px; line-height: 12px; letter-spacing: 4px; padding: 15px 0px; }

/* 공지사항 페이지 */
.notice { padding:0px 15px; font-family:'Noto Sans KR'; font-weight:300; display:block; font-style:normal; color:#191919; font-size: 15px; line-height:20px; text-align:left; }
.notice .num { display:none; }
.notice .top { display:none; }
.notice li { border-bottom:1px solid #f2f2f2; padding:15px 0px; }
.notice .title .left { float:left; }
.notice .title .right { float:right; }
.notice .date { clear:both; font-weight:300; display:block; font-style:normal; color:#b8b8b8; font-size: 12px; line-height:30px; text-align:left; }
.notice .content { display:none; font-size: 14px; line-height:25px; padding-top:20px; }
.notice .btnArea { padding-bottom:20px; }

/* 이벤트 페이지 */
.event { padding:15px 15px; font-family:'Noto Sans KR'; font-weight:300; display:block; font-style:normal; color:#191919; font-size: 15px; line-height:20px; text-align:center; }
.event .tab { width:100%; height:30px; }
.event .tab ul { height:40px; solid #666 }
.event .tab ul li{ float:left; width:50%; height:40px; font-size: 14px; box-sizing:border-box; padding:10px 0px; cursor:pointer; }
.event .tab ul li.on { border-top:1px solid #2e2e2e; border-left:1px solid #2e2e2e; border-right:1px solid #2e2e2e; border-bottom:0px solid #2e2e2e; color:#2e2e2e; font-size:13px; font-weight:600; }
.event .tab ul li.off { border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; border-bottom:1px solid #2e2e2e; color:#808080; font-size:13px; font-weight:300; }

.event .content { padding:30px 0px; width:100%; }
.event .content li { width:100%; padding:20px 0px; }
.event .content .area { box-sizing:border-box; border-radius: 20px; box-shadow: 3px 3px 5px 2px #e0e0e0;}
.event .content .img-area { position: relative; padding-top: 56.25%; overflow: hidden; box-sizing:border-box; border-radius: 20px 20px 0px 0px; }
.event .content .img-area img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; }
.event .content .txt-area { text-align:left; padding:20px; }
.event .content .txt-area dt { color:#212121; }
.event .content .txt-area dd { font-size:12px; color:#838383; }

.event-content { color:#000; text-align:left; padding:15px; }
.event-content h2 { font-weight: 500; line-height:2; } /* title */
.event-content h3 { font-weight: 300; line-height:1.5; color:#505050; } /* comment */
.event-content h4 { font-weight: 300; line-height:1.5; color:#505050; } /* content */
.event-content h5 { font-weight: 300; line-height:2.2; color:#8a8a8a; } /* date */


#qna .often { padding:0px 15px; font-family:'Noto Sans KR'; font-weight:300; display:block; font-style:normal; color:#191919; font-size: 15px; line-height:20px; text-align:left; }
/* #qna .notice .num { display:none; } */
#qna .often .top { display:none; }
#qna .often li { border-bottom:1px solid #f2f2f2; padding:15px 0px;}
#qna .often .title { height:20px; clear:both; }
#qna .often .title .left { float:left; }
#qna .often .title .right { float:right; }
/* #qna .notice .date { clear:both; font-weight:300; display:block; font-style:normal; color:#b8b8b8; font-size: 12px; line-height:30px; text-align:left; } */
#qna .often .content { display:none; font-size: 14px; line-height:25px; padding-top:20px; padding-left:3px; }
#qna .often .btnArea { padding-bottom:20px; }

@media ( min-width: 769px ) {
	#m_contents { max-width: 1200px; }

	.event-area {
		top:10px; left:60px;
		/* width:80%; height:80%; color:#000; position:absolute; top:15px; left:15px; */
		/* text-shadow:0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff; */
	}
	/* color:rgb(245, 255, 57); text-shadow:0 0 10px black, 0 0 10px black, 0 0 8px black, 0 0 6px black, 0 0 6px black; background-color:#999; -webkit-box-shadow: 0 12px 14px -12px #111 inset, 0 -2px 2px -1px #333 inset; */
	.event-area h2 {font-size:3.2vw;}
	.event-area h3 {font-size:1.8vw;}
	.event-area button {
		/* background: transparent; color: #000000; border-color: #000000; width: 100px; height: 40px; font-size: 1.2em; border: 1.5px solid #000000; border-radius: 20px; */
		width: 13vw; height: 3.5vw; font-size: 1.5vw; border-radius: 2.5vw; border: 0.15vw solid #000000;
	}


	.title_main { margin-left: 0px; padding-left: 15px; margin: 5% 0 0 0; }
	.big-swiper { width: 97%; height: 500px; margin-left: 0px; padding-left: 15px; }
	.best-swiper { width: 97%; margin-left: 0px; padding-left: 15px; }
	.best-swiper .best-swiper-pagination { display: inline; }

/* .start-area { margin: 10% 5% 20px 5%; padding: 10px 10px 10px 10px; min-height: 100px; height:calc(100% * 0.5633); background-image: url("/images/main/main_start_area.jpg"); background-size: 100%; background-repeat: no-repeat; border: 1px solid #fff; border-radius: 10px; } */

	.start-area { width: 95%; height: 250px; margin-top: 5%; margin-left: 15px; padding-left: 15px; background-image: url("/images/main/new_main_start_area_big.jpg"); }
	.start-area .start-title { margin:25px 0px 0px 30px; color:#000000; font-size: 2vw; }
	.start-area .start-btn { margin:20px 0px 0px 30px; }
	.start-area .start-btn .btn-start { width: 200px; height: 40px; font-size: 2em; border: 2px solid #000000; }

	.new-swiper { width: 97%; margin-left: 0px; padding-left: 15px; }

	.movie-area { width: 97%; margin-left: 0px; padding-left: 15px; height:700px; margin-bottom:30px; }

	.notice-area { color: #000000; margin: 0px 5% 0px 3%; width: 83%; padding: 2% 4% 2% 2%; min-height: 9.5em; height: 100%; line-height: 1.9em; border: 1px solid #ebebeb; border-radius: 10px; }

	.title_main .title_more { font-size: 1vw; color:#0057da; }

	.review-swiper { width: 97%; margin-left: 0px; padding-left: 15px; }
	.review-swiper .swiper-slide { border:0px; box-shadow: 0 0 0 1px #ebebeb inset; }
	.review-swiper-pagenation { text-align: center; }
	.review-swiper .review_star { padding-bottom: 5px; font-size: 1.5vw; }
	.review-swiper .review_comment { font-size: 1.1vw; }
	.review-swiper .review_content { line-height: 1.5em; height: 5.8em; font-size: 1vw; }

	.review-list-wrap { width: 49%; float: left; margin-bottom:30px;}
	.notice-list-wrap { width: 49%; float: right; }

	.notice-area li:first-child { font-size: 1vw; }
	.notice-area li:last-child { font-size: 0.8vw; }

	/* 베스트 이용 후기 */
	.review_wrapper h2 { font-size: 1.8vw; }
	.review_wrapper h3 { font-size: 1.6vw; }
	.review_wrapper h4 { font-size: 1.4vw; }
	.review_wrapper h5 { font-size: 1.2vw; }
	.review_wrapper .image_area { margin: 1% 1% 2% 0%; width: 40%; float: left; }
	.review_wrapper .image_area .img { width: 100%; }
	.review_wrapper .text_area { margin-top: 5%; float: right; width: 55%; }
	.review_wrapper .review_text { clear: both; }
	.review_wrapper .review_star { font-size: 1vw; }

	/* 공지사항 팝업 */
	.notice-wrapper h2 { font-size: 1.8vw; }
	.notice-wrapper h3 { font-size: 1.6vw; }
	.notice-wrapper h4 { font-size: 1.4vw; }
	.notice-wrapper h5 { font-size: 1.2vw; }

	/* 일반 팝업 공지 */
	.main-popup h2 { font-size: 1.8vw; }
	.main-popup h3 { font-size: 1.6vw; }
	.main-popup h4 { font-size: 1.4vw; }
	.main-popup h5 { font-size: 1.2vw; }

	#qna .often .top { display:inline-block; width:100%; padding:20px 0px; border-top:1px solid #212121; background-color:#f6f9fa; }
	#qna .often .top div { float:left; text-align:center; }
	#qna .often .tr { display:inline-flex; width:100%; clear:both; }
	#qna .often .title { width:100%; float:left; cursor:pointer; }
	#qna .often li { border-bottom:1px solid #f2f2f2; padding:15px 0px; }
	#qna .often .content { width:100%; font-size: 14px; clear:both; padding-top:20px;}

	/* 공지사항 페이지 */
	.content_area hr { display:none; }
	.content_area em { font-size:20px; padding:40px 0px; }
	.notice .top { display:inline-block; width:100%; padding:20px 0px; border-top:1px solid #212121; background-color:#f6f9fa; }
	.notice .top div { float:left; text-align:center; }
	.notice .top div:nth-child(1) { width:10%; }
	.notice .top div:nth-child(2) { width:75%; }
	.notice .top div:nth-child(3) { width:15%; }

	.notice .num { display:inline-block; width:10%; text-align:center; float:left; }
	.notice .title { width:75%; float:left; cursor:pointer; }
	.notice .tr { display:inline-flex; width:100%; clear:both; }
	/* .notice ul { clear:both; } */
	.notice li { border-bottom:1px solid #f2f2f2; padding:15px 0px; }
	/* .notice .title .left { float:left; }
	.notice .title .right { float:left; } */
	.notice .date { width:15%; float:left; font-weight:300; display:block; font-style:normal; color:#191919; font-size: 15px; line-height:30px; text-align:center; }
	.notice .content { font-size: 14px; clear:both; margin-left:10%; margin-right:15%; padding-top:20px; }
}
@media ( min-width: 1200px ) {
	.event .content li { width:31%; float:left; padding:30px 0px; }
	.event .content li:nth-child(3n-1) { padding: 30px 40px; }
	/* .notice-area {height:170px;} */
}

@media ( min-width: 1400px ) {
	.notice-area {height:180px;line-height: 2.6em; }
}

/* 1920p 넘어가는 화면 고정 */
@media ( min-width: 1920px ) {
	#m_contents { max-width: 1200px; }

	.event-area {
		top:10px; left:60px;
		/* width:80%; height:80%; color:#000; position:absolute; top:15px; left:15px; */
		/* text-shadow:0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff; */
	}
	/* color:rgb(245, 255, 57); text-shadow:0 0 10px black, 0 0 10px black, 0 0 8px black, 0 0 6px black, 0 0 6px black; background-color:#999; -webkit-box-shadow: 0 12px 14px -12px #111 inset, 0 -2px 2px -1px #333 inset; */
	.event-area h2 {font-size:2.0vw;}
	.event-area h3 {font-size:1.4vw;}
	.event-area button {
		/* background: transparent; color: #000000; border-color: #000000; width: 100px; height: 40px; font-size: 1.2em; border: 1.5px solid #000000; border-radius: 20px; */
		width: 10vw; height: 2.5vw; font-size: 1.3vw; border-radius: 2.0vw; border: 0.12vw solid #000000;
	}


	.title_main { margin-left: 0px; padding-left: 15px; margin: 5% 0 0 0; }
	.big-swiper { width: 97%; height: 500px; margin-left: 0px; padding-left: 15px; }
	.best-swiper { width: 97%; margin-left: 0px; padding-left: 15px; }
	.best-swiper .best-swiper-pagination { display: inline; }

/* .start-area { margin: 10% 5% 20px 5%; padding: 10px 10px 10px 10px; min-height: 100px; height:calc(100% * 0.5633); background-image: url("/images/main/main_start_area.jpg"); background-size: 100%; background-repeat: no-repeat; border: 1px solid #fff; border-radius: 10px; } */

	.start-area { width: 95%; height: 250px; margin-top: 5%; margin-left: 15px; padding-left: 15px; background-image: url("/images/main/new_main_start_area_big.jpg"); }
	.start-area .start-title { margin:20px 0px 0px 30px; color:#000000; font-size: 1.2vw; }
	.start-area .start-btn { margin:20px 0px 0px 30px; }
	.start-area .start-btn .btn-start { width: 200px; height: 40px; font-size: 2em; border: 2px solid #000000; }

	.new-swiper { width: 97%; margin-left: 0px; padding-left: 15px; }

	.movie-area { width: 97%; margin-left: 0px; padding-left: 15px; height:700px; margin-bottom:30px; }

	.notice-area { color: #000000; margin: 0px 5% 0px 3%; width: 83%; padding: 2% 4% 2% 2%; min-height: 15em; height: 100%; line-height: 3.0em; border: 1px solid #ebebeb; border-radius: 10px; }

	.title_main .title_more { font-size: 1vw; color:#0057da; }

	.review-swiper { width: 97%; margin-left: 0px; padding-left: 15px; }
	.review-swiper .swiper-slide { border:0px; box-shadow: 0 0 0 1px #ebebeb inset; }
	.review-swiper-pagenation { text-align: center; }
	.review-swiper .review_star { padding-bottom: 5px; font-size: 1.3vw; }
	.review-swiper .review_comment { font-size: 0.8vw; }
	.review-swiper .review_content { line-height: 1.3em; height: 7.6em; font-size: 0.69vw; }

	.review-list-wrap { width: 49%; float: left; margin-bottom:30px;}
	.notice-list-wrap { width: 49%; float: right; }

	.notice-area li:first-child { font-size: 0.7vw; }
	.notice-area li:last-child { font-size: 0.6vw; }

	/* 베스트 이용 후기 */
	.review_wrapper h2 { font-size: 1.8vw; }
	.review_wrapper h3 { font-size: 1.6vw; }
	.review_wrapper h4 { font-size: 1.4vw; }
	.review_wrapper h5 { font-size: 1.2vw; }
	.review_wrapper .image_area { margin: 1% 1% 2% 0%; width: 40%; float: left; }
	.review_wrapper .image_area .img { width: 100%; }
	.review_wrapper .text_area { margin-top: 5%; float: right; width: 55%; }
	.review_wrapper .review_text { clear: both; }
	.review_wrapper .review_star { font-size: 1vw; }

	/* 공지사항 팝업 */
	.notice-wrapper h2 { font-size: 1.8vw; }
	.notice-wrapper h3 { font-size: 1.6vw; }
	.notice-wrapper h4 { font-size: 1.4vw; }
	.notice-wrapper h5 { font-size: 1.2vw; }

	/* 일반 팝업 공지 */
	.main-popup h2 { font-size: 1.8vw; }
	.main-popup h3 { font-size: 1.6vw; }
	.main-popup h4 { font-size: 1.4vw; }
	.main-popup h5 { font-size: 1.2vw; }

	#qna .often .top { display:inline-block; width:100%; padding:20px 0px; border-top:1px solid #212121; background-color:#f6f9fa; }
	#qna .often .top div { float:left; text-align:center; }
	#qna .often .tr { display:inline-flex; width:100%; clear:both; }
	#qna .often .title { width:100%; float:left; cursor:pointer; }
	#qna .often li { border-bottom:1px solid #f2f2f2; padding:15px 0px; }
	#qna .often .content { width:100%; font-size: 14px; clear:both; padding-top:20px;}

	/* 공지사항 페이지 */
	.content_area hr { display:none; }
	.content_area em { font-size:20px; padding:40px 0px; }
	.notice .top { display:inline-block; width:100%; padding:20px 0px; border-top:1px solid #212121; background-color:#f6f9fa; }
	.notice .top div { float:left; text-align:center; }
	.notice .top div:nth-child(1) { width:10%; }
	.notice .top div:nth-child(2) { width:75%; }
	.notice .top div:nth-child(3) { width:15%; }

	.notice .num { display:inline-block; width:10%; text-align:center; float:left; }
	.notice .title { width:75%; float:left; cursor:pointer; }
	.notice .tr { display:inline-flex; width:100%; clear:both; }
	/* .notice ul { clear:both; } */
	.notice li { border-bottom:1px solid #f2f2f2; padding:15px 0px; }
	/* .notice .title .left { float:left; }
	.notice .title .right { float:left; } */
	.notice .date { width:15%; float:left; font-weight:300; display:block; font-style:normal; color:#191919; font-size: 15px; line-height:30px; text-align:center; }
	.notice .content { font-size: 14px; clear:both; margin-left:10%; margin-right:15%; padding-top:20px; }
}

@media all and (max-width:768px){
	#m_contents .sct_1{background-image:url('../images/main/visual_m.jpg');}
}