@charset "UTF-8";

/* .main .section.section1 {position: relative; top: -135px; height: 600px; background-image: url("/images/home/kor/user/common/main_visual.jpg"); background-position: 0 0; background-repeat: no-repeat;}
 */
/* ==================== 메인 비주얼 ==================== */
.wrapper {overflow: hidden;}
.section.section1 {position: relative; top: -135px; height: 600px; background-image: url("/images/home/kor/user/common/main_visual.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.section.section1 .cont_val {padding: 160px 0 0;}
.section.section1 .cont_val .main_visual {position: relative;}
.section.section1 .cont_val .main_visual .visual_box {position: relative; padding: 0 684px 0 0}
.section.section1 .cont_val .main_visual .visual_box #visual_slide {}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-list {} 
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track {}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li {padding: 75px 0 28px;}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li a { display: block;}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li a .box {}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li a .box .sub_tit {height: 33px; font-family: "GmarketSans"; font-weight: 500; font-size: 22px; line-height: 33px; color: rgba(255, 255, 255, 0.45); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li a .box .text {margin: 12px 0 0; font-family: "GmarketSans"; font-weight: 300; font-size: 36px; line-height: 54px; color: #ffffff;}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li a .box .text .fw {height: 54px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li a .box .text .txt {height: 54px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
/* slick-dots CSS */
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-dots {display: inline-block; bottom: 0; text-align: left; font-size: 0;}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-dots li {display: inline-block; width: auto; height: inherit; margin: 0 11px 0 0;}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-dots li:last-child {margin: 0;}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-dots li button {display: block; width: 10px; height: 10px; background-color: #ffffff; border-radius: 50%;}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-dots li button:before {display: none;}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-dots li.slick-active button {width: 30px; background-color: #eee32b; border-radius: 10px;}
 /* // slick-dots CSS */
.section.section1 .cont_val .main_visual .visual_box .val_control {position: absolute; left: 160px; bottom: -11px;}
.section.section1 .cont_val .main_visual .visual_box .val_control .num {font-weight: 400; font-size: 16px; line-height: 24px; color: #ffffff;}
.section.section1 .cont_val .main_visual .visual_box .val_control .num .now {font-size: 22px; line-height: 33px;}
.section.section1 .cont_val .main_visual .visual_box .val_control .num .total {}
.section.section1 .cont_val .main_visual .tab_box_wrap {position: absolute; right: 66px; top: 0; padding: 30px 0 19px;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box {overflow: hidden; margin: 0 -7px 0 0;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu {float: right; padding: 98px 0 162px 46px;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list {}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li {margin: 44px 0 0;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li:first-child {margin: 0;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li button {display: block;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li button .text {position: relative; padding: 0 22px 0 0; font-weight: 700; font-size: 18px; line-height: 27px; color: rgba(255, 255, 255, 0.5);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li.on button .text {color: #ffffff;} 
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li button .text:before {display: block; content: ""; position: absolute; top: 50%; right: 0; width: 15px; height: 15px; margin: -8px 0 0; background-image: url("/images/home/kor/user/main/dot.png"); background-position: center center; background-repeat: no-repeat;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_menu .list li.on button .text:before {background-image: url("/images/home/kor/user/main/dot_on.png"); }
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list {font-size: 0;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box {display: inline-block; margin: 0 6px 0 0; vertical-align: middle;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box:last-child {margin: 0;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li {margin: 6px 0 0;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li:first-child {margin: 0;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box01 {padding: 0 0 0 46px;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03  {padding: 0 0 0 46px;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li a {display: block; width: 144px; border-radius: 16px; text-align: center; transition: 0.3s all;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box01 a {padding: 19px 0; background-color: rgba(0, 174, 235, 0.8);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box02 a {width: 190px; border: 4px solid #ffffff; padding: 24px 0;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03 a {padding: 18px 28px 23px; background-color: rgba(0, 138, 255, 0.85);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box04 a {padding: 24px 0; background-color: rgba(0, 138, 255, 0.88);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box05 a {padding: 20px 0; background-color: rgba(0, 82, 194, 0.88);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box06 a {padding: 28px 0 32px; background-color: rgba(0, 174, 235, 0.88);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box07 a {padding: 18px 28px 23px;   background-color: rgba(253, 204, 8, 0.88);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box08 a {width: 190px; padding: 31px 0; background-color: rgba(0, 174, 235, 0.8);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box09 a {border: 4px solid #ffffff; padding: 15px 0;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box01 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box01 a:focus {background-color: rgba(0, 174, 235, 1);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box02 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box02 a:focus {background-color: rgba(0, 0, 0, 0.35);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box03 a:focus {background-color: rgba(0, 138, 255, 1);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box04 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box04 a:focus {background-color: rgba(0, 138, 255, 1)}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box05 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box05 a:focus {background-color: rgba(0, 82, 194, 1);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box06 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box06 a:focus {background-color: rgba(0, 174, 235, 1);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box07 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box07 a:focus {background-color: rgba(253, 204, 8, 1);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box08 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box08 a:focus {background-color: rgba(0, 174, 235, 1);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box09 a:hover, .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.box09 a:focus {background-color: rgba(0, 0, 0, 0.35);}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li a .box {}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li a .box img {}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li a .box .text_box {margin: 6px 0 0;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li.img_no a .box .text_box {margin: 0;}
.section.section1 .cont_val .main_visual .tab_box_wrap .main_tab_box .tab_list .sc_box li a .box .text_box .text {font-weight: 400; font-size: 15px; line-height: 23px; color: #ffffff;}
/* // ==================== 메인 비주얼 ==================== */

.section.section2 {margin: -91px 0 0; padding: 0 0 77px;}
.section.section2 .set2_cont {}
.section.section2 .set2_cont .info_cont {position: relative;}
.section.section2 .set2_cont .info_cont .info_box {position: absolute; top: -100px; left: 0; width: 300px; height: 350px; background-color: #0d7fe0;  box-shadow: 6px 7px 20px 0px rgba(00, 0, 0, 0.2);}
.section.section2 .set2_cont .info_cont .info_box .info_inner {display: block; padding: 25px 29px 24px;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box {}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box .info_title {font-weight: 400; font-size: 13px; line-height: 21px; color: #f5e136;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box .info_text {margin: 5px 0 0; font-weight: 500; font-size: 27px; line-height: 39px; color: #ffffff;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box .tab_box {margin: 23px 0 0;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box .tab_box .list {font-size: 0; text-align: center;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box .tab_box .list li {display: inline-block; width: 100%; border-bottom: 1px solid rgba(255, 255,255, 0.5);}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box .tab_box .list li button {position: relative; display: block; width: 100%; font-weight: 400; font-size: 15px; line-height: 31px; color: rgba(255, 255,255, 0.5); text-align: left;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box .tab_box .list li.on button {color: #ffffff;} 
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box .tab_box .list li button:before {display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; color: rgba(255, 255, 255, 0.5);}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box .tab_box .list li.on button:before {background-color: #ffffff;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box .tab_box .list li button:hover, .section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box .tab_box .list li button:focus {color: #ffffff}

.section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box .tab_box .list li button:hover:before, .section.section2 .set2_cont .info_cont .info_box .info_inner .info_title_box .tab_box .list li button:focus:before {background-color: #ffffff;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_text_box {display: none; margin: 32px 0 0;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_text_box.on {display: block;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_text_box .list_box  {}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_text_box .list_box .list {}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_text_box .list_box .list li {margin: 16px 0 0;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_text_box .list_box .list li:first-child {margin: 0;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_text_box .list_box .list li .box {position: relative; display: table; table-layout: fixed; width: 100%;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_text_box .list_box .list li .box .num {display: table-cell; width: 16px; height: 16px; border-radius: 50%; background-color: #56a6e9; font-weight: 400; font-size: 11px; line-height: 17px; color: #ffffff; text-align: center;}
.section.section2 .set2_cont .info_cont .info_box .info_inner .info_text_box .list_box .list li .box .text {display: block; width: 100%; height: 17px; padding: 0 0 0 5px; font-weight: 400; font-size: 15px; line-height: 17px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.section.section2 .set2_cont .info_cont .info_list {padding: 0 0 0 325px;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box {}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide {position: relative;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-list {margin: 0 -25px; padding: 0 0 35px 25px;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track {margin: 0 -25px; padding: 0 25px;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li {margin: 0 25px 0 0;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a {display: block; border: 3px solid #f2f2f2; padding: 28px; transition: all 0.3s;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a:hover, .section.section2 .set2_cont .info_list #info_slide .slick-list .slick-track li a:focus {border: 1px solid #f2f2f2; background-color: #ffffff; box-shadow: 5px 8px 20px 0px rgba(0, 0, 0, 0.2);}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a .box {}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a .box .tit {height: 21px; font-weight: 500; font-size: 14px; line-height: 21px; color: #0d7fe0; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a .box > .text {height: 68px; margin: 14px 0 0; border-top: 1px solid #e4e4e4; padding: 14px 0 0; font-weight: 400; font-size: 17px; line-height: 27px; color: #000000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;} 
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a .box .date {margin: 28px 0 0;} 
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a .box .date .text {position: relative; padding: 0 0 0 18px; font-weight: 400; font-size: 15px; line-height: 23px; color: #525252; word-break: keep-all;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-list .slick-track li a .box .date .text:before {display: block; content: ""; position: absolute; left: 0; top: 50%; width: 12px; height: 12px; margin: -6px 0 0; background-image: url("/images/home/kor/user/main/date_icon.png"); background-position: 0 0; background-repeat: no-repeat;}
/* slick-dots CSS */	
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-dots {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-around;position: absolute; left: 0; bottom: 0; right: 0; padding: 0 137px 0 0; font-size: 0; }
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-dots li {display: inline-block; width: 100%; height: 3px; background-color: #cdcdcd; cursor: pointer; transition: all 0.3s;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-dots li.slick-active {background-color: #1c88e4;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide .slick-dots li button {display: block; width: 100%; height: 100%; font-size: 0;}
/* .section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide.slide02 .slick-dots li {width: 100%;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide.slide02 .slick-dots li {width: 50%;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide.slide03 .slick-dots li {width: 33.3333%;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide.slide04 .slick-dots li {width: 25%;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide.slide05 .slick-dots li {width: 20%;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide.slide06 .slick-dots li {width: 16.6666%;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide.slide07 .slick-dots li {width: 14.28%;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide.slide08 .slick-dots li {width: 12.5%;}
.section.section2 .set2_cont .info_cont .info_list .info_slide_box #info_slide.slide09 .slick-dots li {width: 11.1111%;} */
/* // slick-dots CSS */
.section.section2 .set2_cont .info_cont .info_list .play_box {position: absolute; right: 0; bottom: -11px; font-size: 0;}
.section.section2 .set2_cont .info_cont .info_list .play_box .btn {display: inline-block; width: 11px; height: 19px; background-position: 0 0; background-repeat: no-repeat; vertical-align: middle;}
.section.section2 .set2_cont .info_cont .info_list .play_box .btn.prev {background-image: url("/images/home/kor/user/main/prev.png");}
.section.section2 .set2_cont .info_cont .info_list .play_box .btn.next {background-image: url("/images/home/kor/user/main/next.png");}
.section.section2 .set2_cont .info_cont .info_list .play_box .num_box {display: inline-block; padding: 0 20px; vertical-align: middle;}
.section.section2 .set2_cont .info_cont .info_list .play_box .num_box .num {font-weight: 400; font-size: 16px; line-height: 24px; color: #a7a7a7;}
.section.section2 .set2_cont .info_cont .info_list .play_box .num_box .num .now {color: #383838;}
.section.section2 .set2_cont .info_cont .info_list .play_box .num_box .num .total {}


/* ==================== SW교육영상 ==================== */
.section.section3 {padding: 55px 0 69px; background-color: rgb(250,251,240,1); background: linear-gradient(270deg, rgba(250,251,240,1) 14%, rgba(242,250,248,1) 100%);}
.section.section3 .container {}
.section.section3 .container .set3_cont {}
.section.section3 .container .set3_cont .title_area {position: relative; padding: 0 30px 0 0;}
.section.section3 .container .set3_cont .title_area .title {font-family: 'GmarketSans'; font-weight: 500; font-size: 32px; line-height: 48px; color: #000000;}
.section.section3 .container .set3_cont .title_area .view {position: absolute; top: 50%; right: 0; margin: -10px 0 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.section.section3 .container .set3_cont .title_area .view:hover, .section.section3 .container .set3_cont .title_area .view:focus {transform: rotate(180deg);}
.section.section3 .container .set3_cont .title_area .view img {}
.section.section3 .container .set3_cont .video_area {margin: 19px 0 0; font-size: 0;}
.section.section3 .container .set3_cont .video_area .video_box {display: inline-block; width: calc(50% - 19px); margin: 0 38px 0 0; vertical-align: top;}
.section.section3 .container .set3_cont .video_area .video_box:last-child {margin: 0;}
.section.section3 .container .set3_cont .video_area .video_box .box .text {height: 24px; margin: 12px 0 0; font-weight: 500; font-size: 17px; line-height: 24px; color: #000000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
/* 영상 큰이미지 영역 */
.section.section3 .container .set3_cont .video_area .video_box > .box {display: block;}
.section.section3 .container .set3_cont .video_area .video_box > .box .img_box {display: table; position: relative; width: 100%; table-layout: fixed;}
.section.section3 .container .set3_cont .video_area .video_box > .box:hover .img_box:before, .section.section3 .container .set3_cont .video_area .video_box > .box:focus .img_box:before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
.section.section3 .container .set3_cont .video_area .video_box > .box:hover .img_box:after, .section.section3 .container .set3_cont .video_area .video_box > .box:focus .img_box:after {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 82px; height: 82px; background-image: url("/images/home/kor/user/main/play_icon.png"); background-size: contain; background-repeat: no-repeat; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.section.section3 .container .set3_cont .video_area .video_box > .box .img_box .inner_box {display: table-cell; width: 100%; background-color: #f5f5f5; vertical-align: middle; text-align: center;}
.section.section3 .container .set3_cont .video_area .video_box > .box .img_box .inner_box img {display: inline-block;}
.section.section3 .container .set3_cont .video_area .video_box > .box .mark_txt {display: inline-block; margin: 24px 0 0; padding: 0 10px; background-color: #19214f; font-weight: 500; font-size: 14px; line-height: 32px; color: #ffffff;}
.section.section3 .container .set3_cont .video_area .video_box > .box .text {margin: 9px 0 0;}
/* 영상 큰이미지 영역 */
.section.section3 .container .set3_cont .video_area .video_box > .video_list_area {}
.section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list {font-size: 0;}
.section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list > li {display: inline-block; width: calc(50% - 12px); margin: 0 24px 28px 0;}
.section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list > li:nth-child(2n) {margin: 0 0 28px;}
.section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list > li:nth-last-child(-n+2) {margin: 0 24px 0 0;}
.section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list > li:last-child {margin: 0;}
.section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list > li > .box {display: block;}
.section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list > li > .box .img_box {display: table; position: relative; width: 100%; table-layout: fixed;}
.section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list > li > .box:hover .img_box:before, .section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list > li > .box:focus .img_box:before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
.section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list > li > .box:hover .img_box:after, .section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list > li > .box:focus .img_box:after {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 41px; height: 41px; background-image: url("/images/home/kor/user/main/play_icon.png"); background-size: contain; background-repeat: no-repeat; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list > li > .box .img_box .inner_box {display: table-cell; width: 100%; background-color: #f5f5f5; vertical-align: middle; text-align: center;}
.section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list > li > .box .img_box .inner_box img {display: inline-block;}
.section.section3 .container .set3_cont .video_area .video_box > .video_list_area > .list > li > .box .text {}
/* ==================== SW교육영상 ==================== */

/* ==================== 온라인 배움터 / 책과 사람 ==================== */
.section.section4 {padding: 61px 0 93px;}
.section.section4 .container {}
.section.section4 .container .set4_cont {font-size: 0;}
.section.section4 .container .set4_cont > .box {display: inline-block; width: calc(50% - 20px); margin: 0 40px 0 0;}
.section.section4 .container .set4_cont > .box:last-child {margin: 0;}
.section.section4 .container .set4_cont > .box .title_area {position: relative; padding: 0 30px 0 0;}
.section.section4 .container .set4_cont > .box .title_area .title {font-family: 'GmarketSans'; font-weight: 500; font-size: 32px; line-height: 48px; color: #000000;}
.section.section4 .container .set4_cont > .box .title_area .view {position: absolute; top: 50%; right: 0; margin: -10px 0 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.section.section4 .container .set4_cont > .box .title_area .view:hover, .section.section4 .container .set4_cont > .box .title_area .view:focus {transform: rotate(180deg);}
.section.section4 .container .set4_cont > .box .list_area {margin: 19px 0 0;}
.section.section4 .container .set4_cont > .box .list_area > .list {}
.section.section4 .container .set4_cont > .box .list_area > .list > li {margin: 30px 0 0;}
.section.section4 .container .set4_cont > .box .list_area > .list > li:first-child {margin: 0;}
.section.section4 .container .set4_cont > .box .list_area > .list.sty2 > li {margin: 41px 0 0;}
.section.section4 .container .set4_cont > .box .list_area > .list.sty2 > li:first-child {margin: 0;}
.section.section4 .container .set4_cont > .box .list_area > .list > li .box {display: table; width: 100%; table-layout: fixed;}
.section.section4 .container .set4_cont > .box .list_area > .list > li .box .img_box {display: table-cell; width: 262px; table-layout: fixed; vertical-align: middle;}
.section.section4 .container .set4_cont > .box .list_area > .list.sty2 > li .box .img_box {width: 176px;}
.section.section4 .container .set4_cont > .box .list_area > .list > li .box .img_box .img_inner {display: table; width: 100%; table-layout: fixed;}
.section.section4 .container .set4_cont > .box .list_area > .list > li .box .img_box .img_inner .inner_box {display: table-cell; width: 100%; height: 157px; background-color: #f5f5f5; vertical-align: middle; text-align: center;}
.section.section4 .container .set4_cont > .box .list_area > .list.sty2 > li .box .img_box .img_inner .inner_box {height: 102px;}
.section.section4 .container .set4_cont > .box .list_area > .list > li .box .img_box .img_inner .inner_box img {display: inline-block;}
.section.section4 .container .set4_cont > .box .list_area > .list > li .box .text_box {display: table-cell; padding: 0 0 0 18px; vertical-align: middle;}
.section.section4 .container .set4_cont > .box .list_area > .list.sty2 > li .box .text_box {padding: 0 0 0 25px;}
.section.section4 .container .set4_cont > .box .list_area > .list > li .box .text_box .tag_txt {font-weight: 500; font-size: 14px; line-height: 28px; color: #a1a1a1;}
.section.section4 .container .set4_cont > .box .list_area > .list > li .box .text_box .title {height: 28px; margin: 7px 0 0; font-weight: 500; font-size: 17px; line-height: 28px; color: #000000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.section4 .container .set4_cont > .box .list_area > .list.sty2 > li .box .text_box .title {height: 56px; margin: 0; -webkit-line-clamp: 2;}
.section.section4 .container .set4_cont > .box .list_area > .list > li .box .text_box .text {height: 48px; margin: 10px 0 0; font-weight: 300; font-size: 14px; line-height: 24px; color: #898989; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
/* ==================== 온라인 배움터 / 책과 사람 ==================== */

/* ==================== SW교재 ==================== */
.section.section5 {position: relative; padding: 44px 0 0;}
.section.section5 .inner_bg {padding: 35px 0 90px; background-color: #223d62;}
.section.section5 .inner_bg .container {}
.section.section5 .inner_bg .container .set5_cont {}
.section.section5 .inner_bg .container .set5_cont > .box {display: table; width: 100%; table-layout: fixed;}
.section.section5 .inner_bg .container .set5_cont > .box > .text_area {display: table-cell; width: 205px; vertical-align: top;}
.section.section5 .inner_bg .container .set5_cont > .box > .text_area .title {display: inline-block; padding: 43px 80px 0 0; background-image: url("/images/home/kor/user/main/textbook_logo.png"); background-position: left 84px top; background-size: 115px 67px; background-repeat: no-repeat; font-family: 'GmarketSans'; font-weight: 700; font-size: 32px; line-height: 48px; color: #ffffff;}
.section.section5 .inner_bg .container .set5_cont > .box > .text_area .text {margin: 21px 0 0; font-family: "GmarketSans"; font-weight: 300; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.5);}
.section.section5 .inner_bg .container .set5_cont > .box > .text_area .view {display: block; margin: 32px 0 0; font-weight: 300; font-size: 16px; line-height: 26px; color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.section.section5 .inner_bg .container .set5_cont > .box > .text_area .view:hover, .section.section5 .inner_bg .container .set5_cont > .box > .text_area .view:focus {color: #ffffff;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area {margin: -79px 0 0; text-align: right;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list {font-size: 0;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list > li {display: inline-block; position: relative; width: calc(25% - 27px); max-width: 218px; margin: 0 36px 0 0;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list > li:last-child {margin: 0;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list > li .img_box {display: table; width: 100%; max-width: 218px; table-layout: fixed; z-index: 1;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list > li .img_box .inner_box {display: table-cell; width: 100%; height: 304px; background-color: #f5f5f5; vertical-align: middle; text-align: center;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list > li .img_box .inner_box img {display: inline-block;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list > li .down_box {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding: 0 10px; background-color: rgba(6, 106, 165, 0.89); z-index: -1;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list > li:hover .down_box {z-index: 2;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list > li .down_box .inner_box {display: table; width: 100%; height: 100%; table-layout: fixed;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list > li .down_box .inner_box .inner_area {display: table-cell; vertical-align: middle; text-align: center;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list > li .down_box .inner_box .inner_area .box {}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list > li .down_box .inner_box .inner_area .box .title {font-weight: 500; font-size: 15px; line-height: 24px; color: #ffffff; word-break: keep-all;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list > li .down_box .inner_box .inner_area .box .down_btn {margin: 38px 0 0; display: inline-block; border: 1px solid #ffffff; padding: 0 26px;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list > li .down_box .inner_box .inner_area .box .down_btn .text {display: inline-block; padding: 0 0 0 30px; background-image: url("/images/home/kor/user/main/down_icon.png"); background-position: left center; background-size: 20px 21px; background-repeat: no-repeat; font-weight: 500; font-size: 13px; line-height: 45px; color: #ffffff;}
/* ==================== SW교재 ==================== */

/* ==================== 교육과정일정 ==================== */
.section.section6 {background-color: #f5f5f5;}
.section.section6 .container {}
.section.section6 .container .set6_cont {}
.section.section6 .container .set6_cont .schedule_area {display: table; width: 100%; table-layout: fixed; padding: 59px 0 71px;}
.section.section6 .container .set6_cont .schedule_area .tit_box {display: table-cell; width: 300px; vertical-align: top;}
.section.section6 .container .set6_cont .schedule_area .tit_box .tit {font-family: "GmarketSans"; font-weight: 500; font-size: 32px; line-height: 48px; color: #1a1a1a;}
.section.section6 .container .set6_cont .schedule_area .tit_box .view_box {margin: 43px 0 0;}
.section.section6 .container .set6_cont .schedule_area .tit_box .view_box a {display: inline-block;}
.section.section6 .container .set6_cont .schedule_area .tit_box .view_box a .txt {position: relative; padding: 0 40px 0 0; font-weight: 700; font-size: 15px; line-height: 22px; color: #2c2d2f;}
.section.section6 .container .set6_cont .schedule_area .tit_box .view_box a .txt:after {display: none; content: ""; position: absolute; top: 50%; right: 0; width: 50px; height: 11px; margin: -5px 0 0; background-image: url("/images/home/kor/user/main/main_link_icon.png"); background-position: 0 0; background-repeat: no-repeat;  transition: all 0.3s;}
.section.section6 .container .set6_cont .schedule_area .tit_box .view_box a:hover .txt, .section.section6 .container .set6_cont .schedule_area .tit_box .view_box a:focus .txt {padding: 0 60px 0 0;  transition: all 0.3s;}
.section.section6 .container .set6_cont .schedule_area .tit_box .view_box a:hover .txt:after, .section.section6 .container .set6_cont .schedule_area .tit_box .view_box a:focus .txt:after {display: block;  transition: all 0.3s;}

.section.section6 .container .set6_cont .schedule_area .schedule_box {display: table-cell; width: 100%;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list {font-size: 0;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li {display: inline-block; position: relative; width: calc(50% - 20px); margin: 0 40px 20px 0;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li:nth-child(2n) {margin: 0 0 20px;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li:nth-last-child(-n+2) {margin: 0 40px 0 0;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li:last-child {margin: 0;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li a {display: block;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li a .date {display: table; width: 100%; table-layout: fixed; position: absolute; top: 0; left: 0; width: 72px; height: 72px; border: 3px solid #e1e1e1; text-align: center;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li a .date .date_inner {display: table-cell; width: 100%; vertical-align: middle; text-align: center;}

.section.section6 .container .set6_cont .schedule_area .schedule_box .list li a .date .day {font-family: 'GmarketSans'; font-weight: 700; font-size: 21px; line-height: 32px; color: #000000;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li a .date .year {font-family: 'GmarketSans'; font-weight: 400; font-size: 12px; line-height: 18px; color: #525252;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li a .txt_box {display: table; width: 100%; table-layout: fixed; padding: 0 0 0 87px;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li a .txt_box .txt_inner {display: table-cell; height: 72px; vertical-align: middle}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li a .txt_box .txt_inner .txt {height: 52px; font-weight: 400; font-size: 17px; line-height: 26px; color: #000000; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}

.section.section6 .container .set6_cont .schedule_area .schedule_box .list li a:hover .date, .section.section6 .container .set6_cont .schedule_area .schedule_box .list li a:focus .date {border: 3px solid #19214f; background-color: #19214f; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li a:hover .date .day, .section.section6 .container .set6_cont .schedule_area .schedule_box .list li a:focus .date .day {color: #ffffff; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li a:hover .date .year, .section.section6 .container .set6_cont .schedule_area .schedule_box .list li a:focus .date .year {color: #ffffff; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
.section.section6 .container .set6_cont .schedule_area .schedule_box .list li a:hover .txt_box .txt_inner .txt, .section.section6 .container .set6_cont .schedule_area .schedule_box .list li a:focus .txt_box .txt_inner .txt {font-weight: 500; color: #19214f; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;}
/* ==================== //교육과정일정 ==================== */

/* ==================== 공지사항,사업공고,입찰정보 / 팝업존 ==================== */
.section.section7 {padding: 44px 0 66px;}
.section.section7 .container {}
.section.section7 .container .set7_cont {font-size: 0;}
.section.section7 .container .set7_cont > .box {display: inline-block; vertical-align: middle;}
.section.section7 .container .set7_cont > .box.notice {position: relative; width: calc(100% - 502px); margin: 0 70px 0 0;} 
.section.section7 .container .set7_cont > .box.notice .title_area {position: relative; border-bottom: 1px solid #ebebeb; padding: 0 30px 0 0;}
.section.section7 .container .set7_cont > .box.notice .title_area .tab_list {}
.section.section7 .container .set7_cont > .box.notice .title_area .tab_list > .list {font-size: 0;}
.section.section7 .container .set7_cont > .box.notice .title_area .tab_list > .list > li {display: inline-block;}
.section.section7 .container .set7_cont > .box.notice .title_area .tab_list > .list > li button {display: block;}
.section.section7 .container .set7_cont > .box.notice .title_area .tab_list > .list > li button .text {display: inline-block; position: relative; padding: 0 27px 8px 15px; font-family: 'GmarketSans'; font-weight: 300; font-size: 28px; line-height: 65px; color: #000000;}
.section.section7 .container .set7_cont > .box.notice .title_area .tab_list > .list > li:first-child button .text {padding: 0 27px 8px 0;}
.section.section7 .container .set7_cont > .box.notice .title_area .tab_list > .list > li.current button .text {font-weight: 500;}
.section.section7 .container .set7_cont > .box.notice .title_area .tab_list > .list > li button .text:before {display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color: #f9c610; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.section.section7 .container .set7_cont > .box.notice .title_area .tab_list > .list > li.current button .text:before {width: 100%;}
.section.section7 .container .set7_cont > .box.notice .title_area .tab_list > .list > li button .text:after {display: block; content: '/'; position: absolute; top: 0; right: 0; font-weight: 300; font-size: 28px; line-height: 65px; color: #000000;}
/* .section.section7 .container .set7_cont > .box.notice .title_area .tab_list > .list > li.current button .text:after {font-weight: 500;} */
.section.section7 .container .set7_cont > .box.notice .title_area .tab_list > .list > li:last-child button .text:after {display: none;}

.section.section7 .container .set7_cont > .box.notice .notice_cont {padding: 30px 0 0;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont {display: none; font-size: 0;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont.current {display: block;}

.section.section7 .container .set7_cont > .box.notice .notice_cont .view {position: absolute; top: 21px; right: 0; margin: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .view:hover, .section.section7 .container .set7_cont > .box.notice .title_area .view:focus {transform: rotate(180deg);}
.section.section7 .container .set7_cont > .box.notice .notice_cont .view img {}


.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box {display: inline-block; margin: 0 3.215% 0 0;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont.current > .box {display: inline-block !important; vertical-align: top;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont.current > .box.left {width: 44.988%;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont.current > .box.right {width: 51%;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box:last-child {margin: 0;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box .inner_box {}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box .inner_box .title {height: 56px; font-weight: 500; font-size: 17px; line-height: 28px; color: #2e2e2e; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box .inner_box > .data {margin: 4px 0 0; padding: 0 0 0 21px; background-image: url("/images/home/kor/user/main/data_icon.png"); background-position: left center; background-size: 12px; background-repeat: no-repeat; font-weight: 300; font-size: 15px; line-height: 38px; color: rgba(0, 0, 0, 0.5);}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box .inner_box .text {height: 78px; margin: 3px 0 0; font-weight: 300; font-size: 15px; line-height: 26px; color: #777777; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box .inner_box .notice_list_area {}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box .inner_box .notice_list_area > .list {}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box .inner_box .notice_list_area > .list > li {}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box .inner_box .notice_list_area > .list > li .box {display: block; position: relative; height: 38px; padding: 0 85px 0 0; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box .inner_box .notice_list_area > .list > li .box .tit {position: relative; height: 38px; padding: 0 0 0 14px; font-weight: 300; font-size: 15px; line-height: 38px; color: #2e2e2e; vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box .inner_box .notice_list_area > .list > li .box:hover .tit, .section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box .inner_box .notice_list_area > .list > li .box:focus .tit {font-weight: 400;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box .inner_box .notice_list_area > .list > li .box .tit:before {display: block; content: ''; position: absolute; top: 11px; left: 0; width: 2px; height: 2px; background-color: #2e2e2e;}
.section.section7 .container .set7_cont > .box.notice .notice_cont .tab_cont > .box .inner_box .notice_list_area > .list > li .box .data {position: absolute; top: 0; right: 0; font-weight: 300; font-size: 15px; line-height: 38px; color: rgba(0, 0, 0, 0.5);}
.section.section7 .container .set7_cont > .box.popzon {width: 430px;}
.section.section7 .container .set7_cont > .box.popzon .title_area {position: relative; padding: 0 80px 0 0;}
.section.section7 .container .set7_cont > .box.popzon .title_area .title {font-family: 'GmarketSans'; font-size: 28px; line-height: 65px; color: #000000;}
.section.section7 .container .set7_cont > .box.popzon .title_area .slide_btn_area {position: absolute; top: 50%; right: 0; margin: -8px 0 0; font-size: 0;}
.section.section7 .container .set7_cont > .box.popzon .title_area .slide_btn_area .slide_btn {display: inline-block;}
.section.section7 .container .set7_cont > .box.popzon .title_area .slide_btn_area .slide_prev {}
.section.section7 .container .set7_cont > .box.popzon .title_area .slide_btn_area .slide_next {}
.section.section7 .container .set7_cont > .box.popzon .title_area .slide_btn_area .oper_btn {display: inline-block; margin: 0 17px;}
.section.section7 .container .set7_cont > .box.popzon .title_area .slide_btn_area .oper_btn .con_btn {}
.section.section7 .container .set7_cont > .box.popzon .title_area .slide_btn_area .oper_btn .play {display: none;}
.section.section7 .container .set7_cont > .box.popzon .title_area .slide_btn_area .oper_btn .stop {}
.section.section7 .container .set7_cont > .box.popzon .popzon_slide {}
.section.section7 .container .set7_cont > .box.popzon .popzon_slide .popzon_slide_area {}
.section.section7 .container .set7_cont > .box.popzon .popzon_slide .popzon_slide_area #popzon_slide {}
.section.section7 .container .set7_cont > .box.popzon .popzon_slide .popzon_slide_area #popzon_slide .slick-list {}
.section.section7 .container .set7_cont > .box.popzon .popzon_slide .popzon_slide_area #popzon_slide .slick-list .slick-track {}
.section.section7 .container .set7_cont > .box.popzon .popzon_slide .popzon_slide_area #popzon_slide .slick-list .slick-track li {}
.section.section7 .container .set7_cont > .box.popzon .popzon_slide .popzon_slide_area #popzon_slide .slick-list .slick-track li .box {display: block;}
.section.section7 .container .set7_cont > .box.popzon .popzon_slide .popzon_slide_area #popzon_slide .slick-list .slick-track li .box .img_box {display: table; width: 100%; max-width: 430px; table-layout: fixed;}
.section.section7 .container .set7_cont > .box.popzon .popzon_slide .popzon_slide_area #popzon_slide .slick-list .slick-track li .box .img_box .inner_box {display: table-cell; width: 100%; height: 226px; vertical-align: middle; text-align: center;}
.section.section7 .container .set7_cont > .box.popzon .popzon_slide .popzon_slide_area #popzon_slide .slick-list .slick-track li .box .img_box .inner_box img {display: inline-block;}
/* ==================== 공지사항,사업공고,입찰정보 / 팝업존 ==================== */

.schoolteacher_pop_area {display: none;}