@charset "utf-8";

/* header */

#header {  background-color: transparent; border-bottom: 1px solid rgba(255,255,255,.2); position: relative; top: 0; left: 0;}
#header #logo { line-height: 90px; }
#header #gnb {	  padding-top: 0;}
/* gnb - depth1 */
#header #gnb .dep1_wrap .dep1_con .dep1 {height: 90px; line-height: 90px;color: #000;}
/* gnb - depth2 */


#header .utils { position: static; margin-left: 15px;}
#header .utils a.member {width: auto; height: auto; line-height: 1;  padding: 10px 30px 10px 60px; background-color: #fff;  background-image: url('../images/main/login.png'); color: #000; background-position: 30px 50%;  }
#header .utils a:hover {box-shadow:0 0 15px rgba(0,0,0,.2)}

#header .utils a.mypage {width: auto; height: auto; line-height: 1;  padding: 10px 30px 10px 30px; background-color: #fff;  color: #000; }


/* 사이트맵 버튼 */
.open_sitemap a span {background-color: #000;}
.open_sitemap span,
.open_sitemap span:before,
.open_sitemap span:after {background-color: #000;}

/* stiky */
#header.stiky #logo a img:nth-child(1) {display: none;}
#header.stiky #logo a img:nth-child(2) {display: inline;}
#header.stiky .utils a.member {background-color: #603de3; background-image: url('../images/main/login_w.png'); color: #fff;}
#header.stiky .utils a.mypage {background-color: #603de3; color: #fff;}

#header.stiky #gnb .dep1_wrap .dep1_con .dep1 {color: #000;}
#header.stiky #gnb .dep1_wrap .dep1_con:hover .dep1,
#header.stiky #gnb .dep1_wrap .dep1_con .dep1:focus,
#header.stiky #gnb .dep1_wrap .dep1_con.active .dep1 {  color: #603de3;  }
#header.stiky .open_sitemap a span {background-color: #000;}
#header.stiky .open_sitemap span,
#header.stiky .open_sitemap span:before,
#header.stiky .open_sitemap span:after {background-color: #000;}
#header.stiky .open_sitemap .active span{background-color:transparent;}


/**/
#mv {position: relative; }
#mv .mv_slide_wrap {height: 100%; margin-bottom: 0;}
#mv .mv_slide_wrap .list { position: relative; }
#mv .mv_slide_wrap .list .visual {width: 100%; height: 785px;background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; }
#mv .mv_slide_wrap .list1 .visual {background-image: url('../images/main/mv1.jpg');}
#mv .mv_slide_wrap .list2 .visual {background-image: url('../images/main/mv2.jpg');}
#mv .mv_slide_wrap .list3 .visual {background-image: url('../images/main/mv3.jpg');}
#mv .mv_slide_wrap .list4 .visual {background-image: url('../images/main/mv4.jpg');}
#mv .mv_slide_wrap .list5 .visual {background-image: url('../images/main/mv5.jpg');}
#mv .mv_slide_wrap .list .txt_wrap .tit {font-family: 'OTOmni Gothic'; color: #fef0ae; z-index: 2; position: relative;} 
/*#mv .mv_slide_wrap .list .txt_wrap .tit:after {content: ''; position: absolute; z-index: 0; top: -30px; left: 80px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%);     visibility: visible;
-ms-transform: translate(0, -50%); display: block; width: 270px; height: 250px;  background: linear-gradient( 270deg, #e97c12, #feab01); background-size: 1600% 1600%; box-shadow: inset 0px -20px 100px 0px rgba(255, 255, 255, 0.48); animation: transform 20s linear infinite alternate, movement 40s linear infinite alternate, shade 60s linear infinite alternate;
}
    @keyframes transform
{
    0%,
  100% { border-radius: 33% 67% 70% 30% / 30% 30% 70% 70%; }
   20% { border-radius: 37% 63% 51% 49% / 37% 65% 35% 63%; }
   40% { border-radius: 36% 64% 64% 36% / 64% 48% 52% 36%; }
   60% { border-radius: 37% 63% 51% 49% / 30% 30% 70% 70%; }
   80% { border-radius: 40% 60% 42% 58% / 41% 51% 49% 59%; }
}

@keyframes transform2 {
  0%{border-radius: 42% 58% 60% 40% / 32% 54% 46% 68%}
  20%{border-radius: 59% 41% 36% 64% / 32% 64% 36% 68%}
  40%{border-radius: 48% 52% 52% 48% / 54% 53% 47% 46%}
  60%{border-radius: 42% 58% 51% 49% / 63% 64% 36% 37%}
  80%{border-radius: 32% 68% 33% 67% / 63% 35% 65% 37%}
  100%{border-radius: 34% 66% 52% 48% / 34% 53% 47% 66%}
}

@keyframes movement
{
  from { -webkit-transform: rotate(-1turn) translateY(-50px); transform: rotate(-1turn) translateY(-50px); }
    to { -webkit-transform: none; transform: none; }
}

@keyframes shade
{
  0%, 100% { background-position: 0% 50%; }
       50% { background-position: 100% 50%; }
}*/

#mv .mv_slide_wrap .list .txt_wrap {position: absolute; top: 235px;  left: 50%; margin-left: -600px; width: 1200px; text-align:center; color: #fff; } 
#mv .mv_slide_wrap .list .more {position: absolute; bottom: 190px; left: 50%; margin-left: -600px; display: inline-block; background: #fff url('../images/main/mv_more.png') right 40px top 50% no-repeat; padding: 12px 110px 12px 50px; border-radius:100px; font-weight: 500; transition:.5s;} 
#mv .mv_slide_wrap .list .more:hover {background-position: right 30px top 50%; box-shadow:1px 1px 10px rgba(0,0,0,.3); }

#mv .slick-prev,
#mv .slick-next {width: 44px; height: 87px;  z-index: 1; opacity: .7;}
#mv .slick-prev { background-image: url('../images/main/mv_prev.png'); left: 50%; margin-left: -900px; }
#mv .slick-next { background-image: url('../images/main/mv_next.png'); right: 50%; margin-right: -900px; }
#mv .slick-prev:hover,
#mv .slick-next:hover {opacity: 1;}
#mv .slick-dots {width: 1200px; bottom: 105px; right: 50%; margin-right: -560px; text-align: right; }
#mv .slick-dots li {width: auto; height: auto; margin: 0 4px;}
#mv .slick-dots li button {width: 15px; height: 15px; border-radius:100%; padding: 0; background-color: #fff;}
#mv .slick-dots li.slick-active button {background-color: #00b0f0;}
#mv .slick-dots li button:before {display: none;}

#mv .btn_scroll {
    position: absolute;
    bottom: 150px;
    left: 50%;
    width: 26px;
    margin-left: -13px;
    animation: moveTop 2s infinite;
    z-index: 2;}

#main_sch_wrap {margin-top: -95px;}
#main_sch_wrap .main_sch_box {display: flex; padding: 45px 0;background-color: #1168ac; border-radius:15px; color: #fff;}
#main_sch_wrap .main_form {width: calc(100% - 540px); margin-right: 20px; padding:0 30px;}
#main_sch_wrap .main_form .input_box {position: relative; margin-bottom: 10px;}
#main_sch_wrap .main_form .input_box input {width: 100%; height: 53px; background-color: #fff; border: none; border-radius:100px; padding: 0 80px 0 40px; font-size: 18px; color: #666;}
#main_sch_wrap .main_form .btn_sch {position: absolute; top: 0; right: 22px; width: 30px; height: 53px; padding: 0; background-color: transparent; border: none; text-align: center;}
#main_sch_wrap .main_form .txt {padding-left: 25px;}
#main_sch_wrap .main_form .txt span {display: inline-block; cursor: pointer; margin: 15px;}

#main_sch_wrap .inquiry_btn {width: 520px; border-right: 1px solid rgba(255,255,255,.23);}
#main_sch_wrap .inquiry_btn ul {font-size: 0;	padding: 0 30px 0; margin:10px 0 0 30px;}
#main_sch_wrap .inquiry_btn ul li {display: inline-block;vertical-align: top; width:47%;  border-radius:5px; font-size:18px; margin:5px;}
#main_sch_wrap .inquiry_btn ul li a{display: inline-block;vertical-align: top; background-color: #5ccdb5;  width: 100%; padding: 35px 10px; color: #fff;  border-radius:5px;  text-align:center;  transition:.5s;}
#main_sch_wrap .inquiry_btn ul li a:nth-child(2) {background-color: #a893f5; margin-bottom: 0;}
#main_sch_wrap .inquiry_btn ul a:hover {background-color: #000;}

.form_wrap h3 {padding-left: 40px;}
.form_tb {width: 100%;}
.form_tb th,
.form_tb td { padding:5px; font-size: 16px; letter-spacing: -1px; vertical-align: top; }
.form_tb th {color: #fff; line-height:35px; 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: 80px; line-height: 1.33; color: #666;} 
.form_wrap input::placeholder,
.form_wrap textarea::placeholder{color: #b8b8b8;}
.form_wrap input[type=checkbox] {width: 15px; height: 15px;}
.form_wrap label {font-size: 16px;}
.agree_btn {display: inline-block;vertical-align: middle; margin-left: 5px; padding: 2px 6px; background-color: #1c1a2b; color: #fff; font-size: 14px; transition:.25s;}
.agree_btn:hover {background-color: #666;}
.agree_box {display: none;}
.btn_send {width: 100%; padding:35px 20px; background-color:#00b0f0;  color: #fff;  border-radius:5px; font-size:22px; font-weight:500;  line-height:150%;  text-align:center; border:none;transition:.5s;}
.btn_send:hover {background-color:#333;}



.m1 {padding: 60px 0 90px;}
.m1 .board_box_wrap {font-size: 0; margin: 0 -20px -30px; display: flex; }
.m1 .board_box {display: inline-block; vertical-align: top; width: 33.33%; margin: 0 20px 30px;  position: relative; }
.m1 .board_box .tit_wrap .tit {line-height: 1; height: 43px; padding-bottom: 7px; color: #111;}
.m1 .board_box ul {border-top: 1px solid #888;}
.m1 .board_box1 .tit_wrap .tit .txt {display: inline-block; vertical-align: middle;color: #444; cursor: pointer;}
.m1 .board_box1 .tit_wrap .tit .txt.active {color: #444;}
.m1 .board_box1 .tit_wrap .tit .bar {display: inline-block; vertical-align: middle;margin: 0 5px; width: 2px; height: 80%; background-color: #333;}
.m1 .board_box ul.notice_list li {padding: 15px 0 0; }
.m1 .board_box ul.notice_list span{float: left; display: block;  width: 6px;  height: 6px; border-radius:100%;  background-color: #a9a9a9; margin:7px 10px;}
.m1 .board_box ul .subject_wrap {margin-bottom: 10px;  position: relative;}
.m1 .board_box ul .subject_wrap .subject {font-weight: 700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin-bottom: 5px;}
.m1 .board_box ul.notice_list a { color:#111; font-weight: 500; transition:.25s;}
.m1 .board_box ul.notice_list a:hover{ color:#306cb7}
.m1 .board_box ul .subject_wrap .date {font-weight: 350; }
.m1 .board_box ul.notice_list .con {display:-webkit-box; line-height: 1.33; height: 2.66em;  color: #666; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.m1 .board_box .btn_more {display: inline-block;text-align: center;font-size: 30px; color: #666;   font-weight: 300; position: absolute; top: 0px; right: 0px; transition:.25s; }
.m1 .board_box .btn_more:hover {color: #000;}


.m2 {padding: 50px 0 100px;}
.m2 .box_01 {float:left; display:inline-block; width:50%}
.m2 .box_01 ul {font-size: 0;	padding: 0 0 0; margin:0 0; }
.m2 .box_01 ul li {display:block;vertical-align: top; width:98%; font-size:18px; margin-bottom:5px; line-height:65px; height:65px; background-color:#fef0ae; border-radius:5px; padding-top:20px; transition:.25s; }
.m2 .box_01 ul li img{ vertical-align:top; padding-top:3px;}

.m2 .box_02 {float:left; display:inline-block; width:50%;  background-color:#f9f9f9; border-radius:5px;  }
.m2 .box_02 ul {font-size: 0;	padding: 40px 125px 0 45px; margin:0 0;}
.m2 .box_02 ul li {display:inline-block;vertical-align: top; margin:0; line-height:25px; height:95px;transition:.25s;}
.m2 .box_02 ul a{transition:.25s;}
.m2 .box_02 ul a:hover{ color:#1168ac; padding-left:3px;}


/*.m2 .box_01 ul li:hover{ background-color:#d8e0e6; color:#111;}*/
.m2 .board_box_wrap {font-size: 0; margin: 0 0; display: inline-block ; width:100%; }
.m2 .board_box {display: inline-block; vertical-align: top; width: 24%; margin: 0 5px 15px;  position: relative; border:1px solid #8C8C8C; padding:0 0 15px;}
.m2 .board_box .tit_wrap .tit {line-height: 1; height: 52px; padding:17px 15px 20px; color: #444; background-color:#f9f9f9;}
.m2 .board_box ul {border-top: 1px solid #888; height:250px; padding:0 15px}
.m2 .board_box1 .tit_wrap .tit .txt {display: inline-block; vertical-align: middle;color: #444; cursor: pointer;}
.m2 .board_box1 .tit_wrap .tit .txt.active {color: #444;}
.m2 .board_box1 .tit_wrap .tit .bar {display: inline-block; vertical-align: middle;margin: 0 5px; width: 2px; height: 80%; background-color: #333;}
.m2 .board_box ul.notice_list li {padding: 20px 0 0; transition:.25s; }
.m2 .board_box ul.notice_list li:hover {color:#00b0f0;}
.m2 .board_box ul .subject_wrap {margin-bottom: 10px;  position: relative;}
.m2 .board_box ul .subject_wrap .subject {font-weight: 700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin-bottom: 5px;}
.m2 .board_box ul .subject_wrap .date {font-weight: 350; }
.m2 .board_box ul.notice_list .con {display:-webkit-box; line-height: 1.33; height: 2.66em;  color: #666; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.m2 .board_box .btn_more {display: inline-block;text-align: center;font-size: 30px; color: #999;   font-weight: 300; position: absolute; top: 10px; right: 15px; transition:.25s; }
.m2 .board_box .btn_more:hover {color: #000;  font-weight: 500;}



@media all and (max-width:1800px){
	#mv .slick-prev,
	#mv .slick-next {width: 30px; height: 60px; background-size:cover;}
	#mv .slick-prev {left: 15px; margin-left: 0;}
	#mv .slick-next {right: 15px; margin-right: 0;}

	#main_sch_wrap .mark_wrap .mark_txt {top: calc(100% + 20px); left: auto; right: 0; transform:translateY(0);}
	#main_sch_wrap .mark_wrap .mark_txt:after {top: -19px; left: auto; right: 5px;transform:translateY(0) rotate(90deg);}
}
@media all and (max-width:1320px){

	#mv .mv_slide_wrap .list .txt_wrap {width: 100%; left: 0; margin-left: 0; padding: 0 80px;	}
	#mv .mv_slide_wrap .list .more {left: 80px; margin-left: 0;}
	#mv .slick-dots {width: 100%; right: 80px; margin-right: 0;}
}
@media all and (max-width:1200px){

	#main_sch_wrap .main_sch_box {padding: 45px 20px 45px 30px;}
	#main_sch_wrap .main_sch {padding-left: 0; width: calc(70% - 20px);}
	#main_sch_wrap .inquiry_btn {width: 30%;}
	#main_sch_wrap .inquiry_btn a {width: calc(100% - 70px);}

	.m3 li .icon_box {width: 100%; height: 0; padding-top: 100%;}
	.m3 li .icon_box .icon {margin-bottom: 5%; width: 55px; height: 55px; background-size:contain;}
}
@media all and (max-width:1024px){
	#header #logo {line-height: 70px;}

	.m1 {padding: 70px 0;}
	.m1 .green_list {margin: 0 -9px 35px;}
	.m1 .green_list li {width: calc(33.33% - 18px);margin: 0 9px;}
	.m1 .green_list li .icon {width: 100px; margin: -50px auto 0;}
	.m1 .gray_list {justify-content:flex-start;}
	.m1 .gray_list li {width: calc(33.33% - 18px);}
	.m1 .gray_list li p br {display: none;}

	.m2 .board_box_wrap {max-width:650px;margin: 0 auto -30px; display:block;}
	.m2 .board_box {width: 100%; margin: 0 0 30px; padding: 20px;}
	.m2 .board_box.board_notice_box {padding: 0 0;}
	.m2 .board_box .tit_wrap .tit {height: 50px;}
	.m2 .board_box .btn_more {top: 10px; right: 15px; width: auto; height: auto; line-height: 1; }
}
@media all and (max-width:768px){
	

	#mv .mv_slide_wrap .list .visual { height: 480px;}
	#mv .mv_slide_wrap .list1 .visual {background-image: url('../images/main/mv1_m.jpg');}
	#mv .mv_slide_wrap .list2 .visual {background-image: url('../images/main/mv2_m.jpg');}
	#mv .mv_slide_wrap .list3 .visual {background-image: url('../images/main/mv3_m.jpg');}
	#mv .mv_slide_wrap .list4 .visual {background-image: url('../images/main/mv4_m.jpg');}
	#mv .mv_slide_wrap .list5 .visual {background-image: url('../images/main/mv5_m.jpg');}
	#mv .mv_slide_wrap .list .txt_wrap {padding: 0 30px; top: 120px;}
	#mv .mv_slide_wrap .list .more {left: 30px; bottom: 150px;}
	#mv .slick-prev,
	#mv .slick-next {display: none !important;}
	#mv .slick-dots {right: 0; text-align: center; bottom: 115px;}

	#main_sch_wrap {margin-top: -90px;}
	#main_sch_wrap .main_sch_box {flex-wrap:wrap; padding: 30px 20px;}
	#main_sch_wrap .main_sch {width: 100%; padding: 0 0 15px 0; margin: 0 0 20px 0; border-right: none; border-bottom: 1px solid rgba(255,255,255,.23);}
	#main_sch_wrap .main_sch .input_box input {padding: 0 60px 0 30px;height: 45px; line-height: 45px; font-size: 16px;}
	#main_sch_wrap .main_sch .txt {padding-left: 25px;}
	#main_sch_wrap .main_sch .txt span {margin: 5px;}
	#main_sch_wrap .main_sch .btn_sch {height: 45px; right: 15px;}
	#main_sch_wrap .main_sch .btn_sch img {width: 20px;}
	#main_sch_wrap .inquiry_btn {width: 100%;}
	#main_sch_wrap .inquiry_btn a {width: calc(50% - 25px); line-height: 40px; font-size: 14px; margin: 0 5px 0 0;}
	#main_sch_wrap .inquiry_btn a:nth-child(2) {margin: 0;}
	#main_sch_wrap .mark_wrap .mark {width: 25px; height: 25px; font-size: 13px;}
	#main_sch_wrap .mark_wrap .mark_txt {width: 280px;padding: 15px;}
	#main_sch_wrap .mark_wrap .mark_txt:after {right: 0;}
	
	#main_sch_wrap .inquiry_btn ul li {width: 100%;}
	#main_sch_wrap .inquiry_btn ul { padding: 0 0 0; margin: 10px 0 0 0;}
	#main_sch_wrap .inquiry_btn ul li a {
    display: inline-block;
    vertical-align: top;
    background-color: #5ccdb5;
    width: 100%;
    padding: 8px 10px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
	font-size:16px;
    transition: .5s;}
	#main_sch_wrap .inquiry_btn {width: 520px; border-right: none;}
	
	#main_sch_wrap .main_form {
    width: calc(100% - 0px);
    margin-right:0;
    padding: 20px 0 0}
	
	.form_tb th,
    .form_tb td { padding:5px; font-size: 14px; letter-spacing: -1px; vertical-align: top; }
	.btn_send {width: 100%; padding:40px 20px; background-color:#00b0f0;  color: #fff;  border-radius:5px; font-size:18px; font-weight:500;  line-height:150%;  text-align:center; border:none;transition:.5s;}
	
	.m1 .board_box_wrap { font-size: 0; margin: 0 0 30px; display:inline-block;}
	.m1 .board_box {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 30px;
    position: relative;}
	
	.m2 {padding: 50px 0;}
    .m2 .box_01 ul li {display:block;vertical-align: top; width:100%; font-size:18px; margin:5px; line-height:65px; height:65px; background-color:#fef0ae; border-radius:5px; padding-top:20px; transition:.25s; }
    .m2 .box_01 {float:left; display:inline-block; width:100%}
	.m2 .box_02 {float:left; display:inline-block; width:100%;  background-color:#f9f9f9; border-radius:5px;  }
    .m2 .box_02 ul {font-size: 0;	padding: 30px 45px 0 15px; margin:0 0;}
	.m2 .box_02 ul li {display:inline-block;vertical-align: top; margin:0; line-height:25px; height:70px;transition:.25s;}





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


}