@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:absolute;top:130px;width:100%;height:502px;}
#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:502px;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/main1.jpg');}
#visual .cover02 {background-image:url('/img/main2.jpg');}
#visual .cover03 {background-image:url('/img/main3.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_calendar {float:left;position:absolute;z-index:1;left:calc(50% + 220px);top:170px;width:350px;height:410px;padding:12px;border-radius:15px;background-color:#fff;}
.main_calendar h2 {float:left;width:100%;padding:5px 0;font-size:18pt;font-weight:500;color:#fff;text-align:center;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#fe6a84;}
.main_calendar table {float:left;width:100%;}
.main_calendar table th,
.main_calendar table td {width:14.2%;height:28px;font-size:14px;text-align:center;line-height:28px;}
.main_calendar table th {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 .today_lib {border:2px solid #000;}
.main_calendar td span.closed_lib,
.main_calendar td span.event_lib {width:28px;height:28px;}
.main_calendar li span.closed_lib,
.main_calendar li span.event_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;background-color:#efefef;}
.main_calendar ul li {float:left;width:33.3%;text-align:center;color:#000;}
.main_calendar p {float:left;width:100%;font-size:14px;color:#000;line-height:23px}
.main_calendar p span.blue {color:blue;}

.main_calendar2 {float:left;position:absolute;z-index:1;left:calc(50% + 220px);top:170px;width:350px;height:410px;padding:12px;border-radius:15px;background-color:#fff;}
.main_calendar2 h2 {float:left;width:100%;padding:5px 0;font-size:18pt;font-weight:500;color:#fff;text-align:center;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#fe6a84;}
.main_calendar2 h2 a {font-size:18pt;font-weight:500;color:#fff;}
.main_calendar2 h2 a.arrow {font-size:16px;color:rgba(255,255,255,0.5);line-height:1;}
.main_calendar2 table {float:left;width:100%;}
.main_calendar2 table th,
.main_calendar2 table td {width:14.2%;height:28px;font-size:14px;text-align:center;line-height:28px;}
.main_calendar2 table th {border-bottom:1px solid #b7b7b7;}
.main_calendar2 .closed_lib {display:inline-block;color:#fff;border-radius:50%;background-color:#b01d3a;}
.main_calendar2 .event_lib {display:inline-block;color:#fff;border-radius:50%;background-color:#00ae8d;}
.main_calendar2 .schedule_lib {display:inline-block;color:#fff;border-radius:50%;background-color:#2edaff;}
.main_calendar2 .today_lib {display:inline-block;color:#000;border-radius:50%;border:2px solid #000;}
.main_calendar2 td span.closed_lib,
.main_calendar2 td span.event_lib,
.main_calendar2 td span.schedule_lib,
.main_calendar2 td span.today_lib{width:28px;height:28px;cursor:pointer;}
.main_calendar2 li span.closed_lib,
.main_calendar2 li span.event_lib,
.main_calendar2 li span.schedule_lib,
.main_calendar2 li span.today_lib {display:inline-block;width:15px;height:15px;vertical-align:middle;}
.main_calendar2 ul {float:left;width:100%;;padding:5px 0;margin:10px 0;background-color:#efefef;}
.main_calendar2 ul li {float:left;width:25%;text-align:center;color:#000;}
.main_calendar2 p {float:left;width:100%;font-size:14px;color:#000;line-height:23px}
.main_calendar2 p span.blue {color:blue;}

/* 서비스 바로가기 */
.main_service {float:left;width:100%;}
.main_service ul {float:left;width:100%;}
.main_service ul li {float:left;width:20%;text-align:center;}
.main_service ul li a,
.main_service ul li a span {font-size:16pt;font-weight:400;color:#000;}
.main_service ul li a img {margin-bottom:15px;border-radius:20px;background-color:#f0f1f5;}
.main_service ul li a:hover img {background-color:#d2e2f2;}

/* 최신글 */
.main_board {float:left;width:100%;height:409px;margin-top:100px;background:#d2e2f2 url(/img/bg_notice.jpg) no-repeat 50% 0;background-size:cover;}
.main_board .main_cts {padding-top:50px;}
.main_board .main_cts h2 {margin-bottom:30px;text-align:left;}
.main_board .main_cts h2 a {color:#002462;}
.main_board .main_notice {float:left;width:45%;}
.main_board .main_toyinfo {float:right;width:45%;}
.main_board .lt_service ul {float:left;width:100%;padding:15px;background-color:#fff;}
.main_board .lt_service ul li {float:left;position:relative;margin:10px 0;width:100%;}
.main_board .lt_service ul li a {float:left;padding-left:15px;width:calc(100% - 90px);line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url(/img/bullet_blue.png) no-repeat 0 50%;}
.main_board .lt_service ul li a:hover {color:#72C6C8;text-decoration:none;}
.main_board .lt_service ul li a strong {display:block;font-size:14pt;color:#000;}
.main_board .lt_service ul li span.lt_date {float:right;width:90px;font-size:0.9em;color:#999;text-align:right;}
.main_board .main_toyinfo .lt_service ul li a {width:100%;}
.main_board .main_toyinfo .lt_service ul li span.lt_date {display:none;}

/* 새로 들어온 장난감 */
.main_newtoy {float:left;width:100%;}
/*.main_newtoy .lt_service li {float:left;width:23%;margin:0 1%;border:1px solid #ddd;line-height:30px;}
.main_newtoy .lt_service li .lt_txt_wr {padding:5px 10px;}
.main_newtoy .lt_service li strong {display:block;font-size:16px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main_newtoy .lt_service li .lt_detail span {font-size:13px;margin-right:5px;}
.main_newtoy .lt_service li .lt_detail span:last-child {margin-right:0;}*/
.main_newtoy li a {float:left;margin:0 1% 10px 1%;padding:10px;width:23%;text-align:center;border:1px solid #ddd;line-height:30px;}
.main_newtoy li img {width:auto;max-width:170px;height:auto;max-height:170px;}
.main_newtoy li p {margin-top:10px;font-size:16px;color:#000;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 자원봉사활동 */
.volunteer {float:left;width:100%;background:#2B2388 url(/img/bg_volunteer.png) no-repeat 50% bottom;}
.volunteer a {float:left;width:100%;padding:30px 0;color:#d9d9d9;text-align:center;}
.volunteer a strong {display:block;font-size:2.3em;color:#fff;}


/* 관련사이트 */
.main_banner {float:left;width:100%;margin:20px 0 80px 0;}
.banner_wrap {float:left;position:relative;width:100%;padding:20px;height:115px;background:#eff3f6;}
.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 768~980px
*******************************************************************************/
@media all and (max-width:999px){

/* visual */
#visual {top:80px;}
#wrap, #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_calendar {left:calc(50% - 175px);top:400px;border:1px solid #ddd;}

.main_calendar2 {left:calc(50% - 175px);top:400px;border:1px solid #ddd;}

/* 서비스 바로가기 */
.main_service {margin-top:320px;}
.main_service ul li {line-height:20px;}
.main_service ul li a img {width:100px;}
.main_service ul li a,
.main_service ul li a span {font-size:13pt;}
.main_service ul li a span {display:block;}

/* 최신글 */
.main_board {padding-bottom:50px;height:auto;}
.main_board .main_cts {padding-top:0px;}
.main_board .main_notice,
.main_board .main_toyinfo {width:45%;}
.main_board .main_notice {margin-left:20px;}
.main_board .main_toyinfo {margin-right:20px;}

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

}


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

/* visual */
#wrap, #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_calendar {left:calc(50% - 175px);top:300px;}

.main_calendar2 {left:calc(50% - 175px);top:300px;}

/* 서비스 바로가기 */
.main_service {margin-top:370px;}
.main_service ul li {width:33.3%;margin-bottom:30px;}
.main_service ul li:nth-child(4) {margin-left:16.65%;}
.main_service ul li:nth-child(5) {margin-right:16.65%;}

/* 최신글 */
.main_board {margin-top:50px;}

/* 새로 들어온 장난감 */
.main_newtoy li a {margin:0 1% 10px 1%;width:48%;}
.main_newtoy li:nth-child(2n+1) a {clear:both;}
.main_newtoy li img {width:100%;max-width:160px;height:100%;max-height:160px;}
.main_newtoy li p {margin-top:10px;font-size:16px;color:#000;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 관련사이트 */
.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 ~480px
*******************************************************************************/
@media all and (max-width:480px){

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

.mobile_block {display:block;}

/* visual */
/* .slick-dots {display:none !important;} */
#wrap,
#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_cts {padding-top:50px;margin-top:50px;}

/* 서비스 바로가기 */
.main_service {margin-top:400px;}

/* 최신글 */
.main_board .main_notice,
.main_board .main_toyinfo {width:90%;margin:0 5%;}
.main_board .main_notice {margin-bottom:30px;}
.main_board .main_cts h2 {margin-bottom:10px;}

/* 자원봉사활동 */
.volunteer {background:#2B2388 url(/img/bg_volunteer.png) no-repeat 50% bottom;background-size:auto 70px;}
.volunteer a {padding:20px 0;}
.volunteer a strong {font-size:1.4em;}
.volunteer a span {display:none;}

/* 관련사이트 */
.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;}



}