@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input:active,
input:focus{outline: none}
table caption{text-indent: -9999px;position: absolute;left: -999999px;}
button{cursor: pointer}
button,input,textarea{font-family: 'Noto SAns KR'}
a{text-decoration: none;color: inherit;}
body,html{font-family: 'Noto Sans KR', sans-serif ;color: #333}
.inner{width: 1200px;margin: auto;}
.hide{text-indent: -99999px;position: absolute;left: -99999px;overflow: hidden}
.not_scroll{overflow: hidden;overflow: hidden; width: 100%;height: 100%}
hr.border_gray{border: 0;border-top: 1px solid #cccccc;}
hr.border_gray02{border: 0;border-top: 1px solid #eaeaea;}
.tct{text-align: center;}
.tlt{text-align: left !important;}
.trt{text-align: right}
.gray{color: #888}
.blue{color: #0082cc}
.black{color: #333 !important}
.bold{font-weight: 500}
.bold02{font-weight: 600}
.mt60{margin-top: 60px}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mg20{margin: 20px 0}
.mb20{margin-bottom: 20px}
.mt10{margin-top: 10px}
.mt5{margin-top: 5px}
.pd60{padding: 60px 0 }
.f20{font-size: 20px}
.f18{font-size: 18px}
.f16{font-size: 16px !important}
.f14{font-size: 14px}
.f13{font-size: 13px}
.f12{font-size: 12px}
.white_box02{border: 1px solid #eaeaea;padding: 10px;box-sizing: border-box;}
.gray_box{background: #f5f5f5;padding: 15px 25px;border: 1px solid #dddddd;border-radius: 5px;}
.gray_box02{background: #f9fafc;padding: 10px;border-radius: 10px;}
.mt50{margin-top: 50px;}
.gray_box03{background:  #f9fafc;border: 1px solid #eaeaea;padding: 10px;box-sizing: border-box;}
.green{color: #00c57d !important}
.red{color: #f94444 !important}
.red_btn{background: #f94444;color: #fff}
.tit_style01{font-size: 20px;text-align: center;font-weight: 500;margin-bottom: 30px;}
.tit_style02{font-size: 20px;font-weight: 600;margin-bottom: 20px;}
.btn_style01{font-size: 16px;padding: 10px 15px;border-radius: 5px;display: inline-block}
.btn_style02{font-size: 14px;padding: 7px 15px;border-radius: 5px;display: inline-block;}
.btn_style03{font-size: 14px;padding: 7px 27px;border-radius: 5px;display: inline-block;}
.btn_style04{font-size: 16px;padding: 10px;width: 100px;text-align: center;border-radius: 10px; border-radius: 5px;display: inline-block;}
.btn_style05{font-size: 16px;padding: 10px 25px;text-align: center;border-radius: 10px; border-radius: 5px;display: inline-block;}
.btn_style06{font-size: 16px;width: 130px;padding: 10px;text-align: center;display: inline-block;border-radius: 50px;font-weight: 500}
button.ready{font-size:14px;background: #f5f5f5;border:1px solid #eaeaea;padding:2px 5px;border-radius:5px}
button.complete{font-size:14px;background:#0082cc;color:#fff;border:0;padding:2px 5px;border-radius:5px}
button.cancel{font-size:14px;background:#ddd;border:0;padding:2px 5px;border-radius:5px}
.gray_btn02{background: #f5f5f5;border: 1px solid #eaeaea;color: #888888;}
.gray_btn03{background: #ebeaea;color: #888888;}
.gray_btn04{color: #fff;background: #d6d6d6;}
.cyan_btn{background: #67c3be;color: #fff}

.btn_wrap{text-align: center;margin-top: 30px;}
.btn_wrap a + a{margin-left: 10px;}
.bar_list li{margin-bottom: 5px;position: relative;padding-left: 10px;}
.bar_list li:before{content: '-';display: block;position: absolute;left: 0;top: 0;}
.mw560{max-width: 560px !important;}
.mw700{max-width: 700px !important;}
.mw450{max-width: 450px !important;}
.mw400{max-width: 400px;width: 100%;}
.mw300{max-width: 300px;width: 100%;}
.textarea{border: 1px solid #eaeaea;resize: none;width: 100%;padding: 10px;font-size: 14px;box-sizing: border-box;min-height: 200px;}
/* 탑 배너 */
.top_banner{background: #d6edff;position: relative;height: 50px}
.top_banner .inner{position: relative;}
.top_banner a{position: absolute;display: block;right: 0;top: 50%;transform: translateY(-50%);}
.top_banner a:after{content: '';display: inline-block;background: url(../images/user/close_btn.png) no-repeat;width: 12px;height: 12px;margin-left: 10px}

/*header*/
.nheader_top{background: #008ae0;}
#newHeader .h_util {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
}

#newHeader .h_util ul {
    display: flex;
}

#newHeader .h_util ul li {
    position: relative;
    margin-right: 14px;
    padding-right: 14px;
}

#newHeader .h_util ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}

#newHeader .h_util ul li:last-child::before {
    content: none;
}

#newHeader .h_util ul li::before {
    content: '';
    display: block;
    width: 1px;
    height: 11px;
    position: absolute;
    top: 50%;
    right: 0;
    background: #ddd;
    transform: translateY(-50%);
}

#newHeader .h_util ul li a {
    display: block;
    color: #fff;
    font-size: 13px;
    line-height: 1;
}

#newHeader .h_cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    margin-top: 25px;
    position:relative;
}

#newHeader .h_cont .logo {
    flex-shrink: 0;
    margin-bottom: 6px;
}

#newHeader .h_cont .logo a {
    display: block;
    max-width: 100%;
}

#newHeader .h_cont .logo img {
    max-width: 100%;
    object-fit: contain;
    max-height:70px
}

#newHeader .nheader_mid {
    background: #fff;
    border-bottom: 1px solid #dadada;
}

#newHeader .h_ui {
    display: flex;
    align-items: center;
}

#newHeader .h_menu {
    position: relative;
    width: 26px;
    height: 16px;
    cursor: pointer;
    display:none;
}

#newHeader .h_menu.mobile_menu {
    display: none;
}

#newHeader .h_menu span {
    position: absolute;
    width: 26px;
    height: 4px;
    display: block;
    background-color: #000;
    transition: all 0.2s ease-in;
}

#newHeader .h_menu span:first-child {
    top: 0;
}

#newHeader .h_menu span:nth-child(2) {
    top: 50%;
}

#newHeader .h_menu span:last-child {
    top: 100%;
}

#newHeader .h_menu.active span:first-child {
    top: 50%;
    transform: rotate(45deg);
}

#newHeader .h_menu.active span:nth-child(2) {
    display: none;
}

#newHeader .h_menu.active span:last-child {
    top: 50%;
    transform: rotate(-45deg);
}

#newHeader .h_search {
    margin-left: 34px;
    flex-shrink: 0;
    
}
#newHeader .h_search button{border: 0;background: none;display: flex;align-items: center;justify-content: center;}

#newHeader .nheader_bottom {
    position: relative;
}

#newHeader .h_gnb {
    display: flex;
    max-width: 770px;
    width: 100%;
    margin-right: 60px;
}

#newHeader .h_gnb > li {
    position: relative;
    text-align: center;
    margin-left: 50px
}

#newHeader .h_gnb > li > a {
    display: block;
    width: 100%;
    height: 70px;
    color: #000;
    font-size: 18px;
    line-height: 70px;
}

#newHeader .h_gnb > li > a:hover {
    color: #008ae0;
}

#newHeader .h_gnb > li:hover .depth_02 {
    display: block;
}

#newHeader .h_gnb > li .depth_02 {
    display: none;
    position: absolute;
    top: 60px;
    left: 12px;
    padding: 10px 0;
    width: 168px;
    height: auto;
    border: 1px solid #d7dce5;
    border-radius: 10px;
    box-sizing: border-box;
    letter-spacing: -0.5px;
    text-align: left;
    background: #fff;
    box-shadow: 2px 6px 16px 0 rgba(17,42,128,0.08);
    z-index: 6000;
}

#newHeader .h_gnb li .depth_02 > li {
    position: relative;
    z-index: 2;
    height: 100%;
}

#newHeader .h_gnb li .depth_02 > li > a {
    display: block;
    padding: 0 16px;
    height: 36px;
    color: #5c667b;
    font-size: 14px;
    line-height: 36px;
}

#newHeader .h_gnb li .depth_02 > li > a:hover {
    background: #eee;
}

/* 헤더 서브 메뉴 */
#newHeader .h_gnb_bg {
    display: none;
    width: 100%;
    position: absolute;
    background: #fff;
    border-bottom: 1px solid #dadada;
    overflow: hidden;
    z-index: 4000;
}

#newHeader .h_gnb_menu {
    display: grid;
    grid-template-columns: 976px 284px;
    justify-content: center;
}

#newHeader .h_gnb_bg::after {
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: #edf6fd;
    z-index: 1;
}

#newHeader .h_gnb_menu .gnb_item {
    position: relative;
    padding: 50px 0 25px;
    z-index: 2;
}

#newHeader .h_gnb_menu .gnb_item.menu {
    display: grid;
    width: 976px;
    grid-template-areas: "depth_01 depth_01 depth_01 depth_01 depth_01";
    background: #fff;
}

#newHeader .h_gnb_menu .gnb_item.menu .depth_01 {
    position: relative;
    padding: 0 15px;
    min-height: 204px;
    align-self: stretch;
}

#newHeader .h_gnb_menu .gnb_item.menu .depth_01::before {
    content: '';
    width: 1px;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    background: #ececec;
}

#newHeader .h_gnb_menu .gnb_item.menu .depth_01 .etc_txt {
    position: absolute;
    top: -26px;
    left: 15px;
    color: #008ae0;
    font-size: 12px;
    line-height: 16px;
}

#newHeader .h_gnb_menu .gnb_item.menu .depth_01.double .depth_02 {
    display: grid;
    grid-template-columns: auto auto;
    gap: 0 20px;
}

#newHeader .h_gnb_menu .gnb_item.menu .depth_tit {
    display: inline-block;
    margin-bottom: 16px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    pointer-events: none;
}

#newHeader .h_gnb_menu .gnb_item.menu .depth_02 a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
}

#newHeader .h_gnb_menu .gnb_item.menu .depth_02 a:hover, #newHeader .h_gnb_menu .gnb_item.menu .depth_02 a:focus {
    color: #008ae0;
}

#newHeader .h_gnb_menu .gnb_item.menu .depth_01 .extra {
    display: block;
    margin-top: 34px;
    padding: 10px 15px;
    background: #f5f5f5;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}

#newHeader .h_gnb_menu .gnb_item.menu .depth_01 .extra p {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

#newHeader .h_gnb_menu .gnb_item.menu .depth_01 .extra span {
    display: block;
    font-size: 12px;
    font-weight: 400;
}

#newHeader .h_gnb_menu .gnb_item.links {
    width: 248px;
    padding: 24px 32px;
}

#newHeader .h_gnb_menu .gnb_item.links .etc_txt {
    display: block;
    padding-left: 8px;
    color: #008ae0;
    font-size: 12px;
    line-height: 16px;
}

#newHeader .h_gnb_menu .gnb_item.links ul {
    margin-top: 2px;
}

#newHeader .h_gnb_menu .gnb_item.links li a {
    display: grid;
    width: 226px;
    padding: 8px 8px 12px;
    gap: 0 10px;
    grid-template-areas: "links_icon links_tit" "links_icon links_txt";
    grid-template-columns: 36px 1fr;
    align-items: center;
    border-radius: 10px;
}

#newHeader .h_gnb_menu .gnb_item.links li a:hover, #newHeader .h_gnb_menu .gnb_item.links li a:focus {
    background: #acdfff;
}

#newHeader .h_gnb_menu .gnb_item.links li a .links_icon {
    display: grid;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 1px solid #eaedf4;
    border-radius: 5px;
    grid-area: links_icon;
    justify-content: center;
    align-items: center;
}

#newHeader .h_gnb_menu .gnb_item.links li a .links_icon img {
    height: 24px;
}

#newHeader .h_gnb_menu .gnb_item.links li a .links_tit {
    display: grid;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    grid-auto-flow: column dense;
    grid-area: links_tit;
    align-items: center;
    justify-content: start;
}

#newHeader .h_gnb_menu .gnb_item.links li a .links_tit::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 14px;
    background: url(/resource/images/main2023/gnb_icon_arrow.png) no-repeat;
}

#newHeader .h_gnb_menu .gnb_item.links li a .links_txt {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    grid-area: links_txt;
}

/* 헤더 모바일 */
#newHeader .h_mobile {
    width: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    background: #fff;
    transition: all 0.3s;
    z-index: 9999;
}

#newHeader .h_mobile.show {
    right: 0;
    height: 100vh;
    overflow-y: auto;
}

#newHeader .h_mobile_top {
    border-top: 4px solid #008ae0;
}

.h_mobile_top img{max-width: 150px;height: auto !important;}

#newHeader .h_mobile_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    padding: 0 10px;
    border-bottom: 1px solid #cecece;
}

#newHeader .h_mobile_btn .logo {
    height: 100%;
}

#newHeader .h_mobile_btn .logo a {
    
    display: flex;
    align-items: center;justify-content: center;
    width: 100%;
    height: 100%;
}

#newHeader .h_mobile_btn .logo img {
    max-height: 69px;
}

#newHeader .h_mobile_close {
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 20px;
    cursor: pointer;
}

#newHeader .h_mobile_close span {
    display: block;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 50%;
    background-color: #000;
}

#newHeader .h_mobile_close span:first-child {
    transform: rotate(45deg);
}

#newHeader .h_mobile_close span:last-child {
    transform: rotate(-45deg);
}

#newHeader .h_mobile_login {
    margin-top: 20px;
    padding: 0 15px;
}

#newHeader .h_mobile_login .btn01 {
    display: block;
    padding: 15px 0;
    background: #ececec;
    color: #000;
    font-size: 12px;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    text-align: center;
}

#newHeader .h_mobile_login .btn01.joinBtn {
    margin-top: 8px;
    margin-bottom: 8px;
    background: #003281;
    color: #fff;
    border: 1px solid #003281;
}

#newHeader .h_mobile_login.login {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#newHeader .h_mobile_login.login .logName {
    width: 100%;
    margin-bottom: 10px;
    color: #000;
    font-size: 16px;
}

#newHeader .h_mobile_login.login a {
    width: calc(100% / 2 - 4px);
    background: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
}

#newHeader .h_mobile_login.login .myBtn {
    color: #008ae0;
    border: 1px solid #008ae0;
}

#newHeader .h_mobile_login.login .logoutBtn {
    background: #000;
    border: 1px solid #000;
    color: #fff;
}

#newHeader .h_mobile_info {
    display: none;
    align-items: center;
    justify-content: space-around;
    margin: 20px 0 15px;
}

#newHeader .h_mobile_info li {
    width: calc(100% / 3);
}

#newHeader .h_mobile_info li a {
    display: block;
    height: 100%;
    color: #000;
    font-size: 12px;
    text-align: center;
}

#newHeader .h_mobile_info li a::before {
    display: block;
    content: '';
    width: 38px;
    height: 35px;
    margin: 0 auto 10px auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

#newHeader .h_mobile_info li a.mobile_icon01::before {
    background-image: url(/resource/images/main2023/mobile_info_icon01.png);
}

#newHeader .h_mobile_info li a.mobile_icon02::before {
    background-image: url(/resource/images/main2023/mobile_info_icon02.png);
}

#newHeader .h_mobile_info li a.mobile_icon03::before {
    background-image: url(/resource/images/main2023/mobile_info_icon03.png);
}

#newHeader .h_mobile_mid {
    border-top: 8px solid #eeeeee;
    padding: 15px 0;
}



#newHeader .h_mobile_mid .mobile_menu > li {
    position: relative;
}
#newHeader .h_mobile_mid .mobile_menu > li > a:after{content: '';display: block;background: url(../images/user/arrow_btn.png) no-repeat;width: 12px;height: 7px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%)}

#newHeader .h_mobile_mid .mobile_menu > li > a:only-child:after{display: none}

#newHeader .h_mobile_mid .mobile_menu > li > a {
    display: block;
    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 20px;border-bottom: 1px solid #eeeeee;
}

#newHeader .h_mobile_mid .mobileGnb {
    padding: 10px 30px;
    display: flex;
    flex-wrap: wrap;
    display: none;
    border-bottom: 1px solid #eeeeee;
}
#newHeader .h_mobile_mid .active .mobileGnb{display: flex;}
#newHeader .h_mobile_mid .mobile_menu > li.active > a{color: #003281}
#newHeader .h_mobile_mid .mobile_menu > li.active > a:after{transform: rotate(180deg) translateY(50%)}

#newHeader .h_mobile_mid .mobileGnb li > a {
    display: block;
    padding: 5px 0 5px 15px;
    color: #000;
    font-size: 14px;opacity: 0.7;
    position: relative;
}
#newHeader .h_mobile_mid .mobileGnb > li > a:before{content: '·';display: block;position: absolute;left: 0;top: 5px;}
#newHeader .h_mobile_mid .mobileGnb > li {box-sizing: border-box;width: calc(50% - 5px);margin-right: 10px;margin-top: 10px}
#newHeader .h_mobile_mid .mobileGnb > li:nth-child(-n + 2){margin-top: 0}
#newHeader .h_mobile_mid .mobileGnb > li:nth-child(2n) {margin-right: 0}

#newHeader .h_mobile_mid .mobileSub {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
}

#newHeader .h_mobile_mid .mobileSub li {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    overflow: hidden;
}

#newHeader .h_mobile_mid .mobileSub li a {
    display: block;
    padding: 10px 15px;
    background: #f5f5f5;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

#newHeader .h_mobile_mid .mobileSub li a span {
    display: block;
    font-size: 12px;
    font-weight: 500;
}
#newHeader .h_mobile_bottom {display: none}
#newHeader .h_mobile_bottom .h_mobile_family {
    padding: 20px 26px;
}

#newHeader .h_mobile_bottom .h_mobile_family strong {
    display: block;
    margin: 0 0 10px 4px;
}

#newHeader .h_mobile_bottom .h_mobile_family ul {
    display: flex;
    justify-content: space-between;
}

#newHeader .h_mobile_bottom .h_mobile_family li {
    width: calc((100% - 15px) / 4);
    height: 62px;
    border: 3px solid #e2e2e2;
    border-radius: 15px;
    text-align: center;
}

#newHeader .h_mobile_bottom .h_mobile_family a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#newHeader .h_mobile_bottom .h_mobile_family li img {
    transform: scale(0.7);
}

#newHeader .h_mobile_sns {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    background: #eeeeee;
}


#newHeader .h_mobile_sns li {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
}

#newHeader .h_mobile_sns li + li {
    margin-left: 10px;
}

#newHeader .h_mobile_sns li a {
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background-position: center center;
    background-repeat: no-repeat;
    transform: scale(0.8);
}

.modal_search_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 5000;
    display: none;
}

.modal_search_wrapper .inner {
    background-color: #fff;
    border-radius: 16px;
    padding: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: fixed;
    box-sizing: border-box
}

.modal_search_wrapper .search_menu .btn_search_close {
    position: absolute;
    top: 16px;
    right: 32px;
    cursor: pointer;
    font-size: 14px;
    color: #38bab2;
}

.modal_search_wrapper .search_menu .btn_search_close>img {
    margin: 0 0 0 5px;
}

.modal_search_wrapper .search_menu>form>input.menu_search {
    float: left;
    width: calc(100% - 70px);
    padding: 20.5px 15px;
    font-size: 18px;
    border: 3px #000;
    border-style: none none solid;
    box-sizing: border-box;
}

.modal_search_wrapper .search_menu>form>input.menu_search:focus {
    outline: none;
}

.modal_search_wrapper .search_menu>form>input[type='submit'] {
    float: left;
    width: 70px;
    height: 70px;
    border: 3px #000;
    border-style: none none solid;
    background: #fff url(https://job.gg.go.kr/resource/images/main/btn_searchbar02.png) no-repeat 50% 50%;
    text-indent: -999999px;
}

.clearfix:after{content: '';display: block;clear: both;}

.modal_search_wrapper .search_menu .search_list {
    width: 100%;
    margin: 50px 0 0 0;
    padding: 0 10px;
}

.modal_search_wrapper .search_menu .search_rank {
    position: relative;
    width: 66.6%;
    border-right: solid 1px #eeeeee;
    float: left;
    padding: 0 30px;
    box-sizing: border-box
}

.modal_search_wrapper .search_menu .search_rank>p.tit {
    font-size: 24px;
    color: #000;
    margin: 0 0 30px 0;
}

.modal_search_wrapper .search_menu .search_rank>ul>li {
    float: left;
    width: 50%;
    margin: 0 0 10px 0;
}

.modal_search_wrapper .search_menu .search_rank>ul>li span.rank {
    color: #38bab2;
    font-size: 14px;
    margin: 0 10px 0 0;
    width: 15px;
    display: inline-block;
}

.modal_search_wrapper .search_menu .search_rank>ul>li span.keyword {
    color: #666666;
    font-size: 14px;
}

.modal_search_wrapper .search_menu .search_tag {
    position: relative;
    width: 33.3%;
    float: left;
    padding: 0 30px;
    
    box-sizing: border-box;
}

.modal_search_wrapper .search_menu .search_tag>p.tit {
    font-size: 24px;
    color: #000;
    margin: 0 0 30px 0;
}

.modal_search_wrapper .search_menu .search_tag>ul {
    display: inline-block;
}

.modal_search_wrapper .search_menu .search_tag>ul>li {
    border: solid 1px #e2e2e2;
    font-size: 14px;
    color: #666666;
    border-radius: 3px;
    padding: 5px 10px;
    float: left;
    margin: 0 10px 10px 0;
}

.modal_search_wrapper .search_menu .search_tag>ul>li>a {
    display: block;
    width: 100%;
    height: 100%;
}

.modal_search_wrapper .search_menu .search-title.layer-box {
    position: absolute;
    background: #fff;
    width: calc(100% - 160px);
    height: auto;
    z-index: 999;
    padding: 20px 20px 10px 20px;
    border: solid 1px #bec8d8;
}

.modal_search_wrapper .search_menu .search-title.layer-box ul li {
    margin: 0 0 10px 0;
    font-size: 18px;
}

.modal_search_wrapper .search_menu .search-title.layer-box ul li strong {
    color: #38bab2;
}

.modal_search_wrapper .search_menu .search-title.layer-box .search_close {
    position: absolute;
    right: 20px;
    width: 21px;
    height: 12px;
    text-indent: -10000px;
    border: none;
    background: url('https://job.gg.go.kr/resource/images/btn_remote_close.png') no-repeat 50% 50%;
}

.modal_search_wrapper .search_menu .search-title.layer-box .btn_g {
    background: #f9fafc;
    padding: 10px 20px;
    margin: 10px -20px -20px -20px;
}

.modal_search_wrapper .search_menu .search-title.layer-box .btn_g button {
    float: right;
    border: none;
    background: none;
    font-size: 14px;
    letter-spacing: -1px;
}

.modal_search_wrapper .search_menu .search-title.layer-box .btn_g button:hover {
    text-decoration: underline;
    font-weight: 700;
}


.visual {position: relative;padding-bottom: 50px}
/* 메인 배너 */
.visual_wrap{position: relative;width: 1200px;margin: auto;}
.visual{margin: 30px 0; padding-bottom: 30px; overflow: hidden;}
.visual.swiper-container {padding-bottom: 30px;}
.visual .swiper-slide{border-radius: 10px;overflow: hidden;}
.visual .swiper-slide > div {position: relative;box-sizing: border-box}
.visual .swiper-slide > div .txt{position: absolute;top: 50%;transform: translateY(-50%);width: calc(100% - 600px)}
.visual .swiper-slide img{margin-left: auto}
.visual .swiper-slide img{display: block;border-radius: 10px;overflow: hidden;width: 100%;}
.visual .swiper-slide .m{display: none;max-width: 100%;}
.visual .swiper-slide .blue_banner{background: #549cf4;color: #fff;}
.visual .swiper-slide .tit{font-size: 40px;font-weight: bold;margin-bottom: 20px}
.visual .swiper-slide .desc{font-size: 18px;color: #fff;}
.swiper_bottom{background: #fff;width: 290px;position: absolute;bottom: 5px;left: 50%; transform: translateX(-50%);box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);height: 50px;z-index: 222;border-radius: 10px;line-height: 1.5}
.swiper_bottom .wrap-autoplay-control button{width:9px;height: 13px;cursor: pointer;border: 0;position: absolute;left: 30px;top: 50%;transform: translateY(-50%);border: 0;display: block;text-indent: -9999px;}
.swiper_bottom .wrap-autoplay-control .swiper-button-pause{background: url(../images/user/stop_btn.png) no-repeat;}
.swiper_bottom .wrap-autoplay-control .swiper-button-play{background: url(../images/user/play_btn.png) no-repeat center;display: none}
.swiper_bottom .swiper-button-prev:after,
.swiper_bottom .swiper-button-next:after{display: none}
.swiper_bottom .swiper-button-prev,
.swiper_bottom .swiper-button-next{width: 14px;height: 12px;top: 50%;transform: translateY(-50%);margin-top: 0}
.swiper_bottom .swiper-button-prev{background: url(../images/user/mv_prev.png) no-repeat;left: 60px;}
.swiper_bottom .swiper-button-next{background: url(../images/user/mv_next.png) no-repeat;left: 90px !important; right: auto}
.swiper_bottom .swiper-pagination{width: 100px;position: absolute;left: auto;right: 50px;top: 50%;transform: translateY(-50%);height: 1px;}
.swiper_bottom .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #1689cf }
.swiper_bottom .swiper-counter{font-size: 13px;}
.swiper_bottom .swiper-counter .count{color: #1689cf;position: absolute;right:157px;top: 50%;transform: translateY(-50%)}
.swiper_bottom .total{position: absolute;right: 30px;top: 50%;transform: translateY(-50%)}

.section{margin: 60px 0}
.mb40{margin-bottom: 40px}
.main_tit{font-size: 24px;font-weight: 600;}

/* 인기 강좌 */
.lecture_list{position: relative;}
.lecture_list .swiper-wrapper{height:auto}
.lt_swiper-button-next,
.lt_swiper-button-prev{width: 17px;height: 52px;text-indent: -9999px;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer}
.lt_swiper-button-next{background: url(../images/user/slide_next.png) no-repeat;right: -50px;}
.lt_swiper-button-prev{background: url(../images/user/slide_prev.png) no-repeat;left: -50px;}
.swiper-button-disabled{opacity: 0.3;cursor:inherit;}
.lecture_list .swiper-container{overflow-x: hidden;overflow-y: visible !important;}
.lecture_list .item{border-radius: 10px;overflow: hidden;border: 1px solid #dddddd;margin-top: 20px;box-sizing: border-box;position: relative}
.lecture_list .item .img{height: 180px;position: relative;}
.lecture_list .item a{display: block;width: 100%;height: 100%;}
.lecture_list .item .img img{display: block;width: 100%;height: 100%;object-fit: cover}
.lecture_list .item .like{position: absolute;right: 20px;top: 20px;}
.like{background: url(../images/user/like_btn.png) no-repeat;width: 20px;height: 17px;text-indent: -9999px;border: 0;cursor: pointer;z-index: 9999;}
.like.like_gray{background: url(../images/user/like_btn_gray.png);width: 21px;}
.like.active{background: url(../images/user/like_btn_active.png) no-repeat;}
.lecture_list .item .text{padding: 20px;position: relative}
.state{display: inline-block;font-size: 12px;background: #ccc;padding: 5px 8px;color: #fff;border-radius: 5px;font-family: '굴림', 'Gulim';position: absolute;left: 20px;top: -10px}
.state.blue{background: #0c92b9;color:#fff !important}
.state_wrap{position: absolute;left: 20px;top: -10px} 
.state_wrap .state{position: static;margin-right: 5px;} 
.lecture_list .item .text .state.orange{background: #b9510c !important}
.lecture_list .item .text .state.green{background: #45b90c;color: #fff !important}
.lecture_list .item .text .tit{font-size: 16px;overflow: hidden;font-weight: 600;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:25px; height:50px;}
.lecture_list .item .text ul{margin-top: 20px}
.lecture_list .item .text ul li{font-size: 14px;color: #888888;padding-left: 25px;position: relative;}
.lecture_list .item .text ul li + li{margin-top: 10px;}
.lecture_list .item .text ul li.date:before{content: '';display: block;background: url(../images/user/date_ico.png) no-repeat;width: 16px;height: 16px;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.lecture_list .item .text ul li.name:before{content: '';display: block;background: url(../images/user/name_ico.png) no-repeat;width: 16px;height: 16px;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.lecture_list .item:hover,
.lecture_list .item:active,
.lecture_list .item:focus{margin-top: 5px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);transition: all 0.3s}

/* 리얼후기 */
.review_area{position: relative;}
.review_area .lt_swiper-button-next, 
.review_area .lt_swiper-button-prev{margin-top: 16.5px}
.review_area .swiper-container{overflow: hidden}
.review_area .rate{background: url(../images/user/star_bg.png) no-repeat;width: 86px;height: 13px;position: relative;}
.review_area .rate span{position: absolute;background: url(../images/user/star.png);width: auto;height: 13px;}
.review_area .item{background: #f8f8f8;padding: 20px;border-radius: 10px;border: 1px solid #dddddd;margin-top: 50px;box-sizing: border-box;height: auto}
.review_area .img{width: 65px;height: 65px;border-radius: 50%;position: absolute;top: -32.5px}
.review_area .top{display: flex;justify-content: space-between;margin-left: 80px;align-items: center;margin-bottom: 20px}
.review_area .tit{font-size: 13px;color: #0082cc;margin-bottom: 10px;}
.review_area .desc{font-size: 16px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height:25px; max-height:75px;overflow: hidden}

/*공지사항*/
.notice_tit{margin-bottom: 30px;text-align: center;display: flex;align-items: center;justify-content: center;}
.notice_tit h3{margin-left: auto;margin-bottom:0}
.notice_tit .more{background: url(../images/user/plus.png) no-repeat;width: 20px;height: 20px;text-indent: -9999px;display: block;transition: all 0.3s;margin-left: auto;}
.notice_tit .more:hover,
.notice_tit .more:active,
.notice_tit .more:focus{transform: rotate(30deg)}

/* .notice{display: flex;}
.notice .item{border: 1px solid #dddddd;border-radius: 10px;width: calc(33.333% - 13.333px);margin-right: 20px;}
.notice .item a{display: block;padding: 20px;}
.notice .item:last-child{margin-right: 0}
.notice .item .tit{font-weight: 500;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:25px; max-height:50px;overflow: hidden;margin-bottom: 15px;}
.notice .item .date{font-size: 14px;color: #888888}
.notice .item:hover .tit,
.notice .item:active .tit,
.notice .item:focus .tit{text-decoration: underline} */
.notice .item{border: 1px solid #dddddd;border-radius: 10px;}
.notice .item a {display: block;padding: 20px;}
.notice .item .tit{font-weight: 500; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height:25px; max-height:50px;overflow: hidden;margin-bottom: 15px;}
.notice .item .date{font-size: 14px;color: #888888}
.notice .item:hover .tit,
.notice .item:active .tit,
.notice .item:focus .tit{text-decoration: underline}

/* 배너 */
.area_banner{display: flex;margin-bottom: 20px}
.area_banner div{background: #d9e2fe;border-radius: 10px;overflow: hidden;margin-right: 20px;width: calc(50% - 10px)}
.area_banner div:last-child{margin-right: 0}
.area_banner div img{display: block;width: 100%}

/* 뉴스레터 */
.newsletter{background: url(../images/user/newsletter_img.png) no-repeat right 60px center #d9e2fe;  ;padding: 50px 40px;border-radius: 10px;}
.newsletter .tit{font-size: 20px;font-weight: 500;}
.newsletter .desc{margin: 20px 0}
.newsletter .input_wrap{display: flex;}
.newsletter .input_wrap input{font-family: 'Noto sans KR';border: 0;height: 40px;padding: 20px 15px;box-sizing: border-box;border-radius: 5px;width: 500px;margin-right: 10px;font-size: 16px}
.newsletter .input_wrap input::placeholder{color: #dddddd;}
.newsletter .input_wrap  button{background: #2b45ca;color: #fff;font-weight: 500;font-family: 'Noto Sans Kr';width: 150px;border-radius: 5px;border: 0;cursor: pointer;font-size: 16px}

/* footer */
#newFooter .nfooter_top {
    background: #fff;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin-top: 15px;
}

#newFooter .f_util {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 13px 0;
}

#newFooter .f_nav {
    display: flex;
}

#newFooter .f_nav li a {
    color: #444;
    font-size: 14px;
}

#newFooter .f_nav li + li::before {
    background: #444;
}

#newFooter .f_nav li {
    position: relative;
}

#newFooter .f_nav li + li {
    margin-left: 15px;
    padding-left: 15px;
}

#newFooter .f_nav li + li::before {
    content: '';
    display: block;
    width: 1px;
    height: 8px;
    position: absolute;
    top: 10px;
    left: 0;
    background: #ddd;
}

#newFooter .nfooter_top .f_sns {
    position: absolute;
    right: 10px;
}

#newFooter .f_sns {
    display: flex;
}

#newFooter .f_sns li + li {
    margin-left: 4px;
}

#newFooter .f_sns li a {
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#newFooter .f_sns li a.blog {
    background-image: url(../images/user/icon_sns_01.png);
}

#newFooter .f_sns li a.face {
    background-image: url(../images/user/icon_sns_02.png);
}

#newFooter .f_sns li a.insta {
    background-image: url(../images/user/icon_sns_03.png);
}

#newFooter .f_sns li a.youtu {
    background-image: url(../images/user/icon_sns_04.png);
}

#newFooter .f_sns li a.app {
    background-image: url(../images/user/icon_sns_05.png);
}

#newFooter .f_sns li a.play {
    background-image: url(../images/user/icon_sns_06.png);
}

#newFooter .f_btn_wrap {
    display: block;
    text-align: center;
}
#newFooter .f_btn_wrap.active{
    margin-bottom: 30px;}
#newFooter .f_btn_wrap .footer_btn {
    display: block;
    width: 100%;
    padding: 10px 0;
    border: none;
    background: #fff;
}

#newFooter .f_btn_wrap .footer_btn span {
    position: relative;
    color: #000;
}

#newFooter .f_btn_wrap .footer_btn span + span {
    margin-left: 60px;
}

#newFooter .f_btn_wrap .footer_btn span + span::before {
    content: '';
    display: block;
    width: 12px;
    height: 7px;
    position: absolute;
    top: 50%;
    left: -35px;
    transform: translateY(-50%);
    background: url(../images/user/icon_arrow.png) no-repeat;
    transition: all 0.3s;
}

#newFooter .f_btn_wrap .footer_btn.active span + span::before {
    transform: rotate(180deg);
    margin-top: -5px;
}

#newFooter .f_business .f_logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#newFooter .f_business .f_sns {
    display: none;
}

#newFooter .f_enquiry {
    margin-top: 20px;
    padding: 20px;
    background: #F7F7F7;
    border-radius: 10px;
}

#newFooter .f_enquiry dl {
    display: flex;
    color: #3e332e;
}

#newFooter .f_enquiry dl:nth-child(1) {
    margin-bottom: 10px;
}

#newFooter .f_enquiry dl:nth-child(1) dt {
    color: #010101;
    font-weight: bold;
}

#newFooter .f_enquiry dl:nth-child(1) span {
    display: inline-block;
}

#newFooter .f_enquiry dt {
    flex-shrink: 0;
    min-width: 110px;
    margin-right: 10px;
}

#newFooter .f_address {
    padding: 20px 0;
}

#newFooter .f_address .f_addr {
    display: none;
    color: #838282;
    font-size: 13px;
    letter-spacing: -1px;
}

#newFooter .footer_wrap {
    display: none;
}

/*-- 회원가입 --*/
.join_form{margin-top: 80px;max-width: 800px;width: calc(100% - 40px);margin-left: auto;margin-right: auto;}
.join_form .tit{font-size: 24px;text-align: center;font-weight: bold}
.join_form .step_area{display: flex;justify-content: center;margin-top: 60px;border-bottom: 1px solid #dddddd;margin-bottom: 30px;padding-bottom: 30px;}
.join_form .step_area .item{padding:  20px;background: #fff;border: 1px solid #dddddd;;border-radius: 10px;display: flex;align-items: center;position: relative;margin-right: 150px;}
.join_form .step_area .item > span{width: 45px;height: 45px;border-radius: 50%;border: 1px solid #dddddd;margin-right: 10px}
.join_form .step_area .item .txt{color: #888;}
.join_form .step_area .item .txt span{font-size: 12px;margin-bottom: 10px;display: block;}
.join_form .step_area  .item:after{content: ''; display: block;width: 50px;height: 10px;border-bottom: 10px dotted #dddddd;position: absolute;right: -98px;}
.join_form .step_area  .item:last-child{margin-right: 0}
.join_form .step_area  .item:last-child:after{display: none}
.join_form .step_area .item .txt p{font-size: 16px;font-weight: 500;}
.join_form .step_area .item01 > span{background: url(../images/user/join_step_ico01.png) no-repeat center;}
.join_form .step_area .item02 > span{background: url(../images/user/join_step_ico02.png) no-repeat center;}
.join_form .step_area .item03 > span{background: url(../images/user/join_step_ico03.png) no-repeat center;}
.join_form .step_area .item01.active > span{background: url(../images/user/join_step_ico01_active.png) no-repeat center #fff;}
.join_form .step_area .item02.active > span{background: url(../images/user/join_step_ico02_active.png) no-repeat center #fff;}
.join_form .step_area .item03.active > span{background: url(../images/user/join_step_ico03_active.png) no-repeat center #fff;}
.join_form .step_area .item.active{border: 1px solid #fff;background: #00c57d}
.join_form .step_area .item.active .txt{color: #fff;}
/* check box css*/
input[type=checkbox] + label { display: block;cursor: pointer;}
input[type=checkbox] {display: none;}
input[type=checkbox] + label:before {background:#fff;content:'✔';border: 0.1em solid #dddddd;border-radius: 0.2em; display: inline-block;width: 20px;height: 20px; margin-right: 10px;vertical-align: bottom;color: transparent;transition: .2s;padding-left: 2px;box-sizing: border-box;vertical-align: middle;margin-top: -3px;text-align:center;}
input[type=checkbox]:checked + label:before {color: #0082cc;}

/* radio */
.radio {position: relative;}
.radio input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.radio input[type="radio"] + label {display: inline-block;position: relative;padding-left: 20px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.radio input[type="radio"] + label:before {content: '';position: absolute;left: 0;top: 2px;width: 16px;height: 16px;text-align: center;background: #fff;border: 1px solid #dddddd;border-radius: 100%;}
.radio input[type="radio"]:checked + label:after {content: '';position: absolute;top: 5px;left: 3px;width: 10px;height:10px;background: #0082cc;border:1px solid #0082cc;border-radius: 100%;}

.join_form .terms_area{margin-top: 30px;}
.join_form .f18{margin-bottom: 10px;}
.join_form .terms_cont{border: 1px solid #dddddd;padding: 10px;border-radius: 10px;height: 125px;overflow-y: auto;color: #888;margin-bottom: 15px;}
.join_form .terms_area label{font-size: 14px;} 
.check_wrap{display: flex;}
.check_wrap li{margin-right: 50px;}
.check_wrap li:last-child{margin-right: 0}
.reference_mark{position: relative;padding-left: 20px}
.reference_mark:before{content: '\203B';display: block;position: absolute;left: 0;top: 0}
.join_form .join_btn{text-align: center;margin-top: 60px;}
.join_form .join_btn button{width: 100px;padding: 11px;border: 0;border-radius: 5px;font-size: 16px;margin-right: 10px;font-family: 'Noto Sans KR'}
.join_form .join_btn button:last-child{margin-right: 0}
.join_form .join_btn button.gray_btn{background: #dddddd;color: #888888;}
.join_form .join_btn button.blue_btn{background: #0082cc;color: #fff}

.join_form .input_area{padding: 0 14px}
.join_form .input_area > .item{margin-bottom: 30px;}
.join_form .input_area > .item:last-child{margin-bottom: 0}
.join_form .input_area > .item *{display: block;}
.join_form .input_area > .item label{font-size: 16px;margin-bottom: 5px;font-weight: 500}
.join_form .input_area > .item input{border: 0;padding:10px 0;width: 100%;font-size: 16px;font-family: 'Noto Sans KR';border-bottom: 1px solid #eaeaea;}
.join_form .input_area > .item input::placeholder{color: #cccccc;}
.join_form .input_area > .item .f14{margin-top: 10px;}
.join_form .input_area .id_wrap{display: flex;border-bottom: 1px solid #eaeaea;}
.join_form .input_area .id_wrap input{border-bottom: 0}
.join_form .input_area .id_wrap button{width: 80px;border-radius: 5px;height: 30px;background: #f8f8f8;color: #888888;font-size: 14px;border: 1px solid #ddd;font-family: 'Noto Sans KR';cursor: pointer}
.join_form .join_complete .f16{margin-top: 60px;line-height: 1.8;font-weight: 500}
.join_form .join_complete .gray_box{display: inline-block;margin-top: 30px;}
.pass_reset{max-width: 600px;}
.pass_reset .input_area{margin-top: 30px;}
.pass_reset .big_btn {text-align: center;margin-top: 60px;font-family: 'Noto Sans KR';}
.pass_reset .big_btn button{font-size: 18px;border: 0;font-family: 'Noto Sans KR';padding: 13px;max-width: 350px;width: 100%;;border-radius: 5px;}
.green_btn{background: #00c57d;color: #ffffff}

/* 로그인 & 회원가입 */
.login_wrap{max-width: 560px;margin: auto;border: 1px solid #ececec;box-shadow: 0 1px 2px rgba(191, 191, 191, 0.2);margin-top: 60px}
.login_wrap .logo_area{background: #fafafa;text-align: center;padding: 50px 20px}
.login_banner{max-width: 560px;width: 100%;margin: 30px auto 0 auto}
.login_banner img{width: 100%;}
.login_wrap .cont_area{padding: 50px 60px}
.login_wrap .login_box div{border-bottom: 1px solid #eaeaea;display: flex;align-items: center;margin-bottom: 10px}
.login_wrap .login_box div:last-child{margin-bottom: 10px}
.login_wrap .login_box span{width: 30px;}
.login_wrap .login_box .id{background: url(../images/user/id_ico.png) no-repeat left center;height: 28px;}
.login_wrap .login_box .pw{background: url(../images/user/pw_ico.png) no-repeat left center;height: 26px;}
.login_wrap .login_box input{border: 0;font-size: 16px;padding: 17px 0;width: calc(100% - 30px) }
.login_wrap .login_box input::placeholder{color: #cccccc;}
.login_wrap .check_area{text-align: right;font-size: 14px;}
.blue_btn{background: #0082cc;color: #fff !important;}
.blue_btn:hover,
.blue_btn:active,
.blue_btn:focus{color: #fff !important;}
.gray_btn{background: #dddddd;color: #888888;}
.gray_btn:hover,
.gray_btn:active,
.gray_btn:focus{color:inherit !important}

/* 과제 팝업 */
.fj_pop .table_wp03{margin-top:10px}
.fj_pop .pane-content{padding:0}
.fj_pop #top-pane,
.fj_pop #right-pane{width:100% !important;position:relative !important;height:629px !important}
.fj_pop #vertical{border:0;height:auto}
.fj_pop .k-pane.k-scrollable,
.fj_pop #right-pane{}
.fj_pop .k-splitter.k-scrollable {overflow:visible;height:auto}
.fj_pop h4{margin-bottom:10px;font-weight:500}
.fj_pop #dtl_edu_cont{margin-bottom:20px;box-sizing:border-box}
.fj_pop #right-pane{position:relative;height:auto}
.fj_pop .pop_btn{padding-bottom:20px}

.big_btn{border: 0;width: 100%;display: block;margin-top: 30px;padding: 15px;border-radius: 5px;font-size: 18px;font-weight: 400;border: 0;}
.login_wrap input[type="text"]:hover,
.login_wrap input[type="password"]:hover{border: 0}
.login_wrap button{cursor: pointer}
.login_wrap .sub_area{display: flex;justify-content:space-between;margin-top: 20px;}
.login_wrap .sub_area a{font-size: 16px;color: #888888;}
.login_wrap .sub_area .look_box{display: flex;}
.login_wrap .sub_area .look_box a{position: relative;margin-right: 10px;padding-right: 10px;}
.login_wrap .sub_area .look_box a:last-child{padding-right: 0;margin-right: 0;}
.login_wrap .sub_area .look_box a:after{content: '';display: block;width: 1px;height: 20px;background: #dddddd;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.login_wrap .sub_area .look_box a:last-child:after{display: none;}
.container{max-width: 1200px;width: calc(100% - 40px);margin: auto;padding-top:0 !important}

/* 팝업 */
.shadow{background: rgba(0, 0, 0, 0.33);width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 9999;display: none}
.popup{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 99999;max-width: 560px;width: calc(100% - 40px);display: none}
.popup .pop_head{background: #0082cc;color: #fff;padding: 15px;display: flex;justify-content: space-between;align-items: center;font-size: 16px;}
.popup .pop_head .close_btn{background: url(../images/user/pop_close.png) no-repeat;width: 18px;height: 18px;text-indent: -9999px;}
.popup .pop_cont {background: #fff;padding: 50px 60px;max-height:calc(100vh - 100px);overflow-y: auto}
.popup .pop_cont.pop_cont02{padding: 20px;}
.popup .btn_two {display: flex;margin-top: 30px;justify-content: space-between;}
.popup .btn_two a{width: calc(50% - 5px);text-align: center;padding: 15px;box-sizing: border-box;border-radius: 5px;font-size: 16px;font-weight: 500;display: flex;justify-content: center;align-items: center;word-break: keep-all}

/*window_pop 팝업*/
.window_pop{display: block;position: relative;left: 0;top:0;transform: none;width: 100% !important;max-width: 100% !important;}
.window_pop.popup .pop_cont{max-height: 100%;overflow-y:visible}

/* 아이디&비밀번호 찾기 */
.pop_tit{font-size: 24px;color: #333;text-align: center;font-weight: 500;margin-bottom: 30px}
.id_find > div{border-bottom: 1px solid #dddddd;margin-top: 25px;}
.id_find > div:first-child{margin-top: 0}
.id_find > div:last-child{margin-bottom: 10px}
.id_find label{display: block;font-weight: 500;color: #000;font-size: 16px;margin-bottom: 5px}
.id_find input{padding: 10px 0;border:0;font-size:16px; text-indent: 0;width: 100%}
.id_find input::placeholder{color: #cccccc;}
.desc{font-size: 14px ;color: #888888}
.green_btn{background: #00c57d;color: #fff;}
.popup .id_complete p{text-align: center;line-height: 26px;font-size:16px; color: #888888;}
.popup .border{border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;padding: 30px 0}
.popup .id_complete .blue{color: #0082cc;font-weight: 500}
.popup .desc.tct.f16 {margin-top: 20px;}

/* 비밀번호 재설정 */
.pw_reset .id_find div{margin-bottom: 10px;}
.pw_reset .id_find div:nth-child(3){margin-top: 30px}
.pw_reset .id_find div label{font-size: 16px}

/*.list_wrap*/
.list_wrap{display: flex;margin: 60px 0;}
.snb{width: 250px;margin-right: 50px;}
.snb .tit{font-size: 20px;font-weight: bold;padding-bottom: 30px;border-bottom: 2px solid #000;}
.snb  li.active > a{color: #0082cc;font-weight: 500}
.snb > ul > li > a{padding: 14px 10px;display: block;border-bottom: 1px solid #eaeaea;position: relative}
.snb > ul > li > a:only-child:after{display: none;}
.snb > ul > li > a:after{content: '';display: block;background: url(../images/user/snb_arrow.png) no-repeat;width: 9px;height: 17px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%)}
.snb  ul > li.active > a:after{transform: rotate(90deg);margin-top: -8px;}
.snb li.active ul{display: block;}
.snb ul li a:hover{color: #0082cc;font-weight: 500}
.snb > ul li > ul{background: #f9fafc;padding:  0 20px;border-bottom: 1px solid #eaeaea;display: none;} 
.snb > ul li > ul li a{padding: 10px 0;display: block;border-bottom: 1px solid #ffffff;font-size: 14px;color: #888888;}
.content{width: calc(100% - 300px);}

/* 나의 강의실 */
.mp_lecture hr{border: 0;border-bottom: 2px solid #dddddd;margin-bottom: 30px;} 
.mp_lecture .mpl_top{display: flex;justify-content: space-between;margin-bottom: 60px;}
.mp_lecture .mpl_top > .item{width: calc(50% - 10px);margin-right: 20px;;background: #f9fafc;border-radius: 10px;border: 1px solid #eaeaea;padding: 20px;}
.mp_lecture .mpl_top > .item:last-child{margin-right: 0}
.mp_lecture .mpl_top > .item .tit{margin-top: 10px;font-weight: 500;}
.mp_lecture .mpl_top > .item .progress_top{display: flex;justify-content: space-between;margin-top: 66px;}
.mp_lecture .mpl_top > .item .progress_area{height: 10px;border: 1px solid #dddddd;background: #fff;margin-top: 10px;border-radius: 10px;overflow: hidden;}
.mp_lecture .mpl_top > .item .progress_area span{display: block;background: #00c57d;height: 100%;border-radius: 10px}
.mp_lecture .mpl_top > .item .btn_area{margin-top: 30px;}
.mp_lecture .mpl_top > .item ul {margin-top:30px; }
.mp_lecture .cont_list li{display: flex;align-items: center;font-size: 14px;margin-bottom: 10px;}
.cont_list li strong{background: #ebeaea;padding: 8px 0;border-radius: 5px;margin-right: 10px;width: 78px;text-align: center;box-sizing: border-box}

/* 탭메뉴 */
.tabs{margin-bottom: 30px;overflow-y: auto}
.tabs ul {min-width: 100%;display: flex;table-layout: fixed;padding:0}
.tabs li:nth-child(1){border-left: 1px solid #eaeaea}
.tabs li {flex: 1;background: #fff;border-top: 1px solid #eaeaea;border-right: 1px solid #eaeaea;padding: 10px;border-bottom: 1px solid #0082cc;text-align: center;border-radius: 10px 10px 0 0  ;vertical-align: middle;word-break: keep-all;white-space: nowrap}
.tabs li.active {background: #fff;border-top: 1px solid #0082cc;border-left: 1px solid #0082cc; border-right: 1px solid #0082cc;border-bottom: 0;}
.tabs li.active a {color: #0082cc;font-weight: 500;}
.tabs li a {font-size: 16px;color: #888888;display: block;width: 100%;height: 100%;vertical-align: middle}

.mp_lecture .mp_lecture_list .item{border: 1px solid #eaeaea;padding:20px;border-radius: 10px;margin-top: 20px;box-sizing: border-box}
.mp_lecture .mp_lecture_list .item:first-child{margin-top: 0}
.mp_lecture .state{display: inline-block;font-size: 12px;background: #ccc;padding: 5px 8px;color: #fff;border-radius: 5px;font-family: '굴림', 'Gulim';position: static;}
.state.blue{background: #0c92b9;}
.state.orange{background: #b9510c}
.state.green{background: #45b90c;color: #fff !important}
.mp_lecture .mp_lecture_list .item .top{display: flex;justify-content: space-between;}
.mp_lecture .mp_lecture_list .item .more_area{position: relative;}
.mp_lecture .mp_lecture_list .item .more_btn{background: url(../images/user/more.png) no-repeat;width: 26px;height: 6px;text-indent: -9999px;display: block;}
.mp_lecture .mp_lecture_list .item .more_cont{background: #fff;position: absolute;right: -75px;top: 15px;width: 100px;border: 1px solid #eaeaea;text-align: center;border-radius: 10px;display: none;z-index: 99999}
.mp_lecture .mp_lecture_list .item .more_cont.active{display: block;}
.mp_lecture .mp_lecture_list .item .more_cont li {border-bottom: 1px solid #eaeaea;}
.mp_lecture .mp_lecture_list .item .more_cont li:last-child{border-bottom: 0}
.mp_lecture .mp_lecture_list .item .more_cont li a{display: block;padding: 5px 10px;font-size: 14px;color: #888888;}
.mp_lecture .mp_lecture_list .item .more_cont li a:hover,
.mp_lecture .mp_lecture_list .item .more_cont li a:active,
.mp_lecture .mp_lecture_list .item .more_cont li a:focus{font-weight: bold}
.mp_lecture .mp_lecture_list .tit_area{display: flex;justify-content: space-between;padding: 15px 0;border-bottom: 1px solid #cccccc;margin-bottom: 20px;}
.mp_lecture .mp_lecture_list .tit_area .tit{font-weight: 500;width: calc(100% - 50px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.mp_lecture .mp_lecture_list .middle{display: flex;justify-content:space-between}
.mp_lecture .mp_lecture_list .middle .cont_list{width: calc(100% - 180px);display: flex;flex-wrap: wrap;}
.mp_lecture .mp_lecture_list .middle .cont_list > li{width: calc(50% - 7.5px);margin-right: 15px;}
.mp_lecture .mp_lecture_list .middle .cont_list > li:nth-child(2n){margin-right: 0}
.mp_lecture .mp_lecture_list .middle .cont_list > li p{display:flex;align-items:center;}
.mp_lecture .mp_lecture_list .middle .cont_list > li p button{margin-left:10px}
.mp_lecture .mp_lecture_list .middle a{display: flex;justify-content: center;align-items: center;text-align: center;border-radius: 5px;word-break: keep-all;width: 150px;}
.mp_lecture .mp_lecture_list .bottom{background: #f9fafc;padding: 5px 10px;border: 1px solid #eaeaea;display: flex;align-items: center;justify-content: space-between;margin-top: 20px;border-radius: 5px}

/* 페이징 */
.paging{display: flex;justify-content: center;margin-top: 30px;align-items: center;}
.paging li a{width: 30px;height: 30px;display: block;border-radius: 5px;margin-right: 5px;display: flex;justify-content: center;align-items: center;}
.paging li:last-child a{margin-right: 0;}
.paging li.arrow a{border: 1px solid #dddddd;text-indent: -9999px;}
.paging li.active a{background: #0082cc;color: #fff !important}
.paging li.first a{background: url(../images/user/paging_first.png) no-repeat center}
.paging li.prev a{background: url(../images/user/paging_prev.png) no-repeat center}
.paging li.next a{background: url(../images/user/paging_next.png) no-repeat center}
.paging li.last a{background: url(../images/user/paging_last.png) no-repeat center}
.m_paging{display: none;justify-content: center;margin-top: 30px;align-items: center;}
.m_paging a{width: 25px;height: 25px;border-radius: 5px;text-indent: -9999px;border: 1px solid #ddd;display: flex;justify-content: center;align-items: center}
.m_paging .prev{background: url(../images/user/paging_prev.png) no-repeat center;background-size: 5px}
.m_paging .next{background: url(../images/user/paging_next.png) no-repeat center;background-size: 5px}
.m_paging p {margin: 0 10px;font-size: 14px}
.m_paging p .cut {font-weight: bold;color: #0082cc}

/* 수료증 팝업 */
.cert_pop .cert_area{height: calc(100vh - 300px);overflow-y: auto;width: 100%;background: #d8d8d8;margin-top: 30px;}

/* 수강후기 팝업 */
.review_pop .tit{margin-top: 15px;padding-bottom: 15px;}
.review_pop .cont_list{display: flex;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding: 15px 0;}
.review_pop .cont_list li{margin-bottom: 0}
.review_pop .cont_list li:nth-child(1){margin-right: 75px;}
.review_pop .rate_wrap{display: flex;align-items: center;padding: 15px 0}
.review_pop .rate_wrap .rate{background: none;width: 110px;display: flex;align-items: center;flex-direction: row-reverse}
.review_pop textarea{width: 100%;border: 1px solid #eaeaea;height: 200px;resize: none;padding: 10px;box-sizing: border-box}
.pop_btn{text-align: center;margin-top: 20px;}
/* 별점 */
/* Ratings widget */
.rate { display: inline-block;border: 0;margin-right: 15px;}
.rate > input {display: none;}
.rate > label {float: right;color: #ddd}
.rate > label:before {display: inline-block;font-size: 1rem;padding: .3rem .2rem;margin: 0;cursor: pointer;font-family: FontAwesome;content: "\f005 ";}
.rate .half:before {content: "\f089 "; position: absolute;padding-right: 0;}
.rate input:checked ~ label, 
.rate label:hover,.rate label:hover ~ label { color: #f73c32 !important;  } 
.rate input:checked + .rate label:hover,
.rate input input:checked ~ label:hover,
.rate input:checked ~ .rate label:hover ~ label,  
.rate label:hover ~ input:checked ~ label { color: #f73c32 !important;  } 

/*테이블*/
.table_style01 table{width: 100%}
.table_style01 table thead{border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc}
.table_style01 table tr{border-bottom: 1px solid #ccc;}
.table_style01 table th,
.table_style01 table td{padding: 10px;}
.table_style01 table th{font-size: 16px;background: #f9fafc;font-weight: 500}
.table_style01 table td{font-size: 14px;text-align: center;vertical-align:middle}
.table_style01 table .question{cursor:pointer}
.table_style01 table .question .tit,
.table_style01 table .answer td{text-align:left}

/* 게시판 검색 */
.notice_top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
.notice_top .notice_search{border: 1px solid #dddddd;border-radius: 10px;overflow: hidden;display: flex;justify-content:space-between}
.notice_top .notice_search form{width:100%}
.notice_top .notice_search input,
.notice_top .notice_search button{border: 0;}
.notice_top .notice_search input{padding: 10px;font-size: 14px;height: 40px;box-sizing: border-box;width:calc(100% - 61px)}
.notice_top .notice_search fieldset{display:flex;justify-content:space-between}
.notice_top .notice_search input::placeholder{color: #cccccc;}
.notice_top .notice_search button{font-size: 14px;color: #888888;padding: 10px 15px;border-left: 1px solid #ddd;background: #eaeaea;height: 40px;cursor: pointer}
.notice_top.in_slt .cntnSearch{display:flex;margin-left:auto;}
.notice_top.in_slt select{margin-left:10px;padding:9.2px 40px 9.2px 10px;border-radius:10px;border:1px solid #ddd}


/* 마이페이지 회원정보 */
.input_style{border: 1px solid #eaeaea;padding: 5px 10px;font-size: 14px;box-sizing: border-box;border-radius: 0;max-width: 100%}
.tel_input{display: flex;}
.tel_input input{max-width: 90px;width: calc(33.333% - 3.333px);text-align: center;margin-right: 5px;}

/* 비밀번호변경 팝업*/
.pasPop .join_form{margin-top: 0;width: 100%;}
.pasPop .join_form .f14{word-break: keep-all}

/* row 테이블*/
.table_style01.row_table th,
.table_style01.row_table td{padding: 15px 20px;vertical-align: middle}
.table_style01.row_table tr:nth-child(1){border-top: 1px solid #ccc}


.notice_top .fr{display: flex;align-items: center; float: initial !important;}
.notice_top .fr .select_style{padding: 10px 50px 10px 10px;border-radius: 10px;margin-right: 10px;border: 1px solid #dddddd}

/* select box */
.select_style {
padding: 5.5px 40px 5.5px 10px; 
border: 1px solid #eaeaea;font-family: 'Noto Sans KR';
background: url(../images/user/select_arrow.png) no-repeat right 10px center;; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none;appearance: none;box-sizing: border-box;color: #333}
.select_styleselect::-ms-expand {display: none;}

/* 회원탈퇴 */
.white_box{border: 1px solid #eaeaea;border-radius: 10px;padding: 20px;box-sizing: border-box}
.secession input,
.secession select{max-width: 250px;width: 100%;}

.m_show{display: none}

/* 작성버튼 */
.write_btn{position: relative;margin-top: 30px;}
.write_btn .paging{margin-top: 0}
.write_btn .green_btn{position: absolute;right: 0;top: 50%;transform: translateY(-50%)}

/* 공지사항 */
.view_down a + a{margin-left: 30px;}
.notice_view_cont{margin-top: 30px;padding-bottom: 60px;border-bottom: 1px solid #dddddd;}
.notice_view_cont img{max-width: 100%}
.notice_view_btn{display: flex;justify-content: space-between;margin: 20px 0 30px 0}
.notice_view_btn a + a{margin-left: 5px;}
.comment_area{display: flex;margin-bottom: 30px;}
.comment_area textarea{border: 1px solid #eaeaea;resize: none;height: 80px;border-radius: 5px;width: calc(100% - 130px);margin-right: 10px;padding: 10px;font-size:16px}
.comment_area button{border: 0;font-size: 16px;border-radius: 5px;width: 120px;cursor: pointer}
.comment_top{margin-bottom: 10px;}
.comment_list .item{border-top: 1px solid #dddddd;padding: 20px 0}
.bt_wrap{display: flex;justify-content: space-between;margin-top: 20px;align-items: center}
.comment_list .item:last-child{border-bottom: 1px solid #dddddd;}
.comment_list .item.reply{padding-left: 40px;position: relative;}
.comment_list .item.reply:before{content: '';display: block;background: url(../images/user/reply_ico.png) no-repeat;width: 16px;height: 13px;position: absolute;left: 10px;top: 20px}
.bt_wrap .dnn{display: flex;}
.bt_wrap .dnn li{padding-right: 10px;margin-right: 10px;position: relative;}
.bt_wrap .dnn li:last-child{padding-right: 0;margin-right: 0}
.bt_wrap .dnn li:after{content: '';width: 1px;height: 15px;background: #888888;display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.bt_wrap .dnn li:last-child:after{display: none}
.bt_wrap .bt_btn a + a{margin-left: 10px;}

.notice_view .table_style01.row_table th,
.notice_view .table_style01.row_table td{padding: 10px 15px;}

/* 공지사항 작성 */
.tit_wrap{display: flex;align-items: center;}
.tit_wrap input{margin-right: 20px;width: calc(100% - 90px);}
.tit_wrap div{margin-top: 3px;}
.input-file { position:relative; overflow:hidden;  padding:0;display:block;max-width:100%;cursor:pointer;}
.input-file .btn { white-space:nowrap; display:inline-block; vertical-align:top;}
.input-file ins {white-space:nowrap; display: block;max-width:100%; overflow:hidden; text-overflow:ellipsis;font-size:14px;margin-top: 5px;}
.input-file:after { content:"";display:block; clear:both; } 
.input-file input {width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;top:-100px;z-index:-1;}
.input-file02{display: block;}
.input-file02 .file-block{display: block;margin-top: 10px;color: #888;font-size: 14px;}
.input-file02 .file-block:last-child{border-bottom: 1px solid #eaeaea;padding-bottom: 10px;}
.input-file02 .file-block .name{margin-top: 5px;display: inline-block}
.input-file02 .file-block .del{display: inline-block;text-indent: -9999px;background: url(../images/user/file_del.png) no-repeat;width: 16px;height: 16px;margin-left: 10px;cursor: pointer}
.notice_write .trt a + a{margin-left: 5px;}

/*faq*/
.faq_wrap .answer td{padding: 0;background: #f2f4f6;}
.faq_wrap .table_style01  .answer{border-bottom: 0 !important;padding: 0}
.faq_wrap .answer img{max-width: 100%;}
.faq_wrap .answer.active tr{border-bottom: 1px solid #ccc;}
.faq_wrap .answer td div{display: none;padding: 20px;}
.faq_btn{display:flex;margin-top:15px;justify-content:center}
.faq_btn button{border:0;padding:5px 20px;border-radius:5px;font-size:15px;}
.faq_btn li + li {margin-left:10px;}

/* 교육과정 목록 */
.lecture_sub_list .lecture_list{display: flex;flex-wrap: wrap;}
.lecture_sub_list .lecture_list .item{width: calc(33.333% - 13.333px);margin-right: 20px;margin-top: 20px;}
.lecture_sub_list .lecture_list .item:nth-child(3n){margin-right: 0}
.lecture_list .item .text .state.state02{left: 80px;}
.orange_st {background: #f3551e !important;}
.gray_st {background: #bbbbbb !important;}


/* 사용자 교육과정 */
.lecture_view .lv_tit{position: relative;}
.lecture_view .lv_tit .state{position: sticky;}
.tit_wrap02{display: flex;justify-content: space-between;margin: 10px 0 10px 0;border-bottom: 2px solid #cccccc;padding-bottom: 20px;align-items: center;}
.tit_wrap02 .tit{font-size: 20px;font-weight: 500;}
.lecture_view .lv_tit .tit{width: calc(100% - 100px); margin-bottom: 10px; font-size: 20px;}
.lecture_view .lv_tit .ico_set {display: flex;align-items: center;}
.lecture_view .lv_tit .ico_set li + li{margin-left: 20px;}
.like_gray2{background: url(../images/user/like_btn_gray2.png);}
.lecture_view .lv_tit .ico_set .share{position: relative;}
.lecture_view .lv_tit .ico_set .share > a{background: url(../images/user/share_icon.png) no-repeat;width: 18px;height: 19px;text-indent: -9999px;display: block}
.lecture_view .lv_tit .share_layer{position: absolute;background: #fff;border: 1px solid #eaeaea;padding:5px 10px;right: 0;z-index: 22222;border-radius: 5px;left: 0;bottom: -45px;width: 176px;box-sizing: border-box;display: none}
.lecture_view .lv_tit .share_layer .flex{display: flex;align-items: center;}
.lecture_view .lv_tit .share_layer a{margin-right: 10px;vertical-align: middle}
.lecture_view .lv_tit .share_layer a img{display: block;}
.lecture_view .lv_tit .share_layer .facebook{margin-top: -2px;}
.lecture_view .lv_tit .share_layer a:last-child{margin-right: 0}
.lecture_view .lv_header{display: flex;}
.lecture_view .lv_header .left{width: 500px;}
.lecture_view .lv_header .left .img{border-radius: 10px;overflow: hidden;}
.lecture_view .lv_header .left .img img{display: block;width: 100%;height: 100%;}
.lecture_view .lv_header .rating_wrap{background: #f9fafc;margin: 20px 0;border:1px solid #eaeaea;display: flex;justify-content: space-between;padding: 15px;border-radius: 10px;}
.lecture_view .lv_header .rating_wrap .go_review a{position: relative;padding-right: 20px;background: url(../images/user/lt_arrow.png) no-repeat right center;display: inline-block}
.lecture_view .lv_header .rating_wrap .go_review strong{font-weight: bold;border-bottom: 1px solid #000;}
.rate02{background: url(../images/user/star_bg02.png) no-repeat;width: 121px;height: 20px;position: relative;}
.lecture_view .lv_header .tag{display: flex;flex-wrap: wrap;}
.lecture_view .lv_header .tag li{margin-right: 5px;}
.lecture_view .lv_header .tag li a{border: 1px solid #eaeaea;padding: 5px 15px;border-radius: 5px;font-size: 14px;color: #888888;display: block;margin-bottom: 5px;}
.rate02 span{position: absolute;background: url(../images/user/star02.png);width: auto;height: 20px;}
.lecture_view .lv_header .right{width: calc(100% - 550px);margin-left: 50px;}
.lv_list li{border-bottom: 1px solid #eaeaea;padding-bottom: 15px;margin-bottom: 15px;display: flex;align-items: center}
.lv_list li .tit{font-weight: 400;width: 120px;margin-right: 5px}
.lv_list li .txt{width: calc(100% - 125px);}
.lv_list li .txt select{font-size: 16px}
.map_txt{display: flex;align-items: center;flex-wrap: wrap}
.map_txt p{margin-right: 15px}
.guide_txt{display: flex;align-items: center;}
.guide_txt .qa_wrap{position: relative;}
.guide_txt .qa_mark{background: url(../images/user/qs_mark.png) no-repeat;width: 20px;height: 20px;text-indent: -9999px;display: block;margin-left: 15px;}
.guide_txt .qa_wrap p{background: #f9fafc;padding: 10px;border: 1px solid #eaeaea;padding: 10px;font-size: 12px;top: 0;color: #888888;word-break: keep-all;position: absolute;min-width: 260px;border-radius: 10px;transform: translateY(-100%);left: 100%;display: none;max-width: 500px}
.down{border-bottom: 1px solid #000;}
.lecture_view .lv_header .btn_area{display: flex;}
.lecture_view .lv_header .btn_area a{padding: 10px;padding: 22px 10px;font-size: 20px;border-radius: 10px;margin-right: 10px;text-align: center;align-items: center;box-sizing: border-box}
.lecture_view .lv_header .btn_area a:last-child{margin-right: 0}
.lecture_view .lv_header .btn_area .blue_btn{width: 60%}
.lecture_view .lv_header .btn_area .gray_btn02{width: calc(40% - 70px);}
.lecture_view .lv_header .btn_area .like_btn{border: 1px solid #eaeaea;text-indent: -9999px;background: url(../images/user/big_like.png) no-repeat center;width: 70px;}
.lecture_view .lv_header .btn_area .like_btn.active{background: url(../images/user/big_like_active.png) no-repeat center}
.lecture_view .lv_cont{border-top: 1px solid #cccccc;margin: 60px 0;padding-top: 30px;display:flex;flex-direction:column;}
.lecture_view .lv_review .lv_review_top{display: flex;justify-content:space-between}
.lecture_view .lv_review .lv_review_top .tit{font-size: 20px;font-weight: 500}
.lecture_view .lv_review .lv_review_top .tit span{font-size: 16px;font-weight: 400}
.lecture_view .lv_review .lv_review_top .rate_area{display: flex;align-items: center;}
.lecture_view .lv_review .lv_review_top .rate_area p{margin-left:15px; font-weight: 500}
.lecture_view .lv_review .lv_review_list .item:nth-child(1){border-top: 1px solid #eaeaea;}
.lecture_view .lv_review .lv_review_list .item{margin: 20px 0;padding: 20px 0;border-bottom: 1px solid #eaeaea;display: flex;display: none}
.lecture_view .lv_review .lv_review_list .item .rate02{margin-right: 30px;}
.lecture_view .lv_review .lv_review_list .item .txt_area{width: calc(100% - 151px)}
.lecture_view .lv_review .lv_review_list .item .top{display: flex;margin-bottom: 15px;align-items: center;}
.lecture_view .lv_review .lv_review_list .item .top .name{margin-right: 10px;}
.lecture_view .lv_review .lv_review_list .item .top .date{font-size: 14px;color: #888888}
.lecture_view .more_btn{border:1px solid #eaeaea;width: 300px;text-align: center;display: block;padding: 18px 30px 18px 10px;font-size: 18px;border-radius: 5px;margin: 30px auto 0 auto;color: #888888;background: url(../images/user/more_arrow.png) no-repeat right 40px center;box-sizing: border-box}

/* 수강신청 */
.ac_view_area{display: flex;}
.ac_view_area .left{width: 65%;margin-right: 30px;padding-right: 30px;border-right: 1px solid #eaeaea;}
.lv_list li:first-child{border-top: 1px solid #eaeaea;padding-top: 15px}
.ac_view_area .left .top{display: flex;align-items: flex-start;margin-bottom: 20px;padding-top: 20px;}
.ac_view_area .left .top .img{width: 200px;border-radius: 10px;overflow: hidden;height: 125px;}
.ac_view_area .left .top .img img{display: block;width: 100%;height: 100%;}
.ac_view_area .left .top .txt{position: relative;padding-top: 
20px;width: calc(100% - 220px);margin-left: 20px;}
.ac_view_area .left .top .state{position: static;margin-bottom: 10px;}
.ac_view_area .right{width: calc(35% - 60px);padding-top: 30px;}
.ac_view_area .right h3{padding-bottom: 15px;}
.ac_view_area .right .lv_list li .tit{width: 70px}
.ac_view_area .right .lv_list li .txt{width: calc(100% - 75px)}
.ac_view_area .right .big_btn{padding: 19px 10px;box-sizing: border-box;}


/*강의실*/
.lr_view {position:relative;}
.lr_view .tit_wrap02{display: flex;align-items: center;}
.lr_view .tit_wrap02 a{background: url(../images/user/main_arrow.png) no-repeat left 15px center;border: 1px solid #eaeaea;border-radius: 5px;padding: 10px 10px 10px 30px;}
.lr_view .state{position: static;}
.lr_view .section01{display: flex;}
.lr_view .section01 .left{width: 390px;margin-right: 20px;position: relative;}
.lr_view .section01 .right{width: calc(100% - 410px)}
.lr_view .cont_list li{display: flex;align-items: center;margin-bottom: 10px}
.lr_view .cont_list li:last-child{margin-bottom: 0}
.lr_view .section01 .left a{/*position: absolute;*/right: 20px;bottom: 20px;}
.lr_view .section01 .right .progress_area{margin-top: 20px;}
.lr_view .section01 .right .progress_area .txt{display: flex;align-items: center;font-size: 14px;}
.lr_view .section01 .right  .progress{border-radius: 5px;overflow: hidden;;display: flex;border: 1px solid #eaeaea;;margin: 10px 0;}
.lr_view .section01 .right  .progress > div span{padding: 5px 10px;display: block;font-size: 14px;color: #888888;box-sizing: border-box;height: 100%;word-break: keep-all}
.lr_view .section01 .right  .progress > div .blue_bar{background:#0082cc;color: #fff !important; }
.lr_view .section01 .right  .progress > div  .green_bar{background:#00c57d;color: #fff !important; }
.lr_view .section01 .right  .percent{display: flex;justify-content: space-between;font-size: 14px;}
.lr_view .section02{display: flex;}
.lr_view .section02 > div{flex: 1;padding-right: 20px;margin-right: 20px;border-right: 1px solid #eaeaea;}
.lr_view .section02 > div:last-child{padding-right: 0;margin-right: 0;border-right: 0}
.lr_view .section02 > div .f20{margin-top: 10px;text-align: right}

.lv_list02{font-size: 16px;}
.lv_list02 li{display: flex;margin-bottom: 10px;}
.lv_list02 li:last-child{margin-bottom: 0}
.lv_list02 li .tit{font-weight: bold;width: 110px;margin-right: 10px}
.lv_list02 li .desc{width: calc(100% - 90px)}
.lvr_slide{position: relative;}
.lvr_slide .swiper-wrapper{height:auto;}
.lvr_slide .swiper-container{overflow: hidden}
.lr_view .lvr_slide .cont_list{margin: 15px 0 0 0}
.lr_view .lvr_slide .item{border: 1px solid #eaeaea;border-radius: 10px;box-sizing: border-box}
.lr_view .lvr_slide .item .txt{padding: 20px;}
.lr_view .lvr_slide .bt{display: flex;border-top: 1px solid #eaeaea}
.lr_view .lvr_slide .bt > *{width: 50%;text-align: center;padding: 18px;}
.lr_view .lvr_slide .bt > * + *{border-left: 1px solid #eaeaea}
.lr_view .comment_area {margin-bottom: 10px;}
.lr_view .comment_area .blue_btn{width: 150px;}
.lr_view .comment_area textarea{width: calc(100% - 170px)}
.lr_view .qna_wrap .item{margin-bottom: 10px;}
.lr_view .qna_wrap .item:last-child{margin-bottom: 0}
.lr_view .qna_wrap .item .txt{font-size: 16px;padding-top: 5px;}
.lr_view .qna_wrap .item .date{font-size: 14px;color: #888888;margin-top: 15px;}
.lr_view .qna_wrap .item > div{position: relative;padding-left: 45px;}
.lr_view .qna_wrap .item > div + div{border-top: 1px solid #eaeaea;padding-top: 20px;margin-top: 20px;}
.lr_view .qna_wrap .item  .q:before{content: 'Q';width: 30px;height: 30px;display: flex;justify-content: center;text-align: center;background: #f2f4f6;border-radius: 5px;align-items: center;color: #0082cc;position: absolute;left: 0;top: 0}
.lr_view .qna_wrap .item  .a:before{content: 'A ';width: 30px;height: 30px;display: flex;justify-content: center;text-align: center;background: #0082cc;border-radius: 5px;align-items: center;color: #fff;position: absolute;left: 0;top: 20px}

/* 설문조사 */
.lr_view .survey{background: #f9fafc;padding: 20px;border-radius: 10px;display: flex;justify-content: space-between}
.lr_view .survey .f18{margin-bottom: 10px;}
.lr_view .survey .blue_btn{width: 140px;text-align: center;display: flex;justify-content: center;align-items: center;border-radius: 10px;font-size: 16px;}

/* 교육장소팝업 */
.lv_list.no_btop li:first-child{border-top: 0;padding-top: 0}
.map_pop .lv_list li .tit{width: 90px;}
.map_pop .lv_list li .txt{width: calc(100% - 100px)}

/*강좌 미리보기팝업*/
.video_pop .video_wrap iframe,
.video_pop .video_wrap video{width: 100%;}

/* 교육과정 팝업 */
.pop_tit02 .state{position: static;margin-bottom: 10px;}
.pop_tit02 p{font-size: 18px;font-weight: 500;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #eaeaea;}
.cont_list.harf_cl{display: flex;flex-wrap: wrap;}
.cont_list.harf_cl li{display: flex;align-items: center;margin-bottom: 10px;width: calc(50% - 10px);margin-right: 20px;font-size: 14px;}
.cont_list.harf_cl li:nth-child(2n){margin-right: 0}

/* 시험 팝업 */
.test_list .item{margin-bottom: 20px;}
.test_list .item:last-child{margin-bottom: 0}
.test_list .q{margin-bottom: 15px;}
.test_list .multi{padding-left: 10px;}
.test_list .multi li{margin-bottom: 10px;font-size: 14px;}
.test_list .textarea{min-height: 100px}

/* 시험 채점 */
.grade_pop .item{margin-bottom: 10px;}
.test_list .grade{background: #f5f5f5;padding: 5px;border-radius: 10px;display: flex;border: 1px solid #eaeaea;margin-bottom: 20px;align-items: flex-start}
.test_list .grade span{color: #fff;padding: 3px 10px;background: #ddd;border-radius: 5px;font-size: 14px;margin-right: 10px;width: 30px;margin-right: 10px;text-align: center;}
.test_list .grade  .txt{font-size: 14px;padding-top: 3px;width: calc(100% - 45px);word-break: keep-all}
.test_list .grade .bg_blue{background: #0082cc}
.test_list .grade .bg_red{background: #f94444}
.score_btn{display: flex;justify-content: space-between;align-items: center}

/* 기타사이트 */
.company_view img{max-width: 100%;}
.company_view .sample_markup{display: flex;justify-content: space-between}
.company_view .sample_markup > div{width: 250px;height: 250px;background: #f9fafc;border-radius: 50%;border: 1px solid #eaeaea;}

/* 통합검색 */
.in_search .lecture_list{display: flex;flex-wrap: wrap;align-items: flex-start}
.in_search .lecture_list .item{width: calc(25% - 15px);margin-right: 20px;}
.in_search .lecture_list .item:nth-child(4n){margin-right: 0}
.in_search .notice_top{margin-bottom: 0}


/*인증번호입력*/
.cert_nb{display: flex;justify-content: space-between;align-items: center}
.cert_nb input{width: calc(100% - 120px)}
.cert_nb02 input{width: calc(100% - 110px)}

.lr_view {padding:60px 0}

/* 개인정보 처리방침 */
.TOS .popData h2{font-size:18px;margin-bottom:10px;font-weight:500}
.TOS .popData h3{margin-bottom:5px}
.TOS .popData .txt {margin-bottom:10px;line-height:1.6}

/* 메인 변경 */
.main_tit02{text-align: center;margin-bottom: 40px;font-weight: bold;font-size: 30px}
.lecture_list02{position: relative}
.lecture_list02.sty01 {display: flex;flex-wrap: wrap;}
.lecture_list02.sty01 > .item{width: calc(25% - 16px);margin-right: 20px;margin-top: 30px}
.lecture_list02.sty01 > .item:nth-child(4n){margin-right: 0 !important}
.lecture_list02.sty01 > .item:nth-child(3n){margin-right: 20px}
.lecture_list02 .swiper-container{overflow: hidden}
.lecture_list02 .main_tit{}
.lecture_list02 .img{border-radius: 10px;overflow: hidden; position: relative}
.lecture_list02 .img .state{top: 10px;right: 10px;left: auto}
.lecture_list02 .img img{display: block;width: 100%;height: 100%;}
/* .lecture_list02 p{font-size: 20px;font-weight: 400;margin-top: 20px;} */
.lecture_list02 p {
    display: -webkit-box;
/*     height: 50px; */
    margin-top: 20px;    
    font-size: 20px;
    font-weight: 400;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: keep-all;
    overflow: hidden;
}

.hot_lecture {position: relative}
.hot_lecture .video_area{position: relative;position: relative;
     padding-bottom:56.25%;
    width: 100%;
    height: 0;overflow:hidden}
.hot_lecture .video_area video{width: 100%;height: 100%}
.hot_lecture .video_area iframe{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
.hot_lecture .progressBarContainer {width: calc(100% - 40px);height: 7px; background-color: rgba(255, 255, 255, 0.47);border-radius: 20px;overflow: hidden;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 5;}
.hot_lecture .progressBar {width: 0;height: 100%;background-color: #fff;}
.hot_lecture  .playButton {position: absolute;width: 136px;height: 136px;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%,-50%);text-indent: -9999px;border: 0;z-index: 5}
.hot_lecture  .playButton.active{}

.hot_lecture .video_area:not(.active) .playButton{display: none}
.hot_lecture.small_item .slick-list{margin: 0 -10px}
.hot_lecture.small_item .slick-slide{margin: 0 10px}
.hot_lecture:not(.small_item) .hide_div{opacity:0}
.hot_lecture:not(.small_item) .slick-slide{  transform: scale(0.8)  translate(420px);;filter: blur(2px);height: auto;}
.hot_lecture:not(.small_item) .slick-slide > div,
.hot_lecture:not(.small_item) .slick-slide > div > div{height: 100%;}
.hot_lecture:not(.small_item) .slick-slide img{display: block !important;max-width: 100%;box-shadow: 5px 0 15px rgba(0, 0, 0, 0.12);height: 270px}
.hot_lecture .slick-current{position: relative;overflow: hidden}
.hot_lecture .slick-current a:before{content: '';display: block; background: url(../images/user/start_btn.png) no-repeat;width: 136px;height: 136px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 55}
.hot_lecture .slick-current:after{content: '';display: block;width: calc(100% - 40px);height: 7px; background-color: rgba(255, 255, 255, 0.47);border-radius: 20px;overflow: hidden;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 5}
.hot_lecture .slick-current a{position: relative;display: block;}
.hot_lecture .slick-current a:after{content: '';display: block;background: rgba(0, 0, 0, 0.32);position: absolute;width: 100%;height: 100%;left: 50%;transform: translateX(-50%);top: 0;z-index: 1}
.hot_lecture:not(.small_item) .slick-slide.slick-slide.slick-center + .slick-slide {
  transform: scale(0.9) translate(-200px);
  z-index: 4;
    position: relative;
}
.hot_lecture:not(.small_item) .slick-center + .slick-slide + .slick-slide {
  transform: scale(0.8)  translate(-420px);
  z-index: 3;
    position: relative;
}

.hot_lecture:not(.small_item) .slick-slide.slick-active {
  transform: scale(0.9) translate(200px);
}
.hot_lecture:not(.small_item) .slick-slide.slick-center {
  /* margin: 0 -10%; */
  transform: scale(1);
  z-index: 30;
    position: relative;
    filter: none;
}


.hot_lecture:not(.small_item) .slick-slide.slick-center:only-child{transform: none}
.hot_lecture:not(.small_item) .slick-track{margin: 0;display: flex;}
.hot_lecture img{width: 100%;height: 100%;display: block}

.hot_lecture .slick-prev,
.hot_lecture .slick-next{opacity: 0.5;width: 26px;height: 50px;}
.hot_lecture .slick-prev{background: url(../images/user/hl_prev.png) no-repeat;left: -45px}
.hot_lecture .slick-next{background: url(../images/user/hl_next.png) no-repeat;right: -45px}

.hot_lecture .swiper-wrapper{align-items: center;}

.empower{background: #ececec;padding: 80px 0}
.empower .empower_wrap .boxItem {display: flex; padding: 50px 0 30px; background: #fff; border-radius: 10px; box-sizing: border-box; text-align: center; flex-direction: column;}
.empower .empower_wrap .tit{font-size: 24px;font-weight: 500;margin-bottom: 20px}
.empower .empower_wrap .desc{font-size: 16px;color: #000;margin-bottom: 15px}
.empower .empower_wrap .gray{color: #888;margin-bottom: 30px}
.empower .empower_wrap .etc {display: block;margin: auto 20px 0; padding: 2px 0; background: #f2f2f2; border-radius: 30px; color: #0093d5; font-size: 14px;word-break: keep-all; font-weight: 500;}
.empower .empower_wrap .apply { margin-top: 30px;}
.empower .empower_wrap .apply a{display: block; width: calc(100% - 120px); margin: 0 auto; background: #0093d5; text-align: center;border-radius: 50px;color: #fff;font-size: 16px;padding: 20px 10px}
.empower .swiper-pagination {display: none;}

.visual_wrap .swiper-wrapper{height:  auto !important}
.hot_lecture .slick-prev:before, .slick-next:before{display: none}
.m_ico_set{display: flex;justify-content: space-between;display: none}
.m_ico_set li{border-radius: 50%;width: 120px;height: 120px;display: flex;flex-direction: column;justify-content: center;align-items: center;background: #eef3fb;font-size: 14px;}
.m_ico_set li .ico{width: 40px;height: 40px;display: block;margin: 0 auto 5px auto}
.m_ico_set li:nth-child(1) .ico{background: url(../images/user/ist_01.png) no-repeat center; }
.m_ico_set li:nth-child(2) .ico{background: url(../images/user/ist_02.png) no-repeat center; }
.m_ico_set li:nth-child(3) .ico{background: url(../images/user/ist_03.png) no-repeat center; }

.content .lecture_list02{display: flex;flex-wrap: wrap}
.content .lecture_list02 > .item{width: calc(33.333% - 13.333px);margin-right: 20px;margin-top: 30px;}
.content .lecture_list02 > .item:nth-child(3n){margin-right: 0}

.m_more{display: none}
.new_tit {text-align: center;font-size: 30px;font-weight: bold;}

/* 신규 페이지 */
.qna_wrap{margin: 60px 0}
.qna_wrap .qna_write{border-top: 1px solid #000;border-bottom: 1px solid #000;margin-top: 70px;padding: 30px 0}
.qna_wrap .qna_write .item{display: flex;margin-bottom: 25px;}
.qna_wrap .qna_write .item:last-child{margin-bottom: 0; }
.qna_wrap .qna_write .item > label{font-size: 16px;font-weight: 500;padding-left: 50px;width: 180px;box-sizing: border-box; }
.qna_wrap .qna_write .item.file_up{border-top: 1px solid #e8ebed;padding-top: 25px}
.qna_wrap .qna_write .item .con{width: calc(100% - 180px)}
.qna_wrap .qna_write .item .con.inCheck{display: flex;align-items: center;}
.qna_wrap .qna_write .item .con input[type="text"],
.qna_wrap .qna_write .item .con textarea{border: 0;resize: none;background: #f7f8fa;width: 100%;box-sizing: border-box;padding: 10px 20px}
.qna_wrap .qna_write .item .con input[type="text"]{font-size: 14px;width: calc(100% - 200px);margin-right: 15px}
.qna_wrap .qna_write .item .con input[type="text"]::placeholder{color: #9ea4aa;}
.qna_wrap .qna_write .item .con .check label{font-size: 14px;color: #666}
.qna_wrap .qna_write .item .con textarea{height: 230px;}
.table_style02 table{border: 1px solid #e8ebed;width: 100%;}
.table_style02 table th{background: #f7f8fa;}
.table_style02 table th,
.table_style02 table td{border: 1px solid #e8ebed;padding: 10px;}
.table_style02 table th{border-bottom: 0}
.input-file03 { position:relative; overflow:hidden;  padding:0;display:block;max-width:100%;cursor:pointer;}
.input-file03 .btn { white-space:nowrap; display:inline-block; vertical-align:top;font-family: 'Gullim';font-size: 12px;color: #72787f;border: 1px solid #72787f;padding: 5px 15px;border-radius: 5px;}
.input-file03 .fileInput02{position: absolute;left: -9999px;width: 0;height: 0;overflow: hidden;}
.file_up .con{display: flex;}

.file_up .con .input-file03{width: 84px;margin-right: 20px}
.file_up .con .file_view{width: calc(100% - 304px)}
.file_up .con .file_view p{font-size: 12px;font-family: 'Gullim';color: #666}
.file_up .con .file_view table{font-size: 12px;font-family: 'Gullim';text-align: center;}
.file_up .con .file_view table td{vertical-align: middle}
.file_up .con .file_view .del_btn{background: url(../images/user/close_btn.png) no-repeat;width: 12px;height: 12px;text-indent: -9999px;margin-left: 10px;display: block;}
.file_up .name_wrap{display: flex;align-items: center;}
.file_up .name_area{max-width: calc(100% - 30px);display: flex;}
.file_up .name_area span{max-width: 300px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}

.btn_area{display: flex;justify-content: space-between;}
.btn_area02{display: flex;}
.btn_area02 > *{margin-left: auto;}
.btn_area03{display: flex;justify-content: center;}
.btn_area03 > * + *{margin-left: 15px;}
.qna_search{display: flex;align-items: center;;border-bottom: 1px solid #c9ccd1;width: 280px;margin-left: auto;justify-content: space-between;padding: 10px 10px 10px 5px;box-sizing: border-box;margin-bottom: 30px}
.qna_search input[type="text"]{border: 0;font-size: 14px;}
.qna_search input[type="text"]::placeholder{color: #9ea4aa}
.qna_search input[type="submit"]{background: url(../images/user/qna_searchBtn.png) no-repeat;border: 0;text-indent: -9999px;width: 20px;height: 20px;}
.qna_list table{width: 100%;}
.qna_list table thead{border-top: 1px solid #000;border-bottom: 1px solid #000;}
.qna_list table thead th{padding: 15px 10px;font-weight: 500;}
.qna_list table tbody td{padding: 15px 10px;text-align: center;border-bottom: 1px solid #e8ebed;vertical-align: middle;font-size: 14px;color: #666666;}
.qna_list table td span{font-family: 'Gullim';font-size: 12px;padding: 2px 5px;border-radius: 2px;color: #fff}
.qna_list table .private a{white-space: nowrap;max-width: 400px;overflow: hidden;text-overflow: ellipsis;display: block}
.qna_list table .private p{display: flex;}
.qna_list table .private p:after{content: '';display: block;background: url(../images/user/prv.png) no-repeat;width: 12px;height: 17px;margin-left: 10px}
.qna_list table td .wait{background: #c9cdd2}
.qna_list table td .complete{background: #ff8200}

.paging02{display: flex;justify-content: center;margin-top: 40px;align-items: center;}
.paging02 li.arrow a{text-indent: -9999px;width: 40px;height: 40px;}
.paging02 li.prev{background: url(../images/user/paging_prev02.png) no-repeat;}
.paging02 li.next{background: url(../images/user/paging_next02.png) no-repeat;}
.paging02 li.prev02{background: url(../images/user/paging_prev03.png) no-repeat center;}
.paging02 li.next02{background: url(../images/user/paging_next03.png) no-repeat center;}
.paging02 li a{display: block;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;color: #9ea4aa }
.paging02 li.active a{color: #000;}
.paging02 li.disabled{opacity: 0.5}

.lecture_room{background: #eceff4;min-height: 100vh;padding: 40px 0;box-sizing: border-box;}
.lecture_room .box{background: #fff;border-radius: 15px;padding: 30px 20px;}
.lecture_room .box + .box{margin-top:  30px;}
.lecture_room .box h3{font-weight: 600;}
.lecture_room .btn_tit{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #bcbcbc;padding-bottom: 15px;margin-bottom: 20px}
.lecture_room .btn_tit .goMain{display: flex;color: #8d8e8d;font-size: 12px;padding: 5px 10px;border-radius: 3px;border: 1px solid #e4e7ec;}
.lecture_room .btn_tit .goMain:before{content: '';background: url(../images/user/goMain.png) no-repeat;width: 8px;height: 14px;margin-right: 5px}

.lecture_cont{display: flex;}
.lecture_cont .thumb{width: 170px;height: 140px;overflow: hidden;border-radius: 5px;}
.lecture_cont .thumb img{height: 100%;object-fit: cover;width: 100%;}
.lecture_cont .cont{margin: 0 30px;width: calc(100% - 290px);}
.lecture_cont .cont .tit{display: flex;align-items: center;margin-bottom: 15px}
.lecture_cont .cont .tit p{font-weight: bold;font-size: 14px;}
.lecture_cont .cont .tit span{font-size: 12px;color: #fff;padding: 3px 10px;border-radius: 30px;background: #467fd7;margin-left: 15px}
.lecture_cont .cont dl{display: flex;font-size: 13px;}
.lecture_cont .cont dl + dl{margin-top: 5px;}
.lecture_cont .cont dt{width: 70px}
.lecture_cont .cont dd{color: #8d8e8d;width: calc(100% - 70px);}
.lecture_cont .rate{position: relative;margin-top: 20px;width: 100%;padding-bottom: 15px;max-width: 570px;width: 100%}
.lecture_cont .rate p:not(.num){font-size: 12px;color: #8d8e8d}
.lecture_cont .rate .rate_area{position: relative;background: #f1f4f9;width: 100%;height: 15px;border-radius: 30px;overflow: hidden;margin: 10px 0}
.lecture_cont .rate .rate_area .num{background: #467fd7;border-radius: 0 20px 20px 0;height: 100%;color: #fff;font-size: 12px;text-align: right;padding:0 5px;box-sizing: border-box;}
.lecture_cont .rate .p0,
.lecture_cont .rate .p100{position: absolute;bottom: 0}
.lecture_cont .rate .p0{left: 0;}
.lecture_cont .rate .p100{right: 0;}
.lecture_cont .goPlay{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 120px;height: 120px;border-radius: 15px;background: #467fd7;font-weight: 500;color: #fff;margin: auto;margin-right: 30px}
.lecture_cont .goPlay:before{content: '';background: url(../images/user/play.png) no-repeat center;width: 24px;height: 28px;margin: 0 auto 10px auto;}
.lecture_bottom{display: flex;justify-content: center;margin-top: 70px}
.lecture_bottom .item{text-align: center;overflow: hidden;border: 1px solid #dddddd;border-radius: 15px;width: 220px}
.lecture_bottom .item + .item{margin-left: 30px;}
.lecture_bottom .item .tit{background: #467fd7;color: #fff;padding: 10px}
.lecture_bottom .item .desc{height: 80px; display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 30px;font-weight: bold;color: #000;}
.place_item{display: flex;align-items: center;}
.place_item h3{width: 100px;}
.place_item p{width: calc(100% - 100px);font-size: 13px;color: #8d8e8d;}
.lecture_room table .in_btn{text-align: center}
.lecture_room table .in_btn a{font-size: 14px;width: 100px;text-align: center;padding: 7px;box-sizing: border-box;}
.lecture_room table td{text-align: center;}
.lecture_room table th,
.lecture_room table td{vertical-align: middle}
.lr_qna{margin-top: 20px;}
.lr_qna .qa_comment{display: flex;align-items: center;justify-content: space-between;}
.lr_qna .qa_comment textarea{resize: none;height: 70px;border: 1px solid #e8ebed;width: calc(100% - 150px);box-sizing: border-box;padding: 10px;font-size: 14px;}
.lr_qna .qa_comment button{background: #467fd7;color: #fff;width: 125px;height: 70px;border:1px solid  #467fd7;border-radius: 10px;font-size: 16px}
.lqa_list{margin-top: 30px;}
.lqa_list .item{border-radius: 15px;border: 1px solid #e8ebed;overflow: hidden;}
.lqa_list .item + .item{margin-top: 20px}
.lqa_list .item  > div{padding: 15px 20px 15px 60px;position: relative;}
.lqa_list .item  > div:before{content: '';display: block;width: 25px;height: 25px;border-radius: 5px;display: flex;flex-direction: column;align-items: center;justify-content: center;font-weight: 500;position: absolute;left: 20px}
.lqa_list .item .q{background: #f7f8fa;display: flex;justify-content: space-between;align-items: center;}
.lqa_list .item .q:before{content: 'Q';background: #fff;color: #467fd7;}
.lqa_list .item .q p{font-size: 14px;font-weight: 500;}
.lqa_list .item .q .date{font-size: 13px;color: #666666;}
.lqa_list .item .a{font-size: 13px;color: #666666;min-height: 80px}
.lqa_list .item .a:before{content: 'A'; color: #fff;background: #467fd7;top: 10px}
.survey_area{display: flex;justify-content: space-between;}
.survey_area .gray_bg{padding: 15px;box-sizing: border-box;border: 1px solid #e8ebed;background: #f9f8f8;width: calc(100% - 150px);}
.survey_area .gray_bg p{color: #666666;line-height: 1.55}
.survey_area a{background: #467fd7;color: #fff;width: 125px;height: 70px;border:1px solid  #467fd7;border-radius: 10px;display: flex;justify-content: center;align-items: center;font-size: 16px}
.lr_review .item{padding: 20px;border-top: 1px solid #e8ebed;border-bottom: 1px solid #e8ebed;}
.lr_review .item + .item{border-top: 0}
.lr_review .item .desc{color: #666;font-size: 14px;margin-bottom: 15px;}
.lr_review .item .bottom{display: flex;align-items: center;}
.lr_review .item .bottom .rate{}
.lr_review .item .bottom  .info{display: flex;color: #8d8e8d;font-size: 12px;}
.lr_review .item .bottom  .info li + li{margin-left: 5px;}
.rate_wrap .rate{position: relative;background: url(../images/user/star_bg03.png) no-repeat;width: 86px;height: 14px;}
.rate_wrap .rate span{display: block;text-indent: -9999px;height: 100%;background: url(../images/user/star03.png) no-repeat;position: absolute;left: 0;top: 0;z-index: 5}
.lecture_viewer{padding: 100px 0;}
.lecture_viewer .lv_wrap{display: flex;justify-content: space-between;}
.lecture_viewer .left{width: 360px;}
.lecture_viewer .left > div + div{margin-top: 60px}
.lecture_viewer .tit_lv{border-bottom: 1px solid #000;padding-bottom: 10px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px}
.lecture_viewer .tit_lv h3{font-weight: bold;font-size: 24px;}
.lecture_viewer .tit_lv a{font-size: 14px;display: flex;color: #888888;border: 1px solid #cccccc;padding: 8px 15px;border-radius: 5px;}
.lecture_viewer .tit_lv a:before{content: '';display: block;background: url(../images/user/exit.png) no-repeat;width: 16px;height: 16px;margin-right: 5px}
.lecture_viewer .lb_idx_list,
.lecture_viewer .lv_dlist{max-height: 300px;overflow-y: auto;}
.lecture_viewer .lb_idx_list::-webkit-scrollbar,
.lecture_viewer .lv_dlist::-webkit-scrollbar{width: 6px;}
.lecture_viewer .lb_idx_list::-webkit-scrollbar-track,
.lecture_viewer .lv_dlist::-webkit-scrollbar-track{background:#f8f9fa;border-radius: 50px}
.lecture_viewer .lb_idx_list::-webkit-scrollbar-thumb,
.lecture_viewer .lv_dlist::-webkit-scrollbar-thumb{background: #f1f3f4;border-radius: 50px;border: 1px solid #e8eaed}
.lecture_viewer .lb_idx_list .item{border-bottom: 1px solid #cccccc;padding: 10px;}
.lecture_viewer .lb_idx_list .item a{display: flex;align-items: center;justify-content: space-between;opacity: 0.4}
.lecture_viewer .lb_idx_list .item.active{background: #f1f4f6}
.lecture_viewer .lb_idx_list .item.active a{opacity: 1}
.lecture_viewer .lb_idx_list .item.active p:not(.date){color: #333}
.lecture_viewer .lb_idx_list .item p:nth-child(1){width: 40px;margin-right: 10px}
.lecture_viewer .lb_idx_list .item .date{font-size: 14px;width: 70px;}
.lecture_viewer .lb_idx_list .item .tlt{width: calc(100% - 120px)}
.lecture_viewer .right{width: calc(100% - 400px);}
.lecture_viewer .lv_data .no_data{text-align: center;padding: 10px 0}
.lecture_viewer .lv_data .lv_dlist li{border-bottom: 1px solid #cccccc;padding-bottom: 10px;display: flex;justify-content: space-between;align-items: center;}
.lecture_viewer .lv_data .lv_dlist li .btn_style03{padding: 7px 15px;background: #cccccc}
.lecture_viewer .lv_data .lv_dlist li + li{margin-top: 10px}
.lecture_viewer .lv_data .lv_dlist li p{max-width: calc(100% - 85px)}
.lecture_viewer .lv_video{border-radius: 10px;overflow: hidden;position: relative;padding-top: 56%;width: 100%;height: 0}
.lecture_viewer .lv_video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.lecture_viewer .right .btn_area03 > *{border: 1px solid #cccccc;display: flex;padding: 7px 15px;border-radius: 30px;font-size: 14px;}
.lecture_viewer .right .btn_area03 .prev_btn{color: rgba(0, 0, 0, 0.8);background: #fff;}
.lecture_viewer .right .btn_area03 .next_btn{background: #f1f4f6;color: #000;}
.video_wrap{position: relative;width: 100%;height: 0;padding-top: 56%;}
.video_wrap iframe{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.border_top{border-radius: 15px;overflow: hidden}

.btn_chk li{display: inline-block;margin: 5px 2px}
.btn_chk li input{display:none;}
.btn_chk li input + label{display: inline-block;cursor: pointer;color: #888;
    border: 1px solid #ddd;padding:10px 30px;border-radius: 30px;
    text-align: center;
    font-size:14px;background: #fff}
.btn_chk li input:checked+label{background: #0082cc;border-color: #0082cc;color: #fff} 
.btn_chk li input[type=checkbox] + label:before{display: none !important}

.courseSearch{border-radius: 15px;overflow: hidden;box-shadow: 2px 6px 6px rgba(0, 0, 0, 0.03);position: relative;}
.courseSearch table{width: 100%;}
.courseSearch caption{position: absolute;left: -99999px;width: 0;height: 0;overflow: hidden;}
.courseSearch table tr{border-bottom: 1px solid #ddd;}
.courseSearch table tr:last-child{border-right: 0;}
.courseSearch table th{background: #f5f5f5;vertical-align: middle;}
.courseSearch table th,
.courseSearch table td{padding: 10px}
.courseSearch table td{background: #fff;}
.courseSearch input[type="text"]{width:100%}
.bc_warp{position: relative;}
.bc_warp .btn_chk{max-width: calc(100% - 26px);width: 100%;}
.courseSearch .cls_btn{background: url(../images/user/close.png) no-repeat;width: 16px;height: 16px;position: absolute;right: 20px;top: 25px;;text-indent: -9999px;display: block;z-index: 999999999999}
.blue_scr_button {text-align: center;margin-top: 40px;}
.blue_scr_button input{display: flex;margin: auto;border: 0;color: #fff;background: url(../images/user/sch.png) no-repeat left 30px center#0093d5;padding: 10px 40px 10px 55px;border-radius: 30px;font-size: 18px;}
.input_style02{font-size: 14px;background: #fff;border: 1px solid #dddddd;padding: 5px 15px;}
.input_style02::placeholder{color: #cccccc}

.att table caption{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}
.att table{border-collapse: collapse;width: 100%;}
.att table.bt{border-top: 3px solid #003381}
.att table tr{border-bottom: 1px solid #003381;border-top: 1px solid #003381;}
.att table th{font-size: 25px;padding: 10px;background: #e5ebf4;vertical-align: middle}
.att table td{font-size: 25px !important;padding: 10px;font-weight: 400 !important;height: 40px;vertical-align: middle}
.att table .tct{text-align: center;}
.att table .bg_yellow{background: #fffddf}
.att table .bg_green{background: #acefe2}
.mg40{margin: 40px 0}
.att table td.bold{font-weight: 500 !important}
.att .name{margin-top: 40px}
.sch_pop{position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 999999;max-width: 1200px;width:calc(100% - 40px);display: none}
.conts_main{}

/* -----------반응형 start---------*/
@media all and (max-width:1500px){
    .mp_lecture .mp_lecture_list .item .more_cont{right: 0}
    .hot_lecture{padding: 0 50px;position: relative;}
    .hot_lecture:after{content: '';display: block;width: 50px;height: 100%;background: #fff;position: absolute;top: 0;}
    .hot_lecture .slick-prev{left: 0}
    .hot_lecture .slick-next{right: 0}
}
@media all and (max-width:1200px){
    #newHeader .h_gnb > li{margin-left: 30px}
    #newHeader .h_search{margin-left: 10px}
    .inner,.visual_wrap{width: calc(100% - 40px)}
    .lecture_list,
    .review_area{padding: 0 50px;}
    .lt_swiper-button-next{right: 0}
    .lt_swiper-button-prev{left: 0}
    
    .lecture_sub_list .lecture_list{padding: 0;}
    .lecture_view .lv_tit .share_layer{left:-156px;}
    
    /* 강의실 */
    .lr_view .section01 .right .progress > div span{padding: 5px;}
    .lvr_slide{padding: 0 50px;}
    
    /*통합검색*/
    .in_search .lecture_list{padding: 0}
    .hot_lecture:after{display:none;}
     
}

@media all and (max-width:1024px){
    
    #newHeader .h_menu{display: block}
    .h_gnb_wrap{width: 100%}
    #newHeader .h_gnb{justify-content: space-between;max-width: 100%}
    #newHeader .h_gnb > li{margin-left: 0}
    #newHeader .h_ui{position: absolute;right: 0;top: 5px}
     /* 헤더 */ #newHeader .nheader_mid {
        overflow: hidden;
    }

    #newHeader .h_cont {
        flex-wrap: wrap;
        height: auto;
    }

    #newHeader .h_util {
        height: 4px;
    }

    #newHeader .h_util ul {
        display: none;
    }

    #newHeader .h_gnb::before {
        content: '';
        width: 180%;
        height: 1px;
        position: absolute;
        top: 0;
        left: -20px;
        background: #dadada;
    }

    #newHeader .h_gnb {
        position: relative;
        margin-right: 0;
        order: 3;
    }

    #newHeader .h_gnb li a {
        padding: 0;
    }

    #newHeader .h_gnb_bg {
        display: none !important;
    }

    #newHeader.fixed_gnb .h_gnb {
        display: none;
    }

    #newHeader .h_gnb > li:hover .depth_02 {
        display: none;
    }

    /* 메인 메뉴 */
    #newMain {
        padding: 0 0 24px;
    }

    #newMain .m_visual .innerSection {
        padding: 0;
    }

    #newMain .m_visual .m_login_form {
        display: none;
    }

    #newMain .m_visual .m_visual_cont {
        width: 100%;
        padding: 40px 15px 20px;
    }

    #newMain .m_visual .m_visual_items {
        padding: 0;
    }
    
    /*뉴스레터*/
    .newsletter{background-image: none;}
    
    
    /*-- 회원가입 --*/
    .join_form{margin-top: 40px;}
    
    /* 공지사항 */
    .write_btn{padding-bottom: 80px;}
    .write_btn .green_btn{position:absolute;bottom: 0;top: auto}
    .tit_wrap{display: block;}
    .tit_wrap input{margin-bottom: 10px;width: 100%;margin-right: 0}
    
    /* 교육과정 목록 */
    .lecture_sub_list .lecture_list .item{width: calc(50% - 10px);}
    .lecture_sub_list .lecture_list .item:nth-child(2n){margin-right: 0}
    .lecture_sub_list .lecture_list .item:nth-child(3n){margin-right: auto}
    
    /* 교육과정 상세 */
    .lecture_view .lv_header{display: block;}
    .lecture_view .lv_header .left{width: 100%;margin-bottom: 20px;}
    .lecture_view .lv_header .right{width: 100%;margin-left: 0}
    .lecture_view .lv_header .left .img{height: 65vw}
    
    /* 수강신청 */
    .ac_view_area{display: block;}
    .ac_view_area .left{width: 100%;margin-right: 0;padding-right: 0;border-right: 0;}
    .ac_view_area .right{width: 100%;}
    .ac_view_area .right .big_btn{max-width: 320px;width: 100%;margin: 30px auto 0 auto;}
    
    /* 강의실 */
    .lr_view .section01{display: block;}
    .lr_view .section01 .left,
    .lr_view .section01 .right{width: 100%;}
    .lr_view .section01 .left{margin-bottom: 20px;}
    
    /* 통합게시판 */
    .in_search .lecture_list .item{width: calc(33.333% - 13.333px);}
    .in_search .lecture_list .item:nth-child(4n){margin-right: 20px;}
    .in_search .lecture_list .item:nth-child(3n){margin-right: 0}
    
    .hot_lecture:after{display: none}
    .hot_lecture:not(.small_item) .slick-slide.slick-active:not(.slick-center){transform: scale(0.9) translate(60%)}
    .hot_lecture :not(.small_item).slick-slide.slick-active{opacity: 1;}
    .hot_lecture .playButton{height: 50px;width: 50px;background-size: 50px !important}
    .hot_lecture:not(.small_item) .slick-slide.slick-slide.slick-center + .slick-slide{transform: scale(0.9) translate(-60%)}
    
    .visual .swiper-slide > div .txt{width: 100%;position: static;transform: none;}
    .visual .swiper-slide > div{padding-bottom: 60px}
    .visual .swiper-slide .tit{font-size: 30px}
    .visual .swiper-slide .desc{font-size: 16px}
    .visual{padding-bottom: 80px}
    .swiper_bottom{max-width: 290px; width: 100%;}
    
	 .empower .empower_slide {padding-bottom: 40px;}
     .empower .empower_wrap .boxItem {border-radius: 10px 10px 0 0;}
     .empower .empower_wrap .apply {margin-top: 0;}
     .empower .empower_wrap .apply a {width: 100%; padding: 10px 0; border-radius: 0 0 10px 10px;}
     .empower .swiper-pagination {display: block;}
     .empower .swiper-pagination.swiper-pagination-bullets {bottom: 0; left: 50%; transform: translateX(-50%);}
     .empower .swiper-pagination.swiper-pagination-bullets span {width: 12px; height: 12px;}
     .empower .swiper-pagination span.swiper-pagination-bullet-active {width: 20px; border-radius: 10px;}
    
    /* .lecture_list02.slide02 .swiper-wrapper{flex-wrap: wrap}
    .lecture_list02.slide02 .item{width: calc(50% - 5px) !important;margin-top: 20px;margin-right: 0 !important}
    .lecture_list02.slide02 .item:nth-child(2n){margin-left: 10px;}
    .lecture_list02.slide02 .item:nth-child(-n + 2){margin-top: 0}
    .m_more{display: block;margin: 30px auto 0 auto;background:#e8e8e8 url(../images/user/more_arrow02.png) no-repeat right 90px center;text-align: center;max-width: 280px;position: relative;padding: 10px 30px 10px 10px;border-radius: 50px;font-size: 14px;color: #888888;}
    .m_more.active{background:#e8e8e8 url(../images/user/more_arrow03.png) no-repeat right 90px center}
    .lecture_list02.slide02 .lt_swiper-button-prev,
    .lecture_list02.slide02 .lt_swiper-button-next{display: none}
    
    .content .lecture_list02 > .item{width: calc(50% - 10px)}
    .content .lecture_list02 > .item:nth-child(3n){margin-right: 20px}
    .content .lecture_list02 > .item:nth-child(2n){margin-right: 0 !important} */
    
    .qna_wrap .qna_write .item > label{padding-left: 0;width: 150px;}
    .qna_wrap .qna_write .item .con{width: calc(100% - 150px)}
    .file_up .con .file_view > p{word-break: keep-all}
    .file_up .con .file_view{width: calc(100% - 124px)}
    
    
    .m_hide{display: none}
    .qna_list colgroup{display: none}
    .qna_list table thead th:nth-child(2),
    .qna_list table tbody td:nth-child(2){width: 40%;}
    .qna_list table thead th:nth-child(3),
    .qna_list table tbody td:nth-child(3){width: 10%;}
    .qna_list table thead th:nth-child(4),
    .qna_list table tbody td:nth-child(4){width: 10%;}
    .qna_list table thead th:nth-child(5),
    .qna_list table tbody td:nth-child(5){width: 10%}
    
    .lecture_room .lt_table{width: 100%;overflow-x: auto;}
    .lecture_room .lt_table table{min-width: 100%;width: auto;white-space: nowrap;}
    
    .lecture_viewer{padding: 40px 0}
    .lecture_viewer .lv_wrap{flex-direction: column-reverse;}
    .lecture_viewer .left{width: 100%;display: flex;justify-content: space-between}
    .lecture_viewer .left > div + div{margin-top: 0;margin-left: 20px;}
    .lecture_viewer .left > div{flex:1 auto;}
    .lecture_viewer .right{width: 100%;margin-bottom: 30px}
    .lecture_viewer .lv_data .tit_lv{padding-bottom: 15px}
    .lecture_viewer .lv_data .lv_dlist li{padding-bottom: 4.5px;}
    .lecture_viewer .lv_data .lv_dlist li:first-child{padding-top: 4px}
    .lecture_viewer .lv_data .lv_dlist li + li{margin-top: 0;padding-top: 4px}
    .lecture_viewer .lb_idx_list, .lecture_viewer .lv_dlist{max-height: 162px}
    
    .hot_lecture:not(.small_item) .slick-slide img{height: 200px}
    
    
}

@media all and (max-width:768px){
     .modal_search_wrapper {
        position: absolute;
    }

    .modal_search_wrapper .inner {
        width: 100%;
        height: 100%;
        padding: 32px;
        top: 0;
        left: 0;
        transform: none;
        border-radius: 0;
    }

    .modal_search_wrapper .search_menu .btn_search_close {
        top: 8px;
    }

    .modal_search_wrapper .search_menu .search_list {
        margin: 30px 0 0 0;
    }

    .modal_search_wrapper .search_menu .search_rank, .modal_search_wrapper .search_menu .search_tag {
        float: none;
        width: 100%;
        padding: 0;
        margin-top: 16px;
    }

    .modal_search_wrapper .search_menu .search_rank>p.tit, .modal_search_wrapper .search_menu .search_tag>p.tit {
        margin: 16px 0;
    }

	#header .logo img{width:150px}
     /* 헤더 */ #newHeader .nheader_mid {
        overflow: hidden;
    }

    #newHeader .h_cont {
        flex-wrap: wrap;
        height: auto;
    }

    #newHeader .h_util {
        height: 4px;
    }

    #newHeader .h_util ul {
        display: none;
    }

    #newHeader .h_gnb::before {
        content: '';
        width: 120%;
        height: 1px;
        position: absolute;
        top: 0;
        left: -20px;
        background: #dadada;
    }

    #newHeader .h_gnb {
        position: relative;
        margin-right: 0;
        order: 3;
    }

    #newHeader .h_gnb li a {
        padding: 0;
    }

    #newHeader .h_gnb_bg {
        display: none !important;
    }

    #newHeader.fixed_gnb .h_gnb {
        display: none;
    }

    #newHeader .h_gnb > li:hover .depth_02 {
        display: none;
    }
    
     .innerSection {
        padding: 0 10px;
    }

    /* 헤더 */
    #newHeader .h_cont {
        margin-top: 0;
    }

    #newHeader .h_cont .logo {
        margin-bottom: 0;
    }

    #newHeader .h_cont .logo a {
        padding: 10px 0;
    }
    
    #newHeader .h_gnb{justify-content: space-between}
    #newHeader .h_gnb > li{margin-left: 0;}

    #newHeader .h_gnb li a {
        height: 50px;
        font-size: 14px;
        line-height: 50px;
    }

    #newHeader .h_menu {
        width: 20px;
        height: 12px;
        display:block;
    }

    #newHeader .h_menu span {
        width: 20px;
        height: 2px;
    }

    #newHeader .h_search {
        margin-left: 12px;
    }

    #newHeader .h_search img {
        width: 20px;
    }

    .tit_style02{font-size: 18px;}
    .f18{font-size: 16px}
    .f16{font-size: 15px !important}
    .f20{font-size: 18px;}
    .mt50{margin-top: 30px;}
    .pd60{padding: 40px 0}
    .btn_style01,
    .btn_style03,
    .btn_style04,
    .btn_style05{font-size: 14px;}
    
    .btn_style02{font-size: 13px !important;}
    .btn_style05{padding: 7px 20px;}
    /*header*/
    .util_wrap li{margin-right: 10px;padding-right: 10px;}
    .util_wrap li a{font-size: 13px}
    
    /*visal*/
    
    
    .section{margin: 40px 0}
    .main_tit{font-size: 18px;}
    
    /* 인기 강좌 */
    .lt_swiper-button-next,
    .lt_swiper-button-prev{background-size: 10px;width: 10px;height: 28px}
    .lecture_list .item .text .tit{font-size: 15px}
    .lecture_list .item .text ul li{font-size: 13px}
    .lecture_list .item .img{height: 30vw}
    
    /*리뷰*/
    .review_area .img{left: 50%;transform: translateX(-50%)}
    .review_area .top{margin-left: 0;margin-top: 30px}
    .notice{display: block;}
    .notice .item{width: 100%;}
    .notice > div + div{margin-top: 20px}
    .review_area .desc{font-size: 15px}
    
    /*공지사항*/
    .notice .item .tit{font-size: 15px}
    .notice .item .date{font-size: 13px}
    
    /* 서브배너 */
    .area_banner{display: block;}
    .area_banner div{width: 100%;margin-bottom: 20px;}
    .area_banner div:last-child{margin-bottom: 0}
    
    /*뉴스레터*/
    .newsletter{padding: 30px 20px}
    .newsletter .input_wrap input{width: calc(100% - 120px);padding: 10px;font-size: 13px}
    .newsletter .input_wrap button{width: 120px;font-size: 13px}
    .newsletter .tit{font-size: 17px}
    .newsletter .desc{font-size: 14px}

    
    /*footer*/
    #footer{margin-top: 40px;padding: 20px 0;font-size: 12px}
    #footer .top{display: block;margin-bottom: 10px}
    #footer .top .logo{margin-bottom: 20px}
    #footer .top .info_menu{font-size: 12px;width: 100%;}
    #footer .top .info_menu li{margin-right: 5px}
    #footer .bottom span.bold{margin-right: 10px}
    #footer .bottom span{margin-right: 10px}
    #footer .bottom .name{display: block;margin-bottom: 10px}
    #footer .contact span{display: block;margin-bottom: 10px;}
    #footer .contact span:last-child{margin-bottom: 0;word-break: keep-all}
    
    
    /*--회원가입--*/
    .join_form .tit{font-size: 18px;}
    .join_form .input_area{padding: 0}
    .join_form .step_area{justify-content: space-between;margin-top: 30px;margin-bottom: 20px;padding-bottom: 20px;}
    .join_form .step_area .item:after{display: none}
    .join_form .step_area .item{margin-right: 20px;padding: 15px 10px;width: calc(33.333% - 13.333px)}
    .join_form .step_area .item > span{width: 35px;height: 35px;}
    .join_form .step_area .item .txt p{font-size: 14px;}
    .join_form .join_btn{margin-top: 40px;}
    .join_form .join_btn button{font-size: 14px;}
    .join_form .input_area > .item label{font-size: 15px;}
    .join_form .input_area > .item input{font-size: 15px;}
    .join_form .join_complete .f16{margin-top: 40px;}
    .pass_reset .big_btn button{font-size: 15px;}
    
    /* 마이페이지 나의 강의실 */
    .list_wrap{margin-top: 20px;display: block;}
    .list_wrap .snb{width: 100%;position: relative;z-index: 99999;display:none}
    .list_wrap .snb .tit{position: relative;cursor: pointer;transition: all 0.5s}
    .list_wrap .snb .tit:after{content: '';display: block;background: #333;width: 18px;height: 2px;position: absolute;right: 0;top: 30%;transform: translateY(-50%)}
    .list_wrap .snb .tit:before{content: '';display: block;background: #333;width: 2px;height: 18px;position: absolute;right: 8px;top: 30%;transform: translateY(-50%)}
    .list_wrap .snb .tit.active:before{display: none}
    .list_wrap .snb > ul{position: absolute;width: 100%;left: 0;background: #fff;box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);border: 1px solid #eaeaea;border-top: 0;display: none;z-index: 99999}
    .list_wrap .snb ul.active{display: block}
    .snb > ul > li > a:after{display:none;}
    .snb .tit{font-size: 15px;padding-bottom: 15px;}
    .snb > ul > li > a{padding: 10px 10px;font-size: 14px;}
    .list_wrap .content{width: 100%;margin-top: 20px;}
    .tit_style01{font-size: 18px;}
    .mp_lecture .mpl_top{display: block;}
    .mp_lecture .mpl_top > .item{width: 100%;margin-right: 0;margin-bottom: 20px;box-sizing: border-box}
    .mp_lecture .mpl_top > .item:last-child{margin-bottom: 0}
    .mp_lecture .mpl_top > .item .progress_top{margin-top: 30px}
    
    .tabs li a{font-size: 14px;}
    .tabs li a .num{display: block}
    .mp_lecture .mp_lecture_list .middle .cont_list{width: 100%;}
    .mp_lecture .mp_lecture_list .middle{display: block;}
    .mp_lecture .mp_lecture_list .middle .cont_list > li{width: 100%;margin-right: 0;}
    .mp_lecture .mp_lecture_list .middle a{width: 100%;padding: 15px;box-sizing: border-box;font-size: 14px}
    .mp_lecture .mp_lecture_list .bottom{display: block;text-align: center;}
    .mp_lecture .mp_lecture_list .bottom .f14{margin-bottom: 10px;word-break: keep-all}
    .paging{display: none}
    .m_paging{display: flex;}
    .check_wrap li{margin-right: 15px;}
    
    /* 수강후기 팝업 */
    .review_pop .cont_list{display: block;}
    .review_pop .cont_list li{margin-bottom: 10px;}
    .review_pop .cont_list li:last-child{margin-bottom: 0}
    
    /* 공지사항 */
    .table_style01.notice_table table thead{display: none;}
    .table_style01.notice_table table tr:nth-child(1){border-top: 1px solid #ccc;}
    .table_style01.notice_table table,
    .table_style01.notice_table table tr,
    .table_style01.notice_table table tbody,
    .table_style01.notice_table table td{display: block;}
    .table_style01.notice_table table .number,
    .table_style01.notice_table table .hit{display: none }
    .table_style01.notice_table table td{padding: 5px 0;text-align: left}
    .table_style01.notice_table table tr{padding: 10px;}
    .table_style01.notice_table table .tit{font-weight: 500;}
    .table_style01.notice_table table .date{color: #888}
    
    /*가로 테이블*/
    .table_style01.row_table table,
    .table_style01.row_table table tr,
    .table_style01.row_table table th,
    .table_style01.row_table table td,
    .table_style01.row_table table tbody{display: block;}
    .table_style01.row_table table th{text-align: left;}
    .table_style01.row_table table tr{border-bottom: 0}
    .table_style01.row_table table td,
    .table_style01.row_table table th{border-bottom:1px solid #ccc }
    .table_style01.row_table table th,
    .table_style01.row_table table td{padding: 10px;font-size: 14px;}
    .tel_input{max-width: 421px;width: 100%;}
    .input_style{max-width: 100%;}
    .m_show{display: block;}
    .big_btn{font-size: 16px;padding: 10px 15px;}
    
    /* 공지사항 */
    .write_btn{padding-bottom: 0}
    .write_btn .green_btn{top: 50%;bottom: auto;}
    .bt_wrap .bt_btn a + a{margin-left: 5px;}
    
    /* faq */
    .table_style01.notice_table table .answer td{padding: 0}
    
    
    /* 교육과정 상세 */
    .lecture_view .lv_tit .tit{font-size: 18px;}
    .lecture_view .lv_header .tag li a{font-size: 13px}
    .lecture_view .lv_header .rating_wrap .go_review a{font-size: 15px;}
    .lecture_view .lv_header .btn_area a{font-size: 16px;padding: 15px 0}
    .lv_list li .tit{width: 100px;}
    .lv_list li .txt{width: calc(100% - 105px)}
    .lv_list li .tit,
    .lv_list li .txt,
    .lv_list li .txt select{font-size: 15px !important;}
    .lecture_view .lv_header .btn_area .like_btn,
    .lecture_view .lv_header .btn_area .like_btn.active{width: 50px;background-size: 20px;}
    .lecture_view .lv_cont{margin: 40px 0}
    .lecture_view .lv_header .btn_area .blue_btn{width: calc(50% - 25px);}
    .lecture_view .lv_header .btn_area .gray_btn02{width: calc(50% - 25px)}
    .lecture_view .lv_header .btn_area a{padding: 10px 0;font-size: 15px;}
    .lecture_view .lv_review .lv_review_top .tit{font-size: 18px;}
    .lecture_view .lv_review .lv_review_list .item{flex-direction: column;margin: 10px 0;padding: 10px 0}
    .lecture_view .lv_review .lv_review_list .item .txt_area{width: 100%;margin-top: 15px;}
    .lecture_view .lv_review .lv_review_list .item .top .name,
    .lecture_view .lv_review .lv_review_list .item .text{font-size: 14px;}
    .lecture_view .more_btn{font-size: 14px;padding: 15px 30px 15px 10px;width: 200px;background-position:  right 15px center;background-size: 13px;}
    .guide_txt .qa_mark{margin-left: 10px;}
    
    
    .ac_view_area .left .top .txt{padding-top: 0;}
    
    /*강의실*/
    .lr_view .tit_wrap02 a{position: absolute;right: 0;top: 38px;font-size: 12px !important;padding: 5px 5px 5px 20px;background-position: left 5px center;}
    .lr_view .section01 .right .progress_area .txt p,
    .lr_view .section01 .right .percent{font-size: 12px;}
    .lr_view .section01 .right .progress > div span{font-size: 12px;}
    
    .cont_list li strong,
    .cont_list li p{font-size: 15px;}
    
    /* 학습목차 table */
    .lr_view .notice_table.table_style01 tr{position: relative;}
    .notice_table.table_style01 .index01:before{content: '차시 : ';display: inline-block;margin-right: 3px;}
    .notice_table.table_style01 .index02:before{content: '진도율 : ';display: inline-block;margin-right: 3px;}
    .notice_table.table_style01 .index03:before{content: '학습시간 : ';display: inline-block;margin-right: 3px;}
    .notice_table.table_style01 .index04:before{content: '학습일자 : ';display: inline-block;margin-right: 3px;}
    .notice_table.table_style01 .index03,
    .notice_table.table_style01 .index04{display: inline-block;color: #888}
    .notice_table.table_style01 .index03{margin-right: 10px}
    .notice_table.table_style01 .index05{display: block}
    .notice_table.table_style01 .index06,
    .notice_table.table_style01 .index07{display: inline-block;}
    
    .lr_view .comment_area .blue_btn{width: 90px;}
    .lr_view .comment_area textarea{width: calc(100% - 110px)}
    .lr_view .qna_wrap .item .txt{font-size: 15px}
    .lr_view .qna_wrap .item .date{font-size: 14px;}
    .lr_view .survey .txt{width: calc(100% - 100px);}
    .lr_view .survey .blue_btn{width: 90px;}
    
    .cont_list.harf_cl{display: block;}
    .cont_list.harf_cl li{width: 100%;}
    .popup .pop_cont{max-height: calc(100vh - 200px)}
    
    .lecture_list .swiper-slide .img{height: 45vw}
    
    /* 통합검색 */
    .in_search .lecture_list .item{width: calc(50% - 10px);}
    .in_search .lecture_list .item:nth-child(2n){margin-right: 0}
    .in_search .lecture_list .item:nth-child(3n){margin-right: auto}
    
    /* 테이블 */
    .notice_top{display: block;position:relative;}
    .notice_top .fr{margin-top: 15px}
    .notice_top .fr .notice_search {margin-top: 0}
    .notice_top .notice_search{margin-top: 15px;width:100%}
    .notice_top .notice_search fieldset{display:flex;width:100%}
    .notice_top .notice_search button{width: 80px;}
    .notice_top .notice_search input{width: calc(100% - 80px)}
    .notice_top.in_slt select{position:absolute;top:-20px;right:0}
    .notice_top.in_slt p{}
    .notice_top.in_slt select{padding:5px 20px 5px 10px;border-radius:5px;font-size:15px;top:-9px}
    
    .hot_lecture .slick-list{overflow: visible}
    .hot_lecture:not(.small_item) .slick-slide.slick-center{transform: scale(2);}
    .hot_lecture:not(.small_item) .slick-slide.slick-active:not(.slick-center){transform: scale(1.8) translate(20%);}
    .hot_lecture:not(.small_item) .slick-slide.slick-slide.slick-center + .slick-slide{transform: scale(1.8) translate(-20%);}
    .hot_lecture .slick-arrow{background-size: 13px;width: 13px;height: 26px}
    
    .lecture_list02 .swiper-slide{width: 180px !important;}
    /* .lecture_list02 p{font-size: 14px} */
    .lecture_list02 p{height: 36px; font-size: 14px}
    
    .m_hide{display: none}
    .m_ico_set{display: flex}
    .main_tit02{font-size: 18px;margin-bottom: 20px}
    
    .empower{padding: 40px 0}
    .empower .empower_wrap .boxItem {
        padding: 20px 0 20px;
    }
    .empower .empower_wrap .tit {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .empower .empower_wrap .desc {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .empower .empower_wrap .gray {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .empower .empower_wrap .etc {
        font-size: 12px;
    }
    .empower .swiper-pagination.swiper-pagination-bullets span {
        width: 8px;
        height: 8px;
    }
    .hot_lecture:not(.small_item){margin: 80px  0 80px 0}
    .hot_lecture .slick-arrow{display: none !important}
    
       /* 모바일 배너 */
    #newMain .m_banner {
        display: block;
    }

    /* footer */
    #newFooter .nfooter_top .f_sns {
        display: none;
    }

    #newFooter .f_business .f_sns {
        display: flex;
    }

    #newFooter .f_business .f_addr {
        display: none;
    }

    #newFooter .f_address .f_addr {
        display: block;
    }
    
    .lecture_list02{width: 100%}
    .lecture_list02 .lt_swiper-button-next,
    .lecture_list02 .lt_swiper-button-prev{display: none}
    
    .hot_lecture:not(.small_item) .main_tit02{margin-bottom:60px}
    .hot_lecture:not(.small_item) .slick-slide{opacity:0;}
    .hot_lecture:not(.small_item) .slick-slide.slick-active{opacity:1}
    

    
    .m_more{background:#e8e8e8 url(../images/user/more_arrow02.png) no-repeat right 40px center}
        .hot_lecture .slick-dots{bottom: 0;}
    .hot_lecture .slick-dots li{width: auto;margin: 0 5px}
    .hot_lecture .slick-dots li.slick-active button{width: 25px !important;border-radius: 30px;background: #0093d5}
    .hot_lecture .slick-dots li button{width: 10px !important;height: 10px;opacity: 1;background: #aaa;padding: 0}
      .hot_lecture:not(.small_item){margin:30px 0 0 0}
    /*.hot_lecture:not(.small_item) .slick-slide.slick-active:not(.slick-center){transform:translate(2%)}
    .hot_lecture:not(.small_item) .slick-slide.slick-center{transform:translateX(-33%)}
    .hot_lecture:not(.small_item) .slick-slide.slick-slide.slick-center + .slick-slide{transform:translate(-6%)}*/
    .hot_lecture:not(.small_item) .slick-slide.slick-active:not(.slick-center) {width:200px !important;}
    .hot_lecture:not(.small_item) .slick-slide.slick-center {width:250px !important;}
    .hot_lecture:not(.small_item) .slick-slide.slick-slide.slick-center + .slick-slide {width:200px !important;}
    .hot_lecture{padding:0 0 40px 0}   
    .hot_lecture:not(.small_item) .slick-slide iframe{min-width:100%}
    .hot_lecture:not(.small_item) .slick-slide{transform:none !important;}
    .hot_lecture:not(.small_item) .slick-track{display:flex;align-items:center;}
    .hot_lecture:not(.small_item) .slick-slide{float:none;}
    .hot_lecture:not(.small_item){overflow:hidden}
    
    .qna_wrap .qna_write .item{display: block;}
    .qna_wrap .qna_write .item > label{display: block;width: 100%;margin-bottom: 10px;}
    .qna_wrap .qna_write .item .con{width: 100%;}
    .qna_wrap .qna_write .item .con input[type="text"]{width: 100%;margin-right: 0;margin-bottom: 10px;}
    .qna_wrap .qna_write .item .con.inCheck{display: block;}
    .qna_wrap .qna_write .item .con textarea{height: 100px;font-size: 14px}
    .qna_wrap .qna_write .item.file_up .con{display: block;}
    .file_up .con .file_view{width: 100%;margin-top: 15px}
    .qna_wrap .qna_write .item > label{font-size: 14px}
    .qna_wrap .qna_write .item .con input[type="text"]{font-size: 14px;padding: 10px}
    .btn_style06{font-size: 14px;width: 100px}
    
    .qna_wrap{margin: 40px 0}
    .new_tit{font-size: 22px;}
    .qna_wrap .qna_write{margin-top: 30px;padding: 20px 0}
    
    .file_up .name_area span{max-width: 200px}
    
    .paging02{display: none}
    
    .lecture_cont{flex-wrap: wrap}
    .lecture_cont .cont{margin-right: 0;width: calc(100% - 180px)}
    .lecture_cont .goPlay{margin: 30px auto 0 auto;font-size: 14px;width: 90px;height: 90px;}
    .lecture_cont .goPlay:before{background-size: 15px;height: 20px}
    
    .lecture_bottom{display: block;margin-top: 30px;}
    .lecture_bottom .item{width: 100%}
    .lecture_bottom .item + .item{margin-left: 0;margin-top: 15px;}
    .lecture_bottom .item .tit{font-size: 14px}
    .lecture_bottom .item .desc{font-size: 22px;height: 50px}
    .lecture_cont .thumb{width: 150px}
    
    .place_item{display: block;}
    .place_item h3{margin-bottom: 10px;width: 100%}
    .place_item p{width: 100%;}
    
    .lr_qna .qa_comment button,
    .survey_area a{width: 90px;font-size: 13px;}
    .lr_qna .qa_comment textarea,
    .survey_area .gray_bg{width: calc(100% - 100px)}
    .survey_area .gray_bg{padding: 10px}
    .survey_area a{height: auto}
    .lqa_list .item > div{padding: 15px 10px 15px 40px}
    .lqa_list .item > div:before{font-size: 13px;width: 20px;height: 20px;left: 10px}
    .lr_review .item{padding: 15px 0}
    
    .lecture_viewer .left{display: block;}
    .lecture_viewer .left > div + div{margin-top: 30px;margin-left: 0}
    .lecture_viewer .tit_lv h3{font-size: 20px;}
    .lecture_viewer .lb_idx_list .item p,
    .lecture_viewer .lv_data .lv_dlist li{font-size: 13px;}
    .lecture_viewer .lv_data .lv_dlist li .btn_style03{font-size: 13px}
    .lecture_viewer .lv_data .no_data{font-size: 14px;}
    
    
    .visual .swiper-slide .m{display: block}
    .visual .swiper-slide .pc{display: none}
    
    .hot_lecture .slick-current .item:before{background-size: 70px;width: 70px;height: 70px;}
    
    .hot_lecture:not(.small_item) .slick-slide.slick-current img{height: 190px}
    .hot_lecture:not(.small_item) .slick-slide.slick-active:not(.slick-center) img{height: 150px}
    
    #newHeader .h_cont .logo img{width: 130px}
    #newHeader .h_ui{top: 15px}
    
    .lecture_list02.sty01 > .item{width: calc(50% - 10px);margin-right: 20px;}
    .lecture_list02.sty01 > .item:nth-child(2n){margin-right: 0}
    
    .courseSearch table th,
    .courseSearch table td{font-size: 14px;word-break: keep-all}
    .blue_scr_button input{font-size: 15px;}
    .btn_chk li input + label{font-size: 13px;padding: 5px 15px}
    .blue_scr_button{margin-top: 20px;}
    .courseSearch .cls_btn{top:22px}
}


@media all and (max-width:480px){
    #newHeader .h_gnb_wrap{overflow-x: auto;}
    #newHeader .h_gnb{display: table;}
    #newHeader .h_gnb > li{display: table-cell;white-space: nowrap;padding-right: 10px}
    #newHeader .h_gnb > li:last-child{padding-right: 0}
    .tit_style01{margin-bottom: 20px;}
     /*--회원가입--*/
    .join_form .step_area .item{display: block;text-align: center}
    .join_form .step_area .item > span{display: inline-block;margin-bottom: 10px;margin-right: 0}
    
     /* 로그인 */
    .login_wrap{max-width: 100%;margin-top: 40px}
    .login_wrap .logo_area{padding: 30px 20px}
    .login_wrap .logo_area img{width: 200px}
    .login_wrap .cont_area{padding: 30px 20px}
    .login_wrap .login_box input{font-size: 14px}
    .login_wrap .sub_area a{font-size: 13px}
    .login_wrap .login_box .id{background-size: 18px;width: 25px;}
    .login_wrap .login_box .pw{background-size: 18px;width: 25px}
    .popup .pop_cont{padding: 20px 30px}
    .popup .border{padding: 20px 0}
    .popup .id_complete p{font-size: 14px;word-break: keep-all}
    .big_btn{font-size: 14px;}
    .pop_tit{font-size: 18px;}
    .id_find label,
    .id_find input{font-size: 15px;}
    .join_form .input_area .id_wrap button{width: 90px;}
    .popup .btn_two a{font-size: 14px;padding: 10px;}
    
    
    
    
    .btn_wrap a{max-width: 100px;width: 80px;font-size: 14px;}
    
    .review_pop .rate_wrap{display: block;}
    
    .cert_pop .cert_area{margin-top: 20px;}
    
    /* 공지사항 */
    .view_down a:first-child{display: block;}
    .view_down a{display: inline-block;}
    .view_down a + a{margin-left: 0;margin-top: 10px;}
    .comment_area button{font-size: 14px;width: 80px;}
    .comment_area textarea{width: calc(100% - 90px);height: 60px;font-size:14px}
    .comment_list .item .no_data {font-size:14px}
    .notice_view_cont{font-size:14px}
    /* 교육과정 목록 */
    .lecture_sub_list .lecture_list .item{width: 100%;margin-right: 0}
    .lecture_sub_list .lecture_list .item .img{height: 55vw}
    .lecture_list .item .img{height: 50vw}
    /* 교육과정 상세 */
    .lecture_view .lv_review .lv_review_top .tit{margin-bottom: 10px;}
    .lv_list li{display: block;}
    .lv_list li .tit, 
    .lv_list li .txt{width: 100% !important}
    .lv_list li .tit{margin-bottom: 10px;}
    
    /* 수강신청 */
    .ac_view_area .left .top{display: block;}
    .ac_view_area .left .top .img{width: 100%;height: 55vw}
    .ac_view_area .left .top .txt{width: 100%;margin-left: 0;margin-top: 20px;}
    
    /*강의실*/
    .lr_view .section01 .left{overflow: hidden}
    .lr_view .section01 .left a{position: static;float: right;margin-top: 10px;}
    .lr_view .section01 .right .progress_wrap{overflow-x: auto;overflow-y: hidden}
    .lr_view .section01 .right .progress{display: table;min-width:100%}
    .lr_view .section01 .right .progress > div {display: table-cell}
    .lr_view .section02 > div{padding-right: 15px;margin-right: 15px;}
    .lv_list02 li{display: block;}
    .lvr_slide{padding: 0 30px;}
    .lv_list02 li .tit{width: 100%;margin-bottom: 5px;font-size: 15px;}
    .lv_list02 li .txt{font-size: 15px; }
    .lr_view .lvr_slide .bt > *{padding: 10px}
    .lr_view .survey{display: block;}
    .lr_view .survey .txt{width: 100%;text-align: center;}
    .lr_view .survey .blue_btn{padding:  10px;font-size: 14px;margin: 20px auto 0 auto}
    
    .lecture_list .item .img{height: 45vw}
    
    /* 통합검색 */
    .in_search .lecture_list .item{width: 100%;margin-right: 0}
    .hot_lecture .slick-arrow{display: none !important}
    .hot_lecture{margin-top: 50px;margin-bottom: 80px}  
    .main_tit02{font-size: 18px;margin-bottom: 25px}
    
       /* footer */
    #newFooter .f_nav {
        white-space: nowrap;
        overflow-x: scroll;
    }
    .content .lecture_list02 .img{height: 130px}
    
    .qna_list table thead th:nth-child(5), .qna_list table tbody td:nth-child(5){width: 50px}
    .qna_list table thead th{font-size: 14px;padding: 15px 5px}
    .qna_list table tbody td{font-size: 13px;padding: 15px 5px}
    .qna_list table thead tr th{vertical-align: middle}
    
    .qna_list table td span{font-size: 11px;display: inline-block;white-space: nowrap}
    
    .lecture_cont{display: block;}
    .lecture_cont .thumb{width: 100%;height: 180px;}
    .lecture_cont .cont{width: 100%;margin: 10px 0}
    .lecture_cont .cont .tit{flex-direction: column-reverse;align-items: flex-start;}
    .lecture_cont .cont .tit span{margin-left: 0;margin-bottom: 5px}
    .lecture_cont .goPlay{margin: 20px auto 0 auto;padding: 10px;flex-direction: row;height: auto;border-radius: 5px}
    .lecture_cont .goPlay:before{margin:0;background-size: 10px;width: 10px;height: 15px;margin-right: 5px}
    .lecture_room .box h3{font-size: 15px;}
    
    .lecture_list02.sty01 > .item .img{height: 150px}
    
    .m_ico_set li{width:105px;height:105px;font-size:12px;letter-spacing:-.5px}
}


@media all and (max-width:300px){
    .write_btn{padding-bottom: 60px;}
    .write_btn .green_btn{top: auto;bottom: 0}
    
    /* 교육과정 상세 */
    .lecture_view .lv_review .lv_review_top{display: block;margin-bottom: 20px;}
    
}

/*메인 헤더 변경*/
body[data-header=job]{
    #job{display:block;}
    #pol, #edu{display:none;}
}
body[data-header=pol]{
    #pol{display:block;}
    #job, #edu{display:none;}
}
body[data-header=edu]{
    #edu{display:block;}
    #pol, #job{display:none;}
}
/* intro */
body.intro { height: 100%; background: url(../images/main_2024/intro/intro_bg02.png) #ffffff top center no-repeat; touch-action: pan-y; } 
body.intro #jobaba_wrap { min-width: initial; background: inherit;}
 .introWrap {height: auto; min-height: 100%;}
 .introWrap .innerSection { padding: 0 20px 0; } 
 .introWrap .forPc { display: none; } 
 .introWrap .logo { margin: 40px 0 40px; text-align: center; height: 70px; } 
 .introWrap .logo img { height: 100%; } 
 .introWrap .txtWrap { margin-bottom: 60px; text-align: center; } 
 .introWrap .txtWrap p { display: inline-block; padding-left: 110px; position: relative; color: #000; font-size: 30px; font-weight: 300; } 
 .introWrap .txtWrap p::before { content: ''; width: 100px; height: 108px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/main_2024/intro/intro_icon_txt.png) center no-repeat; background-size: contain; } 
 .introWrap .introList { display: flex; justify-content: center; } 
 .introWrap .introList li { width: 400px; height: 380px; position: relative; background-position: top 140px center; background-repeat: no-repeat; border-radius: 30px 85px 30px 30px; box-shadow: 0px 0px 20px 0px rgba(0, 50, 129, 0.2); box-sizing: border-box; overflow: hidden; } 
 .introWrap .introList li:nth-child(1) { background-color: #003281; background-image: url(../images/main_2024/intro/new_intro_01.png); } 
 .introWrap .introList li:nth-child(2) { background-color: #008ae0; background-image: url(../images/main_2024/intro/new_intro_02.png); } 
 .introWrap .introList li:nth-child(1):hover { box-shadow: 0px 10px 20px 0px rgba(0, 50, 129, 0.6); } 
 .introWrap .introList li:nth-child(2):hover { box-shadow: 0px 10px 20px 0px rgba(0, 50, 129, 0.6); } 
 .introWrap .introList li + li { margin-left: 30px; } 
 .introWrap .introList li a { display: flex; width: 100%; height: 100%; padding: 66px 0 36px; flex-direction: column; align-items: center; } 
 .introWrap .introList li .int_tag { padding: 0 20px; position: absolute; top: 26px; left: 26px; color: #003281; font-size: 20px; background: #fff; border-radius: 20px; } 
 .introWrap .introList li:nth-child(2) .int_tag { color: #008ae0; } 
 .introWrap .introList li .tit { color: #fff; font-size: 36px; } 
 .introWrap .introList li .int_btn { margin-top: auto; color: #fff; font-size: 20px; } 
 .introWrap .introBtn { max-width: 830px; margin: 20px auto 0; padding-bottom: 30px; } 
 .introWrap .introBtn a { display: flex; width: 100%; padding: 30px 115px 30px 310px; background-image: url(../images/main_2024/intro/intro_img05.png); background-color: #fff; background-repeat: no-repeat; background-position: center left 180px; box-shadow: 0px 0px 20px 0px rgba(0, 50, 129, 0.06); border: 5px solid #fff; border-radius: 20px; align-items: center; box-sizing: border-box; } 
 .introWrap .introBtn a:hover { box-shadow: 0px 10px 20px 0px rgba(83, 102, 133, 0.5); } 
 .introWrap .introBtn span { color: #8c8c8c; font-size: 20px; } 
 .introWrap .introBtn .tit { display: inline-block; color: #000; font-size: 30px; font-weight: 500; line-height: 1.3; text-align: center; } 
 .introWrap .introBtn .intBtn { display: inline-block; margin-left: auto; padding: 4px 30px; background: #67c3be; color: #fff; font-size: 20px; font-weight: 300; border-radius: 30px; } 

 @media screen and (max-width: 1024px) {body.intro .renewHeader .h_util { height: 70px; justify-content: center; } 
 body.intro .renewHeader .h_util ul { margin-left: initial; } 
 body.intro .renewHeader .h_util .rightBox { display: flex; } 
 .introWrap .txtWrap { margin-bottom: 40px; } 
 .introWrap .forPc { display: block; } 
 .introWrap .introList { flex-direction: column; } 
 .introWrap .introList li + li { margin-top: 30px; margin-left: auto; } 
 .introWrap .introList li { width: 100%; max-width: 550px; height: 250px; margin: 0 auto; } 
 .introWrap .introList li { background-position: center right 30px; } 
 .introWrap .introList li a { padding: 40px; align-items: flex-start; } 
 .introWrap .introList li .int_tag { padding: 0; position: static; background-color: initial; color: #c5e5ef !important; font-size: 24px; } 
 .introWrap .introBtn { max-width: 550px; } 
 .introWrap .introBtn a { padding: 30px 0 30px 140px; background-position: center left 100px; flex-direction: column; } 
 .introWrap .introBtn .intBtn { margin-left: initial; margin-top: 10px; } 
}

 @media screen and (max-width: 640px) {
 body.intro { background-image: url(../images/main_2024/intro/intro_bg_top02.png), url(../images/main_2024/intro/intro_bg_bottom02.png); background-color: #ffffff; background-position: top center, bottom center; background-size: contain; } 
 body.intro .renewHeader .h_util { height: 50px; } 
 body.intro .renewHeader .h_util ul li a { padding: 10px 14px; font-size: 14px; } 
 body.intro #renewFooter { display: none; } 
 .introWrap {min-height: auto;}
 .introWrap .innerSection { padding: 0 10px; } 
 .introWrap .logo { height: 35px; margin: 30px 0 20px; } 
 .introWrap .txtWrap { margin-bottom: 20px; } 
 .introWrap .txtWrap p::before { content: none; } 
.introWrap .txtWrap p { padding-left: 0; font-size: 18px; } 

 .introWrap .introList li:hover { border: none; } 
 .introWrap .introList li + li { margin-top: 15px; } 
 .introWrap .introList li { height: 150px; border-radius: 15px 45px 15px 15px; background-size: auto 50%; background-position: center right 20px; } 
 .introWrap .introList li > a { padding: 20px; } 
 .introWrap .introList li > a .tit { font-size: 22px; } 
 .introWrap .introList li .int_tag { font-size: 16px; } 
 .introWrap .introList li .int_btn { font-size: 16px; } 

 .introWrap .introBtn { margin-top: 20px; } 
 .introWrap .introBtn a:hover { border: none; } 
 .introWrap .introBtn a { padding: 20px 0 20px 80px; background-size: auto 50%; background-position: center left 40px; } 
 .introWrap .introBtn .tit { padding-right: 0; font-size: 18px; } 
.introWrap .introBtn .tit span { font-size: 14px; } 
.introWrap .introBtn .intBtn { padding: 4px 26px; margin-top: 4px; font-size: 14px; } 
 }
 /* //intro */
 .renewHeader .innerSection { max-width: 1300px; height: 100%; padding: 0 20px; margin: 0 auto;  }
 .renewHeader .innerSections { max-width: 1300px; padding: 0 20px; margin: 0 auto;  }
 #renewMain .innerSection { max-width: 1300px; height: 100%; padding: 0 20px; margin: 0 auto;  } 
 #renewFooter .innerSection { max-width: 1300px; height: 100%; padding: 0 20px; margin: 0 auto;  } 
 .gMid { font-family: 'GmarketSans','Noto Sans KR' !important; font-weight: 500; } 
 .gBold { font-family: 'GmarketSans','Noto Sans KR' !important; font-weight: 700; } 
 .ir-text { display:block; overflow:hidden; font-size:1px; line-height:0; text-indent:-9999px; } 

#renewMain { padding: 20px 0 0; } 
#renewMain h3 { color: #000; font-size: 20px; } 
#renewMain .end { color: #ff007e !important; } 
#renewMain .state { display: inline-block; padding: 0 10px; margin-bottom: 8px; font-size: 10px; border-style: solid; border-width: 1px; border-radius: 10px; } 
#renewMain .state.orange { color: #ff4200; border-color: #ff4200; } 
#renewMain .state.mint { color: #44adb3; border-color: #44adb3; } 
#renewMain .badge.blue { color: #fff; background: #147dff; } 
#renewMain .badge.gray { color: #fff; background: #626262; } 
#renewMain .badge.pink { color: #fff; background: #ff64c6; } 
#renewMain .badge.days { color: #ff007e; background: #fff; border: 1px solid #ff007e; } 
#renewMain .badge.area { color: #808080; background: #fff; border: 1px solid #c9c9c9; } 

 /* header */
.renewHeader .nheader_top { background: #008ae0; } 
.renewHeader .h_util { display: flex; align-items: center; justify-content: space-between; height: 70px; } 
.renewHeader .h_util ul { display: flex; } 
.renewHeader .h_util ul li + li { margin-left: 16px; } 
.renewHeader .h_util ul li.on { background: #fff;  border-radius: 10px; }
.renewHeader .h_util ul li.on a {color: #008ae0;}
.renewHeader .h_util ul li a:hover { background: #fff; color: #008ae0; border-radius: 10px; } 
.renewHeader .h_util ul li a { display: block; padding: 10px 14px; color: #fff; font-size: 18px; font-weight: 500; line-height: 1; } 
.renewHeader .h_cont { display: flex; align-items: center; justify-content: space-between; height: 70px; margin-top: 25px; } 
.renewHeader .h_cont .logo { height: 70px; flex-shrink: 0; margin-bottom: 6px; } 
.renewHeader .h_cont .logo a { display: block; max-width: 100%; height: 100%; } 
.renewHeader .h_cont .logo img { max-width: 100%; height: 100%; object-fit: contain; } 
.renewHeader .nheader_mid { background: #fff; border-bottom: 1px solid #dadada; } 
.renewHeader .h_ui { display: flex; align-items: center; } 
.renewHeader .h_menu { position: relative; width: 26px; height: 16px; cursor: pointer; } 
.renewHeader .h_menu.mobile_menu { display: none; } 
.renewHeader .h_menu span { position: absolute; width: 26px; height: 4px; display: block; background-color: #000; transition: all 0.2s ease-in; } 
.renewHeader .h_menu span:first-child { top: 0; } 
.renewHeader .h_menu span:nth-child(2) { top: 50%; } 
.renewHeader .h_menu span:last-child { top: 100%; } 
.renewHeader .h_menu.active span:first-child { top: 50%; transform: rotate(45deg); } 
.renewHeader .h_menu.active span:nth-child(2) { display: none; } 
.renewHeader .h_menu.active span:last-child { top: 50%; transform: rotate(-45deg); } 
.renewHeader .h_ui .h_login { display: none; margin-left: 10px; } 
.renewHeader .h_ui .h_login a { display: block; width: 20px; height: 20px; background: url(../images/main_2024/main/mobile_icon_login.png) center no-repeat; background-size: contain; } 
.renewHeader .h_search { width: 27px; height: 27px; margin-left: 34px; background: url(../images/main_2024/main/icon_search_02.png) center no-repeat; flex-shrink: 0; cursor: pointer; } 
.renewHeader .nheader_bottom { position: relative; } 
.renewHeader .h_gnb { display: flex; max-width: 750px; width: 100%; margin: 0 60px 0 10px; justify-content: space-between; } 
.renewHeader .h_gnb > li { position: relative; text-align: center; } 
.renewHeader .h_gnb > li > a { display: block; width: 100%; height: 70px; color: #000; font-size: 22px; line-height: 70px; } 
.renewHeader .h_gnb > li > a:hover { color: #008ae0; } 
.renewHeader .h_gnb > li:hover .depth_02 { display: block; } 
.renewHeader .h_gnb > li .depth_02 { display: none; position: absolute; top: 60px; left: 0; padding: 10px 0; width: 185px; height: auto; border: 1px solid #d7dce5; border-radius: 10px; box-sizing: border-box; letter-spacing: -0.5px; text-align: left; background: #fff; box-shadow: 2px 6px 16px 0 rgba(17,42,128,0.08); z-index: 6000; } 
.renewHeader .h_gnb li .depth_02 > li { position: relative; z-index: 2; height: 100%; } 
.renewHeader .h_gnb li .depth_02 > li > a { display: block; padding: 0 16px; height: 36px; color: #5c667b; font-size: 14px; line-height: 36px; } 
.renewHeader .h_gnb li .depth_02 > li > a:hover { background: #eee; } 

/* header all menu */
.renewHeader .h_gnb_bg { display: none; width: 100%; position: absolute; background: #fff; border-bottom: 1px solid #dadada; overflow: hidden; z-index: 4000; } 
.renewHeader .h_gnb_menu { display: grid; grid-template-columns: 976px 284px; justify-content: center; } 
.renewHeader .h_gnb_bg::after { content: ''; width: 50%; height: 100%; position: absolute; top: 0; left: 50%; background: #edf6fd; z-index: 1; } 
.renewHeader .h_gnb_menu .gnb_item { position: relative; padding: 50px 0 25px; z-index: 2; } 
.renewHeader .h_gnb_menu .gnb_item.menu { display: grid; width: 976px; grid-template-areas: "depth_01 depth_01 depth_01 depth_01 depth_01"; background: #fff; } 
.renewHeader .h_gnb_menu .gnb_item.menu .depth_01 { display: flex; position: relative; padding: 0 15px; min-height: 204px; align-self: stretch; flex-direction: column; } 
.renewHeader .h_gnb_menu .gnb_item.menu .depth_01::before { content: ''; width: 1px; position: absolute; top: 4px; bottom: 4px; left: 0; background: #ececec; } 
.renewHeader .h_gnb_menu .gnb_item.menu .depth_01 .etc_txt { position: absolute; top: -26px; left: 15px; color: #008ae0; font-size: 12px; line-height: 16px; } 
.renewHeader .h_gnb_menu .gnb_item.menu .depth_01.double .depth_02 { display: grid; grid-template-columns: auto auto; gap: 0 20px; } 
.renewHeader .h_gnb_menu .gnb_item.menu .depth_tit { display: inline-block; margin-bottom: 16px; color: #000; font-size: 16px; font-weight: 500; pointer-events: none; } 
.renewHeader .h_gnb_menu .gnb_item.menu .depth_02 a { color: #000; font-size: 14px; font-weight: 500; line-height: 28px; } 
.renewHeader .h_gnb_menu .gnb_item.menu .depth_02 a:hover,
.renewHeader .h_gnb_menu .gnb_item.menu .depth_02 a:focus { color: #008ae0; } 
.renewHeader .h_gnb_menu .gnb_item.menu .depth_01 .extra { display: block; margin-top: auto; padding: 10px 15px; background: #f5f5f5; border: 1px solid #d2d2d2; border-radius: 5px; } 
.renewHeader .h_gnb_menu .gnb_item.menu .depth_01 .extra p { color: #000; font-size: 14px; font-weight: 500; } 
.renewHeader .h_gnb_menu .gnb_item.menu .depth_01 .extra span { display: block; font-size: 12px; font-weight: 400; } 
.renewHeader .h_gnb_menu .gnb_item.links { width: 248px; padding: 24px 32px; } 
.renewHeader .h_gnb_menu .gnb_item.links .etc_txt { display: block; padding-left: 8px; color: #008ae0; font-size: 12px; line-height: 16px; } 
.renewHeader .h_gnb_menu .gnb_item.links ul { margin-top: 2px; } 
.renewHeader .h_gnb_menu .gnb_item.links li a { display: grid; width: 226px; padding: 8px 8px 12px; gap: 0 10px; grid-template-areas: "links_icon links_tit" "links_icon links_txt"; grid-template-columns: 36px 1fr; align-items: center; border-radius: 10px; } 
.renewHeader .h_gnb_menu .gnb_item.links li a:hover, .renewHeader .h_gnb_menu .gnb_item.links li a:focus { background: #acdfff; } 
.renewHeader .h_gnb_menu .gnb_item.links li a .links_icon { display: grid; width: 36px; height: 36px; background: #fff; border: 1px solid #eaedf4; border-radius: 5px; grid-area: links_icon; justify-content: center; align-items: center; } 
.renewHeader .h_gnb_menu .gnb_item.links li a .links_icon img { height: 24px; } 
.renewHeader .h_gnb_menu .gnb_item.links li a .links_tit { display: grid; color: #000; font-size: 16px; font-weight: 500; grid-auto-flow: column dense; grid-area: links_tit; align-items: center; justify-content: start; } 
.renewHeader .h_gnb_menu .gnb_item.links li a .links_tit::after { content: ''; display: inline-block; width: 6px; height: 10px; margin-left: 14px; background: url(../images/main_2024/main/gnb_icon_arrow.png) no-repeat; } 
.renewHeader .h_gnb_menu .gnb_item.links li a .links_txt { color: #000; font-size: 12px; font-weight: 400; grid-area: links_txt; } 

/* header mobile menu */
.renewHeader .h_mobile { width: 100%; position: fixed; top: 0; right: -100%; background: #fff; transition: all 0.3s; z-index: 9999; } 
.renewHeader .h_mobile.show { right: 0; height: 100vh; overflow-y: auto; } 
.renewHeader .h_mobile_top { border-top: 4px solid #008ae0; } 
.renewHeader .h_mobile_btn { display: flex; align-items: center; justify-content: space-between; height: 70px; padding: 0 10px; border-bottom: 1px solid #cecece; } 
.renewHeader .h_mobile_btn .logo { height: 100%; } 
.renewHeader .h_mobile_btn .logo a { display: block; width: 100%; height: 100%; padding: 10px 0; } 
.renewHeader .h_mobile_btn .logo img { height: 100%; } 
.renewHeader .h_mobile_close { position: relative; width: 20px; height: 20px; margin-right: 20px; cursor: pointer; } 
.renewHeader .h_mobile_close span { display: block; width: 20px; height: 2px; position: absolute; top: 50%; background-color: #000; } 
.renewHeader .h_mobile_close span:first-child { transform: rotate(45deg); } 
.renewHeader .h_mobile_close span:last-child { transform: rotate(-45deg); } 
.renewHeader .h_mobile_login { margin-top: 20px; padding: 0 15px; } 
.renewHeader .h_mobile_login .btn01 { display: block; padding: 15px 0; background: #ececec; color: #000; font-size: 12px; border: 1px solid #d0d0d0; border-radius: 10px; text-align: center; } 
.renewHeader .h_mobile_login .btn01.joinBtn { margin-top: 8px; background: #008ae0; color: #fff; border: 1px solid #008ae0; } 
.renewHeader .h_mobile_info { display: flex; align-items: center; justify-content: space-around; margin: 20px 0 15px; } 
.renewHeader .h_mobile_info li { width: calc(100% / 3); } 
.renewHeader .h_mobile_info li a { display: block; height: 100%; color: #000; font-size: 12px; text-align: center; } 
.renewHeader .h_mobile_info li a::before { display: block; content: ''; width: 38px; height: 35px; margin: 0 auto 10px auto; background-position: center center; background-repeat: no-repeat; background-size: contain; } 
.renewHeader .h_mobile_info li a.mobile_icon01::before { background-image: url(../images/main_2024/main/mobile_menu_icon01_02.png); } 
.renewHeader .h_mobile_info li a.mobile_icon02::before { background-image: url(../images/main_2024/main/mobile_menu_icon02_02.png); } 
.renewHeader .h_mobile_info li a.mobile_icon03::before { background-image: url(../images/main_2024/main/mobile_menu_icon03_02.png); } 
.renewHeader .h_mobile_info li a.mobile_icon04::before { background-image: url(../images/main_2024/main/mobile_menu_icon04_02.png); } 

.renewHeader .h_mobile_mid { padding: 10px 20px; border-top: 8px solid #eeeeee; border-bottom: 8px solid #eeeeee; } 
.renewHeader .h_mobile_mid .mobile_menu { margin: 20px 0 20px 30px; } 
.renewHeader .h_mobile_mid .mobile_menu > li { position: relative; } 
.renewHeader .h_mobile_mid .mobile_menu > li::before { content: ''; width: 2px; height: calc(100% - 30px); background: #f3eeee; position: absolute; top: 26px; left: -17px; } 
.renewHeader .h_mobile_mid .mobile_menu > li > a { display: block; position: relative; color: #000; font-size: 16px; font-weight: bold; } 
.renewHeader .h_mobile_mid .mobile_menu > li > a::before { content: ''; height: 14px; width: 14px; position: absolute; left: -24px; top: 50%; background: #fff; transform: translateY(-50%); border: 4px solid #9ea9ff; border-radius: 50%; box-sizing: border-box; } 
.renewHeader .h_mobile_mid .mobileGnb { padding: 10px 0; } 
.renewHeader .h_mobile_mid .mobileGnb li > a { display: block; padding: 5px 0; color: #000; font-size: 16px; } 
.renewHeader .h_mobile_mid .mobileSub { display: flex; flex-wrap: wrap; margin: 10px 0; } 
.renewHeader .h_mobile_mid .mobileSub li { width: 100%; border-radius: 5px; border: 1px solid #d2d2d2; overflow: hidden; } 
.renewHeader .h_mobile_mid .mobileSub li a { display: block; padding: 10px 15px; background: #f5f5f5; color: #000; font-size: 14px; font-weight: 500; } 
.renewHeader .h_mobile_mid .mobileSub li a span { display: block; font-size: 12px; font-weight: 500; } 

.renewHeader .h_mobile_bottom .h_mobile_family { padding: 20px 26px; } 
.renewHeader .h_mobile_bottom .h_mobile_family strong { display: block; margin: 0 0 10px 4px; } 
.renewHeader .h_mobile_bottom .h_mobile_family ul { display: flex; justify-content: space-between; } 
.renewHeader .h_mobile_bottom .h_mobile_family li { width: calc((100% - 15px) / 3); height: 62px; border: 3px solid #e2e2e2; border-radius: 15px; text-align: center; } 
.renewHeader .h_mobile_bottom .h_mobile_family a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.renewHeader .h_mobile_bottom .h_mobile_family li img { transform: scale(0.7); } 
.renewHeader .h_mobile_sns { display: flex; align-items: center; justify-content: center; padding: 15px 0; background: #eeeeee; } 
.renewHeader .h_mobile_sns li { display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; } 
.renewHeader .h_mobile_sns li + li { margin-left: 10px; } 
.renewHeader .h_mobile_sns li a { display: block; width: 32px; height: 32px; text-indent: -99999px; background-position: center center; background-repeat: no-repeat; transform: scale(0.8); } 
.renewHeader .h_mobile_sns li a.blog { background-image: url(../images/main_2024/main/icon_blog.png); } 
.renewHeader .h_mobile_sns li a.face { background-image: url(../images/main_2024/main/icon_face.png); } 
.renewHeader .h_mobile_sns li a.insta { background-image: url(../images/main_2024/main/icon_insta.png); } 
.renewHeader .h_mobile_sns li a.youtu { background-image: url(../images/main_2024/main/icon_youtube.png); } 
.renewHeader .h_mobile_sns li a.app { background-image: url(../images/main_2024/main/icon_appstore.png); } 
.renewHeader .h_mobile_sns li a.play { background-image: url(../images/main_2024/main/icon_playstore.png); } 

/* main */

/* visual */
#renewMain .mainVisual { margin-bottom: 25px; } 
#renewMain .visualWrap { display: flex; justify-content: space-between; } 
#renewMain .mainVisual .visualCont { width: calc(100% - 360px); padding: 25px 208px 20px 35px; background-image: url(../images/main_2024/main/visual_bg02_2.png), url(../images/main_2024/main/visual_bg01.png); background-color: #dcf3f7; background-position: bottom 26px right 26px, top right; background-repeat: no-repeat; border-radius: 10px; } 
#renewMain .mainVisual .visualCont.st2 { background-image: url(../images/main_2024/main/visual_bg03.png), url(../images/main_2024/main/visual_bg01.png); background-position: top right 22px, top right; } 
#renewMain .mainVisual .visualItem { display: flex; flex-wrap: wrap; justify-content: space-between; } 
#renewMain .mainVisual .visualItem li { width: 96px; height: 112px; margin-bottom: 10px; box-sizing: border-box; } 
#renewMain .mainVisual .visualItem li a { display: block; height: 100%; color: #000; font-size: 16px; text-align: center; letter-spacing: -0.7px; word-break: keep-all; } 
#renewMain .mainVisual .visualItem li a::before { display: block; content: ''; width: 100%; height: 80px; margin: 0 auto 10px auto; border-radius: 20px; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: auto; box-sizing: border-box; } 
#renewMain .mainVisual .visualItem li a.vItem01::before { background-image: url(../images/main_2024/main/icon_item01_02.png); } 
#renewMain .mainVisual .visualItem li a.vItem02::before { background-image: url(../images/main_2024/main/icon_item02_02.png); } 
#renewMain .mainVisual .visualItem li a.vItem03::before { background-image: url(../images/main_2024/main/icon_item03_02.png); } 
#renewMain .mainVisual .visualItem li a.vItem04::before { background-image: url(../images/main_2024/main/icon_item04_02.png); } 
#renewMain .mainVisual .visualItem li a.vItem05::before { background-image: url(../images/main_2024/main/icon_item05_02.png); } 
#renewMain .mainVisual .visualItem li a:hover::before { border: 1px solid #dadada; box-shadow: 0px 3px 5px 0px rgba(7, 7, 7, 0.08); } 
#renewMain .mainVisual .searchWrap .tit { margin-bottom: 20px; margin-left: 20px; color: #343434; font-size: 24px; font-weight: 300; } 
#renewMain .mainVisual .searchWrap .tit span { font-weight: 500; } 
#renewMain .mainVisual .searchWrap .searchCont { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 660px; padding: 14px 20px; margin-bottom: 20px; background: #fff; border-radius: 10px; } 
#renewMain .mainVisual .searchWrap .searchCont button { display: block; flex-shrink: 0; background: url(../images/main_2024/main/icon_search_02.png) no-repeat; width: 27px; height: 27px; border: 0; text-indent: -9999px; cursor: pointer; } 
#renewMain .mainVisual .searchWrap .searchCont input { width: 100%; margin: 0 10px; font-size: 16px; border: 0; outline: 0; } 
#renewMain .mainVisual .searchWrap .searchCont input::placeholder { color: #464646; font-size: 14px; font-weight: 200px; } 

/* visual login out */
#renewMain .mainVisual .loginForm { width: 330px; } 
#renewMain .mainVisual .loginWrap { padding: 20px; border: 1px solid #dddddd; border-radius: 10px; text-align: center; overflow: hidden; } 
#renewMain .mainVisual .loginWrap .txt { margin-bottom: 15px; color: #666666; font-size: 14px; } 
#renewMain .mainVisual .loginBtn { display: block; width: 100%; padding: 13px 0; margin-bottom: 15px; background: #008ae0; color: #fff; font-size: 16px; font-weight: 500; border-radius: 5px; text-align: center; } 
#renewMain .mainVisual .loginBtn::before { content: ''; display: inline-block; width: 51px; height: 16px; margin: -2px 5px 0 0; background: url(../images/main_2024/main/login_icon01.png) no-repeat; vertical-align: middle; } 
#renewMain .mainVisual .loginSub { display: flex; justify-content: center; align-items: center; } 
#renewMain .mainVisual .loginSub a { position: relative; color: #666666; font-size: 14px; } 
#renewMain .mainVisual .loginSub a + a { margin-left: 10px; padding-left: 10px; } 
#renewMain .mainVisual .loginSub a + a::before { content: ''; display: flex; width: 1px; height: 10px; position: absolute; top: 50%; left: 0; background: #dddddd; transform: translateY(-50%); } 

/* visual login in */
#renewMain .mainVisual .loginWrap.login { padding: 0; border: 1px solid #dddddd; border-radius: 10px; } 
#renewMain .mainVisual .loginWrap.login .txtWrap { display: flex; padding: 20px; align-items: center; justify-content: space-between; } 
#renewMain .mainVisual .loginWrap.login .txtWrap p { color: #555555; font-size: 16px; font-weight: 500; text-align: left; word-break: keep-all; } 
#renewMain .mainVisual .loginWrap.login .txtWrap p strong { color: #000; } 
#renewMain .mainVisual .loginWrap.login .txtWrap a { display: inline-block; width: 92px; padding: 5px 0; margin-left: 5px; background: #efefef; color: #707070; font-size: 14px; text-align: center; border-radius: 20px; } 
#renewMain .mainVisual .loginWrap.login .loginList { display: flex; flex-wrap: wrap; background: #fafbfd; } 
#renewMain .mainVisual .loginWrap.login .loginList li { width: calc(100% / 2); position: relative; border-top: 1px solid #dddddd; text-align: left; } 
#renewMain .mainVisual .loginWrap.login .loginList li:nth-child(even):before { content: ''; display: flex; width: 1px; height: 16px; position: absolute; top: 50%; left: 0; background: #dddddd; transform: translateY(-50%); } 
#renewMain .mainVisual .loginWrap.login .loginList a { display: inline-flex; margin-left: 30px; padding: 12px 0; align-items: center; color: #555555; font-size: 14px; font-weight: 500; } 
#renewMain .mainVisual .loginWrap.login .loginList a span { display: inline-block; margin-left: 6px; color: #008ae0; font-size: 14px; font-weight: bold; } 

/* visual chat talk */
#renewMain .mainVisual .counselingWrap { margin-top: 24px; } 
#renewMain .mainVisual .counselingWrap a { display: flex; width: 100%; height: 100%; padding: 20px 16px; background: #2a78c1; border-radius: 10px; align-items: center; } 
#renewMain .mainVisual .counselingWrap a::before { content: ''; display: inline-block; width: 66px; height: 61px; margin-right: 6px; background: url(../images/main_2024/main/chat_img.png) no-repeat; } 
#renewMain .mainVisual .counselingWrap .chatTalk p { color: #e5e5e5; font-size: 12px; letter-spacing: -1px; } 
#renewMain .mainVisual .counselingWrap .chatTalk strong { color: #fff; font-size: 22px; } 
#renewMain .mainVisual .counselingWrap .chatLive { width: 78px; height: 62px; padding: 6px; margin-left: auto; position: relative; background: #fff; border-radius: 10px; text-align: center; } 
#renewMain .mainVisual .counselingWrap .chatLive::before { content: ''; width: 7px; height: 7px; position: absolute; top: 10px; right: 10px; background: #ff0000; border-radius: 50%; } 
#renewMain .mainVisual .counselingWrap .chatLive p { display: flex; height: 100%; position: relative; color: #ff0000; font-size: 12px; line-height: 1; justify-content: center; align-items: flex-end; } 
#renewMain .mainVisual .counselingWrap .chatLive p::before { content: ''; width: 21px; height: 18px; position: absolute; top: 5px; left: 16px; background: url(../images/main_2024/main/chat_icon01.png) no-repeat; } 

/* employ company */
#renewMain .companyWrap .companyList > li { height: 100%; background: #fff; border-radius: 10px; border: 1px solid #dadada; overflow: hidden; } 
#renewMain .companyWrap .companyList > li a { display: block; width: 100%; height: 100%; } 
#renewMain .companyWrap .companyList .imgWrap img { width: 100%; height: 179px; overflow: hidden; } 
#renewMain .companyWrap .companyList .txtWrap { padding: 20px 25px; display: flex; flex-direction: column; } 
#renewMain .companyWrap .companyList .txtWrap .prog { font-size: 14px; font-weight: 500; } 
#renewMain .companyWrap .companyList .txtWrap .prog.st1 { color: #00a8cd; } 
#renewMain .companyWrap .companyList .txtWrap .prog.st2 { color: #adadad; } 
#renewMain .companyWrap .companyList .txtWrap p { display: -webkit-box; width: 100%; height: 52px; margin: 15px 0; font-size: 18px; line-height: 1.6rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; overflow: hidden; } 
#renewMain .companyWrap .companyList .txtWrap ul { padding-top: 15px; border-top: 1px solid #e6e6e6; } 
#renewMain .companyWrap .companyList .txtWrap ul li { display: -webkit-box; color: #787878; font-size: 14px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; overflow: hidden; } 
#renewMain .companyWrap .comSlidWrap { position: relative; padding-bottom: 40px; } 
#renewMain .companyWrap .swiper-pagination { bottom: 0; left: 50%; transform: translateX(-50%); } 
#renewMain .companyWrap .swiper-pagination span + span { margin-left: 4px; } 
#renewMain .companyWrap .swiper-button-next,
#renewMain .companyWrap .swiper-button-prev { margin-top: 0; width: 40px; height: 42px; top: 50%; transform: translateY(-50%); } 
#renewMain .companyWrap .swiper-button-next { left: initial !important; right: -20px; background: url(../images/main_2024/main/btn_s_next.png) no-repeat; } 
#renewMain .companyWrap .swiper-button-prev { left: -20px; background: url(../images/main_2024/main/btn_s_prev.png) no-repeat; } 

/* employ info */
#renewMain .infoWrap { position: relative; margin-top: 40px; } 
#renewMain .infoWrap + .infoWrap { margin-bottom: 70px; } 
#renewMain .infoWrap .infoBox { position: relative; display: flex; justify-content: space-between; } 
#renewMain .infoWrap .infoBox .infoItem { width: calc((100% - 30px) / 2); position: relative; padding: 40px 40px 60px; background: #fff; border: 1px solid #dddddd; border-radius: 20px; overflow: hidden; } 
#renewMain .infoWrap .infoTit { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; } 
#renewMain .infoWrap .infoTit ul { display: flex; } 
#renewMain .infoWrap .infoTit ul li { position: relative; color: #666666; font-size: 14px; font-weight: 500; cursor: pointer; } 
#renewMain .infoWrap .infoTit ul li + li { margin-left: 30px; } 
#renewMain .infoWrap .infoTit ul li.active { color: #008ae0; } 
#renewMain .infoWrap .infoTit ul li.active::after { content: ''; width: 100%; height: 1px; position: absolute; bottom: -4px; left: 0; background: #008ae0; } 
#renewMain .infoWrap .infoCont { display: flex; justify-content: space-between; margin-bottom: 20px; } 
#renewMain .infoWrap .infoCont > a { width: calc((100% - 20px) / 2); position: relative; padding: 10px; border: 1px solid #dddddd; background: #f6f6f6; border-radius: 10px; height: 185px; } 
#renewMain .infoWrap .infoCont .infoTxt .tit { margin-bottom: 10px; color: #888888; font-size: 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; } 
#renewMain .infoWrap .infoCont .infoTxt .txt { height: 48px; margin: 20px 0 10px; color: #000; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
#renewMain .infoWrap .infoCont .infoTxt .etc { color: #888888; font-size: 13px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; } 
#renewMain .infoWrap .infoCont .badgeWrap { display: flex; justify-content: space-between; } 
#renewMain .infoWrap .infoCont .badgeWrap .badge { min-width: 46px; padding: 0 6px; font-size: 12px; border-radius: 10px; text-align: center; } 
#renewMain .infoWrap .infoList a { display: flex; justify-content: space-between; padding: 10px 0; } 
#renewMain .infoWrap .infoList a .detail { margin-top: 10px; color: #666666; font-size: 14px; } 
#renewMain .infoWrap .infoList a:hover .detail span { position: relative; color: #008ae0; } 
#renewMain .infoWrap .infoList a:hover .detail span::after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: -4px; background: #38bab2; } 
#renewMain .infoWrap .listItem .tit { display: inline-block; margin-right: 10px; color: #808080; font-size: 14px; } 
#renewMain .infoWrap .listItem .badgeWrap { display: inline-block; } 
#renewMain .infoWrap .listItem .badgeWrap .badge { display: inline-block; padding: 0 6px; font-size: 12px; border-radius: 10px; text-align: center; } 
#renewMain .infoWrap .listItem .badgeWrap span + span { margin-left: 4px; } 
#renewMain .infoWrap .listItem .txt { max-width: 400px; margin-bottom: 6px; color: #008ae0; font-size: 16px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; } 
#renewMain .infoWrap .listItem.right { position: relative; color: #666666; font-size: 14px; text-align: right; flex-shrink: 0; } 
#renewMain .infoWrap .infoMore { position: absolute; left: 0; right: 0; bottom: 0; background: #f6f6f6; text-align: center; } 
#renewMain .infoWrap .infoMore a { display: block; padding: 12px 0; color: #313131; font-size: 16px; } 
#renewMain .infoWrap .infoTab { display: none; } 
#renewMain .infoWrap .infoTab.active { display: block; } 

/* policy */
#renewMain .mainBanner { max-width: 1986px; margin: 0 auto; overflow: hidden; } 
#renewMain .mainBanner .swiper-container { width: 100%; max-width: 1260px; padding: 0 0 36px 270px; margin: 0 auto 30px; overflow:visible; } 
#renewMain .mainBanner .swiper-wrapper { margin-left: 15px; } 
#renewMain .mainBanner .swiper-slide { display:flex; justify-content:center; align-items:flex-end; width: 330px; margin-right: 30px; border-radius: 20px; transition:none; overflow: hidden; box-sizing: border-box; } 
#renewMain .mainBanner .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 70px; border-radius: 10px; background: #003280; } 
#renewMain .mainBanner .swiper-slide .imgWrap { width: 100%; height: 300px; } 
#renewMain .mainBanner .swiper-slide .imgWrap img { width: 100%; height: 100%; max-height: 300px; } 
#renewMain .mainBanner .swiper-slide .x2 { display: none; } 
#renewMain .mainBanner .swiper-slide.swiper-slide-active .x1 { display: none; } 
#renewMain .mainBanner .swiper-slide.swiper-slide-active .x2 { display: block; } 
#renewMain .mainBanner .changing,
#renewMain .mainBanner .changed { transform:translateX(-285px); -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } 
#renewMain .mainBanner .changing { transition:transform 0.3s; pointer-events:none; } 
#renewMain .mainBanner .changed { transition:none; } 
#renewMain .mainBanner .changing.swiper-slide-active,
#renewMain .mainBanner .changed.swiper-slide-active { transform: scaleX(2.72728); border-radius: 5px / 15px; } 
#renewMain .mainBanner .swiper-slide-active ~ .changing,
#renewMain .mainBanner .swiper-slide-active ~ .changed { transform:translateX(285px); } 
#renewMain .mainBanner .changing .imgWrap,
#renewMain .mainBanner .changed .imgWrap { transform-origin:center bottom; } 
#renewMain .mainBanner .changing .imgWrap { transition:transform 0.3s; } 
#renewMain .mainBanner .changed .imgWrap { transition:none; } 

/* policy info */
#renewMain .mainPolicy { margin-bottom: 67px; } 
#renewMain .mainPolicy .policyTit { display: flex; align-items: center; margin-bottom: 26px; margin-right: 10px; } 
#renewMain .mainPolicy .policyTit a { padding: 2px 10px 2px; margin-left: auto; margin-top: 10px; background: #fff; color: #3e3d3d; font-size: 14px; border: 1px solid #dedcdc; border-radius: 20px; text-align: center; white-space: nowrap; transition: all 0.35s; } 
#renewMain .mainPolicy .policyTit a:hover { color: #fff; background: #008ae0; border: 1px solid #008ae0; } 
#renewMain .mainPolicy .policyTit h3 { margin: 0 40px 0 10px; font-size: 36px; flex-shrink: 0; } 
#renewMain .mainPolicy .policyBtn { display: flex; width: 100%; } 
#renewMain .mainPolicy .policyBtn li { display: flex; align-items: center; justify-content: center; width: 90px; position: relative; height: 38px; padding-left: 30px; background: #f5f5f5; color: #4e4e4e; font-size: 14px; font-weight: 500; letter-spacing: -0.5px; cursor: pointer; border-radius: 20px; box-sizing: border-box; } 
#renewMain .mainPolicy .policyBtn li::before { content: ''; width: 30px; height: 30px; position: absolute; top: 50%; left: 4px; transform: translateY(-50%); } 
#renewMain .mainPolicy .policyBtn li.icon01::before { background: url(../images/main_2024/main/icon_policy_btn01.png) no-repeat; background-size: cover; } 
#renewMain .mainPolicy .policyBtn li.icon02::before { background: url(../images/main_2024/main/icon_policy_btn02.png) no-repeat; background-size: cover; } 
#renewMain .mainPolicy .policyBtn li.icon03::before { background: url(../images/main_2024/main/icon_policy_btn03.png) no-repeat; background-size: cover; } 
#renewMain .mainPolicy .policyBtn li.icon01.active { background: #147dff; color: #fff; } 
#renewMain .mainPolicy .policyBtn li.icon02.active { background: #ff007e; color: #fff; } 
#renewMain .mainPolicy .policyBtn li.icon03.active { background: #003281; color: #fff; } 
#renewMain .mainPolicy .policyBtn li + li { margin-left: 10px; } 

#renewMain .mainPolicy .policyEmpty { position: relative; text-align: center; width: 100%; } 
#renewMain .mainPolicy .m_tag { height: 50px; position: relative; margin-bottom: 26px; padding: 8px 40px; background: #f3f3f3; border-radius: 30px; overflow: hidden; } 
#renewMain .mainPolicy .m_tag.active { height: auto; } 
#renewMain .mainPolicy .m_tag .m_tagBtn { width: 12px; height: 7px; position: absolute; top: 22px; right: 20px; background: url(../images/main_2024/main/icon_arrow.png) no-repeat; background-size: cover; transition: all 0.3s; text-indent: -9999px; border: none; } 
#renewMain .mainPolicy .m_tag.active .m_tagBtn { transform: rotate(-180deg) } 
#renewMain .mainPolicy .m_tag a:before { content:"#"; } 
#renewMain .mainPolicy .m_tag a { display: inline-block; padding: 6px 0; margin-right: 26px; color: #4e4e4e; font-size: 16px; font-weight: 300; } 
#renewMain .mainPolicy .m_tag a:last-child { margin-right: 0; } 
#renewMain .mainPolicy .policyCont { display: none; position: relative; width: 100%; overflow: hidden; } 
#renewMain .mainPolicy .policyCont.active { display: flex; flex-direction: column; } 
#renewMain .mainPolicy .swiper-container { width: 100% } 
#renewMain .mainPolicy .swiper-button-next { right: 0; left: initial !important; color: #9facb6; } 
#renewMain .mainPolicy .swiper-button-prev { left: 0; color: #9facb6; } 
#renewMain .mainPolicy .swiper-slide a { display: block; position: relative; background: #fff; border: 1px solid #dddddd; border-radius: 20px; overflow: hidden; } 
#renewMain .mainPolicy .policyImg { height: 180px; } 
#renewMain .mainPolicy .policyImg img { width: 100%; height: 100%; object-fit: cover; object-position: top; } 
#renewMain .mainPolicy .badgeWrap { display: flex; justify-content: space-between; position: absolute; top: 10px; left: 0; right: 0; padding: 0 10px; } 
#renewMain .mainPolicy .badgeWrap .badge { padding: 0 0 1px; width: 55px; font-size: 12px; border-radius: 15px; text-align: center; } 
#renewMain .mainPolicy .policyTxt { padding: 18px 20px; } 
#renewMain .mainPolicy .policyTxt .tit { height: 48px; min-height: 48px; color: #000; font-size: 16px; font-weight: 500; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; letter-spacing: -0.5px; } 
#renewMain .mainPolicy .policyTxt .date { margin-top: 8px; color: #777777; font-size: 16px; font-weight: 300; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; letter-spacing: -0.5px; } 

/* policy find */
#renewMain .policyFind { background: #eff4f9; } 
#renewMain .policyFind .innerSection { padding: 60px 10px; } 

#renewMain .policyFind .ckItem { margin:10px 8px 10px 20px; font-size:14px; color:#999; letter-spacing: -1px; line-height: 16px; } 
#renewMain .policyFind .ckItem + .ckItem { margin-top:14px; } 
#renewMain .policyFind .ckItem span { padding-left:24px; position: relative; font-size:14px; color:#505050; font-weight: 400; } 
#renewMain .policyFind .ckItem input[type="checkbox"] + span::before { content:""; width:16px; height:16px; background:#fdfdfd; border:1px solid #ddd; position:absolute; left:0; top:1px; border-radius:3px; } 
#renewMain .policyFind .ckItem input[type="checkbox"]:checked + span::before { content:"\2714"; font-size:12px; line-height:16px; background:#008ae0; color:#fff; border-color:#008ae0; text-align:center; font-weight:400; } 
#renewMain .policyFind .cateWrap { display:flex; border:1px solid #e7e7e7; flex-wrap:wrap; overflow:hidden; } 
#renewMain .policyFind .cateWrap > div { flex: 1; background: #fff; } 
#renewMain .policyFind .cateWrap .tit { background-color:#f6f6f6; color:#000; font-size:15px; padding:12px 0 12px 22px; text-align:left; font-weight:500; } 
#renewMain .policyFind .cateWrap > div + div { border-left:1px solid #e7e7e7; } 
#renewMain .policyFind .cateWrap > div .scrollbar-outer { height:100px; overflow-y:scroll; } 
#renewMain .policyFind .findBtn { width: 150px; border-radius: 10px; overflow: hidden; } 
#renewMain .policyFind .findBtn a { display: flex; width: 100%; height: 100%; background: #008ae0; color: #fff; font-size: 24px; align-items: center; justify-content: center; } 

#renewMain .scrollbar-outer > .scroll-element .scroll-element_track { background:#fff; } 
#renewMain .scrollbar-outer > .scroll-element .scroll-bar { background:#e7e7e7; } 
#renewMain .scrollbar-outer > .scroll-element.scroll-y { width:8px; } 
#renewMain .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { border-radius:0; } 
#renewMain .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { width:6px; } 
#renewMain .policyFind .findWrap { display: flex; padding: 40px 35px; background: #fff; border-radius: 20px; justify-content: space-between; } 
#renewMain .policyFind .findBox { width: calc(100% - 166px); } 
#renewMain .policyFind .selectWrap { display: flex; margin-bottom: 12px; justify-content: space-between; gap: 0 12px; } 
#renewMain .policyFind .selectWrap .contBox { width: 100%; } 
#renewMain .policyFind .commSelect { width: 100%; padding: 10px 12px; background-color: #fff !important; background-image: url(../images/main_2024/main/icon_arrow.png); background-repeat: no-repeat; background-position: right 14px center; background-size: 12px 7px; color: #000; font-size: 14px; border: 1px solid #f5f3f3; cursor: pointer; appearance:none; } 
#renewMain .policyFind .titWrap { display: flex; padding-left: 80px; margin-bottom: 20px; background: url(../images/main_2024/main/policy_icon01.png) left center no-repeat; } 
#renewMain .policyFind .titWrap .tit h2 { color: #000; font-size: 36px; } 
#renewMain .policyFind .titWrap .tit p { color: #616162; font-size: 16px; } 
#renewMain .policyFind .titWrap .selBox { margin-top: auto; } 
#renewMain .policyFind .titWrap .selBox .commSelect { width: 118px; background-color: #fff !important; background: url(../images/main_2024/main/icon_arrow02.png) right 10px center no-repeat; background-size: 16px 14px; color: #000; font-size: 16px; border: 1px solid #dddddd; } 

#renewMain .policyFind .contentsBox { margin-top: 20px; } 
#renewMain .policyFind .categoryMobile { display: none; } 
#renewMain .policyFind .categoryMobile { margin-bottom: 10px; } 
#renewMain .policyFind .categoryMenu { display: flex; } 
#renewMain .policyFind .categoryMenu li { flex: 1; } 
#renewMain .policyFind .categoryMenu li a { display: block; width: 100%; height: 100%; padding: 18px 0; background: #f6f7f9; font-size: 14px; line-height: 24px; text-align: center; color: #222222; border: 1px solid #dddddd; border-bottom: 1px solid #000; cursor: pointer; } 
#renewMain .policyFind .categoryMenu li.active a { background: #fff; color: #008ae0; font-weight: bold; border: 1px solid #000; border-bottom: none; } 
#renewMain .policyFind .categoryCont { display: none; background: #fff; border: 1px solid #ddd; border-top: none; border-radius: 0 0 10px 10px; } 
#renewMain .policyFind .categoryCont.active { display: block; } 
#renewMain .policyFind .categoryCont .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; padding: 20px 20px 60px; } 
#renewMain .policyFind .categoryCont .swiper-container li { margin-top: 0 !important; margin-bottom: 10px; } 
#renewMain .policyFind .categoryCont .thumbList .thumb { height: 140px; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; } 
#renewMain .policyFind .categoryCont .thumbList .thumb img { width: 100%; height: 100%; object-fit: cover; } 
#renewMain .policyFind .categoryCont .thumbList .txtWrap p { margin-top: 20px; width: 100%; min-height: 52px; color: #222222; font-size: 14px; line-height: 24px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; } 
#renewMain .policyFind .swiper-pagination-bullet-active { background: #008ae0; } 
#renewMain .policyFind .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 4px; } 

/* policy recomend */
#renewMain .recomendInfo { background: linear-gradient(to bottom, #ecf8f2 40%, #fff 40%); } 
#renewMain .recomendInfo .innerSection { padding: 70px 10px 120px; } 
#renewMain .recomendInfo .recomendWrap { padding: 56px 20px 100px; position: relative; background: #fff; border: 1px solid #cccccc; border-radius: 50px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1); } 
#renewMain .recomendInfo .recomendWrap::before { content: ''; width: 111px; height: 149px; position: absolute; right: 80px; top: -150px; background: url(../images/main_2024/main/recomend_icon01.png) no-repeat; background-size: contain; } 
#renewMain .recomendInfo .recomendWrap::after { content: ''; width: 133px; height: 60px; position: absolute; right: 72px; top: -46px;; background: url(../images/main_2024/main/recomend_icon02.png) no-repeat; background-size: contain; } 
#renewMain .recomendInfo .titWrap { padding-left: 15px; margin-bottom: 50px; } 
#renewMain .recomendInfo .titWrap h2 { margin-bottom: 20px; font-size: 36px; } 
#renewMain .recomendInfo .titWrap p { font-size: 20px; } 
#renewMain .recomendInfo .titWrap h2 span { font-weight: 500; } 
#renewMain .recomendInfo .recomendSlide { max-width: 850px; } 
#renewMain .recomendInfo .recomendItem + .recomendItem { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; } 
#renewMain .recomendInfo .recomendItem a { display: flex; align-items: center; } 
#renewMain .recomendInfo .recomendItem .imgWrap { width: 160px; height: 120px; margin: 0 20px 0 0; background: #eee; border-radius: 10px; overflow: hidden; flex-shrink: 0; } 
#renewMain .recomendInfo .recomendItem .imgWrap img { object-fit: cover; height: 100%; } 
#renewMain .recomendInfo .recomendItem .txtWrap .sTit { margin: 0 0 10px; color: #000; font-size: 20px; letter-spacing: -1px; } 
#renewMain .recomendInfo .recomendItem .txtWrap .sDate { margin: 5px 0; color: #666666; font-size: 14px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } 
#renewMain .recomendInfo .recomendItem .txtWrap .sDate span { margin: 0 15px 0 0; color: #222222; font-weight: 700; } 
#renewMain .recomendInfo .recomendItem .txtWrap .sTarget { margin: 5px 0; color: #666666; font-size: 14px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } 
#renewMain .recomendInfo .recomendItem .txtWrap .sTarget span { margin: 0 15px 0 0; color: #222222; font-weight: 700; } 
#renewMain .recomendInfo .recomendItem .txtWrap .sTag { margin: 15px 0 0 0; color: #999999; font-size: 14px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } 
#renewMain .recomendInfo .recomendItem .badge { display: inline-block; width: 50px; padding: 0 0 2px; margin-left: 4px; font-size: 12px; border-radius: 15px; text-align: center; vertical-align: middle; } 
#renewMain .recomendInfo .recomendItem .badge.sday { color: #ec004b; border: solid 1px #ec004b; } 
#renewMain .recomendInfo .recomendItem .badge.snew { color: #38bab2; border: solid 1px #38bab2; } 
#renewMain .recomendInfo .swiper-pagination { bottom: 36px; left: 50%; transform: translateX(-50%); } 
#renewMain .recomendInfo .swiper-pagination-bullet { width: 18px; height: 18px; margin: 0 4px; } 
#renewMain .recomendInfo .swiper-pagination-bullet-active { background: #008ae0; } 
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: none; } 
#renewMain .recomendInfo .swiper-button-next, .recomendInfo .swiper-button-prev { width: 60px; height: 119px; top: calc(50% + 30px); transform: translateY(-50%); } 
#renewMain .recomendInfo .swiper-button-next { background: url(../images/main_2024/main/next_btn.png) no-repeat; background-size: contain; left: initial !important; right: 35px; } 
#renewMain .recomendInfo .swiper-button-prev { background: url(../images/main_2024/main/prev_btn.png) no-repeat; background-size: contain; left: 35px; } 

/* policy jobRecomend */
#renewMain .jobRecomend { background: #fff; overflow: hidden; } 
#renewMain .jobRecomend .innerSection { padding: 122px 10px 280px; position: relative;} 
#renewMain .jobRecomend .titWrap h2 { margin-bottom: 40px; font-size: 36px; } 
#renewMain .jobRecomend .titWrap h2 span { color: #008ae0; } 
#renewMain .jobRecomend .titWrap ul li { width: 170px; height: 50px; border-radius: 30px; overflow: hidden; } 
#renewMain .jobRecomend .titWrap ul li + li { margin-top: 10px; } 
#renewMain .jobRecomend .titWrap ul li a { display: flex; width: 100%; height: 100%; padding: 10px 20px; background: #e7e7e7; color: #000; font-size: 24px; font-weight: 200; align-items: center; } 
#renewMain .jobRecomend .titWrap ul li.active a { color: #fff; background: #008ae0; } 
#renewMain .jobRecomend .titWrap ul li a::before { content: ''; margin-right: 10px; } 
#renewMain .jobRecomend .titWrap ul li.icon01 a::before { width: 24px; height: 25px; background: url(../images/main_2024/main/recomend_icon05.png) no-repeat; } 
#renewMain .jobRecomend .titWrap ul li.icon02 a::before { width: 26px; height: 25px; background: url(../images/main_2024/main/recomend_icon03.png) no-repeat; } 
#renewMain .jobRecomend .titWrap ul li.icon03 a::before { width: 26px; height: 26px; margin-right: 24px; background: url(../images/main_2024/main/recomend_icon04.png) no-repeat; } 
#renewMain .jobRecomend .jobWrap { max-width: 1300px; position: absolute; top: 100px; left: 315px; } 
#renewMain .jobRecomend .jobSlide { padding-bottom: 100px; } 
#renewMain .jobRecomend .swiperBottom { width: 200px; height: 44px; position: absolute; bottom: 0; left: 184px; background: #ececec; border-radius: 30px; z-index: 100; } 
#renewMain .jobRecomend .swiperBottom .wrap-autoplay-control button { display: block; width:9px; height: 13px; cursor: pointer; border: 0; position: absolute; right: 56px; top: 50%; transform: translateY(-50%); border: 0; text-indent: -99999px; } 
#renewMain .jobRecomend .swiperBottom .wrap-autoplay-control .swiper-button-pause { background: url(../images/main_2024/main/stop_btn.png) no-repeat; } 
#renewMain .jobRecomend .swiperBottom .wrap-autoplay-control .swiper-button-play { display: none; background: url(../images/main_2024/main/play_btn.png) no-repeat center; } 
#renewMain .jobRecomend .swiperBottom .swiper-button-prev:after,
#renewMain .jobRecomend .swiperBottom .swiper-button-next:after { display: none } 
#renewMain .jobRecomend .swiperBottom .swiper-button-prev,
#renewMain .jobRecomend .swiperBottom .swiper-button-next { width: 9px; height: 16px; margin-top: 0; top: 50%; transform: translateY(-50%); } 
#renewMain .jobRecomend .swiper-button-prev { background: url(../images/main_2024/main/icon_prev_btn.png) no-repeat; left: initial !important; right: 84px !important; } 
#renewMain .jobRecomend .swiper-button-next { background: url(../images/main_2024/main/icon_next_btn.png) no-repeat; left: initial !important; right: 26px !important; } 
#renewMain .jobRecomend .swiper-counter { font-size: 16px; color: #585858; } 
#renewMain .jobRecomend .swiper-counter .count { color: #000; position: absolute; left: 34px; top: 50%; transform: translateY(-50%) } 
#renewMain .jobRecomend .total { position: absolute; left: 56px; top: 50%; transform: translateY(-50%) } 

#renewMain .jobRecomend .changed.swiper-slide-active { width: 600px !important; } 
#renewMain .jobRecomend .swiper-slide-active .jobItem { height: 100%; padding: 30px 30px 10px; background-color: #008ae0; background-image: none !important; border-radius: 20px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05); } 
#renewMain .jobRecomend .swiper-slide { width: 320px; height: 350px; border-radius: 20px; } 
#renewMain .jobRecomend .swiper-slide-active .jobItem .jLogo,
#renewMain .jobRecomend .swiper-slide-active .jobItem .txtWrap .jInfo,
#renewMain .jobRecomend .swiper-slide-active .jobItem .txtWrap .jDay,
#renewMain .jobRecomend .swiper-slide-active .jobItem .jobBtn { display: block; } 
#renewMain .jobRecomend .jobItem .jLogo { display: none; margin-bottom: 20px; } 
#renewMain .jobRecomend .jobItem .jLogo p { display: inline-block; padding: 10px; background: #f7f7f7; font-size: 20px; border-radius: 6px; } 
#renewMain .jobRecomend .jobItem .jLogo img { height: 100%; } 
#renewMain .jobRecomend .jobItem { padding: 60px 30px 0; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 20px; } 
#renewMain .jobRecomend .jobItem.bg01 { background-image: url(../images/main_2024/main/recomend_bg_01.png); } 
#renewMain .jobRecomend .jobItem.bg02 { background-image: url(../images/main_2024/main/recomend_bg_02.png); } 
#renewMain .jobRecomend .jobItem.bg03 { background-image: url(../images/main_2024/main/recomend_bg_03.png); } 
#renewMain .jobRecomend .jobItem.bg04 { background-image: url(../images/main_2024/main/recomend_bg_04.png); } 
#renewMain .jobRecomend .jobItem.bg05 { background-image: url(../images/main_2024/main/recomend_bg_05.png); } 
#renewMain .jobRecomend .swiper-slide-active .jobItem .txtWrap .jTit { margin-bottom: 20px; color: #fff; font-size: 26px; line-height: 1.2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; } 
#renewMain .jobRecomend .jobItem .txtWrap .jTit { color: #000; font-size: 16px; line-height: 2; } 
#renewMain .jobRecomend .jobItem .txtWrap .jInfo { display: none; color: #fff; font-size: 16px; margin-bottom: 10px; } 
#renewMain .jobRecomend .jobItem .txtWrap .jInfo span { display: block; } 
/* #renewMain .jobRecomend .jobItem .txtWrap .jInfo li { display: inline-block; position: relative; color: #fff; font-size: 20px; } 
#renewMain .jobRecomend .jobItem .txtWrap .jInfo li + li { margin-left: 14px; padding-left: 14px; } 
#renewMain .jobRecomend .jobItem .txtWrap .jInfo li + li::before { content: ''; display: block; width: 1px; height: 11px; position: absolute; top: 50%; left: 0; background: #ddd; transform: translateY(-50%); } */
#renewMain .jobRecomend .jobItem .txtWrap .jDay { display: none; color: #edff98; font-size: 18px; font-weight: 500; } 
#renewMain .jobRecomend .jobItem .jobBtn { display: none; text-align: right; } 
#renewMain .jobRecomend .jobItem .jobBtn a { display: inline-block; width: 200px; height: 60px; background: #fff; color: #000; font-size: 20px; font-weight: 500; line-height: 60px; text-align: center; border-radius: 10px; } 

/* footer */
#renewFooter { background: #fff; } 
#renewFooter .nfooter_top { background: #fff; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin-top: 15px; } 
#renewFooter .f_util { display: flex; align-items: center; justify-content: center; position: relative; padding: 13px 0; } 
#renewFooter .f_nav { display: flex; } 
#renewFooter .f_nav li a { color: #444; font-size: 14px; } 
#renewFooter .f_nav li + li::before { background: #444; } 
#renewFooter .f_nav li { position: relative; } 
#renewFooter .f_nav li + li { margin-left: 15px; padding-left: 15px; } 
#renewFooter .f_nav li + li::before { content: ''; display: block; width: 1px; height: 8px; position: absolute; top: 10px; left: 0; background: #ddd; } 
#renewFooter .nfooter_top .f_sns { position: absolute; right: 10px; } 
#renewFooter .f_sns { display: flex; } 
#renewFooter .f_sns li + li { margin-left: 4px; } 
#renewFooter .f_sns li a { display: block; width: 32px; height: 32px; text-indent: -9999px; background-position: center center; background-repeat: no-repeat; background-size: cover; } 
#renewFooter .f_sns li a.blog { background-image: url(../images/main_2024/main/icon_sns_01.png); } 
#renewFooter .f_sns li a.face { background-image: url(../images/main_2024/main/icon_sns_02.png); } 
#renewFooter .f_sns li a.insta { background-image: url(../images/main_2024/main/icon_sns_03.png); } 
#renewFooter .f_sns li a.youtu { background-image: url(../images/main_2024/main/icon_sns_04.png); } 
#renewFooter .f_sns li a.app { background-image: url(../images/main_2024/main/icon_sns_05.png); } 
#renewFooter .f_sns li a.play { background-image: url(../images/main_2024/main/icon_sns_06.png); } 

#renewFooter .f_btn_wrap { display: block; margin-bottom: 30px; text-align: center; } 
#renewFooter .f_btn_wrap .footer_btn { display: block; width: 100%; padding: 10px 0; border: none; } 
#renewFooter .f_btn_wrap .footer_btn span { position: relative; color: #000; } 
#renewFooter .f_btn_wrap .footer_btn span + span { margin-left: 60px; } 
#renewFooter .f_btn_wrap .footer_btn span + span::before { content: ''; display: block; width: 12px; height: 7px; position: absolute; top: 50%; left: -35px; transform: translateY(-50%); background: url(../images/main_2024/main/icon_arrow.png) no-repeat; transition: all 0.3s; } 
#renewFooter .f_btn_wrap .footer_btn.active span + span::before { transform: rotate(180deg); margin-top: -5px; } 

#renewFooter .f_business .f_logo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } 
#renewFooter .f_business .f_sns { display: none; } 
#renewFooter .f_enquiry { margin-top: 20px; padding: 20px; background: #F7F7F7; border-radius: 10px; } 
#renewFooter .f_enquiry dl { display: flex; color: #3e332e; } 
#renewFooter .f_enquiry dl:nth-child(1) { margin-bottom: 10px; } 
#renewFooter .f_enquiry dl:nth-child(1) dt { color: #010101; font-weight: bold; } 
#renewFooter .f_enquiry dl:nth-child(1) span { display: inline-block; } 
#renewFooter .f_enquiry dt { flex-shrink: 0; min-width: 110px; margin-right: 10px; } 

#renewFooter .f_address { padding: 20px 0; } 
#renewFooter .f_address .f_addr { display: none; color: #838282; font-size: 13px; letter-spacing: -1px; } 
#renewFooter .footer_wrap { display: none; } 



@media screen and (max-width: 1300px) { /* policy main banner */
 #renewMain .mainBanner .swiper-container { max-width: 100%; padding: 0 0 60px 0; } 
 }
@media screen and (max-width: 1024px) { /* header */
.renewHeader .h_gnb { margin: 0 20px 0 10px; } 
.renewHeader .h_gnb > li > a { font-size: 20px; } 
.renewHeader .h_util .leftBox { display: none; } 
.renewHeader .h_util .rightBox { margin-left: auto; } 


/* main visual */
 #renewMain .mainVisual .visualCont { background-image: url(../images/main_2024/main/visual_bg01.png); background-position: top right; } 
 #renewMain .mainVisual .visualCont.st2 { background-image: url(../images/main_2024/main/visual_bg01.png); background-position: top right; } 
 #renewMain .mainVisual .visualCont { padding: 25px 20px 20px; } 
 /* main policy */
 #renewMain .mainPolicy .policyImg { height: auto; } 
 
 /* policy recomendInfo */
 .recomendInfo .swiper-button-next,
 .recomendInfo .swiper-button-prev { display: none; } 

 /* policy jobRecomend */
 #renewMain .jobRecomend .innerSection { padding: 60px 10px 60px; } 
 #renewMain .jobRecomend .titWrap { display: flex; } 
 #renewMain .jobRecomend .jobWrap { position: static; } 
 #renewMain .jobRecomend .titWrap ul { margin-left: auto; } 
 #renewMain .jobRecomend .swiperBottom { left: 50%; transform: translateX(-50%); } 
 }
@media screen and (max-width: 860px) { /* header */
 .renewHeader .nheader_mid { overflow: hidden; } 
 .renewHeader .h_cont { flex-wrap: wrap; height: auto; } 
 .renewHeader .h_util { height: 4px; } 
 .renewHeader .h_util ul { display: none; } 
 .renewHeader .h_gnb::before { content: ''; width: 120%; height: 1px; position: absolute; top: 0; left: -20px; background: #dadada; } 
 .renewHeader .h_gnb { position: relative; margin: 0; order: 3; } 
 .renewHeader .h_gnb li a { padding: 0; } 
 .renewHeader .h_gnb_bg { display: none !important; } 
 #newHeader .h_gnb > li:hover .depth_02 { display: none; } 

 /* main visual */
 #renewMain .mainVisual .loginForm { display: none; } 
 #renewMain .mainVisual .visualCont { width: 100%; } 
 #renewMain .mainVisual .searchWrap .searchCont { max-width: 100%; } 

/* policy main banner */
#renewMain .mainBanner .swiper-slide .imgWrap { height: auto; } 
#renewMain .mainBanner .swiper-slide .imgWrap .x1 { display: block; max-height: 390px; object-fit: cover; } 
#renewMain .mainBanner .swiper-slide .imgWrap .x2 { display: none; } 
#renewMain .mainBanner .swiper-wrapper { margin-left: 0; } 
#renewMain .mainBanner .swiper-slide { margin-right: 0; } 
#renewMain .mainBanner .changing,
#renewMain .mainBanner .changed { transform:none; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } 
#renewMain .mainBanner .swiper-slide-active ~ .changing,
#renewMain .mainBanner .swiper-slide-active ~ .changed { transform:none; } 
#renewMain .mainBanner .changing.swiper-slide-active .imgWrap,
#renewMain .mainBanner .changed.swiper-slide-active .imgWrap { transform:none; } 
#renewMain .mainBanner .changing.swiper-slide-active,
#renewMain .mainBanner .changed.swiper-slide-active { transform:none; border-radius: 20px; } 

/* policy find */
#renewMain .policyFind .findWrap { flex-direction: column; } 
#renewMain .policyFind .findBox { width: 100%; margin-bottom: 10px; } 
#renewMain .policyFind .selectWrap { gap: 0; flex-wrap: wrap; } 
#renewMain .policyFind .selectWrap .contBox { width: 50%; } 
#renewMain .policyFind .cateWrap > div { flex: 50%; } 
#renewMain .policyFind .findBtn { width: 100%; } 

#renewMain .policyFind .categoryMenu { display: none; } 
#renewMain .policyFind .categoryMobile { display: block; } 

/* employ infoWrap */
#renewMain .infoWrap .infoBox { flex-direction: column; } 
#renewMain .infoWrap .infoBox .infoItem { width: 100%; } 
#renewMain .infoWrap .infoBox .infoItem + .infoItem { margin-top: 20px; } 
 }

@media screen and (max-width: 768px) { /* footer */
 #renewFooter .nfooter_top .f_sns { display: none; } 
 #renewFooter .f_business .f_sns { display: flex; } 
 #renewFooter .f_business .f_addr { display: none; } 
 #renewFooter .f_address .f_addr { display: block; } 

 /* main policy */
 #renewMain .mainPolicy { margin-bottom: 20px; } 
 #renewMain .mainPolicy .innerSection { padding: 0; } 
 #renewMain .mainPolicy .policyInfo { flex-direction: column; } 
 #renewMain .mainPolicy .policyCont .swiper-navigation { display: none; } 
 #renewMain .mainPolicy .policyCont { width: 100%; } 
 #renewMain .mainPolicy .swiper-container { width: 100%; margin-left: 20px; } 
 #renewMain .mainPolicy .btnWrap a:nth-child(1),
 #renewMain .mainPolicy .btnWrap a:nth-child(2) { display: none; } 
 #renewMain .mainPolicy .btnWrap a.policyMore { display: flex; } 
 #renewMain .mainPolicy .m_tag { margin: 0 10px 26px; } 

 #renewMain .companyWrap .swiper-button-next, 
 #renewMain .companyWrap .swiper-button-prev {display: none; }

 }

@media screen and (max-width: 640px){
 .innerSection { padding: 0 10px; } 
 /* header */
 .renewHeader .h_cont { margin-top: 0; } 
 .renewHeader .h_cont .logo { margin-bottom: 0; } 
 .renewHeader .h_cont .logo a { padding: 10px 0; } 
 .renewHeader .h_gnb li a { height: 50px; font-size: 12px; line-height: 50px; } 
 .renewHeader .h_menu { width: 20px; height: 12px; } 
 .renewHeader .h_menu span { width: 20px; height: 2px; background-color: #666666; } 
 .renewHeader .h_ui .h_login { display: block; } 
 /* .renewHeader .h_search { width: 20px; height: 20px; margin-left: 10px; background: url(../images/main_2024/main/mobile_icon_button.png) center no-repeat; background-size: contain; } */ 
 .renewHeader .h_search img { width: 20px; } 

 /* footer */
 #renewFooter .f_business .f_logo > a img { width: 100px; } 
 #renewFooter .f_enquiry dl { font-size: 13px; } 

/* main visual */
 #renewMain .m_visual { margin-bottom: 30px; } 
 #renewMain .mainVisual .searchWrap .tit { margin-bottom: 10px; margin-left: 0; font-size: 16px; } 
#renewMain .mainVisual .searchWrap .searchCont { padding: 4px 10px; } 
 #renewMain .mainVisual .searchWrap .searchCont button { width: 16px; height: 16px; background-size: cover; } 
 #renewMain .mainVisual .searchWrap .searchCont input::placeholder { color: #999; font-size: 10px; } 
#renewMain .mainVisual .itemSwiper { overflow: hidden; } 
#renewMain .mainVisual .visualItem { margin-bottom: 10px; flex-wrap: nowrap; } 
#renewMain .mainVisual .visualItem li { height: 100%; } 
#renewMain .mainVisual .visualItem li a { padding: 10px 4px; background: #fff; border-radius: 10px; } 
#renewMain .mainVisual .visualItem li a .txt { display: inline-block; min-width: 72px; font-size: 12px; white-space: nowrap; } 
#renewMain .mainVisual .visualItem li a:hover::before { border: none; box-shadow: none; } 
#renewMain .mainVisual .visualItem li a::before { width: 100%; height: 20px; margin-bottom: 0; background-size: contain; } 
#renewMain .mainVisual .visualCont { padding: 20px 15px 10px; } 


 /* policy main banner */
 #renewMain .mainBanner .swiper-container { padding: 0 0 46px; margin: 0 auto 10px; } 

 /* main policy */
#renewMain .mainPolicy .policyTit a { display: none; } 
#renewMain .mainPolicy .policyTit h3 { flex-shrink: 0; font-size: 22px; margin: 0 15px 0 10px; } 
#renewMain .mainPolicy .badgeWrap .badge { width: 40px; font-size: 10px; } 
#renewMain .mainPolicy .policyTxt { padding: 10px; } 
#renewMain .mainPolicy .policyTxt .tit { height: auto; font-size: 14px; } 
#renewMain .mainPolicy .policyTxt .date { margin-top: 4px; font-size: 14px; } 
#renewMain .mainPolicy .m_tag { height: 30px; margin: 20px 10px 0; padding: 2px 25px 2px 20px; background: #ffeaef; border-radius: 10px; order:2; } 
#renewMain .mainPolicy .m_tag a { margin-right: 6px; padding: 2px 0; font-size: 14px; } 
#renewMain .mainPolicy .m_tag .m_tagBtn { top: 12px; right: 14px; } 
#renewMain .mainPolicy .btnWrap { order: 3; } 

/* policy find */
#renewMain .policyFind .innerSection { padding: 30px 10px; } 
#renewMain .policyFind .cateWrap > div { flex: 100%; } 
#renewMain .policyFind .cateWrap > div + div { border-left: none; } 
#renewMain .policyFind .findBtn a { padding: 10px 0; font-size: 18px; } 
#renewMain .policyFind .titWrap .tit h2 { font-size: 22px; } 
#renewMain .policyFind .titWrap .tit p { font-size: 14px; } 
#renewMain .policyFind .titWrap { padding-left: 40px; background-size: 30px; } 
#renewMain .policyFind .findWrap { padding: 30px 20px; } 

 /* policy recomendInfo */
#renewMain .recomendInfo .innerSection { padding: 30px 10px 60px; } 
#renewMain .recomendInfo .titWrap h2 { margin-bottom: 10px; font-size: 22px; } 
#renewMain .recomendInfo .titWrap p { font-size: 14px; } 
#renewMain .recomendInfo .recomendWrap::before,
#renewMain .recomendInfo .recomendWrap::after { content: none; } 
#renewMain .recomendInfo .titWrap { margin-bottom: 20px; } 
#renewMain .recomendInfo .recomendItem a { flex-direction: column; } 
#renewMain .recomendInfo .recomendItem .imgWrap { margin: 0 0 10px; } 
#renewMain .recomendInfo .recomendWrap { padding: 30px 20px 80px; border-radius: 20px; } 
#renewMain .recomendInfo .recomendItem .txtWrap .sTit { font-size: 16px; } 
#renewMain .recomendInfo .swiper-pagination-bullet { width: 10px; height: 10px; } 

 /* policy jobRecomend */
 #renewMain .jobRecomend .titWrap h2 { margin-bottom: 10px; font-size: 22px; } 
#renewMain .jobRecomend .titWrap ul li a::before { background-size: 50% !important; background-position: center !important; } 
#renewMain .jobRecomend .titWrap ul li { width: 120px; height: 30px; } 
#renewMain .jobRecomend .titWrap ul li a { padding: 10px 10px; font-size: 12px; } 
#renewMain .jobRecomend .titWrap ul li + li { margin-top: 4px; } 
#renewMain .jobRecomend .swiper-slide-active .jobItem { padding: 20px 20px 10px; } 
#renewMain .jobRecomend .jobItem .jLogo p { font-size: 12px; } 
#renewMain .jobRecomend .swiper-slide-active .jobItem .txtWrap .jTit { font-size: 18px; } 
#renewMain .jobRecomend .jobItem .txtWrap .jInfo { font-size: 14px; } 
#renewMain .jobRecomend .swiper-slide { height: auto; } 
#renewMain .jobRecomend .jobItem .jobBtn a { width: 100%; height: auto; padding: 10px 0; margin-bottom: 10px; font-size: 14px; line-height: initial; } 


/* employ infoWrap */
#renewMain .companyWrap .companyList { height: auto !important; } 
#renewMain .companyWrap .companyList > li { height: auto; } 
#renewMain .companyWrap .companyList .txtWrap { padding: 15px 15px; } 
#renewMain .companyWrap .companyList .txtWrap p { height: auto; margin: 8px 0; font-size: 14px; } 
#renewMain .infoWrap { margin-top: 10px; } 
#renewMain .infoWrap .infoCont { flex-direction: column; } 
#renewMain .infoWrap .infoCont > a { width: 100%; height: auto; } 
#renewMain .infoWrap .infoCont > a + a { margin-top: 10px; } 
#renewMain .infoWrap .infoBox .infoItem { padding: 20px 20px 60px; } 
#renewMain .infoWrap .infoList a { flex-direction: column; } 
#renewMain .infoWrap .listItem.right { margin-top: 10px; text-align: left; } 
#renewMain .infoWrap .infoList a .detail { display: none; } 
#renewMain .infoWrap .infoTit { flex-direction: column; } 
#renewMain .infoWrap .infoTit ul { margin-top: 10px; } 

#renewMain .companyWrap .comSlidWrap {padding-bottom: 30px;}

@media screen and (max-width: 480px) { 
.section { margin: 20px 0;}
/* header */
 .renewHeader .nheader_bottom .innerSection { padding: 0; } 
 /* footer */
 #renewFooter .f_nav { white-space: nowrap; overflow-x: scroll; } 
 .visual.swiper-container {padding-bottom: 40px;}
 .swiper_bottom{ height : 30px;}
 /* main policy */
 #renewMain .mainPolicy .policyBtn li { width: calc(100% / 3); height: 30px; padding: 1px 0 2px 20px; font-size: 12px; } 
 #renewMain .mainPolicy .policyBtn li + li { margin-left: 2px; } 
 #renewMain .mainPolicy .policyBtn li::before { width: 20px; height: 20px; } 

 /* policy jobRecomend */
 #renewMain .policyFind .selectWrap .contBox { width: 100%; } 
 }