@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: 0; height: 440px; background-image: url("/images/home/kor/user/common/main_visual2.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.section.section1 .cont_val {padding: 80px 0 0;}
.section.section1 .cont_val .main_visual {position: relative;}
.section.section1 .cont_val .main_visual .visual_box {position: relative; padding: 0 1000px 0 0;}
.section.section1 .cont_val .main_visual .visual_box #visual_slide {}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-arrow {display: inline-block; position: absolute; bottom: -48%; width: 20px; height: 38px; background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 0;} 
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-prev {right:100px; background-image: url("/images/home/kor/user/common/main_arr_l.png");}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-next {right:60px; background-image: url("/images/home/kor/user/common/main_arr_r.png");} 
.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 {}
.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 {display: none !important; 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: 400; color: #ffffff;}
.section.section1 .cont_val .main_visual .visual_box #visual_slide .slick-list .slick-track li a .box .text .fw {height: 128px; font-weight: 700; font-size: 56px; line-height: 64px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -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: 32px; margin: 20px 0 0; font-size: 20px; line-height: 32px; 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: none !important; 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 */
.more_btn_wrap {margin: 40px 0 0;}
.more_btn_wrap  a.btn {display: inline-block; position: relative; margin: 0 23px 0 0; border: 1px solid #fff; padding: 22px 53px 22px 28px; border-radius: 35px; }
.more_btn_wrap  a.btn:after {content:''; display: inline-block; width: 16px; height: 12px; position: absolute; top: 50%; right: 28px; background-image: url("/images/home/kor/user/common/visu_btn_arr.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%);}
.more_btn_wrap  a.btn .more_btn{font-family: 'GmarketSans'; font-weight: 500; font-size: 14px; color: #fff;}
.more_btn_wrap.sty1  a.btn { border: 1px solid #9e9e9e;}
.more_btn_wrap.sty1  a.btn:after {background-image: url("/images/home/kor/user/common/visu_btn_arr2.png");}
.more_btn_wrap.sty1  a.btn .more_btn {color: #9e9e9e;}

.visual_play_btn_box {}
.visual_play_btn_box.sty2 {display: none;}
.visual_play_btn_box.sty3 {display: none;}
.visual_play_btn_box .control_panel {display: inline-block; position: relative; margin: 34px 0 0; font-size: 0; }
.visual_play_btn_box .control_panel:before {content:''; display: inline-block; position: absolute; top: 0; left: 50%; width: 1px; height: 24px; background-color: #ecedef;}
.visual_play_btn_box .control_panel .slick-arrow {display: inline-block; position: relative; width: 14px; height:24px; font-size: 0;  background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
.visual_play_btn_box .control_panel .slick-prev {background-image: url("/images/home/kor/user/common/book_arr_l.png"); margin: 0 20px 0 0;}
.visual_play_btn_box .control_panel .slick-next {background-image: url("/images/home/kor/user/common/book_arr_r.png");  margin: 0 0 0 20px;}

.section.section1 .cont_val .main_visual .visual_box .val_control {display: inline-block;/* position: absolute; left: 160px; bottom: -11px; */}
.section.section1 .cont_val .main_visual .visual_box .val_control .num {font-family: 'GmarketSans'; font-weight: 700; font-size: 16px; line-height: 24px; color: #ffffff; }
.section.section1 .cont_val .main_visual .visual_box .val_control .num .now {color: #fff; opacity: 1;}
.section.section1 .cont_val .main_visual .visual_box .val_control .num .total {opacity: 0.5;}
.section.section1 .cont_val .main_visual .visual_box .val_control .num .else_num {font-weight: 500; opacity: 0.5;}

/* .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;}
/* // ==================== 메인 비주얼 ==================== */

.section1_1 {position: relative; background: #fff;}
.section1_1 .container {padding: 33px 0;}
.section1_1 .quick_menu_list {font-size: 0;}
.section1_1 .quick_menu_list > li {display: inline-block; position: relative; width: 220px; padding: 0 0 0 23px;}
.section1_1 .quick_menu_list > li:after {content: ''; display: inline-block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #dadce0;}
.section1_1 .quick_menu_list > li:last-child:after {display: none;}
.section1_1 .quick_menu_list > li:first-child {padding: 0;}
.section1_1 .quick_menu_list > li > a {display: table; table-layout: fixed; width: 100%; vertical-align: middle;}
.section1_1 .quick_menu_list > li > a .left_icon {display: table-cell; position: relative; width: 56px; vertical-align: middle;}
.section1_1 .quick_menu_list > li > a .left_icon::before {content: ''; display: inline-block; position: absolute; top: 50%; left: 0; width: 40px; height: 44px; background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%);} 
.section1_1 .quick_menu_list > li > a .left_icon.icon1::before {background-image: url("/images/home/kor/user/common/quick_icon1.png");}
.section1_1 .quick_menu_list > li > a .left_icon.icon2::before {background-image: url("/images/home/kor/user/common/quick_icon2.png");}
.section1_1 .quick_menu_list > li > a .left_icon.icon3::before {background-image: url("/images/home/kor/user/common/quick_icon3.png");}
.section1_1 .quick_menu_list > li > a .left_icon.icon4::before {background-image: url("/images/home/kor/user/common/quick_icon4.png");}
.section1_1 .quick_menu_list > li > a .right_txt {display: table-cell; position: relative; width: 100%;}
.section1_1 .quick_menu_list > li > a .right_txt .rt_txt {font-family: 'GmarketSans'; font-weight: 500; font-size: 16px; line-height: 32px; color: #212121;}
.section1_1 .quick_menu_list > li > a .right_txt .rb_txt {display: inline-block; position: relative; padding: 0 12px 0 0; font-family: 'GmarketSans'; font-weight: 500; font-size: 12px; line-height: 18px; color: #9e9e9e;}
.section1_1 .quick_menu_list > li > a .right_txt .rb_txt:after {content: ''; display: inline-block; position: absolute; top: 50%; right: 0; width: 6px; height: 10px; background-image: url("/images/home/kor/user/common/tab_wrap_arr.png"); background-position: center; background-size: center; background-repeat: no-repeat; transform: translateY(-50%);}
.section.section1_1 .tab_box_wrap {overflow: hidden; position: absolute; right: 0; bottom: 0; width: 442px; background-color: #e8eaed; border-radius: 20px; box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.16);}
.section.section1_1 .tab_box_wrap .main_tab_box {overflow: hidden;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_menu {}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_menu .list {font-size: 0;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_menu .list li {display: inline-block; width: 50%; background-color: #e8eaed;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_menu .list li.on {background: #fff; border-radius: 0 20px 0 0;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_menu .list li button {border-radius: 20px 20px 0 0;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_menu .list li.on:last-child {border-radius: 20px 0 0 0;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_menu .list li:first-child {margin: 0; text-align: center;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_menu .list li button {display: block; width: 100%;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_menu .list li button .text {font-family: 'GmarketSans'; position: relative; font-weight: 700; font-size: 24px; line-height: 80px; color: #b9bbbf;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_menu .list li button .text:before {content: ''; display: block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 8px; background-color: #d7e2f1; z-index: -1;  width: 0; -webkit-transition: all 0.17s ease-out; -moz-transition: all 0.17s easeout; -ms-transition: all 0.17s ease-out; -o-transition: all 0.17s ease-out; -webkit-transition: all 0.17s ease-out;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_menu .list li.on button .text {position: relative; color: #376ebb; z-index: 1;} 
.section.section1_1 .tab_box_wrap .main_tab_box .tab_menu .list li.on button .text:before {width: 100%;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont {display: none; padding: 24px 40px; background-color: #fff;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont.on {display: block;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .top_cont {position: relative; border-bottom: 1px solid #dadce0; padding: 0 0 24px;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .top_cont .more_btn {position: absolute; top: 0; right: 0; }
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .top_cont .more_btn > a {display: inline-block; position: relative; padding: 0 12px 0 0; font-family: 'GmarketSans'; font-weight: 500; font-size: 12px; line-height: 28px; color: #9e9e9e;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .top_cont .more_btn > a:after {content: ''; display: inline-block; position: absolute; top: 50%; right: 0; width: 6px; height: 10px; background-image: url("/images/home/kor/user/common/tab_wrap_arr.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%);}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .top_cont .txt_wrap {padding: 0 50px 0 0;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .top_cont .txt_wrap a {display: block;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .top_cont .txt_wrap .tit_type {position: relative; display: inline-block; padding: 0 34px 0 0;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .top_cont .txt_wrap .tit_type > span {display: inline-block; padding: 0 16px; background-color: #ffeac1; font-family: 'GmarketSans'; font-weight: 500; font-size: 14px; line-height: 28px; color: #ed7a2d; border-radius: 15px;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .top_cont .txt_wrap .tit_type.new:before {content: ''; display: inline-block; position: absolute; top: 0; right: 0; width: 28px; height: 28px; background-image: url("/images/home/kor/user/common/icon_new.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .top_cont .txt_wrap .top_cont_tit {height: 72px; margin: 12px 0 0; font-family: 'GmarketSans'; font-weight: 500; font-size: 24px; line-height: 36px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .top_cont .txt_wrap .top_cont_date {position: relative; margin: 12px 0 0; padding: 0 0 0 22px; font-weight: 300; font-size: 14px; line-height: 16px; color: #9e9e9e;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .top_cont .txt_wrap .top_cont_date:before {content: ''; display: inline-block; position: absolute; top: 0; left:0; width: 16px; height: 16px; background-image: url("/images/home/kor/user/common/icon_date.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .bt_cont {padding: 30px 0 0;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .bt_cont .bt_list {}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .bt_cont .bt_list > li {position: relative; padding: 0 0 0 20px;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .bt_cont .bt_list > li:before {content: ''; display: inline-block; position: absolute; top: 15px; left: 0; width: 6px; height: 6px; background-color: #e0e0e0; border-radius: 50%;}
.section.section1_1 .tab_box_wrap .main_tab_box .tab_cont .bt_cont .bt_list > li a {display: block; height: 36px; font-weight: 300; font-size: 18px; line-height: 36px; color: #424242; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}

.section.section1_2 {padding: 80px 0; background-color: #f1f3f4;}
.section .section_tab_box .title_area {display: table; width: 100%; table-layout: fixed;}
.section .section_tab_box .title_area .title {display: table-cell; width: 230px; font-family: 'GmarketSans'; font-weight: 700; font-size: 40px; line-height: 48px; color: #212121;}
.section .section_tab_box .title_area .tab_box {display: table-cell; position: relative; width: 100%; padding: 0 50px 0 19px; vertical-align: bottom;}
.more_btn2 {position: absolute; bottom: 0; right: 0; }
.more_btn2 > a {display: inline-block; position: relative; padding: 0 12px 0 0; font-family: 'GmarketSans'; font-weight: 500; font-size: 14px; line-height: 28px; color: #9e9e9e;}
.more_btn2 > a:after {content: ''; display: inline-block; position: absolute; top: 50%; right: 0; width: 6px; height: 10px; background-image: url("/images/home/kor/user/common/tab_wrap_arr.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%);}
.section .section_tab_box .title_area .tab_box .tab_list {font-size: 0;}
.section .section_tab_box .title_area .tab_box .tab_list li {display: inline-block; position:relative; padding: 0 21px 0 25px; }
.section .section_tab_box .title_area .tab_box .tab_list li > .btn:before {content:''; display: inline-block; position: absolute; bottom: 6px; left:0; width: 0; height: 8px; background-color: #ccd8e9; z-index: -1; -webkit-transition: all 0.17s ease-out; -moz-transition: all 0.17s easeout; -ms-transition: all 0.17s ease-out; -o-transition: all 0.17s ease-out; -webkit-transition: all 0.17s ease-out;}
.section .section_tab_box .title_area .tab_box .tab_list li.on > .btn {position: relative; color: #376ebb;}
.section .section_tab_box .title_area .tab_box .tab_list li.on > .btn:before {width: 100%;}
.section .section_tab_box .title_area .tab_box .tab_list li::before {content: ''; position: absolute; top: 50%; left: 0; width: 7px; height: 7px; background-color: #d4d6d8; border-radius: 50%; transform: translateY(-50%);}
.section .section_tab_box .title_area .tab_box .tab_list li:first-child::before {display: none;}
.section .section_tab_box .title_area .tab_box .tab_list li:first-child {margin: 0;}
.section .section_tab_box .title_area .tab_box .tab_list li .btn {position: relative; font-weight: 700; font-family: 'GmarketSans'; font-size: 24px; line-height: 36px; color: #bfc2c4;}
/* .section .section_tab_box .title_area .tab_box > a {display: block; position: absolute; right: 0; bottom: 15px; -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 .section_tab_box .tab_cont {position: relative;}
.section .section_tab_box .tab_cont .tab_inner {margin: 0 -20px;}
.section .section_tab_box .tab_cont.on {padding: 32px 0 0;}
.section .section_tab_box .tab_cont .tab_inner {height: 0 !important; overflow: hidden;}
.section .section_tab_box .tab_cont.on .tab_inner {height: 100% !important; }
.section .section_tab_box .tab_cont .sec_list {position: relative; font-size: 0;}
.section .section_tab_box .tab_cont .slick-arrow {display: none;}
.section .section_tab_box .tab_cont.on .slick-arrow {display: inline-block; position: absolute; top: 50%; width: 20px; height: 38px; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; font-size: 0; transform: translateY(-50%); z-index: 1;}
.section .section_tab_box .tab_cont.on .slick-prev {left: -40px; background-image: url("/images/home/kor/user/common/sec_arr_l.png");}
.section .section_tab_box .tab_cont.on .slick-next {right: -40px; background-image: url("/images/home/kor/user/common/sec_arr_r.png");}

.section .section_tab_box .tab_cont .sec_list .slick-list .slick-track {}
.section .section_tab_box .tab_cont .sec_list .slick-list .slick-track > li {display: inline-block; overflow: hidden; width: calc(25% - 30px) ; margin: 0 20px; border-radius: 20px;}
.section .section_tab_box .tab_cont .sec_list .slick-list .slick-track > li:hover {box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.16);}
.section .section_tab_box .tab_cont .sec_list .slick-list .slick-track > li a {display: block; border-radius: 20px;}
/* .section .section_tab_box .tab_cont .sec_list .slick-list .slick-track > li:first-child {margin: 0;} */
.section .section_tab_box .tab_cont .top_img_wrap {display: table; overflow: hidden; position: relative; width: 100%; height: 180px; table-layout: fixed;}
.section .section_tab_box .tab_cont .top_img_wrap .play_btn {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,0.2);}
.section .section_tab_box .tab_cont .top_img_wrap .play_btn > span {display: inline-block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; background-image: url("/images/home/kor/user/common/icon_play.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat;  transform: translate(-50%,-50%);}
.section .section_tab_box .tab_cont .top_img_wrap .img_inner {display: table-cell; width: 100%; background-color: #f5f5f5; vertical-align: middle; text-align: center;}
.section .section_tab_box .tab_cont .top_img_wrap .img_inner img {display: inline-block;} 
.section .section_tab_box .tab_cont .top_cont {padding: 24px; background-color: #fff;}

.section .section_tab_box .tab_cont .top_cont .txt_wrap .tit_type {position: relative; display: inline-block; padding: 0 34px 0 0;}
.section .section_tab_box .tab_cont .top_cont .txt_wrap .tit_type > span {display: inline-block; padding: 0 16px; background-color: #e0edff; font-family: 'GmarketSans'; font-weight: 500; font-size: 14px; line-height: 28px; color: #376ebb; border-radius: 15px;}
.section .section_tab_box .tab_cont .top_cont .txt_wrap .tit_type.new:before {content: ''; display: inline-block; position: absolute; top: 0; right: 0; width: 28px; height: 28px; background-image: url("/images/home/kor/user/common/icon_new.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
.section .section_tab_box .tab_cont .top_cont .txt_wrap .top_cont_tit {height: 56px; margin: 8px 0 0; font-family: 'GmarketSans'; font-weight: 500; font-size: 18px; line-height: 28px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.section .section_tab_box .tab_cont .top_cont .txt_wrap .top_cont_date {position: relative; margin: 12px 0 0; padding: 0 0 0 22px; font-weight: 300; font-size: 14px; line-height: 16px; color: #9e9e9e;}
.section .section_tab_box .tab_cont .top_cont .txt_wrap .top_cont_date:before {content: ''; display: inline-block; position: absolute; top: 0; left:0; width: 16px; height: 16px; background-image: url("/images/home/kor/user/common/icon_date.png"); background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}

.section.section1_3 {padding: 80px 0; background-color: #fff;}
.section.section1_3 .section_tab_box .title_area .title {display: block; width: 100%;}
.section.section1_3 .section_tab_box .title_area .tab_box {display: block;}
.section.section1_3 .section_tab_box .tab_cont .sec_list .slick-list .slick-track > li {border: 1px solid #dadce0;}
.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;}
.section.section5 .inner_bg {position: relative; padding: 74px 0; background-color: #fff;}
.section.section5 .inner_bg .bg_right {position: absolute; top: 114px ; right: 0; width: 70%; height: 325px; background-color: #e0edff; border-radius: 20px 0 0 20px;}
.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: 360px; vertical-align: top;}
.section.section5 .inner_bg .container .set5_cont > .box > .text_area .title {display: inline-block; font-family: 'GmarketSans'; font-weight: 700; font-size: 40px; line-height: 48px; color: #212121;}
.section.section5 .inner_bg .container .set5_cont > .box > .text_area .text {margin: 21px 0 0; font-family: "GmarketSans"; font-weight: 400; font-size: 16px; line-height: 26px; color: #9e9e9e;}
.section.section5 .inner_bg .container .set5_cont > .box > .text_area .book_btn_wrap {margin: 20px 0 0;display: block; position: relative; min-height: 20px;}
.section.section5 .inner_bg .container .set5_cont > .box > .text_area .book_btn_wrap .more_btn2 {right: inherit; left: 0;}
.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: 0; text-align: right;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list {margin: 0 -25px; font-size: 0;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li {display: inline-block; position: relative; width: calc(25% - 37.5px); max-width: 230px; margin: 0 25px;}
/* .section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li.slick-active:last-child {margin: 0;} */
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li:last-child {margin: 0;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .list_wrap {position: relative; height: 325px;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .img_box {display: table; overflow: hidden; width: 100%; height: 100%; max-width: 230px; table-layout: fixed; border-radius: 10px;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .img_box .inner_box {display: table-cell; width: 100%; background-color: #f5f5f5; vertical-align: middle; text-align: center;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .img_box .inner_box img {display: inline-block;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > 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); border-radius: 10px; text-align: right; z-index: -1;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li:hover .down_box {z-index: 1;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li.on .down_box {z-index: 1;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > 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 .slick-list .slick-track > li .down_box .inner_box .inner_area {display: table-cell; left: 0; bottom: 0; top: inherit; width: 100%; padding: 0 0 30px; vertical-align: middle; text-align: center; transform: translateY(0);}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .down_box .inner_box .inner_area .box {padding: 0 20px;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .down_box .inner_box .inner_area .box .down_list {}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .down_box .inner_box .inner_area .box .down_list > li {text-align: right; margin: 10px 0 0;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .down_box .inner_box .inner_area .box .down_list > li:first-child {margin: 0;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .down_box .inner_box .inner_area .box .down_list > li > a {display: inline-block; position: relative; padding: 0 48px 0 0; font-family: 'GmarketSans'; font-weight: 500; font-size: 16px; line-height: 40px; color: #fff;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .down_box .inner_box .inner_area .box .down_list > li > a:after {content:''; position: absolute; top: 50%; right: 0; display: inline-block; width: 40px; height: 40px; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; transform: translateY(-50%);} 
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .down_box .inner_box .inner_area .box .down_list > li > a.sty1:after {background-image: url("/images/home/kor/user/common/icon_book.png");}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .down_box .inner_box .inner_area .box .down_list > li > a.sty2:after {background-image: url("/images/home/kor/user/common/icon_down.png");}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > 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 .slick-list .slick-track > 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 .slick-list .slick-track > 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;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .txt_list {width: 100%;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .txt_list > li {font-family: "GmarketSans"; font-weight: 500; text-align: left; }
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .txt_list > li .type_txt {display: inline-block; margin: 26px 0 0; padding: 0 15px; font-size: 14px; line-height: 24px; color:#fff; border-radius: 20px;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .txt_list > li .type_txt.type1 {background-color: #5bb02c;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .txt_list > li .type_txt.type2 {background-color: #29a0c3;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .txt_list > li .type_txt.type3 {background-color: #1e6ab0;}
.section.section5 .inner_bg .container .set5_cont > .box > .textbook_list_area > .list .slick-list .slick-track > li .txt_list > li .sub_txt {display: block; height: 56px; margin: 14px; font-size: 18px; line-height: 28px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
/* ==================== 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;}