@charset "utf-8";

/*section01*/
#section01 {position:relative;padding:25px 0;}
#section01 .main_visual.use_cursor {cursor:pointer;}
#section01 .btn_area {position:absolute;right:0;bottom:0;overflow:hidden;}
#section01 .btn_area .ctrl {float:left;width:160px;height:40px;line-height:40px;background:#000;opacity:0.7;}
#section01 .btn_area .ctrl .num {float:left;height:40px;color:#fff;font-size:16px;margin:0 5px 0 10px;}
#section01 .btn_area .ctrl button {float:left;width:32px;height:40px;text-indent:-9999px;}
#section01 .btn_area .ctrl button.btn_prev {background:url(../imgs/common/btn_prev_white.png) no-repeat 50% 50%;}
#section01 .btn_area .ctrl button.btn_next {position:relative;background:url(../imgs/common/btn_next_white.png) no-repeat 50% 50%;}
#section01 .btn_area button.btn_stop {background:url(../imgs/common/btn_stop_white.png) no-repeat 50% 50% #000;margin-left:13px;}

/*section02*/
#section02 .tit_area {width:100%;position:relative;border-bottom:1px solid #cdcdcd;box-sizing:border-box;}
#section02 .tit_area h3 {display:block;text-align:center;background-color:#fff;border-top:1px solid #cdcdcd;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-radius:5px 5px 0 0;border-bottom:1px solid #fff;box-sizing:border-box;font-weight:400;letter-spacing:-0.075em;}
#section02 .tit_area .btn_more {position:absolute;vertical-align:middle;font-size:16px;color:#4c4c4c;height:100%;}
#section02 .notice_area h3 {background: url(../imgs/main/section02_icon02.png) no-repeat 22% 50%;}
#section02 .notice_area .con_area .notice_list li {border-bottom:1px dashed #ddd;}
#section02 .notice_area .con_area .notice_list li:first-child {padding: 13px 0 0 0;}
#section02 .notice_area .con_area .notice_list li:last-child {border-bottom:unset;}
#section02 .notice_area .con_area .notice_list a {display:block;padding:10px;color:#545454;font-size:14px;position:relative;}
#section02 .notice_area .con_area .notice_list a p {vertical-align:middle;font-weight:500;padding:0 0 0 5px;}
#section02 .notice_area .con_area .notice_list a p.notice_type {display:inline-block;width:56px;text-align:center;color:#fff;border-radius: 3px;vertical-align:middle;padding:2px 0;font-size:14px;}
#section02 .notice_area .con_area .notice_list a p.tit {display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-size:16px;color:#000;}
#section02 .notice_area .con_area .notice_list a p.date {font-weight:400;position:absolute;top:11px;right:5px;}
#section02 .schedule_area h3 {background: url(../imgs/main/section02_icon01.png) no-repeat 16% 50%;}
#section02 .schedule_area .con_area > div  {display:inline-block;vertical-align:top;}
#section02 .schedule_area .con_area .cal_area .top_area {text-align:center;font-weight:bold;padding-bottom:20px;}
#section02 .schedule_area .con_area .cal_area .cal_box .cal_row {display:table;width: 195px;table-layout:fixed;}
#section02 .schedule_area .con_area .cal_area .cal_box .cal_row .cal_cell {text-align:center;display:table-cell;vertical-align:middle;height: 27px;font-size: 11px;color:#333;}
#section02 .schedule_area .con_area .cal_area .cal_box .cal_row .cal_cell.week {font-size:12px;}
#section02 .schedule_area .con_area .cal_area .cal_box .cal_row .cal_cell.disable {opacity:0.4;}
#section02 .schedule_area .con_area .cal_area .cal_box .cal_row .cal_cell.today {background-color:#2f83cf;border-radius:50%;color:#fff;}
#section02 .schedule_area .con_area .cal_area .cal_box .cal_row .cal_cell.sunday {color:#f00;}
#section02 .schedule_area .con_area .cal_area .cal_box .cal_row .cal_cell.saturday {color:#003eff;}
#section02 .schedule_area .con_area .cal_list_area p {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;padding: 2px 0;}
#section02 .schedule_area .con_area .cal_list_area .time_area {color:#7a7a7a;padding-right:10px;letter-spacing:-0.055em;}
#section02 .schedule_area .con_area .cal_list_area .cal_tit {display:inline-block;background:#3083cf;color:#fff;border-radius:30px;}
#section02 .schedule_area .con_area .cal_list_area ul {padding: 15px 0 0 5px;}
#section02 .schedule_area .con_area .cal_list_area .time_area:after {content: '|';padding: 0 0 0 8px;color: #d2d2d2;}

/*section03*/
#section03 {border-top:1px solid #d0d4da;}
#section03 .inner {padding:40px 0;}
#section03 .icon_area .icon_column {display:inline-block;vertical-align:middle;text-align:center;}
#section03 .icon_area .icon_column a {display:block;}
#section03 .icon_area .icon_column a p {padding-top:15px;}
#section03 .icon_area .icon_column a img {border-radius:50%;}

/*section04*/
#section04 {background:url(../imgs/main/section04_bg.png) #d3dae4;}
#section04 h2 {position:relative;font-weight:400;color:#0b5388;}
#section04 .gallery_box {overflow:hidden;}
#section04 .gallery_box .bx-wrapper .bx-viewport {background-color:transparent;}
#section04 #gallerySlideWrap li {position:relative;float:left;box-sizing:border-box;}
#section04 #gallerySlideWrap li a {display:block;/* border:1px solid #a1c0b0; */transition:all .3s;background-color:#fff;}
#section04 #gallerySlideWrap li a:hover {color:#333;}
#section04 #gallerySlideWrap li span {display:block;}
#section04 #gallerySlideWrap li .thumb {width:100%;background:#f4f4f4;overflow:hidden;}
#section04 #gallerySlideWrap li .thumb img {width:100%;/*height:100%;*/-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:.7s;-moz-transition:.7s;-ms-transition:.7s;-o-transition:.7s;transition:.7s;}
#section04 #gallerySlideWrap li .thumb img:hover {-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
#section04 #gallerySlideWrap li .tit {display:block;padding:25px 20px;}
#section04 .btn_area {position:absolute;right:0;}
#section04 .btn_area button {border:1px solid #989b9e;float:left;}
#section04 .btn_area button.btn_prev {background:url(../imgs/common/btn_arr_prev.png) 50% 50% no-repeat;}
#section04 .btn_area button.btn_next {background:url(../imgs/common/btn_arr_next.png) 50% 50% no-repeat;margin-left:-1px;}
#section04 .btn_area button.btn_more {background:url(../imgs/common/btn_arr_more.png) 50% 50% no-repeat;margin-left:-1px;}
#section04 .btn_area button.btn_stop {background:url(../imgs/common/btn_arr_stop.png) 50% 50% no-repeat;margin-left:-1px;}

/*모바일*/
@media only screen and (max-width:480px) {

    /* section01 */
    #section01 .main_visual {background-size:150%!important;background-position-x:center!important;height:200px;}

    /* section02 */
    #section02 {padding:0 10px;}
    #section02 .tit_area {height:40px;}
    #section02 .tit_area h3 {width:150px;height:40px;line-height:40px;background-size:12px!important;font-size:18px;background-position-x:15%!important;}
    #section02 .tit_area .btn_more {right:10px;top:5px;}
    #section02 .notice_area {margin-bottom:20px;}
    #section02 .notice_area .con_area .notice_list a p.tit {width:55%;}
    #section02 .schedule_area .con_area  {min-height:260px;}
    #section02 .schedule_area .con_area > div  {padding:20px 10px;}
    #section02 .schedule_area .con_area .cal_area {display:none;}
    #section02 .schedule_area .con_area .cal_list_area .cal_tit {padding:5px 15px;font-size:15px;display: none;}

    /* section03 */
    #section03 .icon_area .icon_column {width:25%;}
    #section03 .icon_area .icon_column a p {padding:5px 0 10px;font-size:12px;}
    #section03 .icon_area .icon_column a img {width:70px;height:70px;}

    /* section04 */
    #section04 {padding:0 10px;}
    #section04 .inner {padding:40px 0;}
    #section04 h2 {font-size:25px;line-height:30px;}
    #section04 .btn_area {top:40px;}
    #section04 .btn_area button {width:30px;height:30px;background-size:cover;}
    #section04 .btn_area button.btn_stop {display:none;}
    #section04 .gallery_box {margin-top:40px;}
    #section04 #gallerySlideWrap .gallery_list {width:710%!important;}
    #section04 #gallerySlideWrap li {width:7%!important;margin-right:5px;}
    #section04 #gallerySlideWrap li .tit {width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 0.85em;padding: 0.8em;}


}

/*아이패드*/
@media only screen and (min-width:481px) and (max-width:768px) {

    /* section01 */
    #section01 .main_visual {background-size:80%!important;background-position-x:center!important;height:200px;}

    /* section02 */
    #section02 {padding:0 10px;}
    #section02 .tit_area {height:40px;}
    #section02 .tit_area h3 {width:150px;height:40px;line-height:40px;background-size:12px!important;font-size:18px;background-position-x:15%!important;}
    #section02 .tit_area .btn_more {right:10px;top:5px;}
    #section02 .notice_area {margin-bottom:20px;}
    #section02 .notice_area .con_area .notice_list a p.tit {width:55%;}
    #section02 .schedule_area .con_area  {min-height:260px;}
    #section02 .schedule_area .con_area > div  {padding:20px 10px;}
    #section02 .schedule_area .con_area .cal_area {display:none;}
    #section02 .schedule_area .con_area .cal_list_area .cal_tit {padding:5px 15px;font-size:15px;display: none;}

    /* section03 */
    #section03 .icon_area .icon_column {width:25%;}
    #section03 .icon_area .icon_column a p {padding:5px 0 10px;font-size:12px;}
    #section03 .icon_area .icon_column a img {width:70px;height:70px;}

    /* section04 */
    #section04 {padding:0 10px;}
    #section04 .inner {padding:40px 0;}
    #section04 h2 {font-size:25px;line-height:30px;}
    #section04 .btn_area {top:40px;}
    #section04 .btn_area button {width:30px;height:30px;background-size:cover;}
    #section04 .btn_area button.btn_stop {display:none;}
    #section04 .gallery_box {margin-top:40px;}
    #section04 #gallerySlideWrap .gallery_list {width:710%!important;}
    #section04 #gallerySlideWrap li {width:7%!important;margin-right:5px;}
    #section04 #gallerySlideWrap li .tit {width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 0.85em;padding: 0.8em;}

}

/*아이패드프로*/
@media only screen and (min-width:769px) and (max-width:1024px) {

}

@media only screen and (min-width:1025px) and (max-width:1199px) {

}

/* PC */
@media only screen and (min-width:1200px) {

    /* section01 */
    #section01 .main_visual {background-size:cover!important;height:395px;}

    /* section02 */
    #section02 {padding:30px 0;}
    #section02 .inner > div {display:inline-block;width: 48%;margin-left: 3.7%;vertical-align:top;}
    #section02 .tit_area {height:60px;}
    #section02 .tit_area h3 {width:240px;height:60px;line-height:60px;background-size:24px!important;font-size:22px;}
    #section02 .tit_area .btn_more {right:20px;top:9px;}
    #section02 .inner .notice_area {margin-left:0;}
    #section02 .notice_area .con_area .notice_list a p.tit {width:75%;}
    #section02 .schedule_area .con_area .cal_list_area {padding: 25px 0 0 27px;}
    #section02 .schedule_area .con_area .cal_list_area .cal_tit {padding:8px 20px;font-size:18px;}
    #section02 .schedule_area .con_area .cal_list_area p {width: 335px;}
    #section02 .schedule_area .con_area > div  {padding: 39px 0 0 10px;}

    /* section03 */
    #section03 .icon_area .icon_column {/* width:12.5%; */padding: 0 1.904947%;}
    #section03 .icon_column.icon01 {padding-left: 0;}
    #section03 .icon_column.icon08 {padding-right: 0;}

    /* section04 */
    #section04 .inner {padding:80px 0;}
    #section04 h2 {font-size:40px;line-height:40px;}
    #section04 .btn_area {top:80px;}
    #section04 .btn_area button {width:40px;height:40px;}
    #section04 .gallery_box {margin:60px 0 20px;}
    #section04 #gallerySlideWrap li {width:280px!important;margin-right:25px;}
    #section04 #gallerySlideWrap li .thumb {height:258px;}
    #section04 #gallerySlideWrap li .tit {font-size:17px;}

}