@charset "utf-8";
@import url('/common/font/notokr/notokr.css');


/* ������ �Ұ�*/
/* .ksseintro02 {  width:100%; margin:0 0px 30px 0px; display:inline-block;background:url('/html/images/common/worker3_2.png') no-repeat; } */
.ksseintro02 {  width:100%; margin:0 0px 30px 0px; display:inline-block;} 
.ksseintro02 .worker3_sub { margin:60px 50px 93px 235px;  text-align:left; }
.ksseintro02 .worker3_sub h2 {  font-size:17px; font-weight:normal; color:#2e2e2e; line-height:30px;}
.ksseintro02 .worker3_sub ul {  margin:10px 0px 10px 0px; height:75px; }
.ksseintro02 .worker3_sub li { font-size:15px; font-weight:normal; color:#777777; line-height:25px; padding-left:0px; }
.ksseintro02 .worker3_sub a.worker3_down { float:right; display:block; width:180px; height:75px; line-height:25px; padding:12px 0px 0 30px; text-align:left; font-size:18px; color:#ffffff; font-weight:bold; border:1px #232632 solid; background:#232632 url('/html/images/common/worker3_down.png') 115px 17px no-repeat; margin:-110px 30px 0 0;  }
.ksseintro02 a.worker3_btn { display:block; width:340px; height:49px; line-height:45px; text-align:center; font-size:18px; color:#ffffff; font-weight:bold; border:1px #007abd solid; background:#0c8ecd; margin:0 auto;   }
.ksseintro02 .worker3_tel {  line-height:50px; text-align:center; font-size:17px; color:#000000; font-weight:bold;   }
.ksseintro02 .worker3_tel span {  color:#0d79b9; }

.ksseintro02 .worker_noti{margin-top:-5px; padding:0 40px 40px; }
.ksseintro02 .worker_noti .noti_box{padding:30px; border:0px solid #e5e5e5; background:#fff;}
/* .ksseintro02 .worker_noti .noti_box{padding:30px; border:1px solid #e5e5e5; background:#fff;} */
.ksseintro02 .worker_noti .noti_box h2{ font-size:17px; font-weight:normal; color:#2e2e2e; line-height:30px;}
.ksseintro02 .worker_noti .noti_box table{margin-top:5px;}
.ksseintro02 .worker_noti .noti_box table th{padding:5px 0; line-height:1.3; background:#338bca; color:#fff; }
.ksseintro02 .worker_noti .noti_box table td{padding:10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.ksseintro02 .worker_noti .noti_box table td.tc{text-align:center;}
.ksseintro02 .worker_noti .noti_box table td li{font-size:15px; font-weight:normal; color:#777777; line-height:25px; padding-left:10px; background:url('/html/images/common/dot1.png') 0px 10px no-repeat; }
.ksseintro02 .worker_noti .noti_box .txt_noti{margin-top:15px; }
.ksseintro02 .worker_noti .noti_box .txt_noti p{font-weight:bold;padding-bottom:5px;}
.ksseintro02 .worker_noti .noti_box .txt_noti ol{padding-left:15px;}
.ksseintro02 .worker_noti .noti_box .txt_noti ol, .worker3 .worker_noti .noti_box .txt_noti li{list-style:decimal;font-weight:normal;color:#666666;}


/* ����ȳ� - ���������� �������DZ��� */
/* .ksseintro02 {  width:100%; margin:0 0px 30px 0px; display:inline-block;background:url('/html/images/common/worker3_2.png') no-repeat; } */
.workguide01 {  width:100%; margin:0 0px 30px 0px; display:inline-block;} 
.workguide01 .workguide01_sub { margin:60px 50px 93px 235px;  text-align:left; }
.workguide01 .workguide01_sub h2 {  font-size:17px; font-weight:normal; color:#2e2e2e; line-height:30px;}
.workguide01 .workguide01_sub ul {  margin:10px 0px 10px 0px; height:75px; }
.workguide01 .workguide01_sub li { font-size:15px; font-weight:normal; color:#777777; line-height:25px; padding-left:0px; }
.workguide01 .workguide01_sub a.worker3_down { float:right; display:block; width:180px; height:75px; line-height:25px; padding:12px 0px 0 30px; text-align:left; font-size:18px; color:#ffffff; font-weight:bold; border:1px #232632 solid; background:#232632 url('/html/images/common/worker3_down.png') 115px 17px no-repeat; margin:-110px 30px 0 0;  }
.workguide01 a.worker3_btn { display:block; width:340px; height:49px; line-height:45px; text-align:center; font-size:18px; color:#ffffff; font-weight:bold; border:1px #007abd solid; background:#0c8ecd; margin:0 auto;   }
.workguide01 .worker3_tel {  line-height:50px; text-align:center; font-size:17px; color:#000000; font-weight:bold;   }
.workguide01 .worker3_tel span {  color:#0d79b9; }

.workguide01 .worker_noti{margin-top:-5px; padding:0 40px 40px; }
.workguide01 .worker_noti .noti_box{padding:30px; border:0px solid #e5e5e5; background:#fff;}
/* .ksseintro02 .worker_noti .noti_box{padding:30px; border:1px solid #e5e5e5; background:#fff;} */
.workguide01 .worker_noti .noti_box h2{ font-size:17px; font-weight:normal; color:#2e2e2e; line-height:30px;}
.workguide01 .worker_noti .noti_box table{margin-top:5px;}
.workguide01 .worker_noti .noti_box table th{padding:5px 0; line-height:1.3; background:#338bca; color:#fff; }
.workguide01 .worker_noti .noti_box table td{padding:10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.workguide01 .worker_noti .noti_box table td.tc{text-align:center;}
.workguide01 .worker_noti .noti_box table td li{font-size:15px; font-weight:normal; color:#777777; line-height:25px; padding-left:10px; background:url('/html/images/common/dot1.png') 0px 10px no-repeat; }
.workguide01 .worker_noti .noti_box .txt_noti{margin-top:15px; }
.workguide01 .worker_noti .noti_box .txt_noti p{font-weight:bold;padding-bottom:5px;}
.workguide01 .worker_noti .noti_box .txt_noti ol{padding-left:15px;}
.workguide01 .worker_noti .noti_box .txt_noti ol, .worker3 .worker_noti .noti_box .txt_noti li{list-style:decimal;font-weight:normal;color:#666666;}

/* ��� ��ũ */
#ksse_footer{ width:100%; min-width:1250px; background:#232632; }
#ksse_footer .banner_menu{width:100%;background:#ffffff;margin:0 auto; text-align:center;}
.banner_menu .foot_list{width:1170px;margin:0 auto;text-align:left;padding:5px 0}
.banner_menu .foot_list li{padding-left:35px;background: url(/common/images/default/blt_wbar.jpg) no-repeat 18px 50%;display:inline-block;zoom:1;*display:inline;vertical-align:top}
.banner_menu .foot_list li.first{background-image:none;padding-left:0}
.banner_menu .foot_list li a{color:#fff;font-size:16px;font-weight:350;}
.banner_menu .foot_list li a.footer_privacy_policy{font-weight:350;color:#fff;}


/* ���� ������          */
.ksseintro05 {  width:100%; margin:0 0px 30px 0px; display:inline-block;} 

.ksseintro05 .tabWrap ul{list-style:none; padding:10px 0 10px 40px; border-bottom:0px solid #d2d9db;}
.ksseintro05 .tabWrap ul:after{content:''; display:block; clear:both;}
.ksseintro05 .tabWrap ul li{float:left; text-align:center; font-size:14px; margin:0 10px 5px 0; border:1px solid #717171; line-height:37px; font-weight:700; color:#565656; }
/* .tabWrap ul li{float:left; text-align:center; font-size:14px; margin:0 10px 5px 0; border:1px solid #717171; line-height:37px; font-weight:700; color:#565656; } */

.ksseintro05 .tabWrap ul li.select{background:#0780c2; color:#fff;}
.ksseintro05 .tabWrap ul li a{display:block; width:100%; height:inherit; text-decoration:none; color:#565656; padding:0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ksseintro05 .tabWrap ul li.select a{color:#fff;}

.col-coupon { display:table-cell; visibility: initial; }

/* 과정 목록/상세 모바일 반응형 */
@media screen and (max-width: 768px) {
    html,
    body {
        overflow-x: hidden;
    }

    html,
    body,
    #wrap,
    #container,
    #ksse_footer,
    .main_wrap,
    .main_wrap .content_area,
    #contet_area {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    #header,
    #container.main,
    #footer,
    .all_list {
        min-width: 0 !important;
        max-width: 100%;
    }

    #container .horizontal_wrap,
    .util_wrap .util_menu,
    .all_list .a_inner,
    #footer .copy,
    .foot_menu .foot_list,
    .banner_menu .foot_list,
    .container {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    img,
    video,
    iframe {
        max-width: 100%;
    }

    input,
    select,
    textarea,
    button {
        max-width: 100%;
        box-sizing: border-box;
    }

    .content_body > img,
    .content_body p img,
    .content_body div img {
        max-width: 100% !important;
        height: auto !important;
    }

    .tb_box,
    .pay_container,
    .refund .formula,
    .privacy,
    .terms {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .refund .formula .rbox,
    .cs_down1,
    .cs_down2,
    .cs_remote2,
    .cs_remote3 {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    #footer .copy,
    .foot_menu .foot_list,
    .banner_menu .foot_list {
        padding-left: 16px;
        padding-right: 16px;
    }

    .main_wrap .content_body {
        width: 100%;
        max-width: 100%;
        padding: 0 12px 60px;
        box-sizing: border-box;
        overflow: visible;
    }

    .content_title {
        width: auto;
        height: auto;
        min-height: 70px;
        margin: 55px 16px 35px;
        padding-bottom: 22px;
        font-size: 30px;
        line-height: 1.3;
        word-break: keep-all;
    }

    .content_title::after {
        width: 70px;
        margin-left: -35px;
    }

    .tb_top .list_top,
    .tb_top .list_top .course_type,
    .search_form_wrap1 {
        float: none;
        width: 100%;
        text-align: left;
    }

    .search_form_wrap1 {
        margin-top: 10px;
    }

    .course_gallery {
        display: block;
        margin-left: 0;
        padding: 0 0 20px;
    }

    .course_gallery li {
        float: none;
        width: 100%;
        max-height: none;
        margin: 20px 0 0;
        box-sizing: border-box;
    }

    .course_gallery .cimg {
        width: 100%;
        height: auto;
        aspect-ratio: 266 / 177;
        overflow: hidden;
    }

    .course_gallery .cimg img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .course_info .info_img,
    .course_info .info_text {
        float: none;
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }

    .course_info .info_img img {
        display: block;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }

    .course_info .info_text {
        margin-top: 20px;
    }

    .course_info .info_btn li,
    .sns_preview_wrap .sns_btn {
        float: none;
    }

    .sns_preview_wrap .sns_btn {
        display: flex;
        justify-content: flex-end;
        margin-top: 10px;
    }

    .course_foot,
    .course_foot .cv,
    .course_foot .cv_text {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .course_foot .cv_text {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .course_foot .cv_text img,
    .course_foot iframe,
    .course_foot video {
        max-width: 100% !important;
        height: auto !important;
    }

    .course_foot .cv_text table {
        min-width: 640px;
    }

    .tab_cview li a {
        font-size: 13px;
    }

    /* 실제 교육수강 강의실 */
    #wrap_classroom,
    #wrap_classroom #container,
    .main_wrap_classroom {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        overflow: visible;
    }

    .sub_top_classroom {
        display: block;
        width: 100%;
        height: auto;
        min-height: 150px;
        padding: 24px 16px;
        box-sizing: border-box;
        background-size: cover;
    }

    .sub_top_classroom .top_title {
        height: auto;
        margin-top: 20px;
        font-size: 24px;
        line-height: 1.35;
    }

    .sub_top_classroom .top_title em {
        width: 100%;
        white-space: normal;
        word-break: keep-all;
    }

    .sub_top_classroom .top_state {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        height: auto;
        margin: 18px 0 0;
        padding: 8px;
        box-sizing: border-box;
        border-radius: 8px;
    }

    .sub_top_classroom .top_state li,
    .sub_top_classroom .top_state .li1,
    .sub_top_classroom .top_state .li2,
    .sub_top_classroom .top_state .li3 {
        float: none;
        height: auto;
        padding: 4px 8px;
        font-size: 13px;
        line-height: 1.5;
        background-image: none;
    }

    .left_area_classroom {
        float: none;
        display: block;
        width: calc(100% - 24px);
        min-height: 0;
        height: auto;
        margin: 12px;
        box-sizing: border-box;
    }

    .left_area_classroom .lnb_list {
        display: flex;
        width: 100%;
        margin: 0;
        padding: 8px;
        overflow-x: auto;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
    }

    .left_area_classroom .lnb_list li,
    .left_area_classroom .lnb_list li.half {
        float: none;
        flex: 0 0 auto;
        width: auto;
        border: 0;
        background-image: none !important;
    }

    .left_area_classroom .lnb_list li a {
        padding: 9px 12px;
        white-space: nowrap;
    }

    .main_wrap_classroom .content_area {
        float: none;
        width: calc(100% - 24px);
        min-width: 0;
        min-height: 0;
        margin: 12px;
        padding: 12px;
        box-sizing: border-box;
        overflow: visible;
    }

    .main_wrap_classroom .content_area .content_body {
        width: 100%;
        max-width: 100%;
        padding: 0;
        box-sizing: border-box;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y;
    }

    .main_wrap_classroom .content_area iframe,
    .main_wrap_classroom .content_area video,
    .main_wrap_classroom .content_area img {
        max-width: 100% !important;
        height: auto !important;
    }

    .main_wrap_classroom .tb_box,
    .main_wrap_classroom .table,
    .main_wrap_classroom table {
        touch-action: pan-x pan-y;
    }

    /* 강의목차 표는 열을 찌그러뜨리지 않고 표 영역 안에서 이동 */
    .main_wrap_classroom .content_area table.tb_list {
        width: 760px;
        min-width: 760px;
        table-layout: auto;
    }

    .main_wrap_classroom .content_area table.tb_list th,
    .main_wrap_classroom .content_area table.tb_list td {
        padding: 12px 10px;
        line-height: 1.45;
        word-break: keep-all;
        overflow-wrap: normal;
        vertical-align: middle;
    }

    .main_wrap_classroom .content_area table.tb_list th:first-child,
    .main_wrap_classroom .content_area table.tb_list td:first-child {
        width: 220px;
        min-width: 220px;
        white-space: normal;
        text-align: left;
    }

    .main_wrap_classroom .content_area table.tb_list th:not(:first-child),
    .main_wrap_classroom .content_area table.tb_list td:not(:first-child) {
        min-width: 95px;
        white-space: nowrap;
        text-align: center;
    }

    .main_wrap_classroom .content_area .button,
    .main_wrap_classroom .content_area a.button {
        min-width: 76px;
        white-space: nowrap;
    }

    /* 로그인 페이지 */
    .login_box {
        width: 100%;
        padding: 32px 18px;
        box-sizing: border-box;
        overflow: visible;
    }

    .log_tt {
        margin: 10px 0 30px;
        text-align: center;
    }

    .log_form {
        float: none;
        width: 100%;
        padding: 0 0 28px;
        border-right: 0;
        border-bottom: 1px solid #e0e0e0;
        box-sizing: border-box;
    }

    .log_area,
    .log_in {
        float: none;
        width: 100%;
        overflow: visible;
    }

    .log_in div,
    .log_in div.ip_pass {
        width: 100%;
        height: auto;
        margin-bottom: 14px;
    }

    .log_in label {
        display: block;
        padding: 0 0 6px;
        margin: 0;
        font-weight: 700;
    }

    .log_in div input,
    .log_in input[type="text"],
    .log_in input[type="password"] {
        display: block;
        width: 100%;
        height: 46px;
        margin: 0;
        padding: 0 12px;
        box-sizing: border-box;
    }

    .log_area .ip_submit {
        float: none;
        width: 100%;
        margin: 8px 0 0;
    }

    .log_area .ip_submit input,
    .log_area .ip_submit button,
    .log_area .ip_submit a {
        display: block;
        width: 100%;
        min-height: 46px;
        box-sizing: border-box;
    }

    .log_find {
        float: none;
        width: 100%;
        padding: 24px 0 0;
        box-sizing: border-box;
        text-align: center;
    }

    .log_find dd {
        margin: 8px 0 24px;
    }

    .log_oauth .log_oauth_list {
        float: none;
        display: flex;
        justify-content: center;
        margin: 0;
    }
}