@charset "utf-8";

/* ////////////메인 헤더 관련///////////*/
header {position: fixed; top: 0; right: 0; left: 0; width: 100%; border-bottom: 1px solid #e6e6e6 !important; background-color: #ffffff; z-index: 100;}
header .container {width: 100%; max-width: 1400px; margin: 0 auto;}
header .container > .inner_box {display: flex; align-items: center; justify-content: space-between;}
header .container > .inner_box > .box {}
header .container > .inner_box > .box.left {}
header .container > .inner_box > .box.left .logo {}
header .container > .inner_box > .box.left .logo .logo_area { display: block;}
header .container > .inner_box > .box.left .logo .logo_area img {}
header .container > .inner_box > .box.left .logo .logo_area img.off {display: block;}
header .container > .inner_box > .box.left .logo .logo_area img.on {display: none;}
header .container > .inner_box > .box.left .tab_inner {display: none;}
header .container > .inner_box > .box.mid {width: 100%; max-width: 1024px;}
header .container > .inner_box > .box.mid .gnb_area {}
header .container > .inner_box > .box.mid .gnb_area #lnb {}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list { display: flex; justify-content: center; align-items: center;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li {}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a { display: block; position:relative; padding: 0 15px; font-family: 'Pretendard'; font-weight: 700; font-size: 18px; line-height: 100px; color: #666666; letter-spacing: -0.01em;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a::after {content: ''; width: 0; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); height: 2px; background-color: #1b63af; transition: width 0.3s ease-in-out;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li:hover > a { color: #1b63af !important;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li:hover > a::after { width: calc(100% - 64px);}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div {display: none; align-items: flex-start; justify-content: flex-start; position: absolute;width: 100%; max-width: 1400px; height: 212px;top: 100px;left: 50%;z-index: 55; box-sizing: border-box; transform: translateX(-50%);}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.active > div {display: flex !important;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul{width: 850px;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul li::before {}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > div {float: inherit; width: 400px; height: 100%; padding-bottom: 56px; box-sizing: border-box;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title1 > div > div {background: url("/images/common/gnb_07.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title2 > div > div {background: url("/images/common/gnb_06.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title3 > div > div {background: url("/images/common/gnb_05.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > div > div {background: url("/images/common/gnb_04.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > div {background: url("/images/common/gnb_03.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title6 > div > div {background: url("/images/common/gnb_02.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title7 > div > div {background: url("/images/common/gnb_01.png") no-repeat bottom right 20%;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > div > p:first-child {margin-top: 50px;}
header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul {float: inherit; box-sizing: border-box;}
header .container > .inner_box > .box.right {}
header .container > .inner_box > .box.right .inner_box { display: flex; justify-content: space-between; align-items: center;}
header .sub_logo_area { margin: 0 20px 0 0;}
header .sub_logo_area .sub_logo { display: block;}
header .sub_logo_area .sub_logo  img { display: none;}
header .sub_logo_area .sub_logo img.on { display: block;}
header .lang_area { position: relative; margin: 0 35px 0 0;}
header .lang_area .lang_btn { display: block; padding: 0 25px 0 35px; background-image: url("/images/header/h_lang_ico_on.png"); background-position: left center; background-repeat: no-repeat;}
header .lang_area .lang_btn::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 9px; height: 5px; background-image: url("/images/header/h_lang_arrow_ico_on.png"); background-position: center; background-size: 100%; background-repeat: no-repeat; transition: all 0.3s ease-in-out;}
header .lang_area .lang_btn.on::after { transform: translateY(-50%) rotate(180deg);}
header .lang_area .lang_btn .text { display: inline-block; font-family: 'Pretendard'; font-weight: 700; font-size: 15px; line-height: 22px; color: #666666; letter-spacing: -0.01em;}
header .lang_area .lang_list_area { display: none; position: absolute; top: 35px; right: 0; width: auto; border: 1px solid #999999; padding: 10px 0; background-color: #ffffff; border-radius: 10px; z-index: 1;}
header .lang_area .lang_list_area .list {}
header .lang_area .lang_list_area .list li { margin: 0 0 5px;}
header .lang_area .lang_list_area .list li:last-child { margin: 0;}
header .lang_area .lang_list_area .list li .link { display: block; padding: 0 25px;}
header .lang_area .lang_list_area .list li .link .text { display: inline-block; font-weight: 600; font-size: 14px; line-height: 21px; color: #999999; letter-spacing: -0.01em; transition: all 0.3s ease-in-out;}
header .lang_area .lang_list_area .list li .link:hover .text,
header .lang_area .lang_list_area .list li .link:focus .text { font-weight: 700; color: #144389;}
header .container > .inner_box > .box.right .inner_box .total_sch_area { position: relative; margin: 0 28px 0 0; padding: 0 28px 0 0;}
header .container > .inner_box > .box.right .inner_box .total_sch_area::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 23px; background-color: rgba(255, 255, 255, 0.3);}
header .container > .inner_box > .box.right .inner_box .total_sch_area .head_sch_btn { display: block; width: 21px; height: 21px; background-image: url("/images/header/h_sch_ico_on.png"); background-position: center; background-size: 100%; background-repeat: no-repeat; font-size: 0; text-indent: -999px;}
header .container > .inner_box > .box.right .inner_box .all_menu_area {}
header .container > .inner_box > .box.right .inner_box .all_menu_area.mo { display: none;}
header .container > .inner_box > .box.right .inner_box .all_menu_area .btn { display: block; width: 23px; height: 16px; background-image: url("/images/header/h_all_menu_ico_on.png"); background-position: center; background-size: 100%; background-repeat: no-repeat; font-size: 0; text-indent: -999px;}
.lnb_bg {top: 101px; height: 212px !important;}
.total__menu-wrap .top { height: 100px;}
/*.total__menu-wrap .list > li:before { top: 11px;}*/
/*.total__menu-wrap .list > li > ol > li:before { top: 11px;}*/
.total__menu-inner { width: 100%; max-width: 1920px; padding: 0 42px;}
.total__menu-wrap .all-menu-close.pc { top: 73px; right: 42px;}
.total__menu-wrap .all-menu-close.pc:focus {border: 2px solid #000000;}

/*섹션 변경시 sty2 css*/
header.sty2 .container > .inner_box > .box.left .logo .logo_area img.off { display: block;}
header.sty2 .container > .inner_box > .box.left .logo .logo_area img.on { display: none;}
header.sty2 .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a { color: #666666;}
header.sty2 .sub_logo_area .sub_logo img { display: none;}
header.sty2 .sub_logo_area .sub_logo img.on { display: block;}
header .lang_area .lang_btn { background-image: url("/images/header/h_lang_ico.png");}
header .lang_area .lang_btn::after { background-image: url("/images/header/h_lang_arrow_ico.png");}
header .lang_area .lang_btn .text { color: #999999;}
header .container > .inner_box > .box.right .inner_box .total_sch_area::after { background-color: rgba(201, 201, 202, 0.2);}
header .container > .inner_box > .box.right .inner_box .total_sch_area .head_sch_btn { background-image: url("/images/header/h_sch_ico.png");}
header .container > .inner_box > .box.right .inner_box .all_menu_area .btn { background-image: url("/images/header/h_all_menu_ico.png");}

@keyframes top {
    0% {
        top: -50%;
    }
    100% {
        top: 0;
    }
}
@keyframes top2 {
    from {
        top: 0;
    }

    to {
        top: -50%;
    }
}

header.show {border-bottom: 1px solid #e6e6e6 !important; background-color: #ffffff;}
header.show .container > .inner_box > .box.left .logo img.on,
header.kr .container > .inner_box > .box.left .logo img.on {display: none !important;}
header.show .container > .inner_box > .box.left .logo img.off,
header.kr .container > .inner_box > .box.left .logo img.off {display: block !important;}
header.show .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a {color: #666666;}
header.show .sub_logo_area .sub_logo img.off,
header.kr .sub_logo_area .sub_logo img.off {display: none !important;}
header.show .sub_logo_area .sub_logo img.on,
header.kr .sub_logo_area .sub_logo img.on {display: block !important;}
header.show .lang_area .lang_btn {background-image: url('/images/header/h_lang_ico.png');}
header.show .lang_area .lang_btn::after {background-image: url('/images/header/h_lang_arrow_ico.png');}
header.show .lang_area .lang_btn .text {color: #999999;}
header.show .container > .inner_box > .box.right .inner_box .total_sch_area .head_sch_btn {background-image: url('/images/header/h_sch_ico.png');}
header.show .container > .inner_box > .box.right .inner_box .total_sch_area::after {background-color: rgba(201, 201, 202, 0.2);}
header.show .container > .inner_box > .box.right .inner_box .all_menu_area .btn {background-image: url('/images/header/h_all_menu_ico.png');}

header:not(.eng) .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > a {padding: 0 25px 0 15px; background-image: url('/images/header/head_menu_icon01.png'); background-position: top 15px right; background-repeat: no-repeat; color: #08b2ff !important;}
header:not(.eng) .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > a::after {background-color: #08b2ff;}
header:not(.eng) .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4:hover > a {color: #08b2ff;}


@media only screen and (max-width:1600px) {
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a { padding: 0 10px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li:hover > a::after { width: calc(100% - 50px);}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div { padding: 0 20px 0;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > div { width: 522px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title1 > div > div {background-position: bottom right 15%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title2 > div > div {background-position: bottom right 15%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title3 > div > div {background-position: bottom right 15%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > div > div {background-position: bottom right 15%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > div {background-position: bottom right 15%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title6 > div > div {background-position: bottom right 15%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title7 > div > div {background-position: bottom right 15%;}
    header .sub_logo_area { margin: 0 30px 0 0;}
    header .lang_area { margin: 0 25px 0 0;}
    header .container > .inner_box > .box.right .inner_box .total_sch_area { margin: 0 20px 0 0; padding: 0 20px 0 0;}
    .total__menu-inner { padding: 0 20px;}
    .total__menu-wrap .all-menu-close.pc { right: 20px;}
}

@media only screen and (max-width:1440px) {
    header .container > .inner_box {flex-wrap: wrap; padding: 20px 20px 0;}
    header .container > .inner_box > .box.left {display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 0 0 10px;}
    header .container > .inner_box > .box.left .tab_inner {display: flex; align-items: center; justify-content: center;}
    header .container > .inner_box > .box.left .tab_inner .lang_area {margin: 0;}
    header .container > .inner_box > .box.mid { max-width: 800px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb { display: block; width: 100%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list {justify-content: flex-start; margin: 0 0 0 -25px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a {line-height: 50px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div {top: 100px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > div { width: 475px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title1 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title2 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title3 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title6 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title7 > div > div {background-position: bottom right 10%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul { width: calc(100% - 475px);}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul > li { margin-right: 40px;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area {display: none;}
    header .container > .inner_box > .box.right .inner_box .lang_area {display: none;}
    .lnb_bg {display: block !important; top: 100px;}
    header:not(.eng) .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > a {background-position: top right; background-size: 27px auto;}
}

@media only screen and (max-width:1280px) {
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > div { width: 435px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title1 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title2 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title3 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title6 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title7 > div > div {background-position: bottom right 8%;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul { width: calc(100% - 435px);}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul > li { margin-right: 35px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > ul > li {min-width: inherit; width: 50%; margin: 0;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > ul > li:nth-child(3n) { margin-right: 0;}
}

@media only screen and (max-width:1080px) {
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > div { width: 400px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul { width: calc(100% - 400px);}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > div > ul > li { margin-right: 30px;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title5 > div > ul > li { min-width: 150px;}

    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.active > div { display: none !important;}
    /*header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li:hover > a { color: #ffffff !important;}*/
    header.sty2 .container > .inner_box > .box.mid .gnb_area #lnb > .list > li:hover > a { color: #1b63af !important;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li.l_title4:hover > a {color: #08b2ff !important;}
    header .container > .inner_box > .box.mid .gnb_area #lnb > .list > li > a::after {display: none;}
    .lnb_bg {display: none !important;}
}

@media screen and (max-width: 1024px) {
    .main_container {padding: 94px 0 0;}
    header .container > .inner_box {flex-wrap: initial; padding: 20px; background-color: #ffffff;}
    header .container > .inner_box > .box.left {width: initial; margin: 0 20px 0 0;}
    header .container > .inner_box > .box.left .tab_inner {display: none;}
    header .container > .inner_box > .box.mid {display: none;}
    header .container > .inner_box > .box.right { flex: 1;}
    header.eng .container > .inner_box > .box.right {flex: initial;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area {display: block; margin: 0 20px 0 0;}
    header .container > .inner_box > .box.right .inner_box .all_menu_area.mo {display: block;}
    header .container > .inner_box > .box.right .inner_box .all_menu_area.pc {display: none;}
    header .container > .inner_box > .box.right .inner_box .total_sch_area {display: none;}
    .total__menu-wrap { line-height: 1;}
    .total__menu-wrap .top { height: auto;}
    .total__menu-wrap .top .sub_logo {width: 181px; margin-left: 30px;}
    .total__menu-wrap .list > li:before { top: 7px;}
    .total__menu-wrap .list > li > ol > li:before { top: 6px;}

    body.scrolling header { border-bottom: 1px solid #bbc7d3 !important;}
    body header .container > .inner_box > .box.left .logo .logo_area img.off { display: block;}
    body header .container > .inner_box > .box.left .logo .logo_area img.on { display: none;}
    body header .sub_logo_area .sub_logo img.off { display: none;}
    body header .sub_logo_area .sub_logo img.on { display: block;}
    body header .container > .inner_box > .box.right .inner_box .all_menu_area .btn { background-image: url("/images/header/h_all_menu_ico.png");}
}

@media screen and (max-width: 768px) {
    .main_container {padding: 75px 0 0;}
    header .container > .inner_box {padding: 15px;}
    header .container > .inner_box > .box.left { margin: 0 15px 0 0;}
    header .container > .inner_box > .box.left .logo .logo_area { width: 202px;}
    header .container > .inner_box > .box.left .logo .logo_area img { width: 100%;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area { margin: 0 15px 0 0;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area .sub_logo {width: 152px;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area .sub_logo img {width: 100%;}

    .total__menu-wrap .top .sub_logo {width: 150px; margin-left: 15px;}
}

@media screen and (max-width: 480px) {
    header .container > .inner_box > .box.left .logo .logo_area { width: 165px;}
    header .container > .inner_box > .box.right {margin: 0 !important;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area { margin: 0 15px 0 0;}
    header .container > .inner_box > .box.right .inner_box .sub_logo_area .sub_logo {width: 123px;}
    header .container > .inner_box > .box.right .inner_box .all_menu_area .btn { width: 20px; height: 15px;}
}
/* ////////////메인 헤더 관련///////////*/

.tab_cont {display: none;}
.tab_cont.on {display: block;}

.contents > .con-wrap.type1 {margin: 0 auto 100px; padding: 70px 0 0;}
.contents > .con-wrap.type2 {z-index: 20;margin: 101px auto; padding: 100px 0 0;}


.chk_area {font-size: 0;}
.chk_area.tr {text-align: right;}
.chk_area.tc {text-align: center;}
.chk_area label {display: block;}
.chk_area label .inp_chk {display: inline-block; position: relative; width: 22px; height: 22px; margin: 0; border: 1px solid #58616a; padding: 0; background-color: #ffffff; cursor: pointer; vertical-align: middle; transition: 0.3s ease-in-out; border-radius: 4px; -webkit-appearance: none; -webkit-border-radius: 4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.chk_area label .inp_chk.one {border-radius: 50%;}
.chk_area label .inp_chk:checked {border: 1px solid #e35b20; background-color: #e35b20;}
.chk_area label .inp_chk.green:checked {border: 1px solid #0d7b3f; background-color: #0d7b3f;}
.chk_area label .inp_chk:before {display: none; content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 10px; background-image: url('/images/sub/chk.svg'); background-size: 10px; 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%); transition: 0.3s ease-in-out;}
.chk_area label .inp_chk:checked:before {display: block; width: 10px;}
.chk_area label .text {display: inline-block; margin: 0 0 0 12px; font-weight: 400; font-size: 16px; line-height: 28px; color: #666666; vertical-align: middle;}

.con-wrap .main_edu_cont {display: block; line-height: 1.5;}
* {font-family: 'Pretendard' !important;}
.main_edu_cont {line-height: 1.5;}
.main_edu_cont .container {width: 100%; max-width: 1400px; margin: 0 auto;}
.main_edu_cont .edu_title_area {position: relative; padding: 0 0 60px; z-index: 2;}
.main_edu_cont .edu_title_area:before {content: ''; position: absolute; bottom: 0; left: 25px; width: 405px; height: 195px; background-image: url('/images/sub/main_edu_left.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat; z-index: -1;}
.main_edu_cont .edu_title_area:after {content: ''; position: absolute; bottom: 0; right: 25px; width: 440px; height: 183px; background-image: url('/images/sub/main_edu_right.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat; z-index: -1;}

.main_edu_cont.type1 .edu_title_area:before {width: 416px; height: 220px; background-image: url('/images/sub/main_edu_left2.png');}
.main_edu_cont.type1 .edu_title_area:after {width: 448px; height: 133px; background-image: url('/images/sub/main_edu_right2.png');}

.main_edu_cont .edu_title_area .container {}
.main_edu_cont .edu_title_area .title_area {text-align: center;}
.main_edu_cont .edu_title_area .title_area .title {margin: 0 0 9px; font-weight: 600; font-size: 52px; line-height: 68px; color: #222222;}
.main_edu_cont .edu_title_area .title_area .text {font-weight: 600; font-size: 20px; color: #888888;}
/*
.main_edu_cont .edu_title_area .edu_sch_btn_area {}
.main_edu_cont .edu_title_area .edu_sch_btn_area .sch_btn {display: inline-block; border: 1px solid #e35b20; padding: 0 27px; border-radius: 10px; font-size: 0;}
.main_edu_cont .edu_title_area .edu_sch_btn_area .sch_btn .text {display: inline-block; padding: 0 0 0 36px; background-image: url('/images/sub/edu_sch_btn_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 600; font-size: 20px; line-height: 57px; color: #e35b20;}
*/
.edu_sch_btn_area {}
.edu_sch_btn_area.mo_show { display: none;}
.edu_sch_btn_area .sch_btn {display: inline-block; border: 1px solid #e35b20; padding: 0 27px; border-radius: 10px; font-size: 0;}
.edu_sch_btn_area .sch_btn .text {display: inline-block; padding: 0 0 0 36px; background-image: url('/images/sub/edu_sch_btn_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 600; font-size: 20px; line-height: 57px; color: #e35b20;}

.main_edu_cont .edu_data_slide_area {margin: 0 0 100px;}
.main_edu_cont .edu_data_slide_area > .inner_box {position: relative; padding: 0 0 0 230px;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box {}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.left {position: absolute; top: 0; left: 0; bottom: 0; overflow: hidden; width: 100%; max-width: 260px; background-image: url('/images/sub/left_title_bg.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 16px;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.left:before {content: ''; position: absolute; right: 0; bottom: 0; width: 216px; height: 260px; background-image: url('/images/sub/left_title_icon.png'); background-position: center; background-size: cover; background-repeat: no-repeat;}
.main_edu_cont.type1 .edu_data_slide_area > .inner_box > .box.left {background-image: url('/images/sub/left_title_bg2.png');}
.main_edu_cont.type1 .edu_data_slide_area > .inner_box > .box.left:before {width: 260px; background-image: url('/images/sub/left_title_icon2.png'); background-size: contain; background-position: right;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area {}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box {}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .title_area {padding: 28px 0 0 47px;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .title_area .title {font-weight: 600; font-size: 40px; color: #ffffff;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .title_area .view {display: none;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .slt_area {display: none;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right {}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area {}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area {display: flex; align-items: center; justify-content: space-between; margin: 0 0 30px; border-bottom: 1px solid #d7d7d7; padding: 0 0 0 70px;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li {}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn {display: block; position: relative; padding: 23px 20px 28px; font-size: 0; transition: 0.3s ease-in-out;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li.on .tab_btn:before {content: ''; position: absolute; right: 0; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #dd5b1f;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li.on .tab_btn:after {content: ''; position: absolute; left: 50%; bottom: -8px; width: 12px; height: 12px; border: 2px solid #dd5b1f; background-color: #ffffff; border-radius: 50%; transform: translateX(-50%);}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li.on .tab_btn.green:before {background-color: #0d7b3f;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li.on .tab_btn.green:after {border: 2px solid #0d7b3f;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn .text {display: inline-block; font-weight: 600; font-size: 20px; color: #888888;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li.on .tab_btn .text {color: #dd5b1f;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li.on .tab_btn.green .text {color: #0d7b3f;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn:hover .text,
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn:focus .text {color: #dd5b1f;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn.green:hover .text,
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn.green:focus .text {color: #0d7b3f;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .view {display: block; font-weight: 500; font-size: 16px; color: #666666;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .slt {display: none;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont {padding: 0 0 20px;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list {}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list {margin: -9px -17px -9px -9px; padding: 9px 0 9px 9px;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track {display: flex; align-items: stretch; height: 100%;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li {overflow: hidden; height: 100%; margin: 0 17px 0 0; background-color: #ffffff; border-radius: 8px;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li:hover {transform: translateY(-5px); transition: 0.3s ease-in-out;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li.slick-active {box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.06);}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box {display: block; position: relative;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .img_area {position: relative; padding: 0 0 100%;}
.main_edu_cont.type1 .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .img_area {padding: 0 0 89.2858%;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .img_area .img_inner {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #ebf2f9 !important;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .img_area .img_inner img {width: 100%;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .data_list_area {margin: 0 0 15px;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .data_list_area > .list {display: flex; align-items: center; justify-content: flex-start; }
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .data_list_area > .list > li {position: relative; margin: 0 7px 0 0; font-size: 0;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .data_list_area > .list > li:last-child {margin: 0;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .data_list_area > .list > li .txt {display: inline-block; padding: 0 12px; background-color: #666666; font-weight: 500; font-size: 14px; line-height: 27px; color: #ffffff; border-radius: 6px;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .data_list_area > .list > li.bg1 .txt {background-color: #d35a27;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area {padding: 20px 22px 15px;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .title_area {margin: 0 0 15px;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .title_area .title {height: 52px; font-weight: 600; font-size: 20px; line-height: 26px; color: #444444; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_edu_cont.type1 .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .title_area .title {font-size: 19px;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .tag_list_area {}
.main_edu_cont.type1 .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .tag_list_area {margin: 0 0 10px;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .tag_list_area .list {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .tag_list_area .list li {display: inline-block; margin: 0 17px 0 0; font-weight: 500; font-size: 15px; color: #d35a27; vertical-align: top;}
.main_edu_cont.type1 .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .tag_list_area .list li {margin: 0;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .data_area {}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .data_area .data {padding: 0 0 0 25px; background-image: url('/images/sub/edu_data_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 600; font-size: 14px; color: #999999;}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-arrow {position: absolute; top: 50%; width: 36px; height: 36px; background-color: #ffffff; background-position: center; background-repeat: no-repeat; border-radius: 50%; transform: translateY(calc(50% - 108px)); z-index: 1; text-indent: -9999px; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.11);}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-arrow.slick-prev {left: -18px; background-image: url('/images/sub/edu_slide_prev.png');}
.main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-arrow.slick-next {right: -18px; background-image: url('/images/sub/edu_slide_next.png');}

.none_data_cont {display: flex; align-items: center; justify-content: center; min-height: 320px; box-sizing: border-box;}
.none_data_cont.type1 {background-color: #ffffff; border-radius: 6px;}
.none_data_cont .none_data_area {position: relative; padding: 130px 0 0;}
.none_data_cont .none_data_area:before {content: ''; position: absolute; top: 0; left: 50%; width: 100px; height: 100px; background-color: #dd5b1f; background-image: url('/images/sub/figma_library.svg'); background-position: center; background-size: 48px auto; background-repeat: no-repeat; transform: translateX(-50%); border-radius: 50%;}
.none_data_cont .none_data_area .text {font-weight: 500; font-size: 24px; color: #666666; text-align: center;}
.none_data_cont .none_data_area .text .ft_c {font-weight: 700; color: #dd5b1f;}
.edu_data_slide_cont .none_data_cont {min-height: 466px;}
.online_slide_area .none_data_cont {min-height: 376px;}
.offline_slide_area .none_data_cont {min-height: 361.5px; border-radius: 12px; background-color: #ffffff;}

.main_edu_cont .online_edu_slide_area .title_cont {margin: 0 0 45px;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box {display: flex; align-items: center; justify-content: space-between;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box {}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left {display: flex; align-items: center; justify-content: flex-start;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .title_area {margin: 0 60px 0 0;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .title_area .title {margin: 0 0 7px; font-weight: 600; font-size: 40px; line-height: 50px; color: #222222;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .title_area .text {font-weight: 600; font-size: 16px; color: #888888;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area {display: flex; align-items: center; justify-content: flex-start;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .list_area {margin: 0 8px 0 0;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .list_area .list li {margin: 0 8px 0 0;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .list_area .list li:last-child {margin: 0;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .list_area .list li .slt {display: block; width: 100%; min-width: 180px; height: 52px; border: 1px solid #b1b8be; padding: 0 30px 0 20px; background-image: url('/images/sub/com_slt_arr.png'); background-position: right 15px center; background-repeat: no-repeat; font-weight: 500; font-size: 17px; color: #444444; border-radius: 8px;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .btn_area {margin: 0; font-size: 0;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .btn_area .sch_btn {display: inline-block; padding: 0 25px; background-color: #dd5b1f; font-size: 0; border-radius: 8px;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .btn_area .sch_btn .text {display: inline-block; font-weight: 500; font-size: 17px; line-height: 52px; color: #ffffff;}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.right {}
.main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.right .view {display: block; font-weight: 500; font-size: 16px; color: #666666;}
.main_edu_cont .online_edu_slide_area .online_slide_area {}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list {}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list {margin: -10px -20px 0 0; padding: 10px 0 0;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track {}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li {margin: 0 20px 0 0;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li:hover {transform: translateY(-5px); transition: 0.3s ease-in-out;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box {display: block;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .img_area {position: relative; overflow: hidden; margin: 0 0 25px; border: 1px solid #eaeaea; padding: 0 0 calc(100% - 2px); border-radius: 12px;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .img_area .img_inner {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #ebf2f9 !important;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .img_area .img_inner img {width: 100%;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .tag_list_area {}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .tag_list_area .list {height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .tag_list_area .list li {display: inline-block; margin: 0 12px 0 0; font-weight: 600; font-size: 17px; color: #dd5b1f; vertical-align: top;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .title_area {margin: 0 0 20px;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .title_area .title {font-weight: 600; font-size: 22px; color: #222222; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .data_list_area {}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .data_list_area .list {}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .data_list_area .list li {position: relative; margin: 0 0 10px; padding: 0 0 0 73px; font-weight: 500; font-size: 15px; color: #888888;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .data_list_area .list li:last-child {margin: 0;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .data_list_area .list li .tit {position: absolute; top: 0; left: 0; font-weight: 600; color: #444444;}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-arrow {position: absolute; top: 50%; width: 36px; height: 36px; background-color: #ffffff; background-position: center; background-repeat: no-repeat; border-radius: 50%; transform: translateY(calc(50% - 36px * 2)); z-index: 1; text-indent: -9999px; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.11);}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-arrow.slick-prev {left: -18px; background-image: url('/images/sub/edu_slide_prev.png');}
.main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-arrow.slick-next {right: -18px; background-image: url('/images/sub/edu_slide_next.png');}

.offline_edu_slide_area {position: relative; margin: 0 0 83px; padding: 33px 0 50px; z-index: 1; font-family: 'Pretendard'; line-height: 1.5;}
.offline_edu_slide_area:before {content: ''; position: absolute; top: 0; bottom: 50px; left: 0; width: 50%; background-color: #754c37; background-image: url('/images/sub/offline_left_bg.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 0 80px 40px 0; z-index: -1;}
.offline_edu_slide_area:after {content: ''; position: absolute; top: 33px; bottom: 0; right: 0; width: 65.2381%; background-color: #ffe5d7; border-radius: 0 0 0 40px; z-index: -2;}
.offline_edu_slide_area .container {position: relative; background-image: url('/images/sub/etc_one_icon.jpg'); background-position: right 3% center; background-repeat: no-repeat;}
.offline_edu_slide_area .container:before {content: ''; position: absolute; top: -33px; left: 20%; width: 56px; height: 64px; background-image: url('/images/sub/flight_icon.png'); background-position: center; background-repeat: no-repeat; animation: flight 6s ease-in-out infinite;}
@keyframes flight {0% {top: -33px; left: 30%; transform: rotate(0deg);} 50% {top: -100px; left: 50%; transform: rotate(40deg);} 100% {top: -30px; left: 60%; transform: rotate(80deg);}}
.offline_edu_slide_area .container > .inner_box {display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1400px; margin: 0 auto;}
.offline_edu_slide_area .container > .inner_box > .box {width: calc(50% - 45px); margin: 0 90px 0 0;}
.offline_edu_slide_area .container > .inner_box > .box:last-child {margin: 0;}
.offline_edu_slide_area .container > .inner_box > .box.left {padding: 82px 0 92px;}
.offline_edu_slide_area .container > .inner_box > .box.left > .title_area {display: flex; align-items: center; justify-content: space-between; margin: 0 0 50px;}
.offline_edu_slide_area .container > .inner_box > .box.left > .title_area .title {font-weight: 600; font-size: 40px; line-height: 50px; color: #ffffff;}
.offline_edu_slide_area .container > .inner_box > .box.left > .title_area .view {font-weight: 500; font-size: 16px; color: #ffffff;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area {}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list {}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list {margin: -10px -20px 0 0; padding: 10px 0 0;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track {}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li {margin: 0 20px 0 0;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box {display: block; padding: 23px 29px; background-color: #ffffff; border-radius: 12px;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box:hover {transform: translateY(-5px); transition: 0.3s ease-in-out;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont {margin: 0 0 21px; border-bottom: 1px solid #e9e9e9; padding: 0 0 20px;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont .tag_list_area {margin: 0 0 6px;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont .tag_list_area .list {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont .tag_list_area .list li {display: inline-block; margin: 0 12px 0 0; font-weight: 600; font-size: 17px; color: #dd5b1f; vertical-align: top;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont .tag_list_area .list li:last-child {margin: 0 0 5px;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont .title_area {margin: 0 0 10px;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont .title_area .title {font-weight: 500; font-size: 24px; color: #222222; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont .text_area {}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont .text_area .text {height: 48px; font-weight: 600; font-size: 15px; line-height: 24px; color: #999999; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .data_cont {}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .data_cont .list {}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .data_cont .list li {margin: 0 0 14px;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .data_cont .list li:last-child {margin: 0;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .data_cont .list li .tit {margin: 0 0 10px; font-weight: 500; font-size: 18px; color: #222222;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .data_cont .list li .data {font-weight: 500; font-size: 15px; color: #999999;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .data_cont .list li .data .ft_c {margin: 0 0 0 8px; color: #cf5426;}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-arrow {position: absolute; top: 50%; width: 36px; height: 36px; background-color: #ffffff; background-position: center; background-repeat: no-repeat; border-radius: 50%; transform: translateY(-50%); z-index: 1; text-indent: -9999px; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.11);}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-arrow.slick-prev {left: -18px; background-image: url('/images/sub/edu_slide_prev.png');}
.offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-arrow.slick-next {right: -18px; background-image: url('/images/sub/edu_slide_next.png');}
.offline_edu_slide_area .container > .inner_box > .box.right {padding: 72px 0 0;}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area {}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list {}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li {margin: 0 0 49px;}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li:last-child {margin: 0;}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box {position: relative; background-position: right bottom; background-repeat: no-repeat;}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .title_area {margin: 0 0 18px;}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .title_area .title {font-weight: 600; font-size: 36px; color: #211c19;}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .text_area {margin: 0 0 43px;}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .text_area .text {font-weight: 600; font-size: 17px; line-height: 24px; color: #754c37;}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .view {display: inline-block; padding: 0 27px; background-color: #ffffff; border-radius: 50px;}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .view .text {display: block; padding: 0 37px 0 0; background-image: url('/images/sub/offline_right_arr.png'); background-position: right center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 52px; color: #57473e;}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .svg_area {position: absolute; bottom: 0; right: 0; width: 357px; height: 209px;}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .svg_area svg {width: 100%; height: 100%;}
.offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box.icon02 {background-image: url('/images/sub/offline_right_icon.jpg');}

.edu_sch_cont {margin: 0 0 55px; font-family: 'Pretendard'; line-height: 1.5;}
.edu_sch_cont .inner_box {overflow: hidden; max-height: 83px; border: 1px solid #d6d6d6; padding: 0 30px; background-color: #f4f4f4; border-radius: 10px; transition: max-height 0.5s ease}
.edu_sch_cont .inner_box.on {max-height: 417px;}
.edu_sch_cont .inner_box .row {display: flex; align-items: center; justify-content: space-between; min-height: 83px; border-bottom: 1px solid #d6d6d6; padding: 16px 5px; box-sizing: border-box;}
.edu_sch_cont .inner_box .row:first-child {border-bottom: initial;}
.edu_sch_cont .inner_box .row:last-child {border-bottom: initial;}
.edu_sch_cont .inner_box.on .row:first-child {border-bottom: 1px solid #d6d6d6;}
.main_edu_cont.type1 .edu_sch_cont .inner_box.on .row:first-child {border-bottom: initial;}
.edu_sch_cont .inner_box .row .box {}
.edu_sch_cont .inner_box .row .box.left {width: 110px;}
.edu_sch_cont .inner_box .row .box.left .title {font-weight: 600; font-size: 18px; color: #444444;}
.edu_sch_cont .inner_box .row .box.right {width: calc(100% - 110px);}
.edu_sch_cont .inner_box .row .box.right .slt_list_area {}
.edu_sch_cont .inner_box .row .box.right .slt_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.edu_sch_cont .inner_box .row .box.right .slt_list_area .list li {margin: 0 8px 0 0;}
.edu_sch_cont .inner_box .row .box.right .slt_list_area .list li:last-child {margin: 0;}
.edu_sch_cont .inner_box .row .box.right .slt_list_area .list li .slt {display: block; min-width: 190px; height: 50px; border: 1px solid #c8c8c8; padding: 0 35px 0 20px; background-color: #ffffff; background-image: url('/images/sub/com_slt_arr2.png'); background-position: right 20px center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; color: #666666; border-radius: 10px;}
.edu_sch_cont .inner_box .row .box.right .day_area {display: flex; align-items: center; justify-content: flex-start;}
.edu_sch_cont .inner_box .row .box.right .day_area .inp {display: block; min-width: 190px; height: 50px; border: 1px solid #c8c8c8; padding: 0 20px; background-color: #ffffff; font-family: 'SUIT'; font-weight: 500; font-size: 16px; color: #666666; border-radius: 10px;}
.edu_sch_cont .inner_box .row .box.right .day_area .inp::placeholder {font-family: 'SUIT'; font-weight: 500; font-size: 16px; color: #666666;}
.edu_sch_cont .inner_box .row .box.right .day_area .text {display: inline-block; padding: 0 15px; font-weight: 500; font-size: 16px; line-height: 50px; color: #666666;}
.edu_sch_cont .inner_box .row .box.right .chk_list_area {}
.edu_sch_cont .inner_box .row .box.right .chk_list_area .list {margin: 0 0 -5px; font-size: 0;}
.edu_sch_cont .inner_box .row .box.right .chk_list_area .list li {display: inline-block; margin: 0 18px 5px 0;}
.edu_sch_cont .inner_box .row .box.right .chk_list_area .list li:last-child {margin: 0;}
.edu_sch_cont .inner_box .row .box.right .sch_area {display: flex; align-items: center; justify-content: flex-start;}
.edu_sch_cont .inner_box .row .box.right .sch_area .slt {display: block; min-width: 190px; height: 50px; margin: 0 8px 0 0; border: 1px solid #c8c8c8; padding: 0 35px 0 20px; background-color: #ffffff; background-image: url('/images/sub/com_slt_arr2.png'); background-position: right 20px center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; color: #666666; border-radius: 10px;}
.edu_sch_cont .inner_box .row .box.right .sch_area .inp {display: block; width: 100%; height: 50px; border: 1px solid #c8c8c8; padding: 0 20px; background-color: #ffffff; font-weight: 500; font-size: 16px; color: #666666; border-radius: 10px;}
.edu_sch_cont .inner_box .row .box.right .sch_area .sch_btn {display: inline-block; margin: 0 0 0 10px; padding: 0 35px; background-color: #e35b20; font-size: 0; border-radius: 10px;}
.edu_sch_cont .inner_box .row .box.right .sch_area .sch_btn.green {background-color: #0d7b3f;}
.edu_sch_cont .inner_box .row .box.right .sch_area .sch_btn.type1 {padding: 0 20px; background-color: #666666;}
.edu_sch_cont .inner_box .row .box.right .sch_area .sch_btn .text {display: inline-block; font-weight: 600; font-size: 18px; line-height: 50px; color: #ffffff;}
.edu_sch_cont .inner_box .row .box.right .sch_area .sch_btn.type1 .text {padding: 0 25px 0 0; background-image: url('/images/sub/com_slt_arr3.png'); background-position: right center; background-repeat: no-repeat;}

.edu_sch_cont .inner_box .row .box.right .sch_area .link {min-width: 90px; margin: 0 0 0 7px; border: 1px solid #bdbdbd; background-color: #ffffff; border-radius: 10px; text-align: center;}
.edu_sch_cont .inner_box .row .box.right .sch_area .link:hover,
.edu_sch_cont .inner_box .row .box.right .sch_area .link:focus {border: 1px solid #e35b20;}
.edu_sch_cont .inner_box .row .box.right .sch_area .link.green:hover,
.edu_sch_cont .inner_box .row .box.right .sch_area .link.green:focus {border: 1px solid #0d7b3f;}
.edu_sch_cont .inner_box .row .box.right .sch_area .link:first-child {margin: 0 0 0 10px;}
.edu_sch_cont .inner_box .row .box.right .sch_area .link .text {display: inline-block; font-weight: 600; font-size: 16px; line-height: 48px; color: #666666;}
.edu_sch_cont .inner_box .row .box.right .sch_area .link.green:hover .text,
.edu_sch_cont .inner_box .row .box.right .sch_area .link.green:focus .text {color: #0d7b3f;}


.edu_data_list_area {margin: 37px 0 0; border-top: 2px solid #e35b20; padding: 20px 0 0; font-family: 'Pretendard'; line-height: 1.5; }
.edu_data_list_area > .list {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.edu_data_list_area > .list > li {overflow: hidden; width: calc(33.3333% - 11.3333px); margin: 14px 17px 0 0; border: 1px solid #dfdfdf; border-radius: 8px; box-sizing: border-box;}
.edu_data_list_area > .list > li:nth-child(-n+3) {margin: 0 17px 0 0;}
.edu_data_list_area > .list > li:nth-child(3n) {margin: 14px 0 0;}
.edu_data_list_area > .list > li:nth-child(3) {margin: 0;}
.edu_data_list_area > .list.type1 > li {width: 100%; margin: 0;}
.edu_data_list_area > .list > li > .box {display: block; position: relative;}
.edu_data_list_area > .list > li > .box .img_area {position: relative; padding: 0 0 100%;}
.edu_data_list_area > .list > li > .box .img_area .img_inner {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #ebf2f9 !important;}
.edu_data_list_area > .list > li > .box .img_area .img_inner img {width: 100%;}
.edu_data_list_area > .list > li > .box .text_area .data_list_area {margin: 0 0 15px;}
.edu_data_list_area > .list > li > .box .text_area .data_list_area > .list {display: flex; align-items: center; justify-content: flex-start;}
.edu_data_list_area > .list > li > .box .text_area .data_list_area > .list > li {position: relative; margin: 0 7px 0 0; font-size: 0;}
.edu_data_list_area > .list > li > .box .text_area .data_list_area > .list > li:last-child {margin: 0;}
.edu_data_list_area > .list > li > .box .text_area .data_list_area > .list > li .txt {display: inline-block; padding: 0 12px; background-color: #666666; font-weight: 500; font-size: 14px; line-height: 27px; color: #ffffff; border-radius: 6px;}
.edu_data_list_area > .list > li > .box .text_area .data_list_area > .list > li.bg1 .txt {background-color: #d35a27;}
.edu_data_list_area > .list > li > .box .text_area {padding: 20px 22px 15px;}
.edu_data_list_area > .list > li > .box .text_area .title_area {margin: 0 0 15px;}
.edu_data_list_area > .list > li > .box .text_area .title_area .title {height: 52px; font-weight: 600; font-size: 20px; line-height: 26px; color: #444444; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.edu_data_list_area > .list > li > .box:hover .text_area .title_area .title,
.edu_data_list_area > .list > li > .box:focus .text_area .title_area .title {text-decoration: underline;}
.edu_data_list_area > .list > li > .box .text_area .tag_list_area {min-height: 24px;}
.edu_data_list_area > .list > li > .box .text_area .tag_list_area .list { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.edu_data_list_area > .list > li > .box .text_area .tag_list_area .list li {display: inline-block; margin: 0 17px 0 0; font-weight: 500; font-size: 15px; color: #d35a27; vertical-align: top;}

.edu_data_list_area > .list > li > .box .text_area .data_area {}
.edu_data_list_area > .list > li > .box .text_area .data_area .data {padding: 0 0 0 25px; background-image: url('/images/sub/edu_data_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 600; font-size: 14px; color: #999999;}

.online_list_area {margin: 37px 0 0; border-top: 2px solid #e35b20; font-family: 'Pretendard'; line-height: 1.5;}
.online_list_area > .list {}
.online_list_area > .list > li {border-bottom: 1px solid #e2e2e2; padding: 30px 10px 30px 0;}
.online_list_area > .list.type1 > li {border-bottom: initial; padding: 0;}
.online_list_area > .list > li > .inner_box {display: flex; align-items: center; justify-content: space-between;}
.online_list_area > .list > li > .inner_box > .box {}
.online_list_area > .list > li > .inner_box > .box.left {width: calc(100% - 202px); margin: 0 44px 0 0; border-right: 1px solid #e2e2e2; padding: 0 43px 0 0;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box {display: flex; align-items: center; justify-content: flex-start;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box {display: block;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.left {width: 240px; margin: 0 35px 0 0;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.left .img_area {position: relative; overflow: hidden; border: 1px solid #dddddd; padding: 0 0 56%; border-radius: 12px;}
.online_list_area.img > .list > li > .inner_box > .box.left .cont_box > .box.left .img_area {padding: 0 0 99%;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.left .img_area .mark {display: inline-block; position: absolute; top: 0; left: 0; padding: 0 15px; font-weight: 700; font-size: 15px; line-height: 36px; color: #ffffff; border-radius: 10px 0 10px 0; z-index: 1;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.left .img_area .mark.red {background-color: #c62616;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.left .img_area .img_inner {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #ebf2f9 !important;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.left .img_area .img_inner img {width: 100%; object-fit: cover;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right {width: calc(100% - 240px);}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .tag_list_area {margin: 0 0 10px;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .tag_list_area .list {display: -webkit-box; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin: 0 0 -5px;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .tag_list_area .list li {display: inline-block; margin: 0 17px 5px 0; font-weight: 600; font-size: 17px; color: #dd5b1f;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .title_area {margin: 0 0 15px;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .title_area .title {font-weight: 600; font-size: 28px; color: #222222; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .title_area .title:hover,
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .title_area .title:focus {text-decoration: underline;}



.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .data_list_area {margin: 0 0 15px;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .data_list_area > .list {display: flex; align-items: center; justify-content: flex-start;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .data_list_area > .list > li {position: relative; margin: 0 7px 0 0; font-size: 0;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .data_list_area > .list > li:last-child {margin: 0;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .data_list_area > .list > li .txt {display: inline-block; padding: 0 12px; background-color: #666666; font-weight: 500; font-size: 14px; line-height: 27px; color: #ffffff; border-radius: 6px;}
.online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .data_list_area > .list > li.bg1 .txt {background-color: #d35a27;}


.online_list_area > .list > li > .inner_box > .box.right {}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area {}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list {}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li {margin: 0 0 6px;}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li:last-child {margin: 0;}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link {display: block; min-width: 200px; border: 1px solid #dd5b1f; background-color: #ffffff; border-radius: 12px; text-align: center;}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link.bg {background-color: #dd5b1f;}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link.bg2 {border: 1px solid #666666; background-color: #666666;}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link .text {display: inline-block; font-weight: 600; font-size: 18px; line-height: 50px; color: #dd5b1f;}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link.bg .text {padding: 0 0 0 33px; background-image: url('/images/sub/online_list_icon.png'); background-position: left center; background-repeat: no-repeat; color: #ffffff;}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link.bg2 .text {color: #ffffff;}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link.ico .text {padding: 0 0 0 30px; background-position: left center; background-repeat: no-repeat;}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link.ico.ico01 .text {background-image: url("/images/sub/edu_link_ico01.png");}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link.ico.ico02 .text {background-image: url("/images/sub/edu_link_ico02.png");}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link.ico.ico03 .text {background-image: url("/images/sub/edu_link_ico03.png");}
.online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link.ico.ico04 .text {background-image: url("/images/sub/edu_link_ico04.png");}

.sub_list_tab_area {line-height: 1.5;}
.sub_list_tab_area .list {display: flex; align-items: center; justify-content: flex-start;}
.sub_list_tab_area .list li {position: relative; margin: 0 20px 0 0; padding: 0 24px 0 0;}
.sub_list_tab_area .list li:last-child {margin: 0; padding: 0;}
.sub_list_tab_area .list li:after {content: ''; position: absolute; top: 50%; right: 0; width: 4px; height: 4px; background-color: #888888; border-radius: 50%; transform: translateY(-50%);}
.sub_list_tab_area .list li:last-child:after {display: none;}
.sub_list_tab_area .list li .tab_btn {display: block;}
.sub_list_tab_area .list li .tab_btn .text {display: inline-block; font-family: 'Pretendard'; font-weight: 600; font-size: 21px; color: #888888;}
.sub_list_tab_area .list li.on .tab_btn .text {color: #dd5b1f;}

.tab_cont2 {display: none;}
.tab_cont2.on {display: block;}

.edu_view_cont {font-family: 'Pretendard'; line-height: 1.5;}
.edu_view_cont .top_cont {margin: 0 0 40px;}
.edu_view_cont .top_cont > .inner_box {display: flex; align-items: center; justify-content: flex-start;}
.edu_view_cont .top_cont > .inner_box > .box {}
.edu_view_cont .top_cont > .inner_box > .box.left {width: 340px;}
.edu_view_cont .top_cont > .inner_box > .box.left .img_area {position: relative; overflow: hidden; padding: 0 0 calc(100% - 2px); border: 1px solid #dbdbdb; border-radius: 12px;}
.edu_view_cont .top_cont > .inner_box > .box.left .img_area.type1 {padding: 0 0 calc(100% - 2px);}
.edu_view_cont .top_cont > .inner_box > .box.left .img_area .img_inner {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #ebf2f9 !important;}
.edu_view_cont .top_cont > .inner_box > .box.left .img_area .img_inner img {width: 100%;}
.edu_view_cont .top_cont > .inner_box > .box.left .img_area.type1 .img_inner img {height: initial;}
.edu_view_cont .top_cont > .inner_box > .box.right {width: calc(100% - 340px); padding: 0 0 0 40px;}
.edu_view_cont .top_cont > .inner_box > .box.right > .title_area {margin: 0 0 21px; border-bottom: 1px solid #8c8c8c; padding: 0 0 22px;}
.edu_view_cont .top_cont > .inner_box > .box.right > .title_area .tag_list_area {height: 24px; margin: 0 0 8px;}
.edu_view_cont .top_cont > .inner_box > .box.right > .title_area .tag_list_area .list {    display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin: 0 0 -5px;}
.edu_view_cont .top_cont > .inner_box > .box.right > .title_area .tag_list_area .list li {display: inline-block; margin: 0 17px 5px 0; font-weight: 500; font-size: 18px; color: #d35a27;}
.edu_view_cont .top_cont > .inner_box > .box.right > .title_area .title {font-weight: 600; font-size: 28px; color: #222222;}
.edu_view_cont .top_cont > .inner_box > .box.right > .data_list_area {}
.edu_view_cont .top_cont > .inner_box > .box.right > .data_list_area .list {}
.edu_view_cont .top_cont > .inner_box > .box.right > .data_list_area .list li {display: flex; align-items: flex-start; justify-content: flex-start; position: relative; margin: 0 0 21px; border-bottom: 1px solid #e1e1e1; padding: 0 0 22px;}
.edu_view_cont .top_cont > .inner_box > .box.right > .data_list_area .list li:last-child {margin: 0;}
.edu_view_cont .top_cont > .inner_box > .box.right > .data_list_area .list li .tit {font-weight: 500; font-size: 18px; line-height: 30px; color: #222222;}
.edu_view_cont .top_cont > .inner_box > .box.right > .data_list_area .list li .txt {display: flex; align-items: center; margin: 0 0 0 12px; font-weight: 600; font-size: 18px; line-height: 30px; color: #888888;}
.edu_view_cont .edu_list_btn {display: inline-block; margin: 0 0 0 7px; padding: 0 12px; background-color: #666666; border-radius: 6px; vertical-align: middle;}
.edu_view_cont .edu_list_btn .text {font-weight: 500; font-size: 14px; line-height: 30px; color: #ffffff;}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area { border-bottom: 1px solid #e1e1e1; padding: 0 15px 21px;}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box {display: flex; align-items: center; justify-content: space-between;}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box {}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left {margin: 0 20px 0 0;}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area {}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list {}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li {display: flex; align-items: center; justify-content: flex-start; position: relative; margin: 0 0 7px; font-weight: 500; font-size: 16px; color: #888888;}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li:last-child {margin: 0;}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .tit {margin: 0 10px 0 0; font-weight: 600; font-size: 17px; color: #444444;}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right {}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area {}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list {}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li {margin: 0 0 6px;}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li:last-child {margin: 0;}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li .link {display: block; min-width: 200px; border: 1px solid #dd5b1f; background-color: #ffffff; border-radius: 12px; text-align: center;}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li .link.bg {background-color: #dd5b1f;}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li .link .text {display: inline-block; font-weight: 600; font-size: 18px; line-height: 50px; color: #dd5b1f;}
.edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li .link.bg .text {padding: 0 0 0 33px; background-image: url('/images/sub/online_list_icon.png'); background-position: left center; background-repeat: no-repeat; color: #ffffff;}
.edu_view_cont .mid_cont {margin: 0 0 40px;}
.edu_view_cont .mid_cont .tab_list_area {border-bottom: 1px solid #d9d9d9;}
.edu_view_cont .mid_cont .tab_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.edu_view_cont .mid_cont .tab_list_area .list li {}
.edu_view_cont .mid_cont .tab_list_area .list li .tab_btn {display: block; position: relative; width: 100%; padding: 0 0 25px;}
.edu_view_cont .mid_cont .tab_list_area .list li .tab_btn:before {content: ''; position: absolute; right: 0; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #e35b20;}
.edu_view_cont .mid_cont .tab_list_area .list li .tab_btn .text {display: inline-block; font-weight: 600; font-size: 25px; color: #e35b20;}
.edu_view_cont .edit_cont {padding: 30px 0;}
.edu_view_cont .edit_cont * {font-family: 'Pretendard' !important; font-size: 16px !important;}


.edu_view_cont .edit_cont .offline__edu .tit {font-weight: initial; color: #444444;}
.edu_view_cont .edit_cont .offline__edu .txt {font-weight: initial; color: #888888;}
.edu_view_cont .edit_cont .offline__edu .flat__list {font-weight: initial; color: #888888;}
.edu_view_cont .edit_cont .img__title p {font-weight: initial; color: #888888;}

.edu_view_cont .edit_cont .se-main-container {text-align: center;}
.edu_view_cont .edit_cont .se-main-container .se-component {margin: 40px 0 0;}
.edu_view_cont .edit_cont .se-main-container .se-component:first-child {margin: 0;}
.edu_view_cont .edit_cont .se-main-container .se-component .se-section {margin: 0 auto;}
.edu_view_cont .edit_cont .se-main-container .se-component .se-table-container {margin: 0 auto;}
.edu_view_cont .edit_cont .se-main-container .se-component table {width: 100%;}
.edu_view_cont .edit_cont .se-main-container .se-component table * {vertical-align: middle;}

.edu_view_cont > .edit_cont {margin: 0 0 50px; padding: 24px; border: 1px solid #dddddd; border-radius: 12px;}
.edu_view_cont .bt_cont {margin: 40px 0;}
.edu_view_cont .bt_cont .edu_video_area {position: relative; overflow: hidden; padding: 0 0 57.7486%; border-radius: 12px;}
.edu_view_cont .bt_cont .edu_video_area iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.edu_view_cont .file_list_cont {}
.edu_view_cont .file_list_cont .title_area {margin: 0 0 24px;}
.edu_view_cont .file_list_cont .title_area .title {font-weight: 600; font-size: 25px; color: #444444;}
.edu_view_cont .file_list_cont .file_list_area {border-top: 1px solid #575757; border-bottom: 1px solid #dddddd; padding: 22px 27px; background-color: #f8f8f8;}
.edu_view_cont .file_list_cont .file_list_area .list {font-size: 0;}
.edu_view_cont .file_list_cont .file_list_area .list li {margin: 0 0 14px;}
.edu_view_cont .file_list_cont .file_list_area .list li:last-child {margin: 0;}
.edu_view_cont .file_list_cont .file_list_area .list li .file {display: block; padding: 0 0 0 55px; background-image: url('/images/sub/edu_file_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 17px; line-height: 36px; color: #444444; cursor:pointer;}
.edu_view_cont .file_list_cont .file_list_area .list li .file:hover,
.edu_view_cont .file_list_cont .file_list_area .list li .file:focus {text-decoration: underline;}

.edu_view_cont .file_list_cont .file_list_area .list li .file.type1 {position: relative; background-image: initial;}
.edu_view_cont .file_list_cont .file_list_area .list li .file.type1:before {content: ''; position: absolute; top: 0; left: 0; width: 36px; height: 36px; background-color: #666666; background-image: url('/images/sub/new_page_icon.svg'); background-position: center; background-size: 22px; background-repeat: no-repeat; border-radius: 50%;}
.edu_view_cont .file_list_cont + .table_list_area {margin: 25px 0 0;}
.edu_view_cont .lecture_area {}
.edu_view_cont .lecture_area .title_area {margin: 0 0 25px;}
.edu_view_cont .lecture_area .title_area .title {font-weight: 600; font-size: 25px; color: #444444;}
.edu_view_cont .lecture_area .edu_table_area {border-top: 1px solid #575757;}
.edu_view_cont .lecture_area .edu_table_area .table_area {width: 100%; table-layout: fixed;}
.edu_view_cont .lecture_area .edu_table_area .table_area thead {background-color: #f5f5f5;}
.edu_view_cont .lecture_area .edu_table_area .table_area thead tr {border-bottom: 1px solid #e5e5e5;}
.edu_view_cont .lecture_area .edu_table_area .table_area thead tr th {padding: 26px 10px; font-weight: 600; font-size: 18px; color: #222222; vertical-align: middle;}
.edu_view_cont .lecture_area .edu_table_area .table_area tbody {}
.edu_view_cont .lecture_area .edu_table_area .table_area tbody tr {border-bottom: 1px solid #e5e5e5;}
.edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td {padding: 20px 10px; font-weight: 500; font-size: 16px; color: #666666; text-align: center; vertical-align: middle;}
.edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td > div {display: block; font-size: 18px; color: #444444; text-align: left;}
.edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td > div .inner { display: flex; justify-content: space-between; align-items: center;}
.edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td > div .inner .img_area { width: 70px; margin: 0 30px 0 0; border: 1px solid #dbdbdb; box-sizing: border-box;}
.edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td > div .inner .img_area .img_inner { position: relative; overflow: hidden; padding: 0 0 100%;}
.edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td > div .inner .img_area .img_inner .img {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #ebf2f9;}
.edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td > div .inner .img_area .img_inner .img img { width: 100%;}
.edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td > div .inner .tit { flex: 1;}
.edu_view_cont .lecture_area .edu_list_area {display: none;}

/*오프라인 리스트*/
.online_list_area.type2 > .list > li > .inner_box { align-items: flex-start;}
.online_list_area.type2 > .list > li > .inner_box > .box.left {width: calc(100% - 200px); margin: 0; border-right: none; padding: 0;}
.online_list_area.type2 > .list > li > .inner_box > .box.left .cont_box > .box.right .data_list_area .list { align-items: flex-start;}
.online_list_area.type2 > .list > li > .inner_box > .box.left .cont_box > .box.right .data_list_area .list li { display: flex;}

/*오프라인 상세*/
.edu_view_cont.type2 .top_cont > .inner_box > .box.right .data_area > .inner_box { display: block;}
.edu_view_cont.type2 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left { margin: 0;}
.edu_view_cont.type2 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list { display: flex; flex-wrap: wrap; gap: 0 7px;}
.edu_view_cont.type2 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li { width: 100%; align-items: flex-start;}
.edu_view_cont.type2 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li:nth-child(-n+4) { width: calc(50% - 3.5px);}
.edu_view_cont.type2 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .tit { min-width: 100px; margin: 0;}

/*나의강의실 상세*/
.edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td .fc_green { color: #048923;}
.edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td .fc_orange { color: #dd5b1f;}
.edu_view_cont.type3 .top_cont > .inner_box { display: block;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right { width: 100%; padding: 0;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area { border-top: 1px solid #e35b20; padding-top: 23px; padding-right: 15px; padding-left: 15px;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner { display: flex; justify-content: space-between; align-items: center;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner .box {}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner .box.left { flex: 1; padding: 0 20px 0 0;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner .box.right {}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner .box .com_edu_btn { min-width: 200px; padding: 0 15px; border-radius: 10px;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner .box .com_edu_btn .txt { padding: 0 0 0 33px; font-size: 18px; line-height: 52px;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box { display: block;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left { margin: 0;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; gap: 0 20px;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list { flex: 1;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list.chart {display: flex;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .chart_area { width: 152px;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .chart_area .chart_inner {display: flex;}
.edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .line_area {display: none;}


.edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li.m {display: none;}

.edu_view_cont.type3 .lecture_area .title_area { display: flex; align-items: center;}
.edu_view_cont.type3 .lecture_area .title_area.type2 {justify-content: space-between;}
.edu_view_cont.type3 .lecture_area .title_area .text { margin: 0 0 0 30px; font-weight: 500; font-size: 17px; color: #222222;}
.edu_view_cont.type3 .lecture_area .title_area .text .ft_c { color: #dd5b1f;}
.edu_view_cont.type3 .mid_cont .tab_list_area .list li .tab_btn { width: auto; padding-left: 15px; padding-right: 15px;}
.edu_view_cont.type3 .mid_cont .tab_list_area .list li .tab_btn .text { font-size: 21px;}
.edu_view_cont.type3 .mid_cont .tab_list_area .list li:not(.on) .tab_btn:before { background-color: #d9d9d9}
.edu_view_cont.type3 .mid_cont .tab_list_area .list li:not(.on) .tab_btn .text { color: #999999;}
.edu_view_cont.type3 .edu_view_tab_cont { display: none;}
.edu_view_cont.type3 .edu_view_tab_cont.on { display: block;}

.edu_view_cont.type4 .mid_cont .tab_list_area .list li .tab_btn { width: auto; padding-left: 15px; padding-right: 15px;}
.edu_view_cont.type4 .mid_cont .tab_list_area .list li .tab_btn .text { font-size: 21px;}
.edu_view_cont.type4 .mid_cont .tab_list_area .list li:not(.on) .tab_btn:before { background-color: initial;}
.edu_view_cont.type4 .mid_cont .tab_list_area .list li:not(.on) .tab_btn .text { color: #999999;}
.edu_view_cont.type4 .edu_view_tab_cont { display: none;}
.edu_view_cont.type4 .edu_view_tab_cont.on { display: block;}

.com_edu_btn { display: inline-block; padding: 0 24px 0 18px; text-align: center; border-radius: 6px; box-sizing: border-box;}
.com_edu_btn.gray { background-color: #666666;}
.com_edu_btn.orange { background-color: #dd5b1f;}
.com_edu_btn .txt { display: inline-block; padding: 0 0 0 24px; font-weight: 600; font-size: 16px; line-height: 48px; color: #ffffff; background-position: left center; background-repeat: no-repeat;}
.com_edu_btn .txt.ico01 { background-image: url("/images/sub/com_edu_btn_ico01.png");}
.com_edu_btn .txt.ico02 { background-image: url("/images/sub/edu_link_ico04.png");}
.com_edu_btn .txt.ico03 {padding: 0 0 0 30px; background-image: url("/images/sub/edu_link_ico03.png");}
.com_edu_btn .txt.ico04 { background-image: url("/images/sub/com_edu_btn_ico02.png");}

.edu_pop_cont { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 11111;}
.edu_pop_cont .edu_pop_inner { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; width: 100%; max-width: 780px; padding: 35px 30px; background-color: #ffffff; border-radius: 12px; box-sizing: border-box;}
.edu_pop_cont .edu_pop_inner .edu_pop_box {}
.edu_pop_cont .edu_pop_inner .edu_pop_box .title_area { margin: 0 0 26px;}
.edu_pop_cont .edu_pop_inner .edu_pop_box .title_area .sub_title { margin: 0 0 7px; font-weight: 600; font-size: 18px; line-height: 26px; color: #888888;}
.edu_pop_cont .edu_pop_inner .edu_pop_box .title_area .title { display: flex; align-items: center; font-weight: 600; font-size: 26px; line-height: 39px; color: #222222;}
.edu_pop_cont .edu_pop_inner .edu_pop_box .title_area .title .num { display: inline-block; margin: 0 20px 0 0; color: #dd5b1f;}
.edu_pop_cont .edu_pop_inner .edu_pop_box .edu_video_area { margin: 0 0 26px; position: relative; overflow: hidden; padding: 0 0 66.7%; border-radius: 8px;}
.edu_pop_cont .edu_pop_inner .edu_pop_box .edu_video_area iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.edu_pop_cont .edu_pop_inner .edu_pop_box .edu_video_area video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.edu_pop_cont .edu_pop_inner .edu_pop_box .text_area {}
.edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box { display: flex; justify-content: space-between; align-items: flex-end;}
.edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area { display: flex; align-items: center; gap: 20px;}
.edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area .time_area { font-weight: 600; font-size: 18px; line-height: 26px; color: #444444;}
.edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area .time_area .time { font-size: 20px; color: #e50c0c;}
.edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area .num_area { display: inline-block; width: 60px; background-color: #1c72c9; text-align: center; border-radius: 4px; box-sizing: border-box;}
.edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area .num_area .txt { display: inline-block; font-weight: 700; font-size: 15px; line-height: 36px; color: #ffffff;}
.edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .com_edu_btn { min-width: 190px; padding: 0 15px;}

.edu_sch_popup_cont {display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 999999;}
.edu_sch_popup_cont .popup_cont_area {position: absolute; top: 50%; left: 50%; overflow: hidden; width: 100%; max-width: 1080px; transform: translate(-50%, -50%); background-color: #ffffff; border-radius: 28px;}
.edu_sch_popup_cont .popup_cont_area > .title_area {display: flex; align-items: center; justify-content: space-between; position: relative; padding: 40px 45px;}
.edu_sch_popup_cont .popup_cont_area > .title_area .title {font-weight: 600; font-size: 40px; color: #222222;}
.edu_sch_popup_cont .popup_cont_area > .title_area .close {width: 53px; height: 53px; background-image: url('/images/sub/layer_close.png'); background-repeat: no-repeat; background-size: 100%;}
.edu_sch_popup_cont .popup_cont_area > .certi_table_cont {padding: 0 45px 45px;}

.edu_sch_popup_cont.type1 {position: absolute; top: 50px; bottom: initial; background-color: initial; z-index: 99;}
.edu_sch_popup_cont.type1 .popup_cont_area {position: initial; top: initial; left: initial; max-width: 100%; border-radius: 14px; transform: initial; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.edu_sch_popup_cont.type1 .popup_cont_area > .title_area {padding: 20px 25px;}
.edu_sch_popup_cont.type1 .popup_cont_area > .title_area .title {font-size: 28px;}
.edu_sch_popup_cont.type1 .popup_cont_area .edu_data_info_list_area {border: 1px solid #8c8c8c; padding: 20px 25px; border-radius: 16px;}
.edu_sch_popup_cont.type1 .popup_cont_area .edu_data_info_list_area .list_area > .list {}
.edu_sch_popup_cont.type1 .popup_cont_area .edu_data_info_list_area .list_area > .list > li {margin: 0 0 14px !important; border-bottom: 1px solid #e1e1e1; padding: 0 0 14px !important; font-weight: 600; font-size: 16px; color: #666666;}
.edu_sch_popup_cont.type1 .popup_cont_area .edu_data_info_list_area .list_area > .list > li:last-child {margin: 0 !important; border-bottom: initial; padding: 0 !important;}

.edu_sch_popup_cont.type2 .popup_cont_area {max-width: 768px;}

.edu_sch_popup_cont .popup_cont_area .edu_sch_cont {margin: 0;}
.edu_sch_popup_cont .popup_cont_area .edu_sch_cont .inner_box {border: initial; border-top: 1px solid #d6d6d6; padding: 0 40px 26px; border-radius: initial;}
.edu_sch_popup_cont .popup_cont_area .edu_sch_cont .inner_box .row {min-height: 83px; padding: 0 5px;}

input {-webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0;}
.radio_list_area {}
.radio_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.radio_list_area .list li {margin: 0 25px 0 0;}
.radio_list_area .list li:last-child {margin: 0;}
.radio_area {font-size: 0;}
.radio_area label {display: block; cursor: pointer;}
.radio_area label .radio_inp {display: inline-block; position: relative; width: 22px; height: 22px; margin: 0 10px 0 0; border: 1px solid #e1e1e1; padding: 0; background-color: #ffffff; border-radius: 50%; vertical-align: middle; cursor: pointer;}
.radio_area label .radio_inp:checked {}
.radio_area label .radio_inp:before {display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 11px; height: 11px; background-color: #e1e1e1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; transition: 0.3s ease-in-out;font-size:0;line-height:0}
.radio_area label .radio_inp:checked:before {background-color: #e35b20;}
.radio_area label .text {display: inline-block; font-weight: 500; font-size: 16px; color: #666666; vertical-align: middle; letter-spacing: -0.025em;}

.video_sub_title_cont {margin: 0 0 30px;}
.video_sub_title_cont.type1 {margin: 15px 0 30px;}
.video_sub_title_cont .sub_btn {display: inline-block; transition: all 0.3s ease-in-out;}
.video_sub_title_cont .sub_btn .text {display: inline-block; position: relative; padding: 0 0 0 24px; font-weight: 500; font-size: 18px; line-height: 27px; color: #444444;}
.video_sub_title_cont .sub_btn .text:before {content: ''; position: absolute; top: 50%; left: 2px; transform: translateY(-50%) rotate(90deg); width: 7px; height: 11px; background-color: #444444; mask-image: url('/images/sub/main_arrow_icon.svg'); mask-position: center; mask-size: 100%; mask-repeat: no-repeat; transition: 0.3s ease-in-out;}
.video_sub_title_cont .sub_btn.on .text:before {transform: translateY(-50%) rotate(270deg);}
.video_sub_title_cont .vide_sub_title {display: none; overflow-x: auto; height: 160px; margin: 12px 0 0; border: 1px solid #eaeaea; padding: 16px; background-color: #f8f8f8; font-weight: 300; font-size: 16px; line-height: 1.5; color: #222222; border-radius: 10px; white-space:pre-line;}

.mypage_link_area {display: flex; align-items: center; justify-content: flex-end; font-size: 0;}
.mypage_link_area.mo_show {display: none;}
.mypage_link_area .link {display: inline-block; border: 1px solid #e35b20; padding: 0 20px; border-radius: 10px; transition: 0.3s ease-in-out;}
.mypage_link_area .link:hover,
.mypage_link_area .link:focus {background-color: #e35b20;}
.mypage_link_area .link .text {display: inline-block; position: relative; padding: 0 30px 0 0; font-weight: 500; font-size: 18px; line-height: 60px; color: #e35b20; transition: 0.3s ease-in-out;}
.mypage_link_area .link:hover .text,
.mypage_link_area .link:focus .text {color: #ffffff;}
.mypage_link_area .link .text:after {content: ''; position: absolute; top: 50%; right: 0; width: 24px; height: 24px; background-color: #e35b20; mask-image: url('/images/sub/link_icon.svg'); mask-position: center; mask-size: contain; mask-repeat: no-repeat; transform: translateY(-50%); transition: 0.3s ease-in-out;}
.mypage_link_area .link:hover .text:after,
.mypage_link_area .link:focus .text:after {background-color: #ffffff;}

.on_off_txt {margin: 0 0 36px; font-weight: 600; font-size: 24px; line-height: 32px; color: #666666; letter-spacing: -0.05em;}
.on_off_txt span {color: #dd5b1f;}

.rt_cont {border-bottom: 1px solid #d9d9d9;}
.rt_cont.none_data{padding-top: 30px;}
.rt_cont .top-box{ display: flex;justify-content: space-between;padding: 40px 0 20px;}
.rt_cont .rt_list_area .all_star {display: flex; align-items: center; gap: 14px;}
.rt_cont .rt_list_area .all_star .label {font-size: 20px;font-weight:600;color: #444444;}
.rt_cont .rt_list_area .all_star .stars {display: inline-flex; align-items: baseline;}
.total-score{padding-left: 10px;font-size: 16px;font-weight: 600;color: #888888;}
.rt_cont .rt_list_area .all_star .stars .star_area {display: inline-flex; align-items: center;}
.rt_cont .rt_list_area .all_star .stars .star_area .star {display: inline-block; width: 16px; height: 15px; margin: 0 7px 0 0; background-image: url('/images/sub/clipping.svg');}
.rt_cont .rt_list_area .all_star .stars .star_area .star:last-child {margin: 0;}
.rt_cont .rt_list_area .all_star .stars .star_area .star.active {background-image: url('/images/sub/clipping_on.svg');}
.rt_cont .rt_list_area .all_star .stars .avg {margin: 0 0 0 7px; font-weight: 600; font-size: 24px; color: #dd5b1f;}
.rt_cont .rt_list_area .all_star .stars .avg {margin: 0 0 0 7px; font-weight: 600; font-size: 24px; color: #dd5b1f;}
.rt_cont .rt_list_area .all_star .stars .total {font-weight: 600;font-size: 20px;color: #dd5b1f}
.rt_cont .rt_list_area .list_area .list > li {display: flex;align-items: center;flex-wrap: wrap;border-top: 1px solid #e5e5e5;padding: 26px 0;}
.rt_cont .rt_list_area .list_area .list > li:last-child{border-bottom: 1px solid #dadada;}
.rt_cont.none_data .rt_list_area .list_area .list > li{justify-content: center;padding: 0; border: none;}
.rt_cont .rt_list_area .list_area .list li .stars {display: inline-flex; align-items: center;}
.rt_cont .rt_list_area .list_area .list li .stars .star {display: inline-block; width: 16px; height: 18px; margin-right: 10px;background-image: url('/images/sub/star-ic.png'); background-repeat: no-repeat;background-size: 16px auto;}
.rt_cont .rt_list_area .list_area .list li .stars .star:nth-child(5) {margin: 0;}
.rt_cont .rt_list_area .list_area .list li .stars .star.active {background-image: url('/images/sub/star-ic1.png');}
.rt_cont .rt_list_area .list_area .list li .stars .score {font-weight: 600; font-size: 18px; color: #444444;}
.rt_cont .rt_list_area .list_area .list li .stars .end {}
.rt_cont .rt_list_area .list_area .list li .stars .end a {display: inline-block; margin: 0 0 0 15px; border: 1px solid #e14467; padding: 0 10px; font-weight: 500; font-size: 14px; line-height: 27px; color: #e14467; border-radius: 4px;}
.rt_cont .rt_list_area .list_area .list li .txt {flex: 1;padding: 0 20px 0 30px;font-weight: 600;font-size: 18px;color: #444444;word-break: break-all;}
.rt_cont .btm{display: flex;flex-wrap: wrap;}
.rt_cont .btm li{font-size: 16px;font-weight: 600;color: #b4b4b4;}
.rt_cont .btm li.func{color:#666666;}
.rt_cont .btm li + li:before{content:'';display: inline-block;width: 1px;height: 12px;margin: 0 10px; background: #dadada;vertical-align: baseline;}
.total-box{padding: 40px 20px;border-radius: 12px;border: 1px solid #dadada;text-align: center;}
.total-box p{font-size: 22px;font-weight: 600;color: #444444;}
.total-box p strong{display: inline-block;padding-right: 2px;font-size: 32px;font-weight: 700;}
.total-box p span{display: inline-block;padding-top: 9px;vertical-align: top;}
.total-box .rating{display: flex;gap: 10px;justify-content: center;padding: 15px 0 20px;}
.total-box .rating .star{display: inline-block;width: 27px;height: 26px;font-size: 0;text-indent: -9999em;background-size: 27px auto;}
.total-box .rating .star.ic1{background-image: url('/images/sub/star-ic1.png');}
.total-box .rating .star.ic2{background-image: url('/images/sub/star-ic2.png');}
.total-box .rating .star.ic3{background-image: url('/images/sub/star-ic3.png');}
.total-box .txt{font-size: 18px;font-weight: 500;color: #666666;}

.rt_cont .btn-wrap{margin: 30px 0;}
.radio_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.radio_list_area .list li {margin: 0 24px 0 0;}
.radio_list_area .list li:last-child {margin: 0;}


.class-review{border: 1px solid #dddddd;margin-top: 20px;padding:30px 28px 20px;border-radius: 13px;background: #f6f6f6;}
.my-rating{display: flex;flex-wrap: wrap;align-items: center;}
.review-type .my-rating{width: calc(100% - 80px);}
.class-review .text{margin-right: 30px;font-size: 22px;font-weight: 600;color: #222222;}
.class-review .text span{padding-left: 7px;color:#e42719;}
.class-review .star-box ul{display: flex;flex-wrap: wrap;}
.class-review .star-box li{margin-right: 20px;}
.class-review .radio_area label .radio_inp{margin-right: 7px;}
.class-review .radio_area label .radio_inp:checked:before{background:#dd5b1f;}
.class-review .radio_area label{display: flex;align-items: center;}
.class-review .radio_area .star{display: inline-block;width: 17px;height: 16px;margin:0 2px;background-image: url('/images/sub/reply-star-ic.png');background-size: 17px auto;vertical-align: middle;}
.class-review .review-box{display: flex;align-items: stretch;flex-wrap: wrap;margin-top: 25px;}
.class-review textarea{flex: 1;width: 100%;height: auto;max-height: 120px;padding:28px;border-radius: 9px;border: 1px solid #dddddd;font-size: 18px;font-weight: 500;line-height: 1.5;color: #444;resize: none;}
.class-review textarea::placeholder{color:#919191;}
.class-review button{width:90px;height: 120px;margin-left: 16px;border-radius: 9px;font-size: 19px;font-weight: 600;color: #fff;border:1px solid #dd5b1f;background: #dd5b1f;transition: all 0.3s;}
.class-review button:hover{background:#fff;color:#dd5b1f}

.class-review button.cancel-btn{margin-left: 10px;background: #fff;color: #dd5b1f;}
.class-review button.cancel-btn:hover{background:#dd5b1f;color:#fff;}
.rt_cont .rt_list_area .list_area .list > li.review-type{padding: 20px 0 0;border-bottom: none;}

.rt_cont .rt_list_area .img-box{flex: auto;width: 100%;padding-top: 20px;margin-left: 80px;}
.rt_cont .rt_list_area .preview_area.img-box{margin-left:0;}

.review-type .class-review .file_area{gap:10px;}
.rt_cont .rt_list_area .class-review .preview_area.img-box{flex: 1;width: auto;padding-top: 0;}
.rt_cont .rt_list_area .list_area .class-review .preview_area.img-box li{width: 44px;height: 44px;}

.rt_cont .rt_list_area .list_area .img-box ul{display: flex;flex-wrap: wrap;gap:12px;}
.rt_cont .rt_list_area .list_area .img-box li{display: flex;align-items: center;overflow: hidden;width: 72px;height: 72px;}
.rt_cont .rt_list_area .list_area .preview_area.img-box li{overflow: initial;}
.list_area .img-box .button{display: flex;align-items: center;position: relative;width: 100%;height: 100%;}
.list_area .img-box .button:hover:after{content:'크게 보기';display: flex; align-items: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 10px;box-sizing: border-box;font-size: 15px;font-weight: 600;color: #eee;background: rgba(29, 29, 29, .7);}
.class-review .file_area{display: flex ;flex-wrap: wrap;gap: 10px;margin-top: 20px;}
.rt_cont .img-box{flex:1;}
.rt_cont .img-box ul{display: flex;flex-wrap: wrap;gap: 10px;}
.rt_cont .img-box li{position: relative;width: 44px;height: 44px;border: 1px solid #e5e5e5;}
.rt_cont .img-box .img-w{display: flex  ;align-items: center;overflow: hidden;width: 100%;height: 100%;}
.rt_cont .img-box img{width: 100%}
.class-review .file_area .file_btn{width: auto;height: 44px;margin: 0;padding:0 30px 0 20px;border-radius: 6px;border: 1px solid #4d4d4d;background: #666666;transition: all 0.3s}
.class-review .file_area .file_btn:hover{opacity: .8;}
.class-review .file_area .file_btn span{padding-left: 32px;font-size: 15px;font-weight: 600;background-image: url('/images/sub/img-upload-ic.png');background-size: 20px auto;background-repeat: no-repeat;background-position: 0 50%;color: #fff;}
.class-review .del_btn{position: absolute;top: -3px;right: -5px;width: 20px;height: 20px;margin: 0;border-radius: 100%;border: none;background: #333333 url('/images/sub/img-remove-ic.png') 50% 50% no-repeat;}
.class-review .del_btn:hover{background: #333333 url('/images/sub/img-remove-ic.png') 50% 50% no-repeat;}

.inp_popup_cont.review .inp_popup_area{padding-top: 80px;}
.inp_popup_cont.review img{width: 100%;border-radius: 9px;}
/*강의 후기 수정*/
.rt_cont .rt_list_area .class-review{width: 100%;margin-top: 0;}
.rt_cont .rt_list_area .review-type .class-review{position: relative;margin-bottom: 20px;}
.rt_cont .rt_list_area .class-review .star-box li{display: block;padding:0;border:none}
.rt_cont .rt_list_area .list_area .class-review .list > li:last-child{border:none;}

.event-banner{border-radius: 9px;background-image: url('/images/event/event-banner-bg.png');background-size: cover;background-repeat: no-repeat;background-position: top center;}
.event-banner .inner{padding:32px 40px 40px;}
.event-banner h3{position: relative;width: 452px;height: 115px;padding-bottom: 55px;font-size: 0;text-indent: -9999em;background-image: url('/images/event/event-banner-text-img.png');background-size: 452px;background-repeat: no-repeat;}
.event-banner h3:after{content:'';position: absolute;bottom: 25px;width: calc(100% + 138px);height: 1px;background: rgba(255, 255, 255, .3);}
.event-banner p{font-size: 22px;font-weight: 500;line-height: 1.3;color: #fed0bb;}
.event-banner .pc-br{display: block}
h4.sub-tit{padding-bottom: 35px;font-size: 32px;font-weight: 600;line-height: 1.4;color: #444444;}
.event-banner + h4.sub-tit{margin-top: 45px}
.winner-list-table + h4.sub-tit{margin-top: 40px;}
.winner-list-table{border-top: 1px solid #575757;}
.winner-list-table th,
.winner-list-table td{padding: 30px 0; border-bottom: 1px solid #e5e5e5;}
.winner-list-table th{width: 132px;font-size: 18px;font-weight: 600;color: #222222;}
.winner-list-table td{font-size: 18px;font-weight: 500;color: #666666;}
.winner-list-table ul{display: flex;flex-wrap: wrap;gap: 30px 0;}
.winner-list-table li{width: 25%;}
.winner-list-table p{ line-height: 1.4;}

.edu_data_cont {}
.edu_data_cont .title_cont {display: flex; align-items: center; justify-content: space-between;}
.edu_data_cont .title_cont .title_area {display: flex; align-items: baseline; justify-content: flex-start; gap: 75px;}
.edu_data_cont .title_cont .title_area .title {font-weight: 600; font-size: 36px; color: #222222;}
.edu_data_cont .title_cont .title_area .tab_list_area {}
.edu_data_cont .title_cont .title_area .tab_list_area .list {display: flex; align-items: center; justify-content: flex-start; gap: 65px;}
.edu_data_cont .title_cont .title_area .tab_list_area .list li {}
.edu_data_cont .title_cont .title_area .tab_list_area .list li .btn {display: block; position: relative; padding: 0 0 27px; font-weight: 600; font-size: 20px; color: #888888;}
.edu_data_cont .title_cont .title_area .tab_list_area .list li .btn:hover,
.edu_data_cont .title_cont .title_area .tab_list_area .list li .btn:focus {color: #0d7b3f;}
.edu_data_cont .title_cont .title_area .tab_list_area .list li.on .btn {font-weight: 700; color: #0d7b3f;}
.edu_data_cont .title_cont .title_area .tab_list_area .list li.on .btn:before {content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px; background-color: #0d7b3f;}
.edu_data_cont .title_cont .link {display: block; font-weight: 500; font-size: 16px; color: #666666;}
.edu_data_cont .main_chart_cont {}
.edu_data_cont .main_chart_cont .inner_box {overflow: hidden; border: 1px solid #d6d6d6; box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.06); border-radius: 18px;}
.edu_data_cont .main_chart_cont .inner_box img {width: 100%; vertical-align: middle;}



@media only screen and (max-width:1440px) {
    .contents > .con-wrap.type2 {margin: 110px auto;}

    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_area .list .slick-arrow.slick-prev {left: 9px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_area .list .slick-arrow.slick-next {right: 9px;}

    .main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-arrow.slick-prev {left: 9px;}
    .main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-arrow.slick-next {right: 9px;}

    .offline_edu_slide_area .container {background-position: right center;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-arrow.slick-prev {left: 9px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-arrow.slick-next {right: 9px;}


}

@media only screen and (max-width:1400px) {
    .contents > .con-wrap.type1 {margin: 0 auto 80px; padding: 70px 50px 0;}
    .contents > .con-wrap.type2 {padding: 70px 50px 0;}

    .main_edu_cont .edu_title_area {padding: 0 0 50px;}
    .main_edu_cont .edu_title_area:before {left: 20px; width: 337px; height: 162px;}
    .main_edu_cont .edu_title_area:after {right: 20px; width: 366px; height: 152px;}

    .main_edu_cont.type1 .edu_title_area:before {width: 346px; height: 183px;}
    .main_edu_cont.type1 .edu_title_area:after {width: 373px; height: 110px;}


    .main_edu_cont .edu_title_area .title_area .title {font-size: 46px; line-height: 62px;}
    .main_edu_cont .edu_title_area .title_area .text {font-size: 18px;}
    /*    .main_edu_cont .edu_title_area .edu_sch_btn_area .sch_btn {padding: 0 22px;}
        .main_edu_cont .edu_title_area .edu_sch_btn_area .sch_btn .text {padding: 0 0 0 30px; background-size: 17px auto; font-size: 18px; line-height: 52px;}*/
    .edu_sch_btn_area .sch_btn {padding: 0 22px;}
    .edu_sch_btn_area .sch_btn .text {padding: 0 0 0 30px; background-size: 17px auto; font-size: 18px; line-height: 52px;}


    .main_edu_cont .edu_data_slide_area {margin: 0 0 80px;}
    .main_edu_cont .edu_data_slide_area > .inner_box {padding: 0 0 0 186px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left {max-width: 216px; border-radius: 12px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left:before {width: 260px; height: 312px;}
    .main_edu_cont.type1 .edu_data_slide_area > .inner_box > .box.left:before {width: 216px; height: 260px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .title_area {padding: 20px 0 0 32px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .title_area .title {font-size: 34px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area {margin: 0 0 25px; padding: 0 0 0 50px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn {padding: 18px 15px 23px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn .text {font-size: 18px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .view {font-size: 14px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont {padding: 0 0 15px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list {margin: -9px -12px -9px -9px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li {margin: 0 12px 0 0;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .data_list_area {margin: 0 0 10px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .data_list_area > .list > li {margin: 0 8px 0 0;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area {padding: 15px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .title_area {margin: 0 0 10px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .title_area .title {height: 48px; font-size: 18px; line-height: 24px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .tag_list_area .list li {margin: 0 10px 0 0;}

    .none_data_cont {min-height: 346px;}
    .none_data_cont .none_data_area {padding: 110px 0 0;}
    .none_data_cont .none_data_area:before {width: 80px; height: 80px; background-size: 36px auto;}
    .none_data_cont .none_data_area .text {font-size: 22px;}
    .edu_data_slide_cont .none_data_cont {min-height: 437px;}
    .online_slide_area .none_data_cont {min-height: 344px;}
    .offline_slide_area .none_data_cont {min-height: 329.5px;}

    .main_edu_cont .online_edu_slide_area .title_cont {margin: 0 0 35px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .title_area {margin: 0 45px 0 0;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .title_area .title {font-size: 34px; line-height: 44px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .title_area .text {font-size: 14px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .list_area .list li .slt {height: 46px; font-size: 15px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .btn_area .sch_btn {padding: 0 20px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .btn_area .sch_btn .text {font-size: 15px; line-height: 46px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.right .view {font-size: 14px;}
    .main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list {margin: 0 -15px 0 0;}
    .main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li {margin: 0 15px 0 0;}
    .main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .img_area {margin: 0 0 20px;}
    .main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .tag_list_area {}
    .main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .tag_list_area .list li {margin: 0 10px 0 0; font-size: 15px;}
    .main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .title_area {margin: 0 0 15px;}
    .main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .title_area .title {font-size: 16px;}

    .offline_edu_slide_area {margin: 0 0 80px; padding: 28px 50px 45px;}
    .offline_edu_slide_area:before {bottom: 45px;}
    .offline_edu_slide_area:after {top: 28px;}
    .offline_edu_slide_area .container:before {top: -28px; width: 46px; height: 53px;background-size: contain;}
    @keyframes flight {0% {top: -28px; left: 15%; transform: rotate(0deg);} 30% {top: -70px; left: 25%; transform: rotate(50deg);} 100% {top: -25px; left: 40%; transform: rotate(80deg);}}
    .offline_edu_slide_area .container > .inner_box > .box {width: calc(50% - 40px); margin: 0 80px 0 0;}
    .offline_edu_slide_area .container > .inner_box > .box.left {padding: 57px 0 82px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .title_area {margin: 0 0 40px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .title_area .title {font-size: 34px; line-height: 44px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .title_area .view {font-size: 14px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list {margin: -10px -15px 0 0;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li {margin: 0 15px 0 0;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box {padding: 20px 24px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont {margin: 0 0 16px; padding: 0 0 15px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont .tag_list_area .list li {margin: 0 10px 5px 0; font-size: 15px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont .title_area .title {font-size: 22px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .data_cont .list li {margin: 0 0 10px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .data_cont .list li .tit {font-size: 16px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-arrow.slick-prev {left: -18px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-arrow.slick-next {right: -18px;}
    .offline_edu_slide_area .container > .inner_box > .box.right {padding: 62px 0 0;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li {margin: 0 0 40px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .title_area {margin: 0 0 13px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .title_area .title {font-size: 30px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .text_area {margin: 0 0 38px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .text_area .text {font-size: 15px; line-height: 22px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .view {padding: 0 22px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .view .text {font-size: 14px; line-height: 47px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .svg_area {width: 297px; height: 174px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box.icon02 {background-size: 322px auto;}

    .edu_sch_cont {margin: 0 0 40px;}
    .edu_sch_cont .inner_box {padding: 0 25px;}
    .edu_sch_cont .inner_box .row .box.left {width: 100px;}
    .edu_sch_cont .inner_box .row .box.left .title {font-size: 16px;}
    .edu_sch_cont .inner_box .row .box.right {width: calc(100% - 100px);}
    .edu_sch_cont .inner_box .row .box.right .slt_list_area .list li .slt {min-width: 180px; height: 46px; padding: 0 30px 0 15px; background-position: right 15px center;}
    .edu_sch_cont .inner_box .row .box.right .day_area .inp {min-width: 180px; height: 46px; padding: 0 15px;}
    .edu_sch_cont .inner_box .row .box.right .day_area .text {line-height: 46px;}
    .edu_sch_cont .inner_box .row .box.right .chk_list_area .list li {margin: 0 13px 5px 0;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .slt {min-width: 180px; height: 46px; padding: 0 30px 0 15px; background-position: right 15px center;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .inp {height: 46px;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .sch_btn {padding: 0 30px;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .sch_btn.type1 {padding: 0 15px;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .sch_btn .text {font-size: 16px; line-height: 46px;}

    .edu_sch_cont .inner_box .row .box.right .sch_area .link {min-width: 70px;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .link .text {font-size: 14px; line-height: 44px;}



    .edu_data_list_area {margin: 30px 0 0; padding: 15px 0 0;}
    .edu_data_list_area > .list > li > .box .text_area .data_list_area {margin: 0 0 10px;}
    .edu_data_list_area > .list > li > .box .text_area .data_list_area > .list > li {margin: 0 8px 0 0;}
    .edu_data_list_area > .list > li > .box .text_area .data_list_area > .list > li .txt {padding: 0 10px;}
    .edu_data_list_area > .list > li > .box .text_area {padding: 15px;}
    .edu_data_list_area > .list > li > .box .text_area .title_area {margin: 0 0 10px;}
    .edu_data_list_area > .list > li > .box .text_area .title_area .title {height: 48px; font-size: 18px; line-height: 24px;}
    .edu_data_list_area > .list > li > .box .text_area .tag_list_area .list li {margin: 0 10px 0 0;}

    .online_list_area {margin: 30px 0 0;}
    .online_list_area > .list > li {padding: 25px 10px 25px 0;}
    .online_list_area > .list > li > .inner_box > .box.left {width: calc(100% - 182px); margin: 0 39px 0 0; padding: 0 38px 0 0;}
    .online_list_area.type2 > .list > li > .inner_box > .box.left {width: calc(100% - 180px);}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.left {width: 220px; margin: 0 30px 0 0;}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right {width: calc(100% - 220px);}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .tag_list_area .list li {margin: 0 13px 5px 0; font-size: 15px;}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .title_area .title {font-size: 24px;}

    .online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link {min-width: 180px;}
    .online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link .text {font-size: 16px; line-height: 46px;}
    .online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link.bg .text {padding: 0 0 0 28px; background-size: 19px auto;}
    .online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link.ico .text {padding: 0 0 0 25px;}
    .online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link.ico.ico01 .text {background-size: 15px auto;}

    .edu_view_cont .top_cont {margin: 0 0 35px;}
    .edu_view_cont .top_cont > .inner_box > .box.left {width: 320px;}
    .edu_view_cont .top_cont > .inner_box > .box.right {width: calc(100% - 320px); padding: 0 0 0 35px;}
    .edu_view_cont .top_cont > .inner_box > .box.right > .title_area {margin: 0 0 19px; padding: 0 0 20px;}
    .edu_view_cont .top_cont > .inner_box > .box.right > .title_area .tag_list_area {margin: 0 0 5px;}
    .edu_view_cont .top_cont > .inner_box > .box.right > .title_area .tag_list_area .list li {margin: 0 13px 5px 0; font-size: 16px;}
    .edu_view_cont .top_cont > .inner_box > .box.right > .title_area .title {font-size: 24px;}
    .edu_view_cont .top_cont > .inner_box > .box.right > .data_list_area .list li {margin: 0 0 19px; padding: 0 0 20px;}
    .edu_view_cont .top_cont > .inner_box > .box.right > .data_list_area .list li .tit {font-size: 16px;}
    .edu_view_cont .top_cont > .inner_box > .box.right > .data_list_area .list li .txt {display: block; font-size: 16px;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area { padding: 0 13px 19px;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left {margin: 0 15px 0 0;}

    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li .link {min-width: 180px;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li .link .text {font-size: 16px; line-height: 46px;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li .link.bg .text {padding: 0 0 0 28px; background-size: 19px auto;}
    .edu_view_cont .mid_cont {margin: 0 0 35px;}
    .edu_view_cont .mid_cont .tab_list_area .list li .tab_btn {padding: 0 0 20px;}
    .edu_view_cont .mid_cont .tab_list_area .list li .tab_btn .text {font-size: 21px;}
    .edu_view_cont .mid_cont .edit_cont {padding: 25px 0;}
    .edu_view_cont .edit_cont {padding: 25px 0;}
    .rt_cont .btn-wrap{margin: 25px 0;}
    .edu_view_cont > .edit_cont {margin: 0 0 45px; padding: 20px; border-radius: 8px;}

    .edu_view_cont .bt_cont {margin: 35px 0;}
    .edu_view_cont .file_list_cont .title_area {margin: 0 0 20px;}
    .edu_view_cont .file_list_cont .title_area .title {font-size: 21px;}
    .edu_view_cont .file_list_cont .file_list_area {padding: 20px 22px;}
    .edu_view_cont .file_list_cont .file_list_area .list li {margin: 0 0 10px;}
    .edu_view_cont .file_list_cont .file_list_area .list li .file {padding: 0 0 0 45px; background-size: 30px auto; font-size: 15px; line-height: 30px;}


    .edu_view_cont .file_list_cont .file_list_area .list li .file.type1 {}
    .edu_view_cont .file_list_cont .file_list_area .list li .file.type1:before {width: 30px; height: 30px; background-size: 18px;}

    .edu_view_cont .lecture_area .title_area {margin: 0 0 20px;}
    .edu_view_cont .lecture_area .title_area .title {font-size: 21px;}
    .edu_view_cont .lecture_area .edu_table_area .table_area thead tr th {padding: 22px 10px; font-size: 17px;}
    .edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td {padding: 16px 10px;}
    .edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td div { font-size: 17px;}
    .edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td div .inner .img_area { width: 65px; margin: 0 25px 0 0;}

    /*오프라인 상세*/
    .edu_view_cont.type2 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .tit { min-width: 95px;}

    /*나의강의실 상세*/
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area { padding-top: 20px; padding-right: 13px; padding-left: 13px;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner .box .com_edu_btn { min-width: 180px;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner .box .com_edu_btn .txt { padding: 0 0 0 28px; background-size: 19px auto; font-size: 16px; line-height: 48px;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner .box .com_edu_btn .txt.ico03 { background-size: 17px auto;}
    .edu_view_cont.type3 .lecture_area .title_area .text { margin: 0 0 0 20px; font-size: 15px;}
    .com_edu_btn { padding: 0 20px 0 14px;}
    .com_edu_btn .txt { padding: 0 0 0 25px; font-size: 14px; line-height: 45px;}
    .com_edu_btn .txt.ico01 { background-size: 14px auto;}
    .com_edu_btn .txt.ico04 { background-size: 16px auto;}

    .edu_view_cont.type3 .mid_cont .tab_list_area .list li .tab_btn { padding-right: 13px; padding-left: 13px;}
    .edu_view_cont.type3 .mid_cont .tab_list_area .list li .tab_btn .text { font-size: 19px;}

    .edu_view_cont.type4 .mid_cont .tab_list_area .list li .tab_btn { padding-right: 13px; padding-left: 13px;}
    .edu_view_cont.type4 .mid_cont .tab_list_area .list li .tab_btn .text { font-size: 19px;}

    .edu_pop_cont .edu_pop_inner { max-width: 715px; padding: 30px 25px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .title_area { margin: 0 0 20px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .title_area .sub_title { font-size: 16px; line-height: 23px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .title_area .title { font-size: 24px; line-height: 36px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .title_area .title .num { margin: 0 15px 0 0;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .edu_video_area { margin: 0 0 20px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area { gap: 15px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area .time_area { font-size: 16px; line-height: 23px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area .time_area .time { font-size: 18px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area .num_area { width: 55px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area .num_area .txt { font-size: 13px; line-height: 33px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .com_edu_btn { min-width: 170px;}

    .edu_sch_popup_cont .popup_cont_area {max-width: 980px; border-radius: 22px;}
    .edu_sch_popup_cont .popup_cont_area > .title_area {padding: 30px 35px;}
    .edu_sch_popup_cont .popup_cont_area > .title_area .title {font-size: 32px;}
    .edu_sch_popup_cont .popup_cont_area > .title_area .close {width: 48px; height: 48px;}
    .edu_sch_popup_cont .popup_cont_area .edu_sch_cont .inner_box {padding: 0 35px 20px;}
    .edu_sch_popup_cont .popup_cont_area > .certi_table_cont {padding: 0 35px 35px;}


    .edu_sch_popup_cont.type1 .popup_cont_area {border-radius: 10px;}
    .edu_sch_popup_cont.type1 .popup_cont_area > .title_area {padding: 15px 20px;}
    .edu_sch_popup_cont.type1 .popup_cont_area > .title_area .title {font-size: 24px;}
    .edu_sch_popup_cont.type1 .popup_cont_area .edu_data_info_list_area {padding: 15px 20px;}
    .edu_sch_popup_cont.type1 .popup_cont_area .edu_data_info_list_area .list_area > .list > li {margin: 0 0 12px !important; padding: 0 0 12px !important; font-size: 14px;}

    .mypage_link_area .link {padding: 0 15px;}
    .mypage_link_area .link .text {padding: 0 30px 0 0; font-size: 16px; line-height: 50px;}
    .mypage_link_area .link .text:after {width: 20px; height: 20px;}

    .rt_cont.none_data{padding-top: 25px;}
}

@media only screen and (max-width:1280px) {
    .contents > .con-wrap.type2 {margin: 109px auto;}

    .main_edu_cont .edu_title_area {padding: 0 0 40px;}
    .main_edu_cont .edu_title_area:before {left: 15px; width: 280px; height: 135px;}
    .main_edu_cont .edu_title_area:after {right: 15px; width: 305px; height: 126px;}

    .main_edu_cont.type1 .edu_title_area:before {width: 288px; height: 152px;}
    .main_edu_cont.type1 .edu_title_area:after {width: 310px; height: 91px;}

    .main_edu_cont .edu_title_area .title_area .title {font-size: 40px; line-height: 56px;}
    .main_edu_cont .edu_title_area .title_area .text {font-size: 16px;}
    /*    .main_edu_cont .edu_title_area .edu_sch_btn_area .sch_btn {padding: 0 17px;}
        .main_edu_cont .edu_title_area .edu_sch_btn_area .sch_btn .text {font-size: 16px; line-height: 47px;}*/
    .edu_sch_btn_area .sch_btn {padding: 0 17px;}
    .edu_sch_btn_area .sch_btn .text {font-size: 16px; line-height: 47px;}


    .main_edu_cont .edu_data_slide_area {margin: 0 0 70px;}
    .main_edu_cont.type1 .edu_data_slide_area > .inner_box > .box.left:before {width: 180px; height: 216px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .title_area {padding: 15px 0 0 25px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .title_area .title {font-size: 28px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area {margin: 0 0 20px; padding: 0 0 0 50px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn {padding: 18px 15px 23px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn .text {font-size: 16px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .title_area .title {height: 44px; font-size: 16px; line-height: 22px;}

    .none_data_cont {min-height: 330px;}
    .none_data_cont .none_data_area {padding: 90px 0 0;}
    .none_data_cont .none_data_area .text {font-size: 20px;}
    .edu_data_slide_cont .none_data_cont {min-height: 487px;}
    .online_slide_area .none_data_cont {min-height: 475px;}
    .offline_slide_area .none_data_cont {min-height: 326.5px;}


    .edu_data_list_area {margin: 25px 0 0;}
    .edu_data_list_area > .list > li > .box .text_area .title_area .title {height: 44px; font-size: 16px; line-height: 22px;}

    .contents > .con-wrap.type1 {margin: 0 auto 70px;}
    .main_edu_cont .online_edu_slide_area .title_cont {margin: 0 0 30px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .title_area {margin: 0 35px 0 0;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .title_area .title {font-size: 30px; line-height: 40px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .list_area .list li .slt {min-width: 160px; height: 42px; padding: 0 20px 0 15px; background-position: right 10px center;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .btn_area .sch_btn .text {line-height: 42px;}
    .main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .img_area {margin: 0 0 15px;}
    .main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-list .slick-track > li > .box .tag_list_area .list li {margin: 0 7px 0 0;}

    .offline_edu_slide_area {margin: 0 0 70px; padding: 23px 50px 35px;}
    .offline_edu_slide_area:before {bottom: 35px;}
    .offline_edu_slide_area:after {top: 23px;}
    .offline_edu_slide_area .container:before {top: -23px; width: 38px; height: 44px;}
    @keyframes flight {0% {top: -23px; left: 15%; transform: rotate(0deg);} 30% {top: -60px; left: 25%; transform: rotate(50deg);} 100% {top: -15px; left: 40%; transform: rotate(80deg);}}
    .offline_edu_slide_area .container > .inner_box > .box {width: calc(50% - 30px); margin: 0 60px 0 0;}
    .offline_edu_slide_area .container > .inner_box > .box.left {padding: 42px 0 60px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .title_area {margin: 0 0 30px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .title_area .title {font-size: 28px; line-height: 38px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box {padding: 20px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont .title_area .title {font-size: 20px;}
    .offline_edu_slide_area .container > .inner_box > .box.right {padding: 20px 0 0;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li {margin: 0 0 30px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .title_area {margin: 0 0 10px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .title_area .title {font-size: 24px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .text_area {margin: 0 0 30px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .view .text {line-height: 42px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .svg_area {width: 247px; height: 145px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box.icon02 {background-size: 268px auto;}

    .online_list_area {margin: 25px 0 0;}
    .online_list_area > .list > li {padding: 20px 10px 20px 0;}
    .online_list_area > .list > li > .inner_box > .box.left {width: calc(100% - 162px); margin: 0 30px 0 0; padding: 0 29px 0 0;}
    .online_list_area.type2 > .list > li > .inner_box > .box.left {width: calc(100% - 160px);}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.left {width: 200px; margin: 0 25px 0 0;}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right {width: calc(100% - 200px);}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .tag_list_area .list li {margin: 0 7px 5px 0; font-size: 15px;}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .title_area .title {font-size: 20px;}

    .online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link {min-width: 160px;}
    .online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link .text {line-height: 42px;}

    .edu_view_cont .top_cont {margin: 0 0 30px;}
    .edu_view_cont .top_cont > .inner_box > .box.left {width: 300px;}
    .edu_view_cont .top_cont > .inner_box > .box.right {width: calc(100% - 300px); padding: 0 0 0 30px;}
    .edu_view_cont .top_cont > .inner_box > .box.right > .title_area {margin: 0 0 14px; padding: 0 0 21px;}
    .edu_view_cont .top_cont > .inner_box > .box.right > .title_area .tag_list_area .list li {margin: 0 7px 5px 0;}
    .edu_view_cont .top_cont > .inner_box > .box.right > .title_area .title {font-size: 20px;}
    .edu_view_cont .top_cont > .inner_box > .box.right > .data_list_area .list li {margin: 0 0 14px; padding: 0 0 16px;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area { padding: 0 10px 14px;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li .link {min-width: 160px;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li .link .text {line-height: 42px;}
    .edu_view_cont .mid_cont {margin: 0 0 30px;}
    .edu_view_cont .mid_cont .tab_list_area .list li .tab_btn .text {font-size: 18px;}
    .edu_view_cont .mid_cont .edit_cont {padding: 20px 0;}
    .edu_view_cont .edit_cont {padding: 20px 0;}
    .edu_view_cont > .edit_cont {margin: 0 0 40px; padding: 16px; border-radius: 6px;}

    .edu_view_cont .bt_cont {margin: 30px 0;}
    .edu_view_cont .file_list_cont .title_area {margin: 0 0 15px;}
    .edu_view_cont .file_list_cont .title_area .title {font-size: 18px;}
    .edu_view_cont .file_list_cont .file_list_area {padding: 15px 15px;}
    .edu_view_cont .file_list_cont .file_list_area .list li .file {padding: 0 0 0 35px; background-size: 25px auto; line-height: 25px;}

    .edu_view_cont .file_list_cont .file_list_area .list li .file.type1:before {width: 25px; height: 25px; background-size: 14px;}

    .edu_view_cont .lecture_area .title_area .title {font-size: 18px;}
    .edu_view_cont .lecture_area .edu_table_area .table_area thead tr th {padding: 18px 10px; font-size: 16px;}
    .edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td {padding: 12px 10px; font-size: 15px;}
    .edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td div { font-size: 16px;}
    .edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td div .inner .img_area { width: 60px; margin: 0 20px 0 0;}

    /*오프라인 상세*/
    .edu_view_cont.type2 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .tit { min-width: 90px;}

    /*나의강의실 상세*/
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area { padding-top: 15px; padding-right: 10px; padding-left: 10px;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner .box .com_edu_btn { min-width: 160px;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner .box .com_edu_btn .txt { line-height: 44px;}
    .edu_view_cont.type3 .mid_cont .tab_list_area .list li .tab_btn { padding-right: 10px; padding-left: 10px;}
    .edu_view_cont.type3 .mid_cont .tab_list_area .list li .tab_btn .text { font-size: 17px;}
    .edu_view_cont.type4 .mid_cont .tab_list_area .list li .tab_btn { padding-right: 10px; padding-left: 10px;}
    .edu_view_cont.type4 .mid_cont .tab_list_area .list li .tab_btn .text { font-size: 17px;}

    .sub_list_tab_area .list li {margin: 0 16px 0 0; padding: 0 20px 0 0;}
    .sub_list_tab_area .list li .tab_btn .text {font-size: 19px;}

    .edu_sch_popup_cont .popup_cont_area {max-width: 900px; border-radius: 18px;}
    .edu_sch_popup_cont .popup_cont_area > .title_area {padding: 25px 30px;}
    .edu_sch_popup_cont .popup_cont_area > .title_area .title {font-size: 26px;}
    .edu_sch_popup_cont .popup_cont_area > .title_area .close {width: 43px; height: 43px;}
    .edu_sch_popup_cont .popup_cont_area .edu_sch_cont .inner_box {padding: 0 30px 15px;}
    .edu_sch_popup_cont .popup_cont_area > .certi_table_cont {padding: 0 30px 30px;}

    .video_sub_title_cont {margin: 0 0 25px;}
    .video_sub_title_cont.type1 {margin: 10px 0 25px;}
    .video_sub_title_cont .sub_btn .text {font-size: 16px; line-height: 24px;}
    .video_sub_title_cont .vide_sub_title {height: 120px; font-size: 14px;}

    .edu_view_cont .edu_list_btn {padding: 0 7px;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .tit {font-size: 15px;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li {font-size: 14px;}

    .rt_cont.none_data{padding-top: 20px;}

    .class-review .text{font-size: 20px;}
    .class-review textarea{padding: 24px;font-size: 17px;}
    .class-review button{font-size: 18px;}

    .event-banner h3{width: 380px;height: 98px; padding-bottom: 48px;background-size: 380px;}
    .event-banner p{font-size: 20px;}
    h4.sub-tit{padding-bottom: 25px;font-size: 26px;}
    .winner-list-table th, .winner-list-table td{padding: 25px 0;}
    .winner-list-table th{font-size: 17px;}
    .winner-list-table td{font-size: 17px;}


}

@media only screen and (max-width:1024px) {
    .contents > .con-wrap.type2 {margin: 80px auto;}

    .main_edu_cont .edu_title_area:before,
    .main_edu_cont .edu_title_area:after {bottom: -62px;}
    .main_edu_cont.type1 .edu_title_area:before,
    .main_edu_cont.type1 .edu_title_area:after {bottom: 0;}
    .board__write.pub tbody tr td {padding: 15px 20px;}
    .board__write.pub tbody tr td input {height: 50px; font-size: 16px; border-radius: 6px;}

    .main_edu_cont .edu_title_area {padding: 0 0 20px;}
    .main_edu_cont .edu_title_area .container {display: block; align-items: initial; justify-content: initial;}
    .main_edu_cont .edu_title_area .title_area {margin: 0 0 14px;}
    .main_edu_cont .edu_title_area .title_area .title {font-size: 34px; line-height: 50px;}
    /*    .main_edu_cont .edu_title_area .edu_sch_btn_area {display: flex; align-items: center; justify-content: flex-end;}
        .main_edu_cont .edu_title_area .edu_sch_btn_area .sch_btn {padding: 0 17px;}
        .main_edu_cont .edu_title_area .edu_sch_btn_area .sch_btn .text {font-size: 16px; line-height: 47px;}*/
    .edu_sch_btn_area {display: flex; align-items: center; justify-content: flex-end;}
    .mypage_link_area.pc_show  {display: none;}
    .mypage_link_area.mo_show {display: flex;}
    .edu_sch_btn_area.mo_show { display: block; margin: 0 0 20px;}
    .mypage_link_area .edu_sch_btn_area.mo_show {display: inline-block; margin: 0 0 0 7px;}
    .edu_sch_btn_area.mo_show.type1 {display: flex; position: relative; z-index: 2;}
    .mypage_link_area {margin: 0 0 20px;}
    .edu_sch_btn_area .sch_btn {padding: 0 17px;}
    .mypage_link_area .edu_sch_btn_area.mo_show .sch_btn {padding: 0 15px;}
    .edu_sch_btn_area.mo_show .sch_btn {display: block; width: 100%;}
    .edu_sch_btn_area.mo_show.type1 .sch_btn {width: auto; background-color: #ffffff;}
    .edu_sch_btn_area .sch_btn .text {font-size: 16px; line-height: 40px;}
    .mypage_link_area .edu_sch_btn_area.mo_show .sch_btn .text {padding: 0 0 0 25px;}

    .main_edu_cont .edu_data_slide_area {margin: 0 0 60px;}
    .main_edu_cont .edu_data_slide_area > .inner_box {padding: 0;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left {position: relative; top: initial; left: initial; bottom: initial; max-width: 100%; margin: 0 0 20px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left:before {width: 180px; height: 216px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .title_area {padding: 10px 15px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .title_area .title {font-size: 22px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area {margin: 0 0 20px; padding: 0;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn {padding: 18px 15px 23px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn .text {font-size: 16px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .title_area .title {height: 44px; font-size: 16px; line-height: 22px;}

    .none_data_cont {min-height: 308px;}
    .none_data_cont .none_data_area .text {font-size: 18px;}
    .edu_data_slide_cont .none_data_cont {min-height: 463px;}
    .online_slide_area .none_data_cont {min-height: 389px;}
    .offline_slide_area .none_data_cont {min-height: 326.5px;}

    .edu_data_list_area {margin: 20px 0 0;}
    .edu_data_list_area > .list > li {width: calc(33.3333% - 10px); margin: 10px 15px 0 0;}
    .edu_data_list_area > .list > li:nth-child(-n+3) {margin: 0 15px 0 0;}
    .edu_data_list_area > .list > li:nth-child(3n) {margin: 10px 0 0;}
    .edu_data_list_area > .list > li:nth-child(3) {margin: 0;}
    .edu_data_list_area > .list > li > .box .text_area .title_area .title {height: 44px; font-size: 16px; line-height: 22px;}

    .contents > .con-wrap.type1 {margin: 0 auto 60px;}
    .main_edu_cont .online_edu_slide_area .title_cont {margin: 0 0 10px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box {display: block; align-items: initial; justify-content: initial;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left {display: block; align-items: initial; justify-content: initial; margin: 0 0 20px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .title_area {display: flex; align-items: flex-end; justify-content: flex-start; margin: 0 0 10px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .title_area .title {margin: 0 15px 0 0; font-size: 24px; line-height: 34px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .list_area {width: calc(100% - 76px);}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .list_area .list li {width: calc(33.3333% - 5.3333px);}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.right .view {text-align: right;}

    .offline_edu_slide_area {margin: 0; padding: 0 50px;}
    .offline_edu_slide_area:before {bottom: initial; width: 100%; height: 447px; border-radius: 0;}
    .offline_edu_slide_area:after {top: initial; bottom: 0; width: 100%; height: 260px; border-radius: 0;}
    .offline_edu_slide_area .container {background-image: initial;}
    .offline_edu_slide_area .container:before {display: none;}
    .offline_edu_slide_area .container > .inner_box {display: block; align-items: initial; justify-content: initial;}
    .offline_edu_slide_area .container > .inner_box > .box {width: 100%; margin: 0;}
    .offline_edu_slide_area .container > .inner_box > .box.left {padding: 40px 0;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .title_area {margin: 0 0 30px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .title_area .title {font-size: 28px; line-height: 38px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box {padding: 20px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont .title_area .title {font-size: 20px;}
    .offline_edu_slide_area .container > .inner_box > .box.right {padding: 40px 0;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list {display: flex; align-items: stretch; justify-content: space-between;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li {width: calc(50% - 15px); margin: 0 30px 0 0;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box {height: 100%;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .title_area .title {font-size: 20px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .text_area {margin: 0 0 20px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .svg_area {width: 205px; height: 120px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box.icon02 {background-size: 223px auto;}

    .edu_sch_cont {display:none; margin: 0 0 30px;}
    .edu_sch_popup_cont .edu_sch_cont {display: initial;}
    .edu_sch_cont.mo_hide { display: none;}
    .edu_sch_cont .inner_box {padding: 0 20px;}
    .edu_sch_cont .inner_box .row .box.right .slt_list_area .list li .slt {min-width: 170px; height: 44px; padding: 0 30px 0 15px; background-position: right 15px center; font-size: 14px;}
    .edu_sch_cont .inner_box .row .box.right .day_area .inp {min-width: 170px; height: 44px; padding: 0 15px; font-size: 14px;}
    .edu_sch_cont .inner_box .row .box.right .day_area .text {font-size: 14px; line-height: 44px;}
    .edu_sch_cont .inner_box .row .box.right .chk_list_area .list li {margin: 0 13px 5px 0;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .slt {min-width: 170px; height: 44px; padding: 0 30px 0 15px; background-position: right 15px center; font-size: 14px;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .inp {height: 44px; font-size: 14px;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .sch_btn {padding: 0 25px;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .sch_btn .text {font-size: 16px; line-height: 46px;}

    .online_list_area {margin: 20px 0 0;}
    .online_list_area > .list > li {padding: 20px 10px;}
    .online_list_area > .list > li > .inner_box {display: block; align-items: initial; justify-content: initial;}
    .online_list_area > .list > li > .inner_box > .box.left {width: 100%; margin: 0 0 25px !important; border-right: initial; border-bottom: 1px solid #e2e2e2; padding: 0 0 24px !important;;}
    .online_list_area.type2 > .list > li > .inner_box > .box.left {width: 100%;}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.left {width: 200px; margin: 0 25px 0 0;}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right {width: calc(100% - 200px);}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .tag_list_area .list li {margin: 0 7px 5px 0; font-size: 15px;}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right .title_area .title {font-size: 20px;}

    .online_list_area > .list > li > .inner_box > .box.right .link_list_area .list {display: flex; align-items: center; justify-content: space-between;}
    .online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li {width: calc(50% - 4px); margin: 0 8px 0 0;}
    .online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li .link {min-width: 100%;}

    .edu_view_cont .top_cont > .inner_box {display: block; align-items: initial; justify-content: initial;}
    .edu_view_cont .top_cont > .inner_box > .box.left {width: 320px; margin: 0 auto 20px;}
    .edu_view_cont .top_cont > .inner_box > .box.right {width: 100%; padding: 0;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area { padding: 0 10px 14px;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box {display: block; align-items: initial; justify-content: initial;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left {margin: 0 0 15px;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list {display: flex; align-items: center; justify-content: space-between;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li {width: calc(50% - 4px); margin: 0 8px 0 0;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li .link {min-width: initial;}
    .edu_view_cont .file_list_cont + .table_list_area {margin: 20px 0 0;}


    /*오프라인 리스트*/
    .online_list_area > .list > li > .inner_box > .box.right .link_list_area .list li { width: 100%;}

    /*나의강의실 상세*/
    .edu_view_cont.type3 .lecture_area .title_area .text { font-size: 14px;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner .box .com_edu_btn { min-width: 140px;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .chart_area { width: 126px;}

    .com_edu_btn .txt { line-height: 42px;}

    .edu_pop_cont .edu_pop_inner { max-width: 650px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .title_area .title { font-size: 22px; line-height: 33px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .com_edu_btn { min-width: 150px;}

    .sub_list_tab_area .list li .tab_btn .text {font-size: 17px;}

    .main_edu_cont .online_edu_slide_area .online_slide_area > .list .slick-arrow {transform: translateY(calc(50% - 36px * 2));}

    .edu_sch_popup_cont .popup_cont_area {width: calc(100% - 20px); max-width: 100%; border-radius: 18px;}
    .edu_sch_popup_cont .popup_cont_area > .title_area {padding: 15px 10px;}
    .edu_sch_popup_cont .popup_cont_area > .title_area .title {font-size: 22px;}
    .edu_sch_popup_cont .popup_cont_area .edu_sch_cont .inner_box {overflow-y: scroll; max-height: 475px; padding: 0 10px 10px;}
    .edu_sch_popup_cont .popup_cont_area .edu_sch_cont .inner_box .row {min-height: 50px; padding: 13px 0;}
    .edu_sch_popup_cont .popup_cont_area > .certi_table_cont {padding: 0 10px 10px;}
    .radio_area label .radio_inp {margin: 0 5px 0 0;}
    .radio_area label .text {font-size: 14px;}
    .radio_list_area .list li {margin: 0 15px 0 0;}

    .chk_area label .inp_chk {width: 20px; height: 20px;}
    .chk_area label .text {margin: 0 0 0 5px; font-size: 14px;}

    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.right .link_list_area .list li .link {min-width: 140px;}

    .edu_sch_cont .inner_box .row .box.right .link_list_area {margin: 8px 0 0;}
    .edu_sch_cont .inner_box .row .box.right .link_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
    .edu_sch_cont .inner_box .row .box.right .link_list_area .list li {width: calc(33.3333% - 4.6666px); margin: 0 7px 0 0;}
    .edu_sch_cont .inner_box .row .box.right .link_list_area .list li:last-child {margin: 0;}
    .edu_sch_cont .inner_box .row .box.right .link_list_area .list li .link {display: block; border: 1px solid #bdbdbd; background-color: #ffffff; border-radius: 6px; text-align: center;}
    .edu_sch_cont .inner_box .row .box.right .link_list_area .list li .link .text {display: inline-block; font-weight: 600; font-size: 14px; line-height: 40px; color: #666666;}

    .mypage_link_area .link {padding: 0 15px; margin: 0 10px 0 0;}
    .mypage_link_area .link .text {font-size: 16px; line-height: 40px;}


    .edu_view_cont .lecture_area .edu_list_area {display: block; border-top: 1px solid #444444;}
    .edu_view_cont .lecture_area .edu_list_area > .list {}
    .edu_view_cont .lecture_area .edu_list_area > .list > li {border-bottom: 1px solid #dddddd;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box {padding: 16px 0;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area {display: flex; align-items: center; justify-content: space-between; margin: 0 0 12px;}

    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area .text {font-weight: 500; font-size: 15px; color: #666666;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area .data_list_area {}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area .data_list_area > .list {display: flex; align-items: center; justify-content: flex-start;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area .data_list_area > .list > li {display: flex; align-items: center; justify-content: flex-start; margin: 0 15px 0 0; font-weight: 500; font-size: 15px; color: #666666;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area .data_list_area > .list > li:last-child {margin: 0;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area .data_list_area > .list > li .tit {margin: 0 7px 0 0; font-weight: 700; color: #444444;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area .data_list_area > .list > li .txt {}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area .data_list_area > .list > li .txt .ft_c {}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .title_area {display: flex; align-items: center; justify-content: flex-start; margin: 0;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .title_area .img_area {width: 50px; margin: 0 10px 0 0; border: 1px solid #dbdbdb; box-sizing: border-box;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .title_area .img_area .img_inner {position: relative; overflow: hidden; padding: 0 0 100%;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .title_area .img_area .img_inner .img {display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #ebf2f9;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .title_area .img_area .img_inner .img img {width: 100%;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .title_area .title {width: calc(100% - 60px); font-weight: 500; font-size: 15px; color: #444444;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .btn_area {display: flex; align-items: center; justify-content: space-between; margin: 17px 0 0;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .btn_area .com_edu_btn {display: block; flex: 1; margin: 0 10px 0 0;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .btn_area .com_edu_btn:last-child {margin: 0;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .btn_area .com_edu_btn.orange {}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .btn_area .com_edu_btn.gray {}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .btn_area .txt {display: inline-block; padding: 0 0 0 25px; font-weight: 600; font-size: 14px; line-height: 42px; color: #ffffff; background-position: left center; background-repeat: no-repeat;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .btn_area .txt.ico01 {background-image: url('/images/sub/com_edu_btn_ico01.png'); background-size: 14px auto;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .btn_area .txt.ico02 {background-image: url('/images/sub/edu_link_ico04.png');}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .btn_area .txt.ico03 {padding: 0 0 0 30px; background-image: url('/images/sub/edu_link_ico03.png');}

    .rt_cont .top-box{padding: 30px 0 25px;}
    .rt_cont .rt_list_area .all_star{gap: 8px;}
    .rt_cont .rt_list_area .all_star .label {font-size: 20px;}
    .rt_cont .rt_list_area .all_star .stars .total{font-size: 20px;}
    .rt_cont .rt_list_area .all_star .stars .avg {font-size: 22px;}
    .rt_cont .rt_list_area .list_area .list > li{padding: 22px 0;}
    .rt_cont .rt_list_area .list_area .review-type .list > li {padding: 0}
    .rt_cont .rt_list_area .list_area .list li .txt{font-size: 17px;}
    .rt_cont .btm li{font-size: 15px;}

    .total-box{padding: 20px;}
    .total-box p{font-size: 18px;}
    .total-box p strong{font-size: 28px;}
    .total-box .rating{gap: 6px;padding: 10px 0 15px;}
    .total-box .txt{font-size: 17px;}

    .rt_cont .btn-wrap{margin: 20px 0;}

    .class-review{padding: 25px 20px 15px;}
    .class-review .radio_area .star{margin: 0 1px;}
    .class-review .text{margin-right: 13px;font-size: 18px;}
    .class-review button{font-size: 17px;}

    .event-banner .inner{padding: 25px 20px 20px;}
    .event-banner h3{padding-bottom: 30px;width: 280px;height: 72px;background-size: 280px;}
    .event-banner h3:after{bottom: 12px;}
    .event-banner p{font-size: 16px;}
    h4.sub-tit{padding-bottom: 18px;font-size: 20px;}
    .winner-list-table th, .winner-list-table td{padding: 18px 0;}
    .winner-list-table th{width: 100px;font-size: 15px;}
    .winner-list-table td{font-size: 15px;}

}

@media only screen and (max-width:850px) {
    .contents > .con-wrap.type1 {/*padding: 40px 25px 0;*/padding: 80px 25px 0;}
    .contents > .con-wrap.type2 {padding: 80px 25px 0;}
    .class-review .text{flex: auto;width: 100%;padding-bottom: 10px;}


}

@media only screen and (max-width:767px) {
    .board__write.pub tbody tr th {text-align: left;}


    .main_edu_cont .edu_title_area:after {display: none;}

    .main_edu_cont .edu_title_area .title_area .title {font-size: 28px; line-height: 46px;}

    .main_edu_cont .edu_data_slide_area {margin: 0 0 50px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left:before {bottom: -100px; width: 150px; height: 180px; z-index: 0;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box {padding: 10px 15px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .title_area {display: flex; align-items: center; justify-content: space-between; margin: 0 0 15px; padding: 0;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .title_area .title {font-size: 20px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .title_area .view {display: block; font-weight: 500; font-size: 14px; color: #ffffff; z-index: 1;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .slt_area {display: block; position: relative; z-index: 1;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.left .left_title_area .box .slt_area .slt {display: block; width: 100%; height: 40px; border: 1px solid #dddddd; padding: 0 25px 0 15px; background-image: url('/images/header/h_lang_arrow_ico.png'); background-position: right 10px center; background-repeat: no-repeat; font-weight: 400; font-size: 16px; color: #333333; border-radius: 6px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area {display: none;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area {margin: 0 0 20px; padding: 0;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn {padding: 18px 15px 23px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .tab_list_area .list_area .list li .tab_btn .text {font-size: 16px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .title_area .title {height: 44px; font-size: 16px; line-height: 22px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-list .slick-track > li > .box .text_area .tag_list_area .list li {margin: 0 7px 0 0;}

    .edu_data_list_area > .list > li {width: calc(50% - 7.5px); margin: 10px 15px 0 0;}
    .edu_data_list_area > .list > li:nth-child(-n+3) {margin: 10px 15px 0 0;}
    .edu_data_list_area > .list > li:nth-child(3n) {margin: 10px 15px 0 0;}
    .edu_data_list_area > .list > li:nth-child(3) {margin: 10px 15px 0 0;}
    .edu_data_list_area > .list > li:nth-child(-n+2) {margin: 0 15px 0 0;}
    .edu_data_list_area > .list > li:nth-child(2n) {margin: 10px 0 0;}
    .edu_data_list_area > .list > li:nth-child(2) {margin: 0;}
    .edu_data_list_area > .list > li > .box .text_area .title_area .title {height: 44px; font-size: 16px; line-height: 22px;}
    .edu_data_list_area > .list > li > .box .text_area .tag_list_area .list li {margin: 0 7px 0 0;}

    .contents > .con-wrap.type1 {margin: 0 auto 50px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .title_area .title {font-size: 20px; line-height: 30px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area {display: block; align-items: initial; justify-content: initial;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .list_area {width: 100%; margin: 0 0 5px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .list_area .list {display: block; align-items: initial; justify-content: initial;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .list_area .list li {width: 100%; margin: 0 0 5px;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .btn_area .sch_btn {display: block; width: 100%;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .slt_list_area .btn_area .sch_btn .text {}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.right .view {text-align: right;}

    .offline_edu_slide_area {padding: 0 25px;}
    .offline_edu_slide_area:before {height: 416px;}
    .offline_edu_slide_area:after {height: 392px;}
    .offline_edu_slide_area .container > .inner_box > .box.left {padding: 30px 0;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .title_area {margin: 0 0 20px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .title_area .title {font-size: 22px; line-height: 32px;}
    .offline_edu_slide_area .container > .inner_box > .box.left > .offline_slide_area > .list .slick-list .slick-track > li > .box .title_cont .title_area .title {font-size: 18px;}
    .offline_edu_slide_area .container > .inner_box > .box.right {padding: 30px 0;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list {display: block; align-items: initial; justify-content: initial;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li {width: 100%; margin: 0 0 30px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .title_area .title {font-size: 18px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .text_area {margin: 0 0 15px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box .svg_area {width: 170px; height: 100px;}
    .offline_edu_slide_area .container > .inner_box > .box.right .menu_info_list_area .list li .box.icon02 {background-size: 185px auto;}

    .edu_sch_cont .inner_box {padding: 0 10px;}
    .edu_sch_cont .inner_box .row {display: block; align-items: initial; justify-content: initial;}
    .edu_sch_cont .inner_box .row .box.left {width: 100%; margin: 0 0 15px;}
    .edu_sch_cont .inner_box .row .box.right {width: 100%;}
    .edu_sch_cont .inner_box .row .box.right .slt_list_area .list {display: block; align-items: initial; justify-content: initial;}
    .edu_sch_cont .inner_box .row .box.right .slt_list_area .list li {width: 100%; margin: 0 0 8px;}
    .edu_sch_cont .inner_box .row .box.right .slt_list_area .list li .slt {width: 100%; min-width: initial; height: 44px; padding: 0 30px 0 15px; background-position: right 15px center; font-size: 14px;}
    .edu_sch_cont .inner_box .row .box.right .day_area .inp {width: calc(50% - 15px); min-width: initial; height: 44px; padding: 0 15px; font-size: 14px;}
    .edu_sch_cont .inner_box .row .box.right .day_area .text {padding: 0 10px; font-size: 14px; line-height: 44px;}
    .edu_sch_cont .inner_box .row .box.right .chk_list_area .list li {margin: 0 8px 5px 0;}
    .edu_sch_cont .inner_box .row .box.right .sch_area {display: block; align-items: center; justify-content: flex-start;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .slt {width: 100%; min-width: initial; height: 44px; margin: 0 0 8px; padding: 0 30px 0 15px; background-position: right 15px center; font-size: 14px;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .inp {width: 100%; height: 44px; margin: 0 0 8px; font-size: 14px;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .sch_btn {display: block; width: 100%; margin: 0; padding: 0 25px;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .sch_btn .text {font-size: 16px; line-height: 44px;}

    .edu_view_cont .lecture_area .edu_table_area {overflow-x: scroll;}
    .edu_view_cont .lecture_area .edu_table_area .table_area {width: 767px;}
    .edu_view_cont .lecture_area .edu_table_area .table_area thead tr th { padding-right: 5px; padding-left: 5px;}
    .edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td { padding-right: 5px; padding-left: 5px; word-break: break-all;}
    .edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td div .inner .img_area { width: 55px; margin: 0 15px 0 0;}

    /*오프라인 상세*/
    .edu_view_cont.type2 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li:nth-child(-n+4) { width: 100%;}
    .edu_view_cont.type2 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .tit { min-width: 85px;}

    /*나의강의실 상세*/
    .com_edu_btn { padding: 0 15px 0 10px;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner { display: block;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner .box.left { margin: 0 0 20px; padding: 0;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .title_area .title_inner .box .com_edu_btn { min-width: 100%;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area { flex-direction: column-reverse; gap: 7px 0;}
    /*.edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list.chart li { flex-direction: column;}*/
    .edu_view_cont.type3 .lecture_area .edu_table_area { overflow-x: auto;}

    .edu_pop_cont .edu_pop_inner { width: 90%}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .title_area .title { font-size: 22px; line-height: 33px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box { display: block;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area { margin: 0 0 20px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .com_edu_btn { min-width: 100%;}

    .none_data_cont {min-height: 240px;}
    .edu_data_slide_cont .none_data_cont {min-height: 394px;}
    .online_slide_area .none_data_cont {min-height: 320px;}
    .offline_slide_area .none_data_cont {min-height: 323.5px;}

    .edu_data_list_area > .list > li > .box .img_area {padding: 0 0 100%;}
    .edu_data_list_area > .list > li > .box .img_area .img_inner {display: flex; align-items: center; justify-content: center;}
    .edu_data_list_area > .list > li > .box .img_area .img_inner img {object-fit: initial;}
    .edu_view_cont .top_cont > .inner_box > .box.left .img_area {padding: 0 0 calc(100% - 2px);}
    .edu_view_cont .top_cont > .inner_box > .box.left .img_area .img_inner {display: flex; align-items: center; justify-content: center;}
    .edu_view_cont .top_cont > .inner_box > .box.left .img_area .img_inner img {object-fit: initial;}

    .edu_view_cont .top_cont > .inner_box > .box.right > .data_list_area .list li {display: block;}
    .edu_view_cont .top_cont > .inner_box > .box.right > .data_list_area .list li .txt {margin: 0;}
    .edu_sch_popup_cont.type1 {top: 75px;}
    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .edu_sch_popup_cont.type1 {top: 30px;}

    .edu_view_cont .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .tit {width: 75px; margin: 0;}


    .on_off_txt {margin: 0 0 30px; font-size: 18px; line-height: 26px;}

    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li {display: flex; align-items: center; justify-content: flex-start; width: 100%;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .chart_area {display: none;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .line_area {display: flex; align-items: center; justify-content: flex-start; width: calc(100% - 75px);}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .line_area .line {display: block; position: relative; width: 100%; height: 10px; margin: 0 10px 0 0; background-color: #c8c8c8; border-radius: 20px;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .line_area .line .bar {position: absolute; top: 0; left: 0; width: 0%; height: 10px; background-color: #dd5b1f; border-radius: 20px;}
    .edu_view_cont.type3 .top_cont > .inner_box > .box.right .data_area > .inner_box .box.left .data_list_area .list li .line_area .text {font-weight: 600; font-size: 15px; color: #444444; }

    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area.type1 {display: block; align-items: inherit; justify-content: inherit;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area.type1 .data_list_area > .list {display: block; align-items: inherit; justify-content: inherit;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area.type1 .data_list_area > .list li {display: inline-block; align-items: inherit; justify-content: inherit;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area.type1 .data_list_area > .list li .tit {display: inline-block; vertical-align: middle;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area.type1 .data_list_area > .list li .txt {display: inline-block; vertical-align: middle;}

    .class-review .star-box li{padding: 6px; margin-right: 0;}
    .rt_cont .rt_list_area .list_area .review-type .list > li{padding: 6px;}
    .rt_cont .rt_list_area .all_star .label,
    .rt_cont .rt_list_area .all_star .stars .total{font-size: 18px;}
    .rt_cont .btm{justify-content: left;width: 100%;padding-top: 10px;}

    .class-review textarea{padding:18px;font-size: 16px;}

    .class-review button{width: 80px;}

    .rt_cont .rt_list_area .img-box{margin: 0}

    .winner-list-table ul{gap: 20px 0;}
    .winner-list-table li{width: 50%;}
}

@media only screen and (max-width:480px) {
    .contents > .con-wrap.type1 {/*padding: 30px 15px 0;*/padding: 100px 15px 0;}
    .contents > .con-wrap.type2 {padding: 100px 15px 0;}

    .main_edu_cont .edu_title_area .title_area .title {font-size: 24px; line-height: 38px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-arrow.slick-prev {left: 9px;}
    .main_edu_cont .edu_data_slide_area > .inner_box > .box.right .edu_data_slide_cont .list .slick-arrow.slick-next {right: 9px;}

    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .title_area {display: block; align-items: initial; justify-content: initial;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.left .title_area .title {margin: 0 0 5px;}

    .edu_sch_cont .inner_box .row .box.right .day_area {}
    .edu_sch_cont .inner_box .row .box.right .day_area .inp {width: calc(100% - 63px); padding: 12px 15px; line-height: 1.5; text-align: left;}
    .edu_sch_cont .inner_box .row .box.right .day_area .inp::placeholder {line-height: 1.5;}
    .edu_sch_cont .inner_box .row .box.right .sch_area {flex-wrap: wrap;}
    .edu_sch_cont .inner_box .row .box.right .sch_area .sch_btn {width: 100%; margin: 8px 0 0; padding: 0 20px;}

    .edu_data_list_area > .list {max-width: 344px; margin: 0 auto;}
    .edu_data_list_area > .list > li {width: 100%; margin: 10px 0 0 !important;}
    .edu_data_list_area > .list > li:first-child {margin: 0 !important;}

    .online_list_area > .list > li > .inner_box > .box.left .cont_box {display: block; align-items: initial; justify-content: initial;}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.left {width: 100%; margin: 0 auto 20px;}
    .online_list_area > .list > li > .inner_box > .box.left .cont_box > .box.right {width: 100%;}

    .edu_view_cont .top_cont > .inner_box > .box.left {width: 100%;}

    .edu_view_cont .lecture_area .edu_table_area .table_area thead tr th { padding: 14px 5px; font-size: 15px;}
    .edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td { font-size: 14px;}
    .edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td div { font-size: 15px;}
    .edu_view_cont .lecture_area .edu_table_area .table_area tbody tr td div .inner .img_area { width: 50px; margin: 0 10px 0 0;}

    .main_edu_cont .online_edu_slide_area .title_cont .inner_box {position: relative;}
    .main_edu_cont .online_edu_slide_area .title_cont .inner_box .box.right {position: absolute; top: 5px; right: 0;}

    /*나의강의실 상세*/
    .edu_view_cont.type3 .mid_cont .tab_list_area { overflow-x: auto;}

    .edu_view_cont.type4 .mid_cont .tab_list_area {overflow-y: hidden; overflow-x: auto;}
    .edu_view_cont .mid_cont .tab_list_area .list li .tab_btn:before {bottom: 0;}

    .edu_pop_cont .edu_pop_inner { width: 95%;}
    .edu_pop_cont .edu_pop_inner { padding: 25px 20px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .title_area { margin: 0 0 15px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .title_area .sub_title { font-size: 14px; line-height: 20px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .title_area .title { font-size: 19px; line-height: 28px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .edu_video_area { margin: 0 0 15px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area { margin: 0 0 15px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area .time_area { font-size: 14px; line-height: 20px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area .time_area .time { font-size: 16px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area .num_area { width: 50px;}
    .edu_pop_cont .edu_pop_inner .edu_pop_box .text_area .inner_box .progress_time_area .num_area .txt { font-size: 12px; line-height: 30px;}

    .video_sub_title_cont .vide_sub_title {height: 100px;}


    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area.type1 .data_list_area > .list {display: block; align-items: inherit; justify-content: inherit;}
    .edu_view_cont .lecture_area .edu_list_area > .list > li > .box .data_area.type1 .data_list_area > .list li {display: block;}

    .rt_cont .rt_list_area .list_area .list > li{padding: 10px 0;}
    .rt_cont .btm li{font-size: 14px}
    .rt_cont .rt_list_area .list_area .list li .stars .score{font-size: 16px;}
    .rt_cont .rt_list_area .list_area .list li .txt{padding: 0 15px 0 20px;font-size: 16px;}
    .class-review .text{font-size: 17px;}
    .total-score{font-size: 15px;}
    .class-review .review-box{margin-top: 18px;}
    .class-review textarea{height: 120px;padding:16px;border-radius: 6px;font-size: 15px;}
    .class-review button{width:100%;height: auto;padding: 15px 20px;margin-left: 0;margin-top: 10px;border-radius: 6px;transition: initial;}
    .class-review button.cancel-btn{margin-left: 0;}
    .rt_list_area .img-box{padding-top: 12px;}
    .rt_cont .rt_list_area .img-box{padding-top:15px}
    .rt_cont .rt_list_area .list_area .img-box li{width: 62px;height: 62px;}
    .class-review .file_area{margin-top: 10px;}
    .class-review .file_area .file_btn{width:100%;}
    .class-review .del_btn{padding:0;}
    .rt_cont .img-box{flex: auto;width: 100%;}
    .review-type .my-rating{width: 100%}
    .inp_popup_cont.review .inp_popup_area{padding-top: 65px;}
    .list_area .img-box button:hover:after{font-size: 13px;}
    .rt_cont .rt_list_area .class-review .preview_area.img-box{flex: auto;width: 100%;}

    .winner-list-table th{width: 60px;}
    .winner-list-table td{font-size: 14px;}
    .winner-list-table ul{gap: 15px 0;}
}

.sub_main {height: 100vh; background-image: url('/images/sub/sub_main_bg.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat;}
.sub_main .con-wrap.type2 {display: flex; align-items: center; max-width: 1430px; height: calc(100% - 101px); padding: 0;}
.sub_main .con-wrap.type2 .sub_main_cont {display: block; width: 100%;}
.sub_main .con-wrap.type2 .sub_main_cont .title_cont {margin: 0 0 70px; text-align: center;}
.sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area {margin: 0 0 35px;}
.sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area .title {font-weight: 600; font-size: 52px; line-height: 68px; color: #000000;}
.sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area .title span {}
.sub_main .con-wrap.type2 .sub_main_cont .title_cont .text_area {}
.sub_main .con-wrap.type2 .sub_main_cont .title_cont .text_area .text {font-weight: 600; font-size: 22px; line-height: 36px; color: #666666;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont {}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list {padding: 0 50px;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list li {}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list {margin: 0 0 36px;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track {}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track .slick-slide {}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track .slick-slide > div {display: flex; margin: 0 0 50px;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track .slick-slide > div:last-child {margin: 0;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li {margin: 0 20px 0 0;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box {display: block; font-size: 0; text-align: center;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area {display: inline-block; width: 176px; height: 176px; margin: 0 0 28px; border-radius: 50%; box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.08);}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area .img_inner {display: flex; align-items: center; justify-content: center;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area .img_inner img {width: 100%; height: 100%; object-fit: cover; opacity: 0.6; transition: 0.3s ease-in-out;}

.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .mark {margin: 0 0 20px; padding: 10px; background-color: #cccccc; font-weight: 600; font-size: 16px; color: #ffffff; border-radius: 50px; text-align: center; transition: 0.3s ease-in-out;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .title_area {margin: 0 0 9px;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .title_area .title {display: flex; align-items: center; justify-content: center; height: 56px; font-weight: 600; font-size: 22px; line-height: 28px; color: #000000; transition: 0.3s ease-in-out;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .text_area {}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .text_area .tit {font-weight: 600; font-size: 18px; color: #222222;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .text_area .txt {font-weight: 600; font-size: 16px; color: #888888;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-arrow {position: absolute; top: 50%; width: 13px; height: 24px; background-position: center; background-size: contain; background-repeat: no-repeat; z-index: 1; text-indent: -9999px; transform: translateY(-50%);}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-arrow.slick-prev {left: 0; background-image: url('/images/sub/data_slide_prev.png');}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-arrow.slick-next {right: 0; background-image: url('/images/sub/data_slide_next.png');}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-dots {display: flex; align-items: center; justify-content: center;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-dots li {margin: 0 15px 0 0;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-dots li:last-child {margin: 0;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-dots li button {display: block; width: 8px; height: 8px; background-color: #7b7b7b; border-radius: 50%; text-indent: -9999px;}
.sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-dots li.slick-active button {width: 10px; height: 10px; background-color: #1e43a0;}


@media only screen and (min-width: 1024px) {
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box:hover .img_area .img_inner img,
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box:focus .img_area .img_inner img {opacity: 1;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.blue:hover .mark,
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.blue:focus .mark {background-color: #1e43a0;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green:hover .mark,
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green:focus .mark {background-color: #1e89a0;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green2:hover .mark,
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green2:focus .mark {background-color: #298478;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.purple:hover .mark,
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.purple:focus .mark {background-color: #6c5ecc;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.blue:hover .title_area .title,
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.blue:focus .title_area .title {color: #1e43a0;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green:hover .title_area .title,
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green:focus .title_area .title {color: #1e89a0;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green2:hover .title_area .title,
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green2:focus .title_area .title {color: #298478;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.purple:hover .title_area .title,
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.purple:focus .title_area .title {color: #6c5ecc;}
}

@media only screen and (max-width:1440px) {
    .sub_main .con-wrap.type2 {padding: 0 24px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont {margin: 0 0 60px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area {margin: 0 0 30px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area .title {font-size: 46px; line-height: 62px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .text_area .text {font-size: 20px; line-height: 34px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list {margin: 0; padding: 0 45px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list {margin: 0 0 30px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track .slick-slide > div {margin: 0 0 40px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li {margin: 0 15px 0 0;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area {width: 146px; height: 146px; margin: 0 0 23px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .mark {margin: 0 0 16px; padding: 7px; font-size: 15px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .title_area {margin: 0 0 5px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .title_area .title {height: 52px; font-size: 20px; line-height: 26px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .text_area .tit {font-size: 16px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .text_area .txt {font-size: 15px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-arrow {width: 10px; height: 20px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-dots li {margin: 0 10px 0 0;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-dots li button {width: 6px; height: 6px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-dots li.slick-active button {width: 8px; height: 8px;}

}

@media only screen and (max-width:1400px) {
    .sub_main .con-wrap.type2 {padding: 0 20px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont {margin: 0 0 55px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area {margin: 0 0 26px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area .title {font-size: 42px; line-height: 58px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .text_area .text {font-size: 18px; line-height: 30px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list {padding: 0 40px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list {margin: 0 0 26px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track .slick-slide > div {margin: 0 0 30px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area {width: 121px; height: 121px; margin: 0 0 20px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .mark {margin: 0 0 13px; padding: 5px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .title_area .title {height: 48px; font-size: 18px; line-height: 24px;}

}

@media only screen and (max-width:1280px) {
    .sub_main .con-wrap.type2 {padding: 0 16px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont {margin: 0 0 50px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area {margin: 0 0 23px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area .title {font-size: 36px; line-height: 50px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .text_area .text {font-size: 16px; line-height: 27px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track .slick-slide > div {margin: 0 0 20px;}


}

@media only screen and (max-width:1025px) {
    .sub_main .con-wrap.type2 {align-items: flex-start; padding: 0 12px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont {margin: 0 0 40px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area {margin: 0 0 20px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area .title {font-size: 32px; line-height: 46px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track .slick-slide > div {margin: 0 0 20px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-dots {display: none !important;}

    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area .img_inner img {opacity: 1;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.blue .mark {background-color: #1e43a0;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green .mark {background-color: #1e89a0;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green2 .mark {background-color: #298478;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.purple .mark {background-color: #6c5ecc;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.blue .title_area .title {color: #1e43a0;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green .title_area .title {color: #1e89a0;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.green2 .title_area .title {color: #298478;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box.purple .title_area .title {color: #6c5ecc;}
}

@media only screen and (max-height:1100px) {
    .sub_main .con-wrap.type2 {padding: 0 12px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont {margin: 0 0 40px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area {margin: 0 0 20px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area .title {font-size: 28px; line-height: 42px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .text_area .text {font-size: 14px; line-height: 24px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list {padding: 0 40px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list {margin: 0 0 26px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track .slick-slide > div {margin: 0 0 20px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .img_area {width: 121px; height: 121px; margin: 0 0 20px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .mark {margin: 0 0 13px; padding: 5px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list .slick-track li .box .title_area .title {height: 48px; font-size: 18px; line-height: 24px;}


}


@media only screen and (max-width:767px) {
    .sub_main .con-wrap.type2 {display: block; padding: 0 12px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont {margin: 0 0 30px;}
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area .title {font-size: 28px; line-height: 42px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list {margin: 0; padding: 0 20px;}
    .sub_main .con-wrap.type2 .sub_main_cont .data_slide_cont .list .slick-list {margin: 0 -15px 26px 0;}

}

@media only screen and (max-width:480px) {
    .sub_main .con-wrap.type2 .sub_main_cont .title_cont .title_area .title {font-size: 22px; line-height: 38px;}

}