@charset "utf-8";

/* section01 */
#section01 {position:relative;}
#section01 .main_visual {background-size:cover!important;}
#section01 .main_visual_banner_pager .ctrl button {width:70px;height:70px;text-indent:-9999px;background-color:rgba(00,00,00,.4)!important;position:absolute;margin-top:-35px;top:50%;overflow:hidden;z-index:1;}
#section01 .main_visual_banner_pager .ctrl button.btn_prev {left:0;background:url(../imgs/common/arr_prev_half.png) no-repeat 50%;}
#section01 .main_visual_banner_pager .ctrl button.btn_next {right:0;background:url(../imgs/common/arr_next_half.png) no-repeat 50%;}
#section01 .bx_controls {position:absolute;left:0;width:100%;height:12px;text-align:center;z-index:1;}
#section01 .bx_controls .bx_pager_item button {display:inline-block;border-radius:10px;background:#fff;margin-bottom:5px;font-size:0;vertical-align:middle;}
#section01 .bx_controls .bx_pager_item button.active {width:40px;background:#5a9d15;}
#section01 .bx_controls .bx_pager_item button.btn_play {background:url(../imgs/common/arr_stop.png) 50% no-repeat;margin-left:6px;font-size:0;border-radius:unset;}
#section01 .bx_controls .bx_pager_item button.btn_play.btn_stop02 {background:url(../imgs/common/arr_paly_gray.png) 50% no-repeat;}
/*#mainVisualBanner video {width:100%;height:480px;}*/
#mainVisualBanner {width:100%;height:480px;overflow:hidden;}
#mainVisualBanner video {width:100%;overflow:hidden;}

/* section02 */
#section02 {background:linear-gradient(to right, #e4cf22 10%, #45ae13);}
#section02 ul {display:table;width:100%;text-align:center;table-layout:fixed;}
#section02 ul li {display:table-cell;vertical-align:middle;border-left:1px solid #fff;}
#section02 ul li.ico01 {background:url(../imgs/main/icon_01.png) no-repeat 50% 35%;}
#section02 ul li.ico02 {background:url(../imgs/main/icon_02.png) no-repeat 50% 35%;}
#section02 ul li.ico03 {background:url(../imgs/main/icon_03.png) no-repeat 50% 35%;}
#section02 ul li.ico04 {background:url(../imgs/main/icon_04.png) no-repeat 50% 35%;}
#section02 ul li.ico05 {background:url(../imgs/main/icon_05.png) no-repeat 50% 35%;}
#section02 ul li.ico06 {background:url(../imgs/main/icon_06.png) no-repeat 50% 35%;}
#section02 ul li a {display:block;margin:0 auto;z-index:15;color:#fff;}

/* section03 */
#section03 {padding:80px 0;}
#section03 .inner {font-size:0px;}
/* section03 - newsArea */
#section03 .newsArea .tabLinksArea {border-bottom: 1px solid #c4c4c4;box-sizing:border-box;}
#section03 .newsArea .tabLinksArea .tabLinks {color:#241a0e;cursor:pointer;vertical-align:middle;position:relative;font-weight: 400;}
#section03 .newsArea .tabLinksArea .tabLinks:before {position:absolute;left:0;top:50%;content:'';background:#c4c4c4;height:20px;width:1px;margin-top:-10px;}
#section03 .newsArea .tabLinksArea .tabLinks:first-child:before, #section03 .newsArea .tabLinksArea .tabLinks.more:before {height:0px;width:0px;}
#section03 .newsArea .tabLinksArea .tabLinks.defaultOpen {color:#61ad3e;border-bottom:2px solid #61ad3e;font-weight: 500;}
#section03 .newsArea .tabLinksArea .tabLinks.more {width:75px;text-indent:-9999px;background: url(../imgs/common/arr_more_gray.png) no-repeat 50% 50%;float:right;}
#section03 .newsArea .contentsNews .tabContent ul li {padding: 15px 0px 11px;}
#section03 .newsArea .contentsNews .tabContent ul li a {display:block;color:#545454;font-size:14px;position:relative;}
#section03 .newsArea .contentsNews .tabContent ul li a p {vertical-align:middle;font-weight:500;}
#section03 .newsArea .contentsNews .tabContent ul li a > div {display:inline-block;vertical-align:middle;}
#section03 .newsArea .contentsNews .tabContent ul li a .contentArea .notice_type {display:inline-block;vertical-align:bottom;text-align:center;color:#fff;border-radius: 3px;padding:2px 5px;margin-right:5px;}
#section03 .newsArea .contentsNews .tabContent ul li a .contentArea .tit {display:inline-block;vertical-align:bottom;letter-spacing: -0.05em;}
#section03 .newsArea .contentsNews .tabContent ul li a .contentArea .date {font-weight:400;position:absolute;top:2px;right:10px;}
#section03 .newsArea .contentsNews .tabContent ul li a .contentArea .con {padding-top:7px;letter-spacing: -0.05em;line-height: 1.3;}
#section03 .newsArea .contentsNews .tabContent .mBtnArea button.btnMore {border:none;background: url(../imgs/common/arr_more_gray.png) no-repeat 63% 50% #e6e6e6;width:100%;height:44px;font-size:15px;color:#241a0e;/* padding-right: 43px; */}

/* section03 - popupArea */
#section03 .popupArea {text-align:center;}
#section03 .popupArea .popupTop {position:relative;border-bottom:1px solid #cfcfcf;padding:15px 0;height:39px;}
#section03 .popupArea .popupTop h3 {text-align:left;display:inline-block;vertical-align:middle;position:absolute;left:20px;top:10px;}
#section03 .popupArea .popupTop .right_side {position:absolute;right:0;}
#section03 .popupArea .popupTop p {display:inline-block;vertical-align:middle;font-weight:bold;}
#section03 .popupArea .popupTop p.num {margin-right:15px;}
#section03 .popupArea .popupTop p.num span {color:#5a9d15;}
#section03 .popupArea .popupTop .btnArea02 {display:inline-block;vertical-align:middle;border:1px solid #9fa0a0;}
#section03 .popupArea .popupTop .btnArea02 button.btnPrev {background:url(../imgs/common/arr_prev_gray.png) no-repeat 50% 50%;}
#section03 .popupArea .popupTop .btnArea02 button.btnNext {background:url(../imgs/common/arr_next_gray.png) no-repeat 50% 50%;border-left:1px solid #9fa0a0;}
#section03 .popupArea .popupTop .btnArea02 button.btnPlay {background:url(../imgs/common/arr_paly_gray.png) no-repeat 50% 50%;border-left:1px solid #9fa0a0;}
#section03 .popupArea .popupTop .btnArea02 button.btnPlay.btnStop {background:url(../imgs/common/arr_stop_gray.png) no-repeat 50% 50%;border-left:1px solid #9fa0a0;}
#section03 .popupArea #mainPopupZoneBanner > div > img {width:100%;height:100%;}

/* section04 */
#section04 {background-color:#d4dae4!important;background-size:contain!important;padding:80px 0;text-align:center;background:url(../imgs/main/section04_bg_left.png) no-repeat left 50%, url(../imgs/main/section04_bg_rigth.png) no-repeat right 50%;}
#section04 h2 {position:relative;font-weight:400;}
#section04 h2 span {color:#4ba742;}
#section04 .sub_title {color:#787878;}
#section04 .lecture_box {overflow:hidden;}
#section04 .lecture_box .bx-wrapper .bx-viewport {background-color:transparent;}
#section04 #lectureSlideWrap li {position:relative;float:left;box-sizing:border-box;}
#section04 #lectureSlideWrap li > div {display:block;transition:all .3s;background-color:#fff;}
#section04 #lectureSlideWrap li .thumb {width:100%;background:#f4f4f4;overflow:hidden;}
#section04 #lectureSlideWrap li .thumb img {width: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 #lectureSlideWrap 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 #lectureSlideWrap li .info_area {border-bottom:1px dashed #dcdcdc;}
#section04 #lectureSlideWrap li .info_area .tit {display:block;font-weight:bold;}
#section04 #lectureSlideWrap li .date_area .date {color:#8c8c8c;line-height:1.8;}
#section04 #lectureSlideWrap li .date_area .date span {color:#fff;margin-right:5px;}
#section04 #lectureSlideWrap li .date_area .date .apply_date {background-color:#ffc50a;}
#section04 #lectureSlideWrap li .date_area .date .learning_date {background-color:#6ecc4a;}
#section04 #lectureSlideWrap li a {border:1px solid #388811;color:#5a9d15;width:100%;display:block;padding:5px 0;box-sizing:border-box;}
#section04 #lectureSlideWrap li a.finish{
    background: #ccc;
    border: 1px solid #898989;
    color: #898989;
    cursor: default;
}
#section04 #lectureSlideWrap li a.un_link {background-color:#999;border:unset;color:#fff;}

/* section05 */
#section05 {padding:80px 0;}
#section05 h2 {position:relative;font-weight:400;text-align:center;}
#section05 h2 span {color:#4ba742;}
#section05 .sub_title {color:#787878;text-align:center;}
#section05 .gallery_box {overflow:hidden;}
#section05 .gallery_box .bx-wrapper .bx-viewport {background-color:transparent;}
#section05 #gallerySlideWrap li {position:relative;float:left;box-sizing:border-box;}
#section05 #gallerySlideWrap li a {display:block;transition:all .3s;background-color:#fff;}
#section05 #gallerySlideWrap li a:hover {color:#333;}
#section05 #gallerySlideWrap li span {display:block;}
#section05 #gallerySlideWrap li .thumb {width:100%;background:#f4f4f4;overflow:hidden;}
#section05 #gallerySlideWrap li .thumb img {width: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;}
#section05 #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);}
#section05 #gallerySlideWrap li .tit {display:block;padding:25px 10px 0;font-weight:bold;}
#section05 #gallerySlideWrap li .date {color:#8c8c8c;}

/* section06 */
#section06 {border-top:1px solid #ededed;height:76px;}
#section06 .inner {padding-top:22px;}
#section06 .inner .bx-wrapper {max-width:1100px!important;margin:0 0 0 100px!important;}
#section06 .btn_area02 {top:20px;position:absolute;font-size:0px;}
#section06 .btn_area02 button {width:33px;height:33px;text-indent:-9999px;border:1px solid #9fa0a0;margin-left:-1px;box-sizing:border-box;position:relative;}
#section06 .btn_area02 button.btn_prev {background:url(../imgs/common/arr_prev_gray.png) no-repeat 50% 50%;}
#section06 .btn_area02 button.btn_next {background:url(../imgs/common/arr_next_gray.png) no-repeat 50% 50%;}
#section06 .btn_area02 button.btn_play {background:url(../imgs/common/arr_paly_gray.png) no-repeat 50% 50%;}
#section06 .btn_area02 button.btn_play.btn_stop {background:url(../imgs/common/arr_stop_gray.png) no-repeat 50% 50%;}
#section06 ul#mainBanner li {display:inline-block;margin:0;text-align:center;height:28px;}
#section06 ul#mainBanner li > a{display:inline-block;}

/* btn_area */
.btn_area {position:absolute;right:0;}
.btn_area button {border:1px solid #989b9e;float:left;}
.btn_area button.btn_prev {background:url(../imgs/common/arr_prev_gray.png) 50% 50% no-repeat;}
.btn_area button.btn_next {background:url(../imgs/common/arr_next_gray.png) 50% 50% no-repeat;margin-left:-1px;}
.btn_area button.btn_more {background:url(../imgs/common/arr_more_gray.png) 50% 50% no-repeat;margin-left:-1px;}
.btn_area button.btn_play {background:url(../imgs/common/arr_paly_gray.png) 50% 50% no-repeat;margin-left:-1px;}
.btn_area button.btn_play.btn_stop {background:url(../imgs/common/arr_stop_gray.png) 50% 50% no-repeat;margin-left:-1px;}

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

    #mainVisualBanner {width:100%;max-height:480px;height:auto;overflow:hidden;}

    #mainCon > div {padding:0 10px;}

    #section01 {padding:0!important;}
    #section01 .bx-viewport {height:unset!important;}
    #section01 .main_visual {height:40vh;}
    #section01 .main_visual_banner_pager {display:none;}
    #section01 .bx_controls {bottom:20px;}
    #section01 .bx_controls .bx_pager_item button {width:10px;height:10px;padding:0;}
    #section01 .bx_controls .bx_pager_item button.btn_play {width:10px;height:10px;}

    #section02 {padding:0!important;}
    #section02 ul {height:80px;}
    #section02 ul li {background-size:40% !important;}
    #section02 ul li.ico01 {border-left:unset;}
    #section02 ul li a {font-size:0.5em;padding-top:60%;word-break:keep-all;line-height: 1.1;}

    /* section03 */
    #section03 {margin:20px 0;}
    #section03 .newsArea {width:100%;}
    #section03 .newsArea .tabLinksArea .tabLinks {font-size:12px;width:25%;height:40px;}
    #section03 .newsArea .tabLinksArea .tabLinks.more {display:none;}
    #section03 .newsArea .tabLinksArea .tabLinks.defaultOpen {font-size:14px;}
    #section03 .newsArea .contentsNews .tabContent ul {padding:15px 0;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea {width: 75%;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .notice_type {vertical-align:middle;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .tit {width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .con {overflow:hidden;white-space: normal;line-height:1.2;height:2.4em;text-align:left;word-wrap:break-word;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
    #section03 .newsArea .contentsNews .tabContent ul li a p.con {font-size:0.8em;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea {width:60px;height:60px;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea .date_day {font-size:2em;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea .date_another {font-size:0.8em;line-height:1.5;}
    #section03 .newsArea .contentsNews .tabContent .mBtnArea button.btnMore {margin-bottom:28px;}
    #section03 .popupArea {width:100%;}
    #section03 .popupArea .popupTop h3 {font-size:20px;}
    #section03 .popupArea .popupTop p {font-size:15px;}
    #section03 .popupArea .popupTop .btnArea02 button {width:20px;height:20px;}

    /* section04 */
    #section04 .inner {padding:40px 0;}
    #section04 h2 {font-size:23px;line-height:30px;text-align:left;}
    #section04 .sub_title {font-size:18px;text-align:left;display:none;}
    #section04 .btn_area {top:40px;}
    #section04 .btn_area button {width:10px;height:10px;background-size:auto;padding:15px;}
    #section04 .btn_area button.btn_play {display:none;}
    #section04 .lecture_box {margin-top:40px;}
    #section04 #lectureSlideWrap .lecture_list {width:710%!important;}
    #section04 #lectureSlideWrap li {width:7%!important;margin-right:5px;}
    #section04 #lectureSlideWrap li > div {padding:5px;}
    #section04 #lectureSlideWrap li .info_area .tit {padding-bottom:15px;}
    #section04 #lectureSlideWrap li .tit {width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 0.85em;padding: 0.8em;}
    #section04 #lectureSlideWrap li .date_area {padding:10px 0 0;}
    #section04 #lectureSlideWrap li .date_area .date {font-size:0.8em;padding-bottom:10px;}
    #section04 #lectureSlideWrap li .date_area .date span {display:block;width:30px;border-radius:20px;padding:0 3px;margin:0 auto;}

    /* section05 */
    #section05 .inner {padding:40px 0;}
    #section05 h2 {font-size:23px;line-height:30px;text-align:left;}
    #section05 .sub_title {font-size:18px;text-align:left;display:none;}
    #section05 .btn_area {top:40px;}
    #section05 .btn_area button {width:10px;height:10px;background-size:auto;padding:15px;}
    #section05 .btn_area button.btn_play {display:none;}
    #section05 .gallery_box {margin-top:40px;}
    #section05 #gallerySlideWrap .gallery_list {width:710%!important;}
    #section05 #gallerySlideWrap li {width:7%!important;margin-right:5px;}
    #section05 #gallerySlideWrap li .tit {width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 0.85em;padding: 0.8em;}
    #section05 #gallerySlideWrap li .date {padding:0 10px;}

    #section06 .btn_area02 {left:10px;}
    #section06 ul#mainBanner li {width:1.5% !important;}

}

/*아이패드*/
@media all and (min-width:481px) and (max-width:768px) {
    #mainVisualBanner {width:100%;max-height:480px;height:auto;overflow:hidden;}

    #mainCon > div {padding:0 10px;}
    h2 {font-size:30px;line-height:30px;text-align:left;}

    #section01 {padding:0!important;}
    #section01 .bx-viewport {height:unset!important;}
    #section01 .main_visual {height:40vh;}
    #section01 .main_visual_banner_pager {display:none;}
    #section01 .bx_controls {bottom:20px;}
    #section01 .bx_controls .bx_pager_item button {width:10px;height:10px;padding:0;}
    #section01 .bx_controls .bx_pager_item button.btn_play {width:10px;height:10px;}

    #section02 {padding:0!important;}
    #section02 ul {height:80px;}
    #section02 ul li {background-size:40px !important;}
    #section02 ul li.ico01 {border-left:unset;}
    #section02 ul li a {font-size:0.8em;padding:50% 0 10%;word-break:keep-all;line-height: 1.1;}

    /* section03 */
    #section03 {margin:20px 0;}
    #section03 .newsArea {width:100%;}
    #section03 .newsArea .tabLinksArea .tabLinks {font-size:16px;width:25%;height:40px;}
    #section03 .newsArea .tabLinksArea .tabLinks.more {display:none;}
    #section03 .newsArea .tabLinksArea .tabLinks.defaultOpen {font-size:20px;}
    #section03 .newsArea .contentsNews .tabContent ul {padding:15px 0;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea {width:85%;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .notice_type {vertical-align:middle;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .tit {width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .con {overflow:hidden;white-space: normal;text-align:left;word-wrap:break-word;text-overflow:ellipsis;}
    #section03 .newsArea .contentsNews .tabContent ul li a p.con {font-size:0.8em;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea {width:60px;height:60px;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea .date_day {font-size:2em;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea .date_another {font-size:0.8em;line-height:1.5;}
    #section03 .newsArea .contentsNews .tabContent .mBtnArea button.btnMore {margin-bottom:28px;background-position-x:55% !important}
    #section03 .popupArea {width:100%;}
    #section03 .popupArea .popupTop h3 {font-size:20px;}
    #section03 .popupArea .popupTop p {font-size:15px;}
    #section03 .popupArea .popupTop .btnArea02 button {width:20px;height:20px;}
    #section03 .popupArea #mainPopupZoneBanner > div > img {width:400px!important;height:unset!important;margin:20px auto;}
    #section03 .popupArea .mainPopupZoneBannerPager .bx-viewport {height:unset!important;}

    /* section04 */
    #section04 {background:unset;}
    #section04 .inner {padding:40px 0;}
    #section04 .sub_title {font-size:18px;text-align:left;display:none;}
    #section04 .btn_area {top:40px;}
    #section04 .btn_area button {width:10px;height:10px;background-size:auto;padding:15px;}
    #section04 .btn_area button.btn_play {display:none;}
    #section04 .lecture_box {margin-top:40px;}
    #section04 #lectureSlideWrap .lecture_list {width:710%!important;}
    #section04 #lectureSlideWrap li {width:7%!important;margin-right:5px;}
    #section04 #lectureSlideWrap li > div {padding:5px;}
    #section04 #lectureSlideWrap li .info_area .tit {padding-bottom:15px;}
    #section04 #lectureSlideWrap li .tit {width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1em;padding: 0.8em;}
    #section04 #lectureSlideWrap li .date_area {padding:10px 0 0;}
    #section04 #lectureSlideWrap li .date_area .date {font-size:0.8em;padding-bottom:10px;}
    #section04 #lectureSlideWrap li .date_area .date span {display:inline-block;width:50px;border-radius:20px;padding:0 3px;margin:0 10px 0 0;}

    /* section05 */
    #section05 .inner {padding:40px 0;}
    #section05 .sub_title {font-size:18px;text-align:left;display:none;}
    #section05 .btn_area {top:40px;}
    #section05 .btn_area button {width:10px;height:10px;background-size:auto;padding:15px;}
    #section05 .btn_area button.btn_play {display:none;}
    #section05 .gallery_box {margin-top:40px;}
    #section05 #gallerySlideWrap .gallery_list {width:710%!important;}
    #section05 #gallerySlideWrap li {width:7%!important;margin-right:5px;}
    #section05 #gallerySlideWrap li .tit {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1em;padding: 0.8em;}
    #section05 #gallerySlideWrap li .date {padding:0 10px;}

    #section06 .btn_area02 {left:10px;}
    #section06 ul#mainBanner li {width:0.6% !important;}

}

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

    #mainCon > div .inner {padding:0 10px;}

    h2 {font-size:40px;}

    /* btn_are */
    .btn_area {top:20px;right:20px!important;}
    .btn_area button {width:40px;height:40px;}

    #headerTop .site_map_area {display:none;}

    #section01 .main_visual {height:480px;}

    #section02 .inner {padding:0!important;}
    #section02 ul {height:100px;}
    #section02 ul li.ico05 {border-right:1px solid #fff;}
    #section02 ul li a {font-size:16px;padding-top:25%;}
    #section01 .bx_controls {bottom:50px;}
    #section01 .bx_controls .bx_pager_item button {width:20px;height:20px;}
    #section01 .bx_controls .bx_pager_item button.btn_play {width:20px;height:20px;}

    /* section03 */
    #section03 .inner > div {display:inline-block;vertical-align:top;}
    #section03 .mBtnArea {display:none;}
    #section03 .newsArea {width:60%;margin-right:3%;}
    #section03 .newsArea .tabLinksArea .tabLinks {padding:14px 16px;font-size:18px;width:130px;height:70px;}
    #section03 .newsArea .tabLinksArea .tabLinks.defaultOpen {font-size:20px;}
    #section03 .newsArea .contentsNews .tabContent ul {padding:5px 0 0;}
    #section03 .newsArea .contentsNews .tabContent ul li {padding:10px 0 6px!important;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea {width:85px;height:85px;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea .date_day {font-size:50px;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea .date_another {font-size:14px;line-height:0.8;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea {width:80%;padding:0 0 0;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .tit {width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}
    #section03 .newsArea .contentsNews .tabContent .mBtnArea button.btnMore {margin:30px 0 28px;}
    #section03 .popupArea {width:35%;}
    #section03 .popupArea .popupTop h3 {font-size:25px;}
    #section03 .popupArea .popupTop p {font-size:20px;}
    #section03 .popupArea .popupTop .btnArea02 button {width:31px;height:31px;}
    #section03 .popupArea #mainPopupZoneBanner > div {width:24.1%!important;}

    /* section04 */
    #section04 {padding:30px 0!important;}
    #section04 .sub_title {font-size:18px;}
    #section04 .lecture_box {margin:40px 0 20px;}
    #section04 #lectureSlideWrap li {width:313px!important;margin-right:30px;}
    #section04 #lectureSlideWrap li > div {padding:20px;}
    #section04 #lectureSlideWrap li .thumb {height: 212px;}
    #section04 #lectureSlideWrap li .info_area .tit {font-size:17px;padding-bottom:15px;letter-spacing:-0.05em;height:55px;overflow:hidden;}
    #section04 #lectureSlideWrap li .date_area {padding:20px 0;}
    #section04 #lectureSlideWrap li .date_area .date {font-size:14px;}
    #section04 #lectureSlideWrap li .date_area .date span {padding:0px 5px;}

    /* section05 */
    #section05 {padding:30px 0!important;}
    #section05 .sub_title {font-size:18px;}
    #section05 .gallery_box {margin:40px 0 20px;}
    #section05 #gallerySlideWrap li {width:313px!important;margin-right:30px;}
    #section05 #gallerySlideWrap li .thumb {height:258px;}
    #section05 #gallerySlideWrap li .tit {font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    #section05 #gallerySlideWrap li .date {font-size:14px;padding:25px 10px 0;}

    #section06 .inner > .bx-wrapper {padding:1px 0;}
    #section06 .btn_area02 {left:10px;}
    #section06 ul#mainBanner li {width:0.6% !important;}
}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .tit {font-size: 17px;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .con {font-size: 16px;}

}

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

    #mainCon > div .inner {padding:0 10px;}

    h2 {font-size:40px;}

    /* btn_are */
    .btn_area {top:20px;right:20px!important;}
    .btn_area button {width:40px;height:40px;}

    #headerTop .site_map_area {display:none;}

    #section01 .main_visual {height:550px;}

    #section02 .inner {padding:0!important;}
    #section02 ul {height:100px;}
    #section02 ul li.ico05 {border-right:1px solid #fff;}
    #section02 ul li a {font-size:16px;padding-top:25%;}
    #section01 .bx_controls {bottom:50px;}
    #section01 .bx_controls .bx_pager_item button {width:20px;height:20px;}
    #section01 .bx_controls .bx_pager_item button.btn_play {width:20px;height:20px;}

    /* section03 */
    #section03 .inner > div {display:inline-block;vertical-align:top;}
    #section03 .mBtnArea {display:none;}
    #section03 .newsArea {width:60%;margin-right:3%;}
    #section03 .newsArea .tabLinksArea .tabLinks {padding:14px 16px;font-size:18px;width:130px;height:70px;}
    #section03 .newsArea .tabLinksArea .tabLinks.defaultOpen {font-size:20px;}
    #section03 .newsArea .contentsNews .tabContent ul {padding:5px 0 0;}
    #section03 .newsArea .contentsNews .tabContent ul li {padding:10px 0 6px!important;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea {width:85px;height:85px;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea .date_day {font-size:50px;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea .date_another {font-size:14px;line-height:0.8;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea {width:80%;padding:0 0 0;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .tit {width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;}
    #section03 .newsArea .contentsNews .tabContent .mBtnArea button.btnMore {margin:30px 0 28px;}
    #section03 .popupArea {width:35%;}
    #section03 .popupArea .popupTop h3 {font-size:25px;}
    #section03 .popupArea .popupTop p {font-size:20px;}
    #section03 .popupArea .popupTop .btnArea02 button {width:31px;height:31px;}
    #section03 .popupArea #mainPopupZoneBanner > div {width:24.1%!important;}

    /* section04 */
    #section04 {padding:30px 0!important;}
    #section04 .sub_title {font-size:18px;}
    #section04 .lecture_box {margin:40px 0 20px;}
    #section04 #lectureSlideWrap li {width:313px!important;margin-right:30px;}
    #section04 #lectureSlideWrap li > div {padding:20px;}
    #section04 #lectureSlideWrap li .thumb {height: 212px;}
    #section04 #lectureSlideWrap li .info_area .tit {font-size:17px;padding-bottom:15px;letter-spacing:-0.05em;height:55px;overflow:hidden;}
    #section04 #lectureSlideWrap li .date_area {padding:20px 0;}
    #section04 #lectureSlideWrap li .date_area .date {font-size:14px;}
    #section04 #lectureSlideWrap li .date_area .date span {padding:0px 5px;}

    /* section05 */
    #section05 {padding:30px 0!important;}
    #section05 .sub_title {font-size:18px;}
    #section05 .gallery_box {margin:40px 0 20px;}
    #section05 #gallerySlideWrap li {width:313px!important;margin-right:30px;}
    #section05 #gallerySlideWrap li .thumb {height:258px;}
    #section05 #gallerySlideWrap li .tit {font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    #section05 #gallerySlideWrap li .date {font-size:14px;padding:25px 10px 0;}

    #section06 .inner > .bx-wrapper {padding:24px 0;}
    #section06 .btn_area02 {left:10px;}

    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .tit {font-size: 17px;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .con {font-size: 16px;}

}

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

    /* btn_are */
    .btn_area {top:20px;}
    .btn_area button {width:40px;height:40px;}

    #section01 .main_visual {height:480px;}

    #section02 ul {height:100px;}
    #section02 ul li.ico05 {border-right:1px solid #fff;}
    #section02 ul li a {font-size:16px;padding-top:25%;}
    #section01 .bx_controls {bottom:50px;}
    #section01 .bx_controls .bx_pager_item button {width:20px;height:20px;}
    #section01 .bx_controls .bx_pager_item button.btn_play {width:20px;height:20px;}

    /* section03 */
    #section03 .inner > div {display:inline-block;vertical-align:top;}
    #section03 .mBtnArea {display:none;}
    #section03 .newsArea {width:760px;margin-right:40px;}
    #section03 .newsArea .tabLinksArea .tabLinks {padding:14px 16px;font-size:20px;width:160px;height:70px;}
    #section03 .newsArea .tabLinksArea .tabLinks.defaultOpen {font-size:23px;}
    #section03 .newsArea .contentsNews .tabContent ul {padding:15px 0 0;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea {width:85px;height:85px;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea .date_day {font-size:50px;}
    #section03 .newsArea .contentsNews .tabContent ul li a .dateArea .date_another {font-size:14px;line-height:0.8;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea {width:640px;padding: 0 0 0;}
    #section03 .newsArea .contentsNews .tabContent .mBtnArea button.btnMore {margin:30px 0 28px;}
    #section03 .popupArea {width:400px;}
    #section03 .popupArea .popupTop h3 {font-size:25px;}
    #section03 .popupArea .popupTop p {font-size:20px;}
    #section03 .popupArea .popupTop .btnArea02 button {width:31px;height:31px;}
    #section03 .popupArea #mainPopupZoneBanner > div {width:400px!important;height:350px;}

    /* section04 */
    #section04 h2 {font-size:50px;}
    #section04 .sub_title {font-size:18px;}
    #section04 .lecture_box {margin:60px 0 20px;}
    #section04 #lectureSlideWrap li {width:280px!important;margin-right:25px;}
    #section04 #lectureSlideWrap li > div {padding:20px;}
    #section04 #lectureSlideWrap li .thumb {height: 212px;}
    #section04 #lectureSlideWrap li .info_area .tit {font-size:17px;padding-bottom:15px;letter-spacing:-0.05em;height:55px;overflow:hidden;}
    #section04 #lectureSlideWrap li .date_area {padding:20px 0;}
    #section04 #lectureSlideWrap li .date_area .date {font-size:14px;}
    #section04 #lectureSlideWrap li .date_area .date span {padding:0px 5px;}

    /* section05 */
    #section05 h2 {font-size:50px;}
    #section05 .sub_title {font-size:18px;}
    #section05 .gallery_box {margin:60px 0 20px;}
    #section05 #gallerySlideWrap li {width:280px!important;margin-right:25px;}
    #section05 #gallerySlideWrap li .thumb {height:258px;}
    #section05 #gallerySlideWrap li .tit {font-size:17px;}
    #section05 #gallerySlideWrap li .date {font-size:14px;padding:25px 10px 0;}

    #section06 .btn_area02 {left:1px;}

    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .tit {font-size: 17px;}
    #section03 .newsArea .contentsNews .tabContent ul li a .contentArea .con {font-size: 16px;}
}