@charset "utf-8";

#main_wrap { position:relative; margin-top:105px; }
#mv_wrap {height:650px; overflow:hidden; position:relative; } 
#mv_wrap .mv_list_wrap {margin-bottom: 0; background-image: url('/assets/images/main/mv1.jpg');}
#mv_wrap .mv_list_wrap .slick-dots {bottom:17%;}
#mv_wrap .mv_list_wrap .slick-dots li {width: auto; height: auto; margin: 0 3px; }
#mv_wrap .mv_list_wrap .slick-dots li button {width: 18px; height: 18px; border-radius:20px; padding: 0; background: none; border: 2px solid #ccc;  transition:.25s; }
#mv_wrap .mv_list_wrap .slick-dots li.slick-active button {width: 65px; border: 2px solid #fff; }
#mv_wrap .mv_list_wrap .slick-dots li button:before {display: none;}
#mv_wrap .mv_list_wrap .mv_list {position: relative; height:650px; overflow:hidden;}
#mv_wrap .mv_list_wrap .mv_list .visual { width: 100%; height: 650px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transform: scale(1.15);}
#mv_wrap .mv_list_wrap .mv_list.slick-active .visual { animation:mvBgScale 3.5s forwards; }
#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg');}
#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg');}
#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg');}
#mv_wrap .mv_list_wrap .mv_list4 .visual {background-image: url('/assets/images/main/mv4.jpg');}
#mv_wrap .mv_list_wrap .mv_list5 .visual {background-image: url('/assets/images/main/mv5.jpg');}

#mv_wrap .mv_list_wrap .mv_list .txt_wrap {position:absolute;left: 50%;top:37%;transform: translate(-50%, -50%);width: 450px;color: #222;letter-spacing: -2px;overflow: hidden;margin-left: -400px;text-align: center;}
#mv_wrap .mv_list_wrap .mv_list .txt_wrap1 {position:absolute;left:51%;top:43%;transform:translate(-50%, -50%); width: 1200px; color: #222;  letter-spacing: 0.5px; overflow: hidden;}


.mv_link_wrap {position: relative ; bottom: 120px; left: 50%; margin-left: -600px; width: 100%; max-width:1200px;  z-index: 1; display: flex; align-items:stretch;}
.mv_link_wrap a { display: block; padding: 30px 20px 20px 35px; width: 25%; margin: 0 0; /*border: 1px solid rgba(255,255,255,.45);*/ background-color: #10bfce; border-radius:0; box-shadow:0 5px 13px rgba(0,0,0,.3); color: #fff; text-align: left; transition:.5s;}
.mv_link_wrap a:hover {background-color: #003d7c;  transform:translateY(-35px); }
.mv_link_wrap .icon {position: absolute;bottom: 0;display: contents;width: -webkit-fill-available;right: 0;}
.mv_link_wrap .icon img {right: 0;position: relative;float: inline-end;}


.mv_link_wrap a:nth-child(2) { background-color:#27a8c7;}
.mv_link_wrap a:nth-child(3) { background-color:#2983e1;}
.mv_link_wrap a:nth-child(4) { background-color:#5a63d3;}

/* Slick 화살표 (커스텀) */
#mv_wrap .slick-prev,
#mv_wrap .slick-next { transition:.25s;
  position:absolute;
  top:50%;  transform:translateY(-50%);  z-index:5; width:36px;  height:67px;  border:none;   cursor:pointer;
 /* border-radius:50%;  background: rgba(0,0,0,0.4) no-repeat center center;  background-size:20px auto;  outline:none;*/}
#mv_wrap .slick-prev { left:13%;  background-image:url('/assets/images/main/mv_prev.png'); }
#mv_wrap .slick-next { right:13%; background-image:url('/assets/images/main/mv_next.png'); }
#mv_wrap .slick-prev:hover,
#mv_wrap .slick-next:hover { opacity:.5;}

/* 이미지 태그 기본 보정 */
#mv_wrap .slick-slide img { display:inline-block; }


#mv_wrap .mv_list_wrap .mv_list.slick-active .txt_wrap > div { animation:mvTxt 1s 1.2s forwards; opacity: 0; transform:translateY(100px); }
#mv_wrap .mv_list_wrap .mv_list.slick-active .txt_wrap1 > div { animation:mvTxt 1s 1.2s forwards; opacity: 0; transform:translateY(100px); }
#mv_wrap .slick-slide img { display: inline-block;}
@keyframes mvBgScale {
    0% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes mvTxt {
    0% {
        transform:translateY(50px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}

/* progress bar */

#mv_wrap  .pro-bar{ position:absolute; bottom:0; left:0; width:0; height:5px; background: #d8b590; }
#mv_wrap  .pro-ani{ animation-name: proBar; animation-duration:5s; animation-iteration-count: 1; width:100%; }
@keyframes proBar{
	0%{width:0;}
	100%{width:100%;}
}

#mv_wrap .mv_mouse {position: absolute; bottom: 30px; left: 50%; margin-left: -9px; cursor: pointer; animation:move_mouse 2s infinite}
@keyframes move_mouse {
    0% { transform:translateY(0) ; }
   50% { transform:translateY(-10px) ; }
}

.m1 { position: relative; padding:0 0 100px;}
.m1 .inner {display: flex;align-content: space-around;position: relative;width: -webkit-fill-available;/* align-items: anchor-center; */}
.m1 .lt {width: 50%;padding: 0 30px 0 0;}
.m1 .rt {width: 50%;text-align: center;}
.m1 .lt .box {border:2px solid #2259e2;border-radius: 20px;padding: 50px 50px;box-shadow: 0 0 11px rgba(0,0,0,0.2);transition:.25s;}
.m1 .lt .box .btn { background-color:#2259e2; padding:20px 0; width:65%; margin:0 auto; color:#fff; font-size:20px; border-radius:85px; margin-top:20px; transition:.25s;}
.m1 .lt .box .btn:hover {background-color:#003d7c; }

.m1 .rt .box1 {border:2px solid #00c4aa;border-radius: 20px;padding: 23px 15px;box-shadow: 0 0 11px rgba(0,0,0,0.2);width:45%;display: inline-block;margin: 0 10px 0; transition:.25s;}
.m1 .rt .box1 .icon { height:65px;}
.m1 .rt .box1:nth-child(2) {margin: 0 0 0 10px;}
.m1 .rt .box2 {border:2px solid #00c4aa;border-radius: 20px;padding: 20px 15px;box-shadow: 0 0 11px rgba(0,0,0,0.2);width: -webkit-fill-available;/* display: inline-block; */margin: 30px 10px 0;transition:.25s;}
.m1 .rt .box2 .icon {height:65px;position: relative;align-items: center;justify-items: center;float: right;right: 10%;top: -67px;}

.m1 .lt .box:hover {background-color:#2259e2; color:#fff;  transform:translateY(-10px); }
.m1 .lt .box:hover .txt {color:#fff;}

.m1 .lt .box:hover  .btn {background-color:#003d7c; }

.m1 .rt .box1:hover {background-color:#00c4aa; color:#fff; transform:translateY(-10px);  }
.m1 .rt .box1:hover  .txt { color:#fff;}
.m1 .rt .box2:hover {background-color:#00c4aa; color:#fff;  transform:translateY(-10px); }
.m1 .rt .box2:hover  .txt { color:#fff;}

.m1 .txt { color:#8d8c8c;}


.m2 { position: relative; padding:100px 0; background-color:#bbe4ff;}

.square_img_wrap {}
.square_img_list {display:flex;}
.square_img_list li {display: inline-block; width: calc(25% - 20px); margin: 0 10px; text-align:center; vertical-align: top; position:relative; background-color:#fff; border-radius:20px; overflow:hidden; border:5px solid transparent; padding:0 0 30px;}
.square_img_list li .square_img { position: relative ; top: 0;  display: block; background-color:#f3f3f3; border-bottom-left-radius: 50%;    border-bottom-right-radius: 50%; overflow: hidden; height:165px; line-height:165px; text-align:center;  }
.square_img_list li .square_img img {  }
.square_img_list li .text01 { font-size: 22px;  font-weight: 600; line-height:170%; color:#222;  letter-spacing:-1px;  transition:.25s; }
.square_img_list li .text02 { font-size: 18px;  font-weight: 400; line-height:150%; color:#666; transition:.25s; padding-right:20px; }
.square_img_list li:hover { box-shadow:5px 5px 10px rgba(0,0,0,0.3); border:5px solid #408cfd;}
.square_img_list li:hover .text01 { color:#d8b590;}
.square_img_list li:hover .text02 { opacity:.7;}



.m3 {position: relative; padding:100px 0;}
.m3 .tit {font-size: 24px; font-weight: 600; padding-bottom: 20px; margin-bottom: 25px; border-bottom: 2px solid #222;}
.m3 .main_info_area {display: flex; justify-content:space-between;}
.m3 .main_notice_wrap {width: 33.33%;margin: 0 15px;position: relative;display: inline-grid;}
.m3 .main_notice_wrap ul {margin-bottom: 0; height:230px;}
.m3 .main_notice_wrap ul li {padding: 0 0;font-size: 18px;line-height: 30px;margin: 0 0 15px;position: relative;transition:.25s;}
.m3 .main_notice_wrap ul li .subject {display: inline-block;margin: 0;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:text-top;padding-right: 10px;transition:.25s;width: 77%;}
.m3 .main_notice_wrap ul li .subject:hover {color: #408cfd;  font-weight:500; }
.m3 .main_notice_wrap ul li .date { position: absolute; top: 3px; right: 0; color: #bfbfbf; font-size: 17px;}
.m3 .main_notice_wrap .btn_more {display: block;font-size: 35px;font-weight: 300;line-height: 1;position: absolute;top: 0;right: 10px;transition:.25s;}
.m3 .main_notice_wrap .btn_more:hover {color: #408cfd; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.m3 .main_notice_wrap p {font-size: 18px;padding: 25px 25px;}
.m3 .main_notice_wrap p a {display: inline-block; vertical-align: top; width: 100%; color:#fff; transition:.25s;}
.m3 .main_notice_wrap p a:hover { opacity:.5}

.m3 .board_thumb_list { background:#318ccb;  background:linear-gradient(-45deg, transparent 40px, #318ccb 0);}
.m3 .thumb_wrap {position: absolute;  display: block;  bottom: 0;   width: -webkit-fill-available;}
.m3 .thumb_wrap img {width:-webkit-fill-available;transition:.5s; }

.m3 .thumb_wrap .btn_more {display: block;font-size: 35px;font-weight: 300;line-height: 1;position: absolute;top: 0;right: 10px;transition:.25s;}
.m3 .thumb_wrap .btn_more:hover {color: #fff !important; -webkit-transform:rotate(90deg); transform:rotate(90deg);}




#main .con2 {position: relative; padding:0 0;}
#main .con2 ul {display: flex; }
#main .con2 ul li {width: 50%; padding: 100px 100px 150px; background-repeat: no-repeat; background-size: auto 100%; background-position: 75% 100%; position: relative; }
#main .con2 ul li.lt {background-color: #927a66;background-image: url('/assets/images/main/m2_list1.jpg'); background-position: 50% 50%;}
#main .con2 ul li.rt {background-color: #5d635e;background-image: url('/assets/images/main/m2_list2.jpg'); background-position: 50% 50%;}
#main .con2 ul li a {display: inline-block; padding: 15px 50px; line-height: 1; border: 1px solid #a9a8a8; color: #fff;  transition:.25s; margin-top:50px;}
#main .con2 ul li a:hover {background-color: #9e7c64; border-color: #9e7c64; color: #fff; border-radius: 0 0 20px 20px; }
#main .con2 ul li:hover {background-size: auto 115%;}




#main .con3 .main_notice_wrap .rt-rwd-qna-state.rt-rwd-qna-a{background:#3f464e;margin-left:10px; margin-top:-5px;  position: absolute;  right: 0;  padding: 3px 10px;  color: #fff;  font-size: 14px;}
#main .con3 .main_notice_wrap .rt-rwd-qna-state.rt-rwd-qna-q{background:#7d99cf;margin-left:10px; margin-top:-5px;  position: absolute;  right: 0;  padding: 3px 10px;  color: #fff;  font-size: 14px;}


@media all and (max-width:1800px){
	
}
@media all and (max-width:1430px){
	
	
}
@media all and (max-width:1230px){
	
}
@media all and (max-width:820px){
	#main_wrap {position:relative;margin-top: 70px;}
    #mv_wrap {height: 520px;overflow:hidden;position:relative;} 
	#main > div {padding: 0 0;}
    #mv_wrap .mv_list_wrap { height:520px; overflow:hidden;}
	#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1_m.jpg'); background-position: 65% 50%;  height:520px}
	#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2_m.jpg'); background-position: 30% 50%;  height:520px}
	#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3_m.jpg'); background-position: 35% 50%;  height:520px}
	#mv_wrap .mv_list_wrap .mv_list4 .visual {background-image: url('/assets/images/main/mv4_m.jpg'); background-position: 30% 50%;  height:520px}
	#mv_wrap .mv_list_wrap .mv_list5 .visual {background-image: url('/assets/images/main/mv5_m.jpg'); background-position: 50% 50%;  height:520px}
	
	#mv_wrap .mv_list_wrap .mv_list .txt_wrap {top: 25%;}
	#mv_wrap .mv_list_wrap .mv_list .txt_wrap {position:absolute;left: 0;top: 10%;transform:translate(0%, 0%);width: 85%;letter-spacing: -2px;overflow: hidden;margin-left: 0;margin: 0 auto;}
	#mv_wrap .mv_list_wrap .mv_list .txt_wrap1 {position:absolute;left:10%;top:12%;transform:translate(0%, 0%); width: 100%; color: #222;  letter-spacing: 0.5px; overflow: hidden;}
    #mv_wrap .mb20 { margin-bottom:10px !important;}

	#mv_wrap .mv_list_wrap .slick-dots {bottom: auto; top: 80%;}
	#mv_wrap .mv_list_wrap .slick-dots li button {width: 12px; height: 12px;}
	#mv_wrap .mv_list_wrap .slick-dots li.slick-active button {width: 40px;}

	#mv_wrap  .pro-bar{position: relative;bottom:0;left:0;width:0;height:5px;background: #d8b590;}
    #mv_wrap .mv_mouse {position: absolute;bottom: 24%;left: 50%;margin-left: -9px;cursor: pointer;animation:move_mouse 2s infinite}

/* Slick 화살표 (커스텀) */
#mv_wrap .slick-prev,
#mv_wrap .slick-next {
  transition:.25s;
  position:absolute;
  top: 44%;
  transform:translateY(-50%);
  z-index:5;
  width:36px;
  height:67px;
  border:none;
  cursor:pointer;
  /* border-radius:50%;  background: rgba(0,0,0,0.4) no-repeat center center;  background-size:20px auto;  outline:none;*/
  scale: .5;
  opacity: .5;
  }
#mv_wrap .slick-prev {left: 1%;background-image:url('/assets/images/main/mv_prev.png');}
#mv_wrap .slick-next {right: 1%;background-image:url('/assets/images/main/mv_next.png');}
#mv_wrap .slick-prev:hover,
#mv_wrap .slick-next:hover { opacity:.5;}
 
 
.mv_link_wrap {position: relative;bottom: 0;left: 0;margin-left: 0;width: -webkit-fill-available;max-width: -webkit-fill-available;z-index: 1;display: inline-block;align-items: stretch;}
.mv_link_wrap a {display: inline-block;padding: 30px 25px 20px 25px;width: -webkit-fill-available;margin: 0 -1px;/*border: 1px solid rgba(255,255,255,.45);*/background-color: #10bfce;border-radius:0;box-shadow:0 5px 13px rgba(0,0,0,.3);color: #fff;text-align: left;transition:.5s;vertical-align: top;height: 160px;}
.mv_link_wrap a:hover {background-color: #003d7c;  transform:translateY(-35px); }
.mv_link_wrap .icon {position: absolute;bottom: 0;display: contents;width: -webkit-fill-available;/* right: 0; */}
.mv_link_wrap .icon img {right: 0;position: relative;float: inline-end;width: 65px;bottom: 56px;}

 
.m1 { position: relative; padding:50px 0 50px !important;}
.m1 .inner {display: block;align-content: space-around;position: relative;width: -webkit-fill-available;/* align-items: anchor-center; */}
.m1 .lt {width: -webkit-fill-available;padding: 0 0;}
.m1 .rt {width: -webkit-fill-available;text-align: center;}
.m1 .lt .box {border:2px solid #2259e2;border-radius: 20px;padding: 20px 30px;box-shadow: 0 0 11px rgba(0,0,0,0.2);transition:.25s;}
.m1 .lt .box .btn {background-color:#2259e2;padding: 12px 0;width: 95%;margin:0 auto;color:#fff;font-size: 16px;border-radius:85px;margin-top:20px;transition:.25s;}
.m1 .lt .box .btn:hover {background-color:#003d7c; }

.m1 .rt .box1 {border:2px solid #00c4aa;border-radius: 20px;padding: 23px 15px;box-shadow: 0 0 11px rgba(0,0,0,0.2);width: -webkit-fill-available;display: inline-block;margin: 10px 0;transition:.25s;}
.m1 .rt .box1 .icon { height:65px;}
.m1 .rt .box1:nth-child(2) {margin: 0 0 0 10px;}
.m1 .rt .box2 {border:2px solid #00c4aa;border-radius: 20px;padding: 20px 15px;box-shadow: 0 0 11px rgba(0,0,0,0.2);width: -webkit-fill-available;/* display: inline-block; */margin: 30px 10px 0;transition:.25s;}
.m1 .rt .box2 .icon {height:65px;position: relative;align-items: center;justify-items: center;float: right;right: 5%;top: -67px;}

.m1 .lt .box:hover {background-color:#2259e2; color:#fff;  transform:translateY(-10px); }
.m1 .lt .box:hover .txt {color:#fff;}

.m1 .lt .box:hover  .btn {background-color:#003d7c; }

.m1 .rt .box1:hover {background-color:#00c4aa; color:#fff; transform:translateY(-10px);  }
.m1 .rt .box1:hover  .txt { color:#fff;}
.m1 .rt .box2:hover {background-color:#00c4aa; color:#fff;  transform:translateY(-10px); }
.m1 .rt .box2:hover  .txt { color:#fff;}

.m1 .txt { color:#8d8c8c;}
.m2 { position: relative; padding:50px 0 !important; background-color:#bbe4ff;}

.tit_ani_wrap {position:relative;margin-bottom: 20px;}
.mt50{margin-top: 20px !important;}

.square_img_wrap {}
.square_img_list {display: inline-block;}
.square_img_list li {display: inline-block;width: calc(50% - 10px);margin: 0 4px 10px;text-align:center;vertical-align: top;position:relative;background-color:#fff;border-radius:20px;overflow:hidden;border:5px solid transparent;padding:0 0 30px;}
.square_img_list li .square_img { position: relative ; top: 0;  display: block; background-color:#f3f3f3; border-bottom-left-radius: 50%;    border-bottom-right-radius: 50%; overflow: hidden; height:165px; line-height:165px; text-align:center;  }
.square_img_list li .square_img img {  }
.square_img_list li .text01 { font-size: 22px;  font-weight: 600; line-height:170%; color:#222;  letter-spacing:-1px;  transition:.25s; }
.square_img_list li .text02 { font-size: 18px;  font-weight: 400; line-height:150%; color:#666; transition:.25s; padding-right:20px; }
.square_img_list li:hover { box-shadow:5px 5px 10px rgba(0,0,0,0.3); border:5px solid #408cfd;}
.square_img_list li:hover .text01 { color:#d8b590;}
.square_img_list li:hover .text02 { opacity:.7;}

.m3 { position: relative; padding:50px 0 !important; }
.m3 .tit {font-size: 18px;font-weight: 600;padding-bottom: 14px;margin-bottom: 10px;border-bottom: 2px solid #222;}
.m3 .main_info_area {display: block;justify-content:space-between;}
.m3 .main_notice_wrap {width: -webkit-fill-available;margin: 0 0;position: relative;display: inline-block;}
.m3 .main_notice_wrap ul {margin-bottom: 30px;height: auto;}
.m3 .main_notice_wrap ul li {padding: 0 0;font-size: 14px;line-height: 24px;margin: 0 0 10px;position: relative;transition:.25s;}
.m3 .main_notice_wrap ul li .subject {display: inline-block;margin: 0;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:text-top;padding-right: 10px;transition:.25s;width: 77%;}
.m3 .main_notice_wrap ul li .subject:hover {color: #408cfd;  font-weight:500; }
.m3 .main_notice_wrap ul li .date {position: absolute;top: 3px;right: 0;color: #bfbfbf;font-size: 13px;}
.m3 .main_notice_wrap .btn_more {display: block;font-size: 30px;font-weight: 300;line-height: 1;position: absolute;top: -7px;right: 10px;transition:.25s;}
.m3 .main_notice_wrap .btn_more:hover {color: #408cfd; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.m3 .main_notice_wrap p {font-size: 16px;padding: 25px 15px;}
.m3 .main_notice_wrap p a {display: inline-block; vertical-align: top; width: 95%; color:#fff; transition:.25s;}
.m3 .main_notice_wrap p a:hover { opacity:.5}

.m3 .board_thumb_list { background:#318ccb;  background:linear-gradient(-45deg, transparent 40px, #318ccb 0);}
.m3 .thumb_wrap {position: relative;display: block;bottom: 0;width: -webkit-fill-available;}
.m3 .thumb_wrap img {width:-webkit-fill-available;transition:.5s; }


.m3 .thumb_wrap .btn_more {display: block;font-size: 35px;font-weight: 300;line-height: 1;position: absolute;top: 0;right: 10px;transition:.25s;}
.m3 .thumb_wrap .btn_more:hover {color: #fff !important; -webkit-transform:rotate(90deg); transform:rotate(90deg);}

 
 

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




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

	
}


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

	
}

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

	
}