@charset "utf-8";

@import url('//fonts.googleapis.com/css2?family=Oswald&display=swap');

/* sec1 - 메인비주얼 */
#mv {position: relative; overflow: hidden;}
#mv .mv_list {position: relative; height:975px; overflow: hidden;}
#mv .mv_list .visual  {width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; background-color: #f9f9f9; transform:scale(1.2); animation: sv-bg-change 5s infinite;}
#mv .mv_list_1 .visual { background-image: url('/2024/assets/img/mv_01.jpg');}
#mv .mv_list_2 .visual { background-image: url('/2024/assets/img/mv_03.jpg');}
#mv .mv_list_3 .visual { background-image: url('/2024/assets/img/mv_02.jpg');}
#mv .mv_list .txt_wrap {opacity: 0;-webkit-transform:translateY(50%);transform:translateY(50%); transform:translate(-50%, -50%);color: #fff;font-weight: 500;text-align: center;overflow: hidden;}
#mv .mv_list.slick-active .txt_wrap {-webkit-animation:1s moveTop forwards 0.3s;animation: 1s moveTop forwards 0.3s}
#mv .mv_list .txt_wrap  .txt1 {/*font-family: 'Montserrat', sans-serif;*/font-family: 'S Core Dream'; font-weight:600; margin-bottom: 20px;}
#mv .mv_list .txt_wrap  .txt2 {font-family: 'S Core Dream'; font-weight: 400; line-height: 1.5; margin-top: 20px; opacity: 0.6;  }

#mv .mv_list .txt_wrap .btn {display: inline-block; padding: 25px 50px;   border-radius:50px; font-size: 20px; line-height: 1; transition:.25s; color:#fff; opacity:.5; border:2px solid #fff;}
#mv .mv_list .txt_wrap .btn:hover {opacity:1; border:2px solid #8cc0f4; color:#8cc0f4; }

@-webkit-keyframes sv-bg-change {
	0% {-webkit-transform: scale(1);animation-timing-function: ease-in;}
	50% {-webkit-transform: scale(1.1); animation-timing-function: ease-out;}
	100% {-webkit-transform: scale(1); }
}

@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}
@-webkit-keyframes moveTop {
    0% { opacity: 0; -webkit-transform:translateY(50%) ; }
   100% { opacity: 1;-webkit-transform:translateY(0) ; }
} 
@keyframes moveTop {
    0% { opacity: 0;transform:translateY(50%) ; }
   100% { opacity: 1;transform:translateY(0) ; }
} 

#mv .mv_list .txt_wrap img {display: none;}
#mv .mv_list.slick-active .txt_wrap img {display: inline-block;}
#mv .txt_wrap .mv_txt_m {display: none;}
.mv_scroll {position: absolute; bottom: 8%; left: 50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); -webkit-animation:moveScroll 2s infinite; animation:moveScroll 2s infinite; cursor: pointer; }
@-webkit-keyframes moveScroll {
    0% { -webkit-transform:translate(-50%,0) ; }
   50% { -webkit-transform:translate(-50%,-10px) ; }
} 
@keyframes moveScroll {
    0% { transform:translate(-50%,0) ; }
   50% { transform:translate(-50%,-10px) ; }
} 

/* slide 설정 */
#mv .slick-dots { bottom: 22%; }
#mv .slick-dots li {margin: 0 3px;text-align: center; width:75px;}
#mv .slick-dots .dot {display: inline-block; text-align: center; width:75px;  height: 5px; background-color: #fff; opacity:.5; font-size:0; border-radius:20px;}
#mv .slick-dots .slick-active .dot {text-indent: -9999px; width: 75px; height: 5px; background-color: #0071e3; line-height: 0px; opacity:1;}

.slick-prev:before,
.slick-next:before {display: none !important;}
#mv .slick-prev,
#mv .slick-next {width: 70px;  height: 70px;  top: auto; bottom: 55px; -webkit-transform:translate(0,0);transform:translate(0,0); left: auto; right: calc(50% - 34%); z-index: 1; transition:.25s;}
#mv .slick-prev {background-image: url('/en/img/mv_prev.png'); right: calc(50% - 31.3%);}
#mv .slick-next {background-image: url('/en/img/mv_next.png'); }
#mv .slick-prev:hover,
#mv .slick-next:hover {background-color: #222;}

.m1 { padding: 150px 0;}
.box {position: relative; text-align:center;}
.box  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.box  li {display: inline-block; vertical-align: top; width: calc(33.33% - 20px); margin: 0 10px 30px; position: relative; background-color:#f5f5f7; padding:50px 35px; border-radius:20px; text-align: left; transition:.5s; height:350px;}
.box  li .icon {}
.box  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:20px 0 0;}
.box li:hover { transform:translateY(-15px); box-shadow:0 10px 10px -10px rgba(0,0,0,.2)}

.m2 {padding: 150px 0; background-color:#f5f5f7; }
.box1 {position: relative; text-align:center;}
.box1  ul {width: -webkit-fill-available; text-align: center;font-size: 0;display: inline-block;position: relative;}
.box1  li {display: inline-block; vertical-align: top; width: calc(25% - 20px); margin: 0 10px 30px; position: relative; background-color:#0071e3; color:#fff; padding:50px 30px; border-radius:20px; text-align: left; transition:.5s; height:620px; }
.box1  li .icon {bottom: 50px;position: absolute;right: 35px;}
.box1  li .txt_wrap {position: relative;left: 0;width: 100%; z-index: 1;display: block;padding:20px 0 0; letter-spacing:-1px;}
.box1  li:hover { transform:translateY(-15px); box-shadow:0 10px 10px -10px rgba(0,0,0,.2)}

.round_btn {padding: 25px 0;border-radius:50px;font-size: 22px; font-weight:500; line-height: 1;transition:.25s;color:#222;border:2px solid #222;margin:0 auto;position: relative;display: block;width: 30%;text-align: center;}
.round_btn:hover {opacity:1; border:2px solid #333; color:#fff; background-color:#333; transform:translateY(-5px); box-shadow:0 10px 10px -10px rgba(0,0,0,.2)}

.chk_list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.chk_list li { width: calc(50% - 25px);  margin:0 10px 10px; font-weight: 500;position: relative;word-break:keep-all;border-radius: 50px; background-color:#fff;  border:2px solid #222; padding: 20px 0 20px 5%; display: inline-block;}
.chk_list li:after {content:'';display: block;width: 35px;height: 35px;background: url('/2024/assets/img/check_b.png') 0 0 no-repeat;position: absolute;top: 22%;left: 3.5%;}

.chk_list1 { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.chk_list1 li { width: calc(50% - 25px);  margin:0 10px 10px; font-weight: 500;position: relative;word-break:keep-all;border-radius: 50px; background-color:#0071e3; color:#fff; text-align:center; padding: 20px 0; display: inline-block;}


 .mForm{clear:both;width:80%;padding-top:30px;text-align:left; margin:0 auto;}
 .mForm form li,
 .mForm form input,
 .mForm form textarea{}
 .mForm form li{list-style:none;float:left;width:80%;}
 .mForm form li:first-child {width:20%;font-weight: 500;padding-top: 30px;text-align:left; font-size:18px;}
 .mForm form input,
 .mForm form textarea{width: -webkit-fill-available;border:1px solid #ddd;line-height:150%;margin-top: 14px; border-radius:5px; font-size:15px; color:#666 !important;}
 .mForm form textarea{height:100px;}

.check img { position: absolute; padding-top:5px;}
.check .txt { display: inline-flex; padding-left:25px}

.form_privacy {position: relative; padding-top:20px;}
.form_privacy .btn_agree {color: #7b7f88;}
.form_privacy  input[type=checkbox] { width: 20px;height: 20px; margin-top:0; }

.bbsAgree{margin:0 auto; padding:0 0 50px;}
.bbsAgree textarea {line-height:28px; height: 150px !important; border: none; padding: 15px !important;  font-size: 14px; color: #121212; width:100%;  border: 1px solid #ddd !important;}

.bbsAgree .tit{padding:20px 0px 10px;; text-align:left;font-size:16px; font-weight:400; text-align:center; }
.bbsAgree div{max-width:100%;margin:0 0;}
.bbsAgree div textarea{width:100%; height:350px !important; padding:15px; border:1px solid #c7c7c7;background-color:#fff;line-height:130%;}
.bbsAgree .chkbox{margin:20px 0 0 0;text-align:center;}
.chkbox label input {font-family: inherit; font-style: inherit; height:20px; width:20px; line-height: inherit; margin-top:0; }


.btnSubmit			{color:#fff; background-color:#333;  padding:25px 70px; font-size:22px; font-weight:500; border-radius:50px; transition:.25s;}
.btnSubmit:hover	{background:#0071e3; transform:translateY(-5px); box-shadow:0 10px 10px -10px rgba(0,0,0,.2)}

.info_wrap {display: flex; align-items:center;}
.info_wrap .box {display: flex; align-items:center; justify-content:center; text-align: center; width: 33.33%; font-weight: 600; transition:.25s;  font-family: 'Montserrat', sans-serif; }
.info_wrap .box  .icon { margin-right:15px;}

.map { width:100%; position:relative}

#footer {padding: 25px 15px 50px;background-color: #222; color: #f9f9f9; font-weight: 300;}
#footer .f_menu {padding: 30px 0 20px; margin-bottom: 30px; border-bottom: 1px solid #5f5f5f;}
#footer .f_menu a {padding: 0 20px; position: relative;}
#footer .f_menu a:after {content:''; display: block; width: 1px; height: 80%; background-color: #fff; position: absolute; top: 10%; left: 0;}
#footer .f_menu a:first-child {padding-left: 0;}
#footer .f_menu a:first-child:after {display: none;}
#footer .f_bot_wrap {display: flex;  justify-content:space-between; }
#footer .f_bot_wrap .f_bot {}
#footer .f_bot_wrap .f_bot p { line-height: 2;}
#footer .f_bot_wrap .f_bot .copyr {color: #787878;  margin-top: 30px; font-family: 'Montserrat', sans-serif; }
#footer .f_bot_wrap .f_logo {}

#quick {position: fixed; bottom: 10%; right:3%; margin-right: 0; z-index: 8;}
#quick .quick_list {display:flex; flex-direction:column; justify-content:flex-end; transform:translate(0,-10px); animation:bouncing 1s infinite alternate;}
#quick .quick_list a {display: inline-block; margin-bottom: 10px; position: relative; transition:.5s; }
#quick .quick_list a:hover {transform:translateX(-10px)}
#quick .quick_list a .txt {position: absolute; bottom: 90%; right: 90%; width: 185px; height: 67px;}
#quick .quick_list a .icon {/*box-shadow:0 0 5px rgba(0,0,0,.2);*/border-radius:50%; text-align:center; }



.pc { display:block}
.m { display:none}


@media all and (max-width:2300px){
	
.slick-prev:before,
.slick-next:before {display: none !important;}
#mv .slick-prev,
#mv .slick-next {width: 70px;  height: 70px;  top: auto; bottom: 55px; -webkit-transform:translate(0,0);transform:translate(0,0); left: auto; right: calc(50% - 37%); z-index: 1; transition:.25s;}
#mv .slick-prev {background-image: url('/en/img/mv_prev.png'); right: calc(50% - 34%);}
#mv .slick-next {background-image: url('/en/img/mv_next.png'); }
#mv .slick-prev:hover,
#mv .slick-next:hover {background-color: #222;}


}


@media all and (max-width:2200px){
	
.slick-prev:before,
.slick-next:before {display: none !important;}
#mv .slick-prev,
#mv .slick-next {width: 70px;  height: 70px;  top: auto; bottom: 55px; -webkit-transform:translate(0,0);transform:translate(0,0); left: auto; right: calc(50% - 39%); z-index: 1; transition:.25s;}
#mv .slick-prev {background-image: url('/en/img/mv_prev.png'); right: calc(50% - 35.7%);}
#mv .slick-next {background-image: url('/en/img/mv_next.png'); }
#mv .slick-prev:hover,
#mv .slick-next:hover {background-color: #222;}


}


@media all and (max-width:1900px){
	
	
.slick-prev:before,
.slick-next:before {display: none !important;}
#mv .slick-prev,
#mv .slick-next {width: 70px;  height: 70px;  top: auto; bottom: 55px; -webkit-transform:translate(0,0);transform:translate(0,0); left: auto; right: calc(50% - 38%); z-index: 1; transition:.25s;}
#mv .slick-prev {background-image: url('/en/img/mv_prev.png'); right: calc(50% - 34.2%);}
#mv .slick-next {background-image: url('/en/img/mv_next.png'); }
#mv .slick-prev:hover,
#mv .slick-next:hover {background-color: #222;}



}


@media all and (max-width:1400px){

.slick-prev:before,
.slick-next:before {display: none !important;}
#mv .slick-prev,
#mv .slick-next {width: 70px;  height: 70px;  top: auto; bottom: 55px; -webkit-transform:translate(0,0);transform:translate(0,0); left: auto; right: calc(50% - 45%); z-index: 1; transition:.25s;}
#mv .slick-prev {background-image: url('/en/img/mv_prev.png'); right: calc(50% - 40%);}
#mv .slick-next {background-image: url('/en/img/mv_next.png'); }
#mv .slick-prev:hover,
#mv .slick-next:hover {background-color: #222;}
	
}

@media all and (max-width:1320px){

}

@media all and (max-width:1280px){
	 #mv .mv_list .txt_wrap {width: -webkit-fill-available ; opacity: 0;}
	
	
.slick-prev:before,
.slick-next:before {display: none !important;}
#mv .slick-prev,
#mv .slick-next {width: 70px;  height: 70px;  top: auto; bottom: 55px; -webkit-transform:translate(0,0);transform:translate(0,0); left: auto; right: calc(50% - 39%); z-index: 1; transition:.25s;}
#mv .slick-prev {background-image: url('/en/img/mv_prev.png'); right: calc(50% - 32%);}
#mv .slick-next {background-image: url('/en/img/mv_next.png'); }
#mv .slick-prev:hover,
#mv .slick-next:hover {background-color: #222;}


}
@media all and (max-width:1200px){



}
@media all and (max-width:980px){
	
}
@media all and (max-width:768px){
	#mv .mv_list { position: relative; height:750px; }
	#mv .mv_list_wrap {margin-bottom: 0;}
	
	/*#mv {position: relative; overflow: hidden; margin-top:80px;}
	#mv .txt_area {}
	#mv .mv_list {height: auto !important; background-size: cover;}
	#mv .mv_list .visual {    width: 100%;
    padding-bottom: 145%;
    background-position: 50% 0;
    background-size: cover;}*/
	
	#mv .mv_list .visual {height: 750px !important; padding-bottom: 0;}
	#mv .mv_list_1 .visual { }
    #mv .mv_list_2 .visual { }
    #mv .mv_list_3 .visual { }
	
	#mv .slick-prev,
	#mv .slick-next {display: none !important;}
	#mv .slick-dots {bottom:20%;}
	#mv .slick-dots li button {width: 12px; height: 12px;}
	#mv .slick-dots li.slick-active button {width: 30px;}
	#mv .controler {margin-right: -65px; bottom: -33px;}
	#mv .slick-dots .dot {display: inline-block; text-align: center; width: 35px; height: 5px;   opacity: .5; font-size: 0;}
	#mv .slick-dots .slick-active .dot {text-indent: -9999px; width: 35px; height: 5px;  line-height: 0px; opacity:1;}
	#mv .slick-dots li { margin: 0 3px; text-align: center; width: 45px;}
	#mv .mv_list .txt_wrap .btn {padding: 15px 50px; font-size: 15px;}
	.mv_scroll {width: 30px; margin-left: 0;  bottom: 5%;}

.m1 { padding: 70px 15px;}
.tit_wrap { padding:0 30px;}
.box  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 0 30px;position: relative;background-color:#f5f5f7;padding: 25px 25px;border-radius:20px;text-align: left;transition:.5s; height:auto;}
.m2 { padding: 70px 15px;}
.box1  li {display: inline-block;vertical-align: top;width: -webkit-fill-available;margin: 0 0 30px;position: relative;padding: 25px 25px;border-radius:20px;text-align: left;transition:.5s; height:400px;}
.box1  li .icon {bottom: 30px;position: absolute;right: 25px;width: 24%;}
.round_btn {padding: 15px 0;border-radius:50px;font-size: 16px;font-weight:500;line-height: 1;transition:.25s;color:#222;border:2px solid #222;margin:0 auto;position: relative;display: block;wi;width: 80%;text-align: center;}
.round_btn:hover {opacity:1; border:2px solid #333; color:#fff; background-color:#333; transform:translateY(-5px); box-shadow:0 10px 10px -10px rgba(0,0,0,.2)}

.chk_list { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.chk_list li {width: -webkit-fill-available;margin: 0 0 10px;font-weight: 500;position: relative;word-break:keep-all;border-radius: 50px;background-color:#fff;border:2px solid #222;padding: 15px 7% 15px 17%;display: inline-block;}
.chk_list li:after {content:'';display: block;width: 35px;height: 35px;background: url('/2024/assets/img/check_b.png') 0 0 no-repeat;position: absolute;top: 25%;left: 5%; background-size:85%;}
.check .txt { display: block;}
.chk_list1 { width:-webkit-fill-available; margin-left:1%; position:relative; z-index:2;}
.chk_list1 li {width: -webkit-fill-available;margin: 0 0 10px;font-weight: 500;position: relative;word-break:keep-all;border-radius: 50px;background-color:#0071e3;color:#fff;text-align:center;padding: 15px 0;display: inline-block;}
 .mForm{clear:both;width: 90%;padding-top:50px;text-align:left;margin:0 auto;}
 .mForm form li,
 .mForm form input,
 .mForm form textarea{}
 .mForm form li{list-style:none;float:left;width: 70%;}
 .mForm form li:first-child {width: 30%;font-weight: 500;padding-top: 30px;text-align:left;font-size: 14px;}
 .mForm form input,
 .mForm form textarea{border:1px solid #ddd;line-height:150%;margin-top: 14px;border-radius:5px;font-size: 13px;color:#666 !important;word-break: keep-all;}
 

.btnSubmit			{color:#fff;background-color:#333;padding: 15px 60px;font-size: 16px;font-weight:500;border-radius:50px;transition:.25s;}
.btnSubmit:hover	{background:#0071e3; transform:translateY(-5px); box-shadow:0 10px 10px -10px rgba(0,0,0,.2)}

.info_wrap {display: block;align-items:center;}
.info_wrap .box {display: block;align-items:center;justify-content:center;text-align: left;width: -webkit-fill-available;font-weight: 600;transition:.25s;font-family: 'Montserrat', sans-serif;margin-bottom: 20px;padding: 0 15px;}
.info_wrap .box  .icon { margin-right:15px;}


#footer .f_bot_wrap { display: block;}
#footer .f_bot_wrap .f_bot p {  line-height: 150%;}
#footer .f_bot_wrap .f_logo { padding-top: 20px;}

#quick {position: fixed;bottom: 10%;right: 0;margin-right: 0;z-index: 999;}
#quick .quick_list a .icon {
    /* box-shadow: 0 0 5px rgba(0, 0, 0, .2); */
    border-radius: 50%;
    text-align: center;
    width: 85%;
}





   .pc { display:none}
   .m { display:block}
   
}

@media all and (max-width:486px){
	
}


@media all and (max-width:360px){



}


@media all and (max-width:320px){


}