@import url("common.css");

#wrap {position:relative; width:100%; _height:600px;}
#wrap {position:relative; width:100%; -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  -webkit-transition: all 0.3s ease;  padding-right: 0; -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}

/* visual */
#visual {position:relative;width:100%;height:420px;}
#visual .slick-slider {position:relative;display:block;}
#visual .slick-list {position:relative; display:block;overflow:hidden;}
#visual .slick-slide {display:none;float:left;height:100%;min-height:1px;}
#visual .slick-initialized .slick-slide{display:block;}
#visual .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
#visual .slick-prev, #visual .slick-next{ font-size: 0; line-height: 0; position: absolute; top: 53%; display: block; cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
#visual .sub_imgbox{height:100%;}
#visual .section{margin-bottom:2px;width:100%;height:100%;height:420px;position:relative;overflow:hidden;background-position:center;background-size:cover; border:0;}
#visual .sub_imgbox .slick-list ,
#visual .sub_imgbox .slick-track {height:100%;}
#visual .text_area{width:100%;text-align:center;color:#fff;position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
#visual .sub_imgbox .slick-prev, 
#visual .sub_imgbox .slick-next{position: absolute; display: block; top:50%; width: 60px;height: 60px; padding: 0;  -webkit-transform: translate(0, -46%);    -ms-transform: translate(0, -46%);
	transform: translate(0, -46%);cursor: pointer;  color: transparent; border: none; outline: none; background: transparent; z-index:999; font-size:0}
#visual .sub_imgbox .slick-prev{left:40px; background:url('/img/v_arrow_l.png') no-repeat left center;}
#visual .sub_imgbox .slick-next{right:40px; background:url('/img/v_arrow_r.png') no-repeat right center;}
#visual .sub_imgbox .slick-slider{position: relative;display: block;box-sizing: border-box;
	-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action: pan-y;
	touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
#visual .sub_imgbox .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
#visual .sub_imgbox .slick-initialized .slick-slide{display: block;}
.slick-dots{position:absolute;left:calc(50% - 16px);bottom:30px;z-index:99}
.slick-dots li{float:left; margin:0 3px}
.slick-dots li button{width:10px;height:10px;border:0;border-radius:5px;font-size:0;background-color:rgba(255,255,255,.3); cursor:pointer}
.slick-dots li.slick-active button{background-color:#fff}

/* 메인 비주얼 */
#visual .cover01 {background-image:url('/img/main7.jpg');}

/* 공통 */
.main_cts {clear:both;position:relative;width:1100px;margin:0 auto;_padding-top:100px;}
.main_cts h2,
.main_cts h2 a {margin-bottom:50px;font-size:36px;font-weight:500;text-align:center;color:#000;letter-spacing:-0.05em;}

.rocket {position:absolute;z-index:1;right:100px;top:550px;float:left;width:147px;height:148px;background:url(/img/main_bottom.png) no-repeat 0 0;}

/* 서비스 바로가기 */
.main_service {float:left;padding:50px 0;width:100%;}
.main_service h2 {display:none;}
.main_service ul {float:left;width:100%;}
.main_service ul li {float:left;padding:0 10px;width:20%;text-align:center;transition: all 0.3s ease;}
.main_service ul li a {display:inline-block;position:relative;width:100%;max-width:185px;border-radius:20px;background:#f7901e;transition: all 0.3s ease;}
.main_service ul li a:hover {background-color:#ec6115;}
.main_service ul li a img {width:100%;transform:rotate(0.01deg) scale3d(1, 1, 1);transition: all 0.3s ease;}
.main_service ul li a:hover img {transform: scale(1.1);transform:rotate(0.01deg) scale3d(1.1, 1.2, 1);}
.main_service ul li a p {position:absolute;bottom:15px;width:100%;font-size:16pt;font-weight:400;color:#000;text-align:center;}

/* 행사일정 */
.main_board {float:left;width:100%;}
.main_calendar {float:left;width:400px;height:360px;overflow:hidden;padding:5px 12px 0 12px;border:1px solid #000;background:#fff;transition: all 0.3s ease;}
.main_calendar h2 {float:left;margin:0 0 2px 0;padding:0;width:100%;font-size:18pt;font-weight:500;color:#e0252d;text-align:center;}
.main_calendar h2 a {font-size:16px;color:#e0252d;line-height:1;}
.main_calendar table {float:left;width:100%;}
.main_calendar table th,
.main_calendar table td {padding:2px;width:14.2%;height:27px;font-size:14px;text-align:center;line-height:27px;}
.main_calendar table th {border-top:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;}
.main_calendar .closed_lib {display:inline-block;color:#fff;border-radius:50%;background-color:#b01d3a;}
.main_calendar .event_lib {display:inline-block;color:#fff;border-radius:50%;background-color:#00ae8d;}
.main_calendar .schedule_lib {display:inline-block;color:#fff;border-radius:50%;background-color:#2edaff;}
.main_calendar .today_lib {display:inline-block;color:#000;border-radius:50%;border:2px solid #000;}
.main_calendar td span.closed_lib,
.main_calendar td span.event_lib,
.main_calendar td span.schedule_lib,
.main_calendar td span.today_lib{width:28px;height:28px;cursor:pointer;}
.main_calendar li span.closed_lib,
.main_calendar li span.event_lib,
.main_calendar li span.schedule_lib,
.main_calendar li span.today_lib {display:inline-block;width:15px;height:15px;vertical-align:middle;}
.main_calendar ul {float:left;width:100%;;padding:5px 0;margin:10px 0 5px 0;background-color:#efefef;}
.main_calendar ul li {float:left;width:25%;text-align:center;color:#000;}
.main_calendar .info {line-height:1.2;}

.quick {float:right;width:695px;}
.quick li a {float:left;padding:50px 40px;width:49.5%;height:360px;overflow:hidden;color:#fff;line-height:1.2;transition: all 0.3s ease;}
.quick li:nth-child(1) a {background:#08a660 url('/img/b_icon1.png') no-repeat 115% bottom;}
.quick li:nth-child(1) a:hover {background:#008148 url('/img/b_icon1.png') no-repeat 115% bottom;}
.quick li:nth-child(2) a {float:right;background:#00a6c8 url('/img/b_icon2.png') no-repeat right bottom;}
.quick li:nth-child(2) a:hover {float:right;background:#006cc8 url('/img/b_icon2.png') no-repeat right bottom;}
.quick h3 {font-size:32px;font-weight:500;}
.quick p {padding-top:40px;font-size:18px;line-height:1.4;}
.quick p br {display:block;}

.main_notice {float:left;margin-top:10px;padding:23px;width:100%;height:107px;overflow:hidden;background:url('/img/notice_bg2.jpg') no-repeat center top;}
.main_notice h3 a {float:left;padding:5px 0 0 20px;width:100%;max-width:320px;font-size:32px;color:#fff;font-weight:500;}
.main_notice h3 a span {float:right;padding-right:40px;}
.main_notice p {float:right;padding:19px 30px;width:calc(100% - 320px);color:#000;background:#fff;}
.main_notice p a {position:relative;padding-left:23px;font-size:18px;color:#000;border:0px solid #ff0000;}
.main_notice p a:before {position:absolute;top:9px;left:0;content:"";width:8px;height:8px;background:#5d7ccb;}
.main_notice p a font {float:right;}
.main_notice p a .new_icon{display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ffff00;background:#ff0000;border-radius:4px;text-align:center;vertical-align:middle;font-size:12px}


/* 관련사이트 */
.main_banner {float:left;width:100%;margin:20px 0;}
.banner_wrap {float:left;position:relative;width:100%;padding:20px;height:115px;}
.main_banner .slider03 {position:absolute;width:980px;top:17px;left:10px;}

@media all and (max-width:860px){
	.latest_div {width:100%;}
	.latest_div ul li {line-height:30px;}
}


/*******************************************************************************/
@media all and (max-width:999px){

/* visual */
#visual {top:0;}
#visual, #visual .section {height:350px !important;}

.main_cts {width:100%;_margin-top:100px;}
.main_cts h2,
.main_cts h2 a {margin-bottom:30px;font-size:30px;}
.direct_btn {top:-170px;}

.rocket {display:none;}

/* 서비스 바로가기 */
.main_service ul li a p {font-size:13pt;}

/* 행사일정 */
.main_calendar {width:44%;height:auto;}

.quick {width:calc(100% - 45%);}
.quick li a {margin-top:10px;width:100%;height:185px;}
.quick li:nth-child(1) a {margin-top:0;}
.quick p {padding-top:10px;}
.quick p br {display:none;}

.main_notice {height:auto;}
.main_notice h3 a {padding:0;max-width:100%;}
.main_notice h3 a span {padding-right:0;}
.main_notice p {margin-top:5px;width:100%;}

/* 관련사이트 */
.main_banner {margin:20px 0 0 0;}
.main_banner .slider03 {width:85%;}
.nbs-flexisel-item img {max-width:140px !important;}

}

/*******************************************************************************/
@media all and (max-width:750px){

/* 서비스 바로가기 */
.main_service ul li a p {bottom:10px;font-size:12pt;letter-spacing:-0.05em;}

}

/*******************************************************************************/
@media all and (max-width:640px){

/* visual */
#visual, #visual .section {height:260px !important;}

.main_cts {_padding-top:40px;_margin-top:80px;}
.main_cts h2,
.main_cts h2 a {margin-bottom:30px;font-size:24px;}

/* 행사일정 */
.main_board {padding:0 10px;}
.main_calendar {_margin-left:calc(50% - 200px);width:100%;}

.quick {width:100%;}
.quick li a {padding:40px 30px;height:auto;}
.quick li:nth-child(1) a {margin-top:10px;}
.quick p {padding-top:10px;}
.quick p br {display:none;}

.main_notice p {padding:19px 20px;}
.main_notice p a {padding-left:23px;font-size:16px;}
.main_notice p a:before {top:7px;}
.main_notice p a span {display:none;}

/* 서비스 바로가기 */
.main_service ul li {width:33.3%;margin-bottom:20px;}
.main_service ul li:nth-child(4) {margin-left:16.65%;}
.main_service ul li:nth-child(5) {margin-right:16.65%;}
.main_service ul li a p {bottom:15px;font-size:14pt;}

/* 관련사이트 */
.main_banner .slider03 {width:480px !important;}
.nbs-flexisel-ul {left:0 !important;}
.nbs-flexisel-item {width:160px !important;}
.nbs-flexisel-item img {max-width:150px !important;}

}


/*******************************************************************************/
@media all and (max-width:480px){

h3.main_title{font-size:20px;}

.mobile_block {display:block;}

/* visual */
/* .slick-dots {display:none !important;} */
#visual,
#visual .section{height:250px !important;}
#visual .text_area .eng1{font-size:30px;}
#visual .text_area .eng2{font-size:30px; letter-spacing:2pt}
#visual .text_area .eng1:after{width:280px;}
#visual .text_area .eng2:after{bottom:2px;width:280px;}
#visual .text_area .krb:after{top:-1px;width:280px;}
#visual .text_area .krb{font-size:15px;}
#visual .text_area .kr2{font-size:12px; line-height:20px; letter-spacing:-0.4px;padding-left:10px;padding-right:10px;}
#visual .text_area .vbtn{font-size:12px; width:140px}
#visual .link_wrap {width:100%;position:absolute;top:17%;}
#visual .link_box {width:100%;text-align:center;margin:0px auto;clear:both;}
#visual .link_box .link_item {width:20%;height:50px;display: inline-block;padding: 10px 0;margin: 0px auto 10px auto;}
#visual .link_box .link_item img {padding:5px 0px;margin:5px 0px;}
#visual .link_box .link_item a{color:#fff;line-height:30px; letter-spacing:-0.8px; -webkit-text-size-adjust: 100%;}
#visual .link_box2 {width:100%;text-align:center;margin:10px auto;clear:both;}
#visual .link_box2 .link_item {width:20%;height:50px;display: inline-block;padding: 10px 0;margin: 0px auto 10px auto;}
#visual .link_box2 .link_item img {padding:5px 0px;margin:5px 0px;}
#visual .link_box2 .link_item a{color:#fff;line-height:30px; letter-spacing:-0.8px; -webkit-text-size-adjust: 100%;}
/* #visual .sub_imgbox .slick-prev, #visual .sub_imgbox .slick-next{display:none !important;} */

/* 서비스 바로가기 */
.main_service {padding:20px 0;}
.main_service ul li {margin-bottom:10px;}
.main_service ul li a {padding:0 0 10px 0;}
.main_service ul li a p {bottom:10px;font-size:11pt;}

/* 관련사이트 */
.banner_wrap {height:90px !important;}
.main_banner .slider03 {width:95% !important;}
.nbs-flexisel-ul {left:0 !important;}
.nbs-flexisel-item {width:120px !important;}
.nbs-flexisel-item img {max-width:105px !important;}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {display:none;}



}