@charset "utf-8";
@import url('/html/fonts/notokr.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
        url('//script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('//script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
        url('//script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('//script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
        url('//script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('//script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


body {
    font-family: "Open Sans", "Noto Sans KR", "notoSans", "맑은 고딕", "AppleSDGothcNeo", "AppleGothic", sans-serif;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    ;
    font-size: 16px;
    letter-spacing: -0.05em !important;
}

body * {
    letter-spacing: -0.05em !important;
}

.hide {
    display: none;
}

.ver_mobile {
    display: none !important;
}

.ver_pc {}

.br_mobile {
    display: none !important;
}

.br_pc {
    display: block !important;
}

#wrap {
    position: relative;
    width: 100%;
    min-width: 1600px;
}

#header {
    height: 170px;
    overflow: visible;
    z-index: 1000;
}

#header .util_wrap {
    position: relative;
    background-color: #fff;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    height: 100px;
    text-align: center;
}

#header .util_wrap .util_menu {
    float: right;
    width: auto;
    margin-top: 30px;
}

#header .util_wrap .util_menu li {
    position: relative;
    padding-left: 10px;
    margin-right: 10px;
}

#header .util_wrap .util_menu li:after {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    background-color: #c1c1c1;
    top: 15px;
    height: 11px;
}

#header .util_wrap .util_menu li:first-child:after {
    display: none;
}

#header .util_wrap .util_menu ul li a {
    color: #333;
    font-size: 14px;
}

.util_wrap .af_log {
    color: #333;
}

.util_wrap .af_log strong {
    font-weight: 500;
}

#header .logo {
    display: inline-block;
    vertical-align: middle;
    margin-top: 25px;
    float: left;
}

#header .logo img {
    margin: 0px;
    max-width: 250px;
    max-height: 50px;
}

.h_search {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 30px;
    width: 300px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    height: 40px;
    border-radius: 40px;
    overflow: hidden;
    padding: 0px 20px;
    background-color: #fafafa;
    margin: 0px;
}

.h_search input {
    width: 100%;
    height: 38px;
    border: none !important;
    box-shadow: none;
    outline: none;
    padding: 0;
    background-color: #fafafa !important;
}

.search_btn {
    background: url(/html/images/common/h_search.png) no-repeat center;
    background-size: 20px auto;
    width: 23px;
    height: 100%;
    position: absolute;
    right: 15px;
}

#header>.inner {
    position: relative;
    width: 100%;
    background-color: #0079c0;
    height: 70px;
    margin: 0 auto;
    overflow: visible;
    text-align: center;
}

#header .inner .menu_wrap {
    position: relative;
    float: none;
    width: 100%;
    max-width: 1200px;
    background: #0079c0;
    height: 70px;
    margin: 0px auto;
    text-align: center;
    display: inline-block;
    border-radius: 0px 0px 20px 20px;
    z-index: 10;
}

.menu_wrap #gnb {
    float: left;
    display: flex;
    justify-content: center;
    width: 1130px;
    margin: 0px auto;
}

.menu_wrap #gnb li {
    width: 100%;
    position: relative;
    display: inline-block;
    padding: 0px;
}

.menu_wrap #gnb li a {
    font-family: 'noto_sans';
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    line-height: 70px;
    padding: 0px 20px;
    box-sizing: border-box;
    font-weight: 500;
    letter-spacing: -1px;
}

.menu_wrap #gnb li a:hover {
    color: #fff;
}

.menu_wrap #gnb li.on a {
    color: #fff;
}

.menu_wrap #gnb .gnb_sub {
    display: none;
    position: absolute;
    left: 50%;
    top: 70px;
    transform: translateX(-50%);
    z-index: 100 !important;
    background: none;
    width: 180px;
    background: #1195d1;
    border: 1px #1195d1 solid;
    border-top: none;
    padding: 5px 10px;
    box-sizing: border-box;
}

.menu_wrap #gnb .gnb_sub li {
    float: none !important;
    width: 100%;
    padding: 0px 0px !important;
    border-bottom: 1px transparent solid;
}

.menu_wrap #gnb .gnb_sub li:last-child {
    border-bottom: none;
}

.menu_wrap #gnb .gnb_sub li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    letter-spacing: -0.05em;
    padding: 10px 0px;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.menu_wrap #gnb .gnb_sub li:hover a {
    color: #fff;
    background: none;
    text-decoration: underline;
}

.hamburger {
    padding: 25px 14px;
    display: inline-block;
    height: 70px;
    width: 70px;
    margin-left: 0;
    box-sizing: border-box;
    float: left;
    background-color: #0079c0;
    position: relative;
    cursor: pointer;
}

.hamburger span {
    background: #fff;
    display: block;
    height: 3px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    margin: 0 auto;
}

.hamburger span:nth-child(1) {
    width: 24px;
}

.hamburger span:nth-child(2) {
    width: 24px;
    margin-top: 5px;
}

.hamburger span:nth-child(3) {
    width: 24px;
    margin-top: 5px;
}

.hamburger.is-active {
    padding: 25px 11px;
}

.hamburger.is-active .line {
    width: 30px;
}

.hamburger.is-active .line:nth-child(2) {
    opacity: 0;
}

.hamburger.is-active .line:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}

.hamburger.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}

.all_list {
    display: none;
}

.all_list {
    position: absolute;
    top: 70px;
    width: 100%;
    max-width: 1200px;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    z-index: 1 !important;
    background: #fff;
    border: 1px solid #0079c0;
    border-top: none;
    border-radius: 0 0 20px 20px;
    vertical-align: top;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 auto;
}

.all_list_inner {
    position: relative;
    width: 1200px;
    margin: 20px auto;
    height: auto;
    display: inline-block;
    text-align: left;
}

.all_list .a_inner {
    position: relative;
    height: auto !important;
    display: flex;
    justify-content: space-around;
    width: auto;
    margin: 0px;
    vertical-align: top !important;
    text-align: center;
}

.all_list .a_inner>li {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 0px;
}

.all_list .a_inner>li h2 {
    font-family: 'noto_sans';
    font-size: 18px;
    color: #000;
    font-weight: 500;
    line-height: 33px;
    margin-bottom: 10px;
}

.all_list .a_inner>li ul {
    overflow: hidden;
    margin-top: 0px;
}

.all_list .a_inner>li ul li {
    line-height: 30px;
}

.all_list .a_inner>li ul li a {
    color: #666;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    width: 100%;
    height: 100%;
}

.all_list .a_inner>li ul li a:hover {
    color: #333;
    text-decoration: underline;
}

#footer {
    background: #454545;
}

#footer .foot_menu {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: #dfdfdf;
    border: none;
}

#footer .foot_menu .foot_list {
    max-width: 1200px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    text-align: center;
    padding: 15px 0;
}

.foot_menu .foot_list li {
    position: relative;
    width: 100%;
    padding: 0px;
    margin-right: 0px;
    background: none;
}

.foot_menu .foot_list li:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0%;
    width: 1px;
    height: 20px;
    background: #b4b4b4;
}

.foot_menu .foot_list li:last-child:before {
    display: none;
}

.foot_menu .foot_list li a {
    display: block;
    font-family: 'noto_sans';
    font-size: 16px;
    line-height: 20px;
    color: #333;
    font-weight: 400;
    padding: 0px;
}

.foot_menu .foot_list li a.footer_privacy_policy {
    color: #333;
    font-weight: 400;
}

#footer .copy {
    background: none;
    width: 100%;
    padding: 50px 0px;
}

#footer .copy .foot_info {
    position: relative;
    max-width: 1200px;
    width: 100%;
    padding: 10px 0px 10px 0;
    margin: 0 auto;
}

#footer .foot_info p {
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    line-height: 25px;
    text-align: left;
}

#footer .foot_info b {
    display: block;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
}

#footer .foot_info p.copyp {
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    margin-top: 0px;
    opacity: 1;
}


.tac {
    text-align: center;
}

.banner_box {
    position: relative;
    padding: 50px 90px;
    box-sizing: border-box;
    margin-top: 50px;
    margin-bottom: 55px;
}

.sub0102 .banner_box {
    padding: 80px 90px;
}

.sub0103 .banner_box {
    padding: 80px 90px;
}

.banner_box .text_img {}

.banner_box .font2 {
    color: #222;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

.banner_box .sample_link span {
    display: inline-block;
    text-align: center;
    width: 137px;
    height: 53px;
    box-sizing: border-box;
    border: 3px solid #231916;
    line-height: 50px;
    border-radius: 40px;
    overflow: hidden;
    margin-right: 5px;
}

.banner_box .sample_link span a {
    font-size: 18px;
    font-weight: bold;
    color: #1c1c1c;
}

.sub0102 .banner_box .sample_link span {
    border: 3px solid #fff;
}

.sub0102 .banner_box .sample_link span a {
    color: #fff;
}

.banner_box .sample_link span a img {
    margin-left: 10px;
}

.banner_box .sample_link {
    margin-top: 30px;
}

.content_img {
    text-align: center;
    margin-bottom: 100px;
    position: relative;
}

/*.content_body {width: 1200px;margin:0 auto;padding-top: 50px;padding-bottom: 150px;box-sizing: border-box;}*/
.sub0301 .content_img .img_btn {
    position: absolute;
    right: 165px;
    bottom: 70px;
}

.util_wrap .af_log {
    float: none;
}

.button.red {
    background-color: #21b499;
    border: 1px solid #21b499;
}



#container {
    position: relative;
    width: 100%;
    margin: 0px auto 0px auto;
    padding: 0px;
}

#container.main {
    position: relative;
    width: 100%;
    margin: 0px auto 0px auto;
    padding: 0px;
}

#container .horizontal_wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto 20px auto;
}

/****** 메인 스타일 ******/
/* main 레이아웃 스타일 */
.main_outer {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 120px 0px;
}

.main_inner {
    position: relative;
    width: 1200px;
    margin: 0px auto 0px auto;
    padding: 0px 0px;
    display: block;
    overflow: visible;
    text-align: left;
    z-index: 0;
}

.main_title {
    position: relative;
    font-family: "noto_sans";
    line-height: 100%;
    font-size: 40px;
    font-weight: 500;
    color: #000000;
    padding-bottom: 30px;
    margin: 0px auto 50px auto;
    text-align: center;
    background: none;
    letter-spacing: -0.07em !important;
}

.main_title:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    width: 140px;
    height: 3px;
    background: #467fd7;
}

.main_title b {
    font-weight: 600;
}

.main_ment {
    font-family: "noto_sans";
    line-height: 30px;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    text-align: center;
    margin: -10px 0px 35px 0px;
}

.bgGray {
    background: #fbf6f0;
}

.bgWhite {
    background: #fff;
}

.bgBottom {
    background: #467fd7;
}

.bgBottom:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 200px;
    background: #fff;
    z-index: 0;
}

.nopd {
    padding: 0px !important;
}

/****** 메인 스타일 ******/
/* main 상단롤링배너 */
.main_visual {
    position: relative;
    width: 100%;
    height: 500px;
    z-index: 0 !important;
}

.container {
    display: relative;
    width: 100%;
    min-width: 1300px;
    height: 500px !important;
    overflow: hidden;
    min-height: 700px;
    top: 0px;
    padding: 0px;
    text-align: center;
}

#slides {
    display: none;
    top: 0;
    left: 0%;
    position: absolute;
    width: 100%;
    margin: 0%;
    height: 500px !important;
    overflow: hidden !important;
    z-index: 0;
    text-align: center;
}

#slides a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

#slides a img {
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    z-index: 0;
    border: 0px;
    width: auto;
    height: 500px;
}

#slides .slidesjs-navigation {
    position: absolute;
    margin-top: 0px;
}

.slidesjs-pagination {
    display: none;
    position: absolute;
    width: 100%;
    left: 0%;
    bottom: 30px;
    z-index: 101;
    text-align: center;
}

.slidesjs-pagination li {
    width: 12px !important;
    height: 12px !important;
    display: inline-block;
    margin: 0px 7px;
    border: none;
}

.slidesjs-pagination li a {
    display: inline-block;
    width: 12px !important;
    height: 12px !important;
    text-indent: -9999px;
    padding: 0px;
    background: #fff;
    border: none;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0.5
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    background: #fff;
    opacity: 1;
}

.slidesjs-pagination li a:hover {
    background: #fff;
    opacity: 1;
}

a.slidesjs-next,
a.slidesjs-previous {
    display: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100px !important;
    height: 100px !important;
    overflow: hidden;
    background-size: 28px auto !important;
    text-indent: -9999px;
    float: left;
    z-index: 100;
    border-radius: 50%;
}

a.slidesjs-next {
    position: absolute;
    right: 20px;
    background: url(/html/images/common/btn_slide_next.png) 50% 50% no-repeat;
    background-size: 28px auto;
}

a:hover.slidesjs-next {
    background: url(/html/images/common/btn_slide_next.png) 50% 50% no-repeat;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.4) !important;
}

a.slidesjs-previous {
    position: absolute;
    left: 20px;
    background: url(/html/images/common/btn_slide_prev.png) 50% 50% no-repeat;
}

a:hover.slidesjs-previous {
    background: url(/html/images/common/btn_slide_prev.png) 50% 50% no-repeat;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.4) !important;
}

/* main 상단롤링배너
.main_visual{position:relative;height:700px;z-index:100;}
#slides{position:absolute;top:0;left:0;z-index:100}
.slides_container{width:100%;height:700px;overflow:hidden}
.slides_container img {position:absolute;left:50%; transform: translateX(-50%);width:auto;height:700px;}
.slides_container div{width:100%;height:700px;display:block;background-size: cover !important; image-rendering: -webkit-optimize-contrast; backface-visibility: hidden;}

.main_visual .pagination{position:absolute;width:auto;left:50%; transform:translateX(-50%);bottom:30px;z-index:10;margin:0px;text-align:center; }
.main_visual .pagination li{width:12px;height:12px;float:none;display:inline-block;padding:0px;margin:0px 4px;background:#fff;border-radius:50%;opacity:0.5;}
.main_visual .pagination li a{line-height:12px;text-indent:-9999999px; width:12px; height:12px;}
.main_visual .pagination li.current {background:#fff;opacity:1.0;}

.main_visual a.prev,
.main_visual a.next {display:absolute;top:50%;transform:translateY(-50%);width:50px !important;height:50px !important;overflow: hidden;background-size:80% auto !important;text-indent: -9999px;float: left;z-index:100;border-radius:50%; opacity:0.5;background-color:rgba(0,0,0,0.2) !important;}
.main_visual a.prev { position:absolute !important;left:50px;background: url('/html/images/common/arrow_left.png') 50% 50% no-repeat;}
.main_visual a.next { position:absolute !important;right:50px;background: url('/html/images/common/arrow_right.png') 50% 50% no-repeat;}
*/


.main_banner {
    width: 1200px;
    padding: 70px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
}

.main_banner ul {
    width: 100%;
    padding: 0px;
    display: flex;
    justify-content: space-between;
}

.main_banner li {
    position: relative;
    float: left;
    width: auto;
    min-width: 160px;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.main_banner li a {
    display: block;
    padding-top: 160px;
    background-position: 50% 10px !important;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.main_banner li a:hover {
    background-position: 50% 0px !important;
}

.main_banner li h2 {
    position: relative;
    display: inline-block;
    width: auto;
    border-radius: 40px;
    height: 35px;
    line-height: 35px;
    padding: 0px 25px;
    font-size: 20px;
    color: #000;
    font-weight: 500;
    text-align: center;
}

.main_banner li a:hover h2 {
    color: #0079c0;
}

.main_banner li.main_banner1 a {
    background: url('/html/images/common/main_banner1.png') no-repeat;
}

.main_banner li.main_banner2 a {
    background: url('/html/images/common/main_banner2.png') no-repeat;
}

.main_banner li.main_banner3 a {
    background: url('/html/images/common/main_banner3.png') no-repeat;
}

.main_banner li.main_banner4 a {
    background: url('/html/images/common/main_banner4.png') no-repeat;
}

.main_banner li.main_banner5 a {
    background: url('/html/images/common/main_banner5.png') no-repeat;
}

/* main 추출 강의 스타일 */
.horizontal_wrap .horizontal_list {
    overflow: hidden;
    width: 1240px;
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0px -50px 0px;
}

.horizontal_wrap .horizontal_list li {
    border: none;
    background: #fff;
    text-align: center;
    padding: 0px;
    height: 370px;
    min-height: 200px;
    width: calc((100% - 160px) / 4);
    border-radius: 10px;
    margin: 0px 40px 50px 0px !important;
    overflow: hidden;
}

.horizontal_wrap .horizontal_list li.nodata {
    padding: 0px 0;
    height: 280px;
    line-height: 280px;
    width: 1200px;
    border: 1px solid #e5e5e5;
    margin-left: 0;
}

.horizontal_list span {
    display: block;
}

.horizontal_list span.img_box {
    position: relative;
    width: 100%;
    height: auto;
    border: none;
    border-bottom: 1px #dedede solid;
    box-sizing: border-box;
    border-radius: 10px 10px 0px 0px;
    margin: 0px;
}

.horizontal_list span.img_box a {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 66.66%;
    border-radius: 10px 10px 0px 0px;
}

.horizontal_list span.img_box>a>img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.horizontal_list .list_cont {
    display: block;
    width: 100%;
    padding: 20px 30px;
    box-sizing: border-box;
}

.horizontal_list span.list_subject {
    font-family: "noto_sans";
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    height: 50px;
    max-height: 50px;
    color: #000;
    padding: 0px;
    margin: 0px;
    text-align: left;
    display: -webkit-box;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.horizontal_list span.list_cate {
    padding: 0px;
    max-height: 40px;
    line-height: 20px;
    font-size: 15px;
    color: #467fd7;
    margin-bottom: 10px;
    text-align: left;
}

.horizontal_list span.list_period {
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    font-size: 17px;
    margin-bottom: 10px;
    padding: 0px;
    text-align: center
}

.horizontal_list span.list_blt {
    line-height: 18px;
    font-size: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center
}

.horizontal_list span.list_price {
    font-size: 16px;
    color: #0079c0;
    font-weight: 500;
    text-align: center
}

.horizontal_list .list_btn {
    display: inline-block;
    width: auto;
    font-family: "noto_sans";
    font-weight: 500;
    font-size: 17px;
    line-height: 50px;
    color: #000;
    padding: 0px 33px 0px 20px;
    margin: 0px auto;
    background: #467fd7;
}

.horizontal_list .button.course {}

.main_course_wrap {
    position: relative;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    background-color: #f3f3f3;
    margin-top: 70px;
}

.main_course {
    position: relative;
    width: 100%;
    display: inline-block;
}

.main_course .banner {
    position: relative;
    width: calc(100% + 50px);
    margin: 0px -25px;
    display: inline-block;
}

.main_course .banner li {
    float: left;
    width: calc((100% - 150px) / 3);
    margin: 0px 25px;
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
}

.main_course .banner li img {
    width: 100%;
    height: auto;
}

.main_course:before {
    content: '';
    position: absolute;
    left: 0%;
    width: 100%;
    height: 100%;
    margin-left: -100% !important;
    background: rgba(255, 255, 255, 0.8);
    z-index: 10;
}

.main_course:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    margin-left: 50% !important;
    background: rgba(255, 255, 255, 0.8);
    z-index: 10;
}

.arrow_left,
.arrow_right {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px !important;
    height: 50px !important;
    background-size: 40px auto !important;
    box-sizing: border-box;
    z-index: 15;
    box-shadow: 0px 5px 0px rgb(0 0 0 / 10%);
}

.arrow_left {
    left: 50%;
    margin-left: -700px;
    ;
    background: #0079c0 url('/html/images/common/arrow_left.png') 50% 50% no-repeat;
    border-radius: 30px 0px 0px 30px;
}

.arrow_right {
    right: 50%;
    margin-right: -701px;
    background: #0079c0 url('/html/images/common/arrow_right.png') 50% 50% no-repeat;
    border-radius: 0px 30px 30px 0px;
}

.arrow_left:hover,
.arrow_right:hover {
    background-color: #ff9330;
}

.slick-arrow {
    display: block;
}

.slick-disabled {
    display: none !important;
}

/* 메인 컨텐츠 -  하단 영역 */
.square_wrap {
    display: flex;
    justify-content: space-between;
    margin: 0px auto 0px auto;
    padding: 0px 0px;
    box-sizing: border-box;
    width: 1200px;
    overflow: hidden;
}

.square_wrap .mainb_board {
    position: relative;
    width: 770px;
    height: 300px;
    margin: 0px;
    padding: 30px 50px;
    background: #fbf6f0;
    border: 1px #ddd solid;
    box-sizing: border-box;
    z-index: 10;
}

.square_wrap .mainb_board .mboard_title {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0px;
    border: none;
    border-bottom: 3px #467fd7 solid;
}

.square_wrap .mainb_board .mboard_title span {
    float: left;
    display: inline-block;
    width: auto;
    min-width: 10%;
    margin: 0px 40px 0px 0px;
    height: 40px;
    border: none;
}

.square_wrap .mainb_board .mboard_title span a {
    font-family: "noto_sans";
    font-size: 20px;
    display: block;
    width: auto !important;
    padding: 0px 0px 15px 0px;
    height: 40px;
    line-height: 100%;
    font-weight: 500;
    text-align: center;
    background: none;
    color: #666;
    box-sizing: border-box;
}

.square_wrap .mainb_board .mboard_title span a.active {
    background: none;
    color: #467fd7;
    font-weight: 500;
}

.square_wrap .mainb_board .mboard_title span a:hover {
    color: #000;
}

.square_wrap .mainb_board .mboard_cont {
    width: 100%;
    padding: 0px;
    margin-top: 20px;
}

.square_wrap .mainb_board .mboard_more {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
}

.square_wrap .mainb_board .mboard_more a {
    display: inline-block;
    width: 25px;
    border: none;
    font-size: 15px;
    color: #000;
    height: 25px;
    padding: 0px;
    opacity: 1;
    background: url('/html/images/common/mcourse_more.png') 50% 50% no-repeat;
    text-indent: -9999999px;
}

.square_wrap .mainb_board .mboard_more a:hover {
    opacity: 1;
    border: none;
    color: #000;
}

.square_wrap .mainb_cs {
    width: 390px;
    height: 300px;
    background: none;
    margin: 0px;
    padding: 30px 50px;
    background: #fbf6f0;
    border: 1px #ddd solid;
    box-sizing: border-box;
    z-index: 10;
    text-align: left;
}

.square_wrap .mainb_cs h3.top_title {
    display: inline-block;
    width: auto;
    font-family: "noto_sans";
    font-size: 20px;
    color: #467fd7;
    font-weight: 500;
    padding: 0px 0px 15px 0px;
    line-height: 100%;
    border-bottom: 3px #467fd7 solid;
}

.square_wrap .mainb_cs p {
    font-size: 14px;
    color: #666666;
    font-weight: 500;
    margin: 20px 0px 20px 0px;
    line-height: 100%;
    text-align: left;
}

.square_wrap .mainb_cs .mcs_text {
    padding: 0px;
    background: none;
}

.square_wrap .mainb_cs .mcs_text .mcs_tel {
    font-family: "Inter";
    color: #467fd7;
    font-size: 30px;
    font-weight: 600;
    line-height: 70px;
    height: 70px;
    padding: 0px 0px 0px 80px;
    margin: 0px 0px 15px 0px;
    letter-spacing: -0.07em;
    background: url('/html/images/common/mcs_tel.png') 0% 50% no-repeat;
}

.square_wrap .mainb_cs .mcs_text span {
    display: block;
    font-size: 15px;
    color: #666;
    line-height: 25px;
    letter-spacing: -0.07em;
    box-sizing: border-box;
    padding-left: 10px;
    background: url('/html/images/common/dot.png') 0% 50% no-repeat;
}

/* 메인 컨텐츠 -  메인 게시물 추출 스타일 */
.list_top li {
    padding: 0px;
    background: none;
}

.list_top li a {
    display: block;
    font-size: 17px;
    line-height: 35px;
    color: #666666;
    border: none;
    text-align: left;
    padding-left: 10px;
    background: url('/html/images/common/dot.png') 0% 50% no-repeat;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.faq_top li {
    padding: 0px;
    background: none;
}

.faq_top li a {
    display: block;
    font-size: 17px;
    line-height: 35px;
    color: #666666 border:none;
    text-align: left;
    padding-left: 10px;
    background: url('/html/images/common/dot.png') 0% 50% no-repeat;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.faq_top li .blue {
    display: inline-block;
    width: auto;
    margin-right: 8px;
    background: none;
    font-size: 17px;
    border-radius: 0px;
    color: #467fd7;
    margin-top: 0px;
}

.faq_top li .blue:before {
    content: '['
}

.faq_top li .blue:after {
    content: ']'
}

.faq_top li .green {
    background: none;
    color: #375088;
    margin-top: 0px;
}

/* layout */
.main_wrap {
    position: static;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.sub_top+.main_wrap {
    padding-top: 50px;
}

.main_wrap .main_content {
    overflow: hidden;
}

.main_wrap .main_content>div {
    float: left
}

.main_wrap .left_area {
    float: none;
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
}

.main_wrap .content_area {
    float: none;
    width: 1200px;
    text-align: left;
    margin: 60px auto;
    padding: 0px;
    min-height: 500px;
}

.main_wrap .content_body {
    width: 1200px;
    padding: 0px;
}

.content_title {
    font-family: "noto_sans";
    font-weight: 600;
    color: #000;
    font-size: 30px;
    height: auto;
    line-height: 100%;
    background: none;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}

.content_title::after {
    display: none;
}

/*lnb */
.left_area {
    display: inline-block;
    text-align: center;
}

.left_area .lnb_title {
    display: none;
}

.left_area .lnb_list {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0px auto;
    border: 1px #ddd solid;
    background: #fff;
    border-radius: 10px;
    padding: 10px;
}

.left_area .lnb_list li {
    float: left;
    width: 100%;
    max-width: 250px;
    min-width: 150px;
    border: none;
    margin-left: -1px;
}

.left_area .lnb_list li.lnb_sub {
    display: none !important;
}

.left_area .lnb_list li.half {
    width: 50%;
    float: left;
}

.left_area .lnb_list li a {
    font-family: "noto_sans";
    display: block;
    font-size: 18px;
    color: #666;
    text-align: center;
    background: none;
    border: none;
    font-weight: 400;
    margin: 0px;
    height: 60px;
    line-height: 60px;
    padding: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.left_area .lnb_list li.on a {
    position: relative;
    color: #467fd7;
    background: none;
    font-weight: 600;
    margin: 0px;
    height: 60px;
    line-height: 60px;
}

.left_area .lnb_list li a:hover {
    color: #467fd7;
}

/*
.left_area .lnb_list li.on a:before {content:'';position:absolute;bottom:0px;left:0px;display:inline-block;width:100%;height:2px;background:#0079c0;}
.left_area .lnb_list li.on a:hover{color:#000; background:none;}
*/

.path {
    display: none;
}

.sub_top {
    display: none;
    position: relative;
    width: 100%;
    min-width: 1300px;
    height: 70px;
    padding: 0px;
    margin: 0px 0px 50px 0px;
    background: #467fd7;
    overflow: hidden;
    text-align: center;
    z-index: 1;
}

.sub_top img {
    display: none;
}

.sub_top h2 {
    font-family: 'Gmarket Sans';
    width: 1200px;
    font-weight: 600;
    font-size: 50px;
    color: #fff;
    line-height: 65px;
    text-align: left;
    letter-spacing: -0.05em;
    margin: 115px auto 0px auto;
}

.sub_top h2 span {
    color: #fff;
}

.sub_top1,
.sub_top2,
.sub_top3,
.sub_top4,
.sub_top5,
.sub_top6,
.sub_top7,
.sub_top8 {
    background: #467fd7 url(/html/images/common/subtop_pattern.png) 50% 0px repeat;
}

/* 리스트,웹진,갤러리 */
a.back_icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    text-indent: -100000px;
    background: url('/html/images/common/icon_list2.png') no-repeat -1px -1px;
    margin: 0px 9px 10px 0px;
}

a.btn_list {
    background-position: -1px -1px
}

a.btn_list.on {
    background-position: -1px -37px
}

a.btn_gallery {
    background-position: -37px -1px
}

a.btn_gallery.on {
    background-position: -37px -37px
}

a.btn_webzine {
    background-position: -73px -1px
}

a.btn_webzine.on {
    background-position: -73px -37px
}

a.btn_calendar {
    background-position: -109px -1px
}

a.btn_calendar.on {
    background-position: -109px -37px
}

/* 게시판 관련 */
.btn_sort {
    float: right;
    margin-right: 0px;
    margin-left: 5px;
    text-align: right;
}

.btn_sort a {
    margin: 0px 0px 0px 0px;
}

.s_category {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    text-align: right;
}

.s_category select.category {
    float: right;
    width: auto;
    min-width: 150px;
    height: 35px;
    border: 1px #cccccc solid;
}

.search_form .btn_search {
    height: 35px;
    background: #363b45;
}

.tb_top_course {
    border-top: 2px #333333 solid;
    padding-top: 20px;
}

.tb_top_board {
    border-top: none;
    padding-bottom: 20px;
}

.tb_top_board2 {
    border-top: 2px #333333 solid;
    padding: 20px 0px;
}

.tb_box {
    border-top: 1px solid #666666;
}

.tb_top {
    padding-bottom: 5px;
}

.search_form .button.small {
    color: #fff;
    background: #333;
    border: 1px #333 solid;
    border-radius: 5px;
}

.search_form_wrap1 {
    margin: 0 auto 15px auto;
    padding: 0 0 15px 0;
    text-align: right;
}

/* 강좌 상단의 오른쪽 검색 */
.search_form_wrap1 .search_form {}

.search_form_wrap1 .search_form span {
    float: left;
    margin: 0 0px 0 5px !important;
    padding: 0 !important;
}

.search_form_wrap1 .search_form form {
    overflow: hidden
}

.search_form_wrap1 .search_form select {
    padding: 0 0 0 5px;
    margin: 0;
    width: auto;
    min-width: 120px;
    height: 35px;
    border: 1px #cccccc solid;
    font-size: 14px;
}

.search_form_wrap1 select.search_select {
    width: auto;
    min-width: 200px;
    height: 35px;
    line-height: 35px;
    border: 1px #cccccc solid;
    font-size: 14px;
    padding-left: 7px;
}

.search_form_wrap1 .search_form input[type=text] {
    border: 1px solid #d1d1d1;
    margin: 0 !important;
    padding: 0 6px;
    width: 180px;
    height: 35px;
    line-height: 35px;
}

.search_form_wrap1 .search_form .search_input {
    border: 1px #cccccc solid;
    margin-top: 0;
}

.search_form_wrap1 .search_form .button.small {
    font-family: "noto_sans";
    height: 35px;
    line-height: 33px;
    padding: 0px 20px;
    margin: 0px;
    width: auto;
    min-width: 25px;
    color: #333;
    border: 1px #333 solid;
    border-radius: 5px;
    background: #fff;
    font-size: 16px;
    box-sizing: border-box;
}

.search_form_wrap1 .search_form .button.small:hover {
    background: #333;
    color: #fff;
}

.search_form_wrap2 {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
}

/* 게시판 하단 검색 */
.search_form_wrap2 .search_form {
    width: auto;
    display: inline-block;
    padding: 0px;
    margin: 0px auto;
}

.search_form_wrap2 .search_form span {
    margin: 0px !important;
}

.search_form_wrap2 .search_form input[type=text],
.search_form_wrap2 .search_form input[type=submit] {
    margin-left: 5px;
}

.search_form_wrap2 .search_form .button {
    border-radius: 5px;
}

.search_form_wrap3 {
    margin: 0 0px 20px 0px;
    width: 100%;
    display: inline-block;
    padding: 20px 0px;
    text-align: center !important;
    background: #fff;
    border: none;
    box-sizing: border-box;
}

/* FAQ 검색 */
.search_form_wrap3 .search_form {
    width: auto;
    display: inline-block;
    padding: 0px !important;
    margin: 0px auto !important;
    box-sizing: border-box;
}

/* FAQ 검색 */
.search_form_wrap3 .search_keyword {
    width: 300px !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
}

.search_form_wrap3 .search_form .button.gray {
    border: 1px #333 solid;
    background: #333;
}

.search_form_wrap3 .search_form input[type=submit] {
    margin: 0px;
}

.search_form_wrap3 .search_form .button {
    border-radius: 5px;
}

.search_form_wrap4 {
    display: block;
    float: right;
    margin-top: 10px;
    padding: 0;
    text-align: right;
    z-index: 100000;
}

/* 마이페이지 검색 */
.search_form_wrap4 .search_form .button {
    border-radius: 5px;
}

span.ori_price {
    font-family: "noto_sans", sans-serif;
    font-weight: 400;
    color: #333333;
    text-decoration: line-through;
    text-align: center;
    padding-right: 5px
}

.type_chart span.ori_price {
    padding-right: 0
}

span.price {
    font-family: "noto_sans", sans-serif;
    ;
    color: #0079c0;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
}

span.per_price {
    font-family: "noto_sans", sans-serif;
    font-weight: 400;
    color: #0079c0;
}

/****** button style ******/
/* button style */
.button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

button.button::-moz-focus-inner {
    margin: 0
}

.button {
    width: auto;
    display: inline-block;
    cursor: pointer;
    line-height: 100%;
    border: none;
    border-radius: 30px;
    padding: 8px 25px;
    font-size: 15px;
    text-align: center;
    background-image: none;
    text-shadow: none;
}

.button.mini {
    padding: 0 4px;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    vertical-align: 0;
}

.button.small {
    padding: 0 10px;
    height: 30px;
    line-height: 27px;
    font-size: 13px
}

.button.medium {
    padding: 0 20px;
    height: 34px;
    line-height: 34px;
    font-size: 15px
}

.button.large {
    padding: 0 35px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    font-weight: bold
}

.button.large_square {
    padding: 10px 10px;
    font-size: 14px;
    font-weight: bold;
}

.button.large_p0 {
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}

.button.course {
    padding: 0px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    font-size: 15px;
    border-radius: 30px;
}

.button.black {
    background-color: #222;
    color: #fff;
    border: 1px solid transparent;
    background-image: none;
}

.button.black:hover {
    background-color: #000
}

.button.white {
    background-color: #fff;
    color: #777;
    border: 1px solid #adadad;
    text-shadow: none;
    background-image: none;
}

.button.white:hover {
    background-color: #eee;
    border: 1px solid #bbb
}

.button.recomm_title {
    float: left;
    border: 0 none;
    padding: 10px 0 10px 32px;
    border-radius: 0px;
    background: url('/common/images_skin2/common/icon_good.png') 10px 48% no-repeat;
}

.button.recomm_cnt {
    float: left;
    background: none;
    padding: 10px 10px 10px 6px;
    color: #0f91d0;
}

.button.pview_title {
    padding: 10px 10px 10px 37px;
    border-radius: 0px;
    background: url('/common/images_skin2/common/icon_pview.png') 10px 48% no-repeat;
}

.button.large_p0:hover .button.recomm_title {
    color: #0f91d0
}

.button.blue {
    background-color: #0079c0;
    color: #fff;
    border: 1px solid #0079c0
}

.button.blue:hover {
    background-color: #00578a;
    color: #fff;
    border: 1px solid #00578a
}

.button.green {
    background-color: #0079c0;
    color: #fff;
    border: 1px solid #0079c0
}

.button.sky {
    background-color: #5bc0de;
    color: #fff;
    border: 1px solid #5bc0de
}

.button.orange {
    background-color: #467fd7;
    color: #fff;
    border: 1px solid #467fd7
}

.button.orange:hover {
    background-color: #00578a;
    color: #fff;
    border: 1px solid #00578a
}

.button.red {
    background-color: #0079c0;
    color: #fff;
    border: 1px solid #0079c0
}

.button.gray {
    background-color: #a3a3a3;
    color: #fff;
    border: 1px solid #939393
}

.button.long {
    padding-left: 0;
    padding-right: 0;
    width: 78px
}

.button.full {
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.button.login {
    padding: 25px 40px;
    font-size: 15px;
    font-weight: 700;
    *padding: 18px 0;
    *width: 75px
}

.button.btn_buy {
    width: 300px;
    border-radius: 30px;
    padding: 0;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    background: #0079c0;
    border: none;
}

.button.btn_buy:hover {
    background: #00578a;
}

.button.btn_cart {
    width: 300px;
    border-radius: 30px;
    padding: 0;
    margin-right: 10px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    color: #000;
    font-weight: 500;
    background: #ffffff;
    border: 1px solid #adadad;
}

.button.btn_cart:hover {
    background: #ffffff;
    border: 1px #929292 solid;
}

.button.btn_refund {
    width: 100%;
    padding: 0;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    background: #000;
    border: none;
}

.button.btn_refund:hover {
    background: #0079c0;
}

.button.btn_sample {
    width: 100%;
    padding: 0;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    background: #a6a6a6;
    border: none;
}

.button.btn_sample:hover {
    background: #929292;
}

.col_course_thumbnail {
    width: 330px;
}

.col_course_name {
    padding-top: 20px !important;
    vertical-align: top;
}

.col_course_price {
    width: 250px;
}

.col_course_button {
    width: 250px;
    text-align: right !important;
}

/* 갤러리형 강의 리스트 */
.course_gallery {
    border: 0px solid #d1d1d1;
    width: 1240px;
    display: inline-block;
    padding: 0px 0px;
    margin: 0px -40px 0 0px;
}

.course_gallery li {
    float: left;
    position: relative;
    width: calc((100% - 160px) / 4);
    height: auto !important;
    max-height: 700px !important;
    margin: 20px 40px 50px 0;
    border: 1px #dedede solid;
    border-radius: 10px;
    overflow: hidden !important;
}

.course_gallery .cimg {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.66%;
    border: none;
    border-bottom: 1px #dedede solid;
    box-sizing: border-box;
    border-radius: 10px 10px 0px 0px;
}

.course_gallery .cimg img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.course_gallery .ccont {
    position: relative;
    padding: 19px;
    width: 100%;
    height: 110px;
    text-align: center;
    border: none;
    box-sizing: border-box;
    border-radius: 0px 0px 10px 10px;
}

.course_gallery .ccont .clabel {
    display: none;
}

.course_gallery .ccont .label {
    margin-left: 0;
}

.course_gallery .ccont .ctitle {
    font-family: "noto_sans";
    display: block;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    max-height: 30px;
    color: #000;
    font-weight: 500;
    margin: 0 0 10px 0;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.course_gallery .ccont .csubtitle {
    font-size: 15px;
    line-height: 20px;
    max-height: 20px;
    height: 20px;
    font-weight: 400;
    color: #467fd7;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    overflow: hidden;
    text-overflow: clip;
    white-space: normal;
}

.course_gallery .ccont .cinfo {
    display: none;
    float: none;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    margin: 0px 0px 10px 0px;
    text-align: center;
}

.course_gallery .ccont .cprice {
    display: none;
    position: relative;
    width: 80%;
    text-align: center;
    font-size: 17px;
    margin: 0px 10%;
    font-weight: 500;
    padding: 5px 0px 0px 0px;
    border: none;
}

.course_gallery .cbtn {
    position: relative;
    width: 100%;
    text-align: center;
    background: none;
    height: 60px;
    margin: 0px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.course_gallery .cbtn .button.course {
    font-family: "noto_sans";
    padding: 0px 17px;
    margin: 0px 4px;
    width: 50%;
    height: 30px;
    line-height: 28px;
}

.course_gallery .nodata {
    height: 200px;
    width: 100%;
    margin: 10px 25px 0 0px;
    text-align: center;
    font-size: 18px;
    line-height: 200px;
    padding: 0px;
    box-sizing: border-box;
    border: none;
    border-top: 1px #dedede solid;
    border-bottom: 1px #dedede solid;
}

/* 웹진형 강의 리스트 */
.course_webzine {
    border-top: 0px solid #676767;
    width: 100%;
    display: inline-block;
    margin: -10px 0px 10px 0px;
}

.course_webzine li {
    border: 1px solid #dedede;
    height: 201px;
    margin: 30px 0px 0px 0px;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.course_webzine .col_course_thumbnail {
    float: left;
    width: 301px;
    height: 201px;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
}

.course_webzine .col_course_thumbnail img {
    width: 301px;
    height: 201px;
    display: block;
    border-radius: 0px;
    border-right: 1px solid #e8e8e8
}

.course_webzine .col_course_name {
    float: left;
    width: 600px;
    height: 208px;
    padding: 20px 0px 20px 40px !important;
    margin: 0px;
    box-sizing: border-box;
}

.course_webzine .col_course_name .ctitle {
    font-family: "noto_sans", sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #000;
    font-weight: 500;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.course_webzine .col_course_name .csubtitle {
    display: block;
    font-size: 15px;
    line-height: 20px;
    color: #467fd7;
    font-weight: normal;
    height: 20px;
    max-height: 20px;
    overflow: hidden;
    margin: 0px 0px 10px 0px;
}

.course_webzine .col_course_name .cstar {
    display: block;
    border: none;
    height: 20px;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

.course_webzine .col_course_name .cstar img {
    vertical-align: -3px
}

.course_webzine .col_course_name .clabel {
    display: block;
    margin-top: 10px
}

.course_webzine .col_course_name .clabel .small {
    font-size: 13px;
    padding: 0 12px;
    font-weight: normal;
    vertical-align: 1px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    letter-spacing: -1px;
}

.course_webzine .col_course_name .clabel .hide {
    display: none
}

.course_webzine .col_course_name .cinfo {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    margin: 0px;
}

.course_webzine .col_course_name .cinfo label {
    color: #111111;
}

.course_webzine .col_course_name .ctutor label {
    color: #111111;
}

.course_webzine .col_course_name label {
    font-weight: bold;
    color: gray
}

.course_webzine .col_course_button {
    float: right;
    width: 250px;
    height: 208px;
    background: #f9f9f9 !important;
    padding: 30px 30px;
    border: none;
    background: none;
    text-align: center !important;
    box-sizing: border-box;
}

.course_webzine .col_course_button span.ori_price {
    padding-right: 0px;
    font-size: 16px;
}

.course_webzine .col_course_button table {
    margin: 0px;
    width: 100%;
}

.course_webzine .col_course_button th {
    text-align: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    font-weight: normal;
    color: #111111;
    line-height: 20px;
}

.course_webzine .col_course_button td {
    padding-top: 0px;
    height: 30px;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    text-align: right;
}

.course_webzine .col_course_button td.cc_btn {
    height: 46px;
    padding-top: 10px;
}

.course_webzine .col_course_button .button.course {
    width: 100%;
    height: 36px;
    line-height: 34px;
    margin-top: 5px;
    box-sizing: border-box;
}

.course_webzine .nodata {
    height: 200px;
    width: 100%;
    margin: 10px 0 0 0px;
    text-align: center;
    font-size: 18px;
    line-height: 200px;
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    border: none;
    border-top: 1px #dedede solid;
    border-bottom: 1px #dedede solid;
}

.course_webzine span.pment {
    display: inline-block;
    padding: 0px;
    line-height: 17px;
}


/* 강의 상세보기 */
.content_title_course {
    font-family: "noto_sans";
    font-weight: 500;
    color: #000000;
    font-size: 30px;
    height: auto;
    line-height: 40px;
    padding-bottom: 15px;
    text-align: left;
    border-bottom: 1px #ddd solid;
    margin-bottom: 10px;
}

.course_info {
    display: inline-block;
    width: 100%;
    border-top: 0 solid #333333;
    padding: 0 0 0 0;
    overflow: hidden;
    margin-bottom: 40px;
}

.course_info .info_img {
    width: 500px;
    float: left;
    margin-right: 100px;
    text-align: center;
    border-radius: 0px;
}

.course_info .info_img img {
    width: 500px;
    height: 330px;
    border: 1px solid #d1d1d1;
    margin-bottom: 10px;
    border-radius: 10px;
}

.course_info .info_text {
    float: left;
    width: 590px
}

.course_info .info_text .info_title {
    font-size: 15px;
    color: #3c3c3c;
    border-bottom: 2px solid #e2450e;
    font-weight: 700
}

.course_info .info_text p {
    font-size: 12px;
    color: #3c3c3c
}

.course_info .info_text div.buy_book {
    float: left;
    width: 250px
}

.course_info .info_text div.buy_book p.book_name {
    text-align: left
}

.course_info .info_text div.buy_book p.book_price {
    text-align: right
}

.course_info .info_text div.buy_book p.book_price input {
    vertical-align: -3px;
    margin-left: 10px
}

.course_info .lesson_period li {
    margin: 2px
}

.course_info .lesson_period input[type=radio] {
    vertical-align: middle
}

.course_info .return_list li {
    float: left;
    margin-right: 15px;
    font-size: 14px
}

.course_info .info_btn {
    float: right;
    display: flex;
    overflow: hidden;
    padding-top: 20px;
    width: auto;
}

.course_info .info_btn li {
    float: right;
    margin-left: 0
}

.course_info .info_btn li.notice {
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.course_info .sns_btn {
    float: left;
    width: auto;
    display: inline-block;
    overflow: hidden;
    padding-top: 20px
}

.course_info .sns_btn li {
    float: right;
    margin-left: 5px
}

.course_info .sns_btn li a {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -99999px;
}

.course_info .sns_btn li a.btn_facebook {
    background: url('/html/images/common/icon_facebook.png') no-repeat;
}

.course_info .sns_btn li a.btn_kakaostory {
    background: url('/html/images/common/icon_kakaostory.png') no-repeat;
}

.course_info .sns_btn li a.btn_naver {
    background: url('/html/images/common/icon_naver.png') no-repeat;
}

.course_foot {
    margin-top: 50px
}

.course_foot .tutor_list {
    padding-bottom: -10px
}

.course_foot .tutor_info dl {
    background-color: #f1f1f1;
    padding: 10px 20px;
    margin-bottom: 10px;
}

.course_foot .tutor_info dt {
    float: left;
    padding: 5px 0;
    width: 70px;
    font-weight: bold;
}

.course_foot .tutor_info dd {
    float: clear;
    padding: 5px 0 5px 70px
}


.type_table {
    border-top: 1px solid #676767
}

.type_table thead th {
    padding: 8px 0;
    font-weight: 700;
    color: #3c3c3c;
    border-bottom: 1px solid #676767
}

.type_table tbody th {
    padding: 8px 0 8px 8px;
    background-color: #f8f8f8;
    font-weight: 700;
    text-align: left;
    color: #3c3c3c;
    border-bottom: 1px solid #d1d1d1
}

.type_table tbody td {
    padding: 8px 0 8px 8px;
    color: #3c3c3c;
    border-bottom: 1px solid #d1d1d1
}

.type_table tbody td div.mh50 {
    min-height: 50px
}

.type_table tbody th.tac {
    text-align: center;
    padding-left: 0
}

.type_table tbody td.tac {
    text-align: center;
    padding-left: 0
}

.type_table.type_inner {
    border-top: 0px dashed #d1d1d1;
    font-size: 15px;
    margin-bottom: 50px;
}

.type_table.type_inner thead th {
    text-align: center;
    padding: 4px 0;
}

.type_table.type_inner tbody th {
    text-align: left;
    padding: 10px 7px;
    background-color: #ffffff;
    border-bottom: 0px dashed #d1d1d1
}

.type_table.type_inner tbody td {
    text-align: left;
    padding: 10px 0;
    border-bottom: 0px dashed #d1d1d1
}

.type_table.type_inner tbody td.tal {
    text-align: left;
    padding-left: 20px
}

.search_no {
    border: 1px solid #d9d9d9;
    border-width: 1px 0;
    padding: 30px 0;
    height: 200px;
}

.search_no .search_no_image {
    height: 100%;
    float: left;
    vertical-align: middle;
}

.search_no .search_no_image img {
    margin-top: 6px;
}

.search_no .search_no_text {
    height: 100%;
    float: left;
}

.search_no .search_no_text h4 {
    font-weight: bold;
    margin-bottom: 14px;
}

.search_no .search_no_text h4 em {
    color: #e9861a;
}

/* 테이블 */
.table {
    width: 100%;
    border-top: 1px solid #676767;
}

.table thead th {
    border-bottom: 1px solid #676767;
    padding: 10px 0;
    color: #3c3c3c;
    text-align: center;
    font-size: 15px;
}

.table tbody td {
    border-bottom: 1px solid #ddd;
    padding: 8px;
    font-size: 15px;
}

.table.type-view tbody th {
    padding: 12px;
    background-color: #f8f8f8;
    font-weight: 700;
    color: #3c3c3c;
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
}

.table.type-view tbody td {
    padding: 12px 0 12px 20px;
    color: #3c3c3c;
    border-bottom: 1px solid #d1d1d1
}

.table.type-list thead th {
    padding: 12px 0;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d1d1d1
}

.table.type-list tbody td {
    padding: 12px 0;
    border-bottom: 1px solid #d1d1d1
}

.table.type-list tbody td {
    padding: 8px 0;
    border-bottom: 1px solid #d1d1d1
}

.table.striped tbody tr:nth-child(odd) td,
.type_list tbody tr:nth-child(odd) th {
    background-color: #f9f9f9;
}

.table strong {
    display: inline-block;
    max-height: 52px;
    line-height: 26px;
    overflow: hidden;
    margin-top: 15px;
}

.table strong a {
    font-family: "noto_sans", sans-serif;
    color: #303030;
    font-size: 22px;
    font-weight: 500;
    padding-left: 0;
    padding-right: 10px;
}

.type_list {
    border-top: 1px solid #000000
}

.type_list thead th {
    border-bottom: 1px solid #676767;
    padding: 15px 0;
    color: #222222;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
}

.type_list tbody td {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    font-size: 15px;
}

.type_list tbody td.tac {
    text-align: center
}

.type_list tbody td.tal {
    text-align: left;
    padding-left: 10px
}

.type_list tbody td.tal span {
    vertical-align: top;
    margin-left: 2px
}

.type_list tbody td.tal span img {
    vertical-align: top;
    margin-top: 2px
}

.type_list tbody td.tal .subject {
    max-width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    float: left;
    line-height: 19px;
    margin-right: 4px
}

.type_list tbody td.tal .subject img {
    vertical-align: top
}

.type_list tbody td.tal .subject a {
    color: #777;
    line-height: 24px;
}

.type_list tbody td.tal .subject a b {
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    padding-top: 7px;
}

.type_list tfoot td {
    padding: 20px 0;
    background-color: #f9f9f9;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    text-align: center
}

/* 테이블 리스트  홀짝 색 */
.type_list tbody tr:nth-child(odd) td,
.type_list tbody tr:nth-child(odd) th {
    background-color: #ffffff;
}

.tb_list tbody tr:nth-child(odd) td,
.tb_list tbody tr:nth-child(odd) th {
    background-color: #ffffff;
}

.tb_insert tbody th {
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #d1d1d1;
    background-color: #f8f8f8;
    font-weight: 500;
    font-size: 16px;
    text-align: left
}

.tb_insert tbody td {
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #d1d1d1;
    font-size: 15px;
    text-align: left
}

.type_list thead th {
    text-align: center;
}

.type_table thead th {
    text-align: center;
}

/* 라벨 */
.label {
    font-size: 12px;
    padding: 0 4px;
    font-weight: normal;
    vertical-align: 1px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    letter-spacing: -1px;
}

.label.red {
    background-color: #d9534f;
    color: #fff
}

.label.blue {
    background-color: #0079c0;
    color: #fff
}

.label.mint {
    background-color: #199db2;
    color: #fff
}

.label.orange {
    background-color: #e75e0e;
    color: #fff
}

.label.gray {
    background-color: #999;
    color: #fff
}

.label.green {
    background-color: #5cb85c;
    color: #fff
}

.label.sky {
    background-color: #5bc0de;
    color: #fff
}

.label.brown {
    background-color: #7b462f;
    color: #fff
}

.label.purple {
    background-color: #8376ff;
    color: #fff
}

.label.small {
    font-size: 11px
}

.label.large {
    font-size: 13px
}

.label.refund {
    font-size: 13px;
    padding: 0 12px;
    font-weight: normal;
    vertical-align: 1px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    letter-spacing: -1px;
}

/* 게시판 탭 관련 */
.tab_tt_board {
    display: none;
}

select.board_category {
    height: 34px !important;
    line-height: 29px !important;
    font-size: 15px !important;
    margin-bottom: 10px;
    border: 1px #cccccc solid !important;
    margin-top: 1px;
}

/* 갤러리 게시판 */
.type_gallery .list_gallery {
    overflow: hidden;
    border-bottom: 1px solid #d3d3d3;
    margin-left: 0px;
    margin-right: -9px;
    padding: 20px 0px 0px 0px;
}

.type_gallery .list_gallery li {
    width: 190px;
    float: left;
    margin: 0px 9px 20px 0px;
    height: 200px;
    text-align: left;
    border: 1px solid #dedede;
    padding: 0px;
}

.type_gallery .list_gallery li .gallery_div {
    width: 190px;
    height: 120px;
    border: none;
    border-bottom: 1px solid #dedede;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    text-indent: -9999px;
}

.type_gallery .list_gallery li .gallery_img img {
    width: 190px;
    height: 120px;
}

.type_gallery .list_gallery li .gallery_title {
    margin-top: 10px;
    font-size: 15px;
    line-height: 30px;
    color: #222222;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.type_gallery .list_gallery li a {
    margin-left: 13px;
}

.type_gallery .list_gallery li a.gallery_reg {
    display: visible;
    float: right;
    margin-right: 10px;
}

.type_gallery .list_gallery li.nodata {
    width: 100%;
    line-height: 200px;
    text-align: center;
}

.type_gallery .list_gallery li .gallery_div_ie {
    height: 150px;
    overflow: hidden;
    display: none;
}

.type_gallery .list_gallery li .gallery_div_ie img {
    width: 229px;
    border: 1px solid #dedede;
    position: relative;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* 게시판 상세보기 */
.type_read {
    border-top: 1px solid #676767
}

.type_read thead th {
    padding: 20px 0;
    background-color: #f6f6f6;
    color: #000;
    font-size: 18px;
    font-weight: 500;
}

.type_read thead td {
    padding: 20px 0;
    background-color: #f6f6f6;
    color: #666;
    font-size: 15px;
}

.type_read thead td.subject {
    padding-left: 20px;
    font-size: 17px;
    font-weight: 500;
    color: #000;
}

.type_read td.files {
    padding-left: 10px
}

.type_read thead td.view_info {
    text-align: right;
    padding-right: 20px
}

.type_read tbody td {
    border-bottom: 1px solid #d1d1d1;
    padding: 8px 0
}

.type_read tbody td .read_text {
    padding: 10px 0px;
    min-height: 200px;
    line-height: 23px;
}

.type_read tbody td .read_text img {
    max-width: 100%;
}

.type_read tbody td .read_text hr {
    height: 1px;
    background-color: #999999;
    border: 1px;
    width: 100%;
    position: static;
    visibility: visible;
}

.type_read tbody td .webtv_player {
    padding: 20px;
}

.type_write {
    border-top: 1px solid #d1d1d1
}

.type_write tbody td {
    border-bottom: 1px solid #d1d1d1;
    padding: 12px 0
}

.type_write tbody td.tw_bold {
    font-weight: 500;
    color: #474747;
    font-size: 15px;
    text-indent: 12px
}

.type_write input[type=text] {
    padding: 2px 4px 3px;
    border: 1px solid #d1d1d1;
}

.type_write input[type=password] {
    padding: 2px 4px 3px;
    border: 1px solid #d1d1d1;
}

.type_write .write_text {
    padding: 12px
}

.type_write textarea {
    border: 1px solid #d1d1d1;
    width: 100%;
    min-height: 200px;
    padding: 8px 0
}


/* 페이징 */
.page_bar {
    padding-top: 0px;
    text-align: center;
    margin-bottom: 30px;
}

.page_box {
    margin: 20px auto;
    table-layout: auto !important
}

.page_box li {
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top
}

.page_box li.page_margin {
    display: none
}

.page_box li div {
    width: 30px;
    height: 36px;
    border: none;
    padding: 0;
    margin: 0 0px;
    line-height: 36px
}

.page_box li {
    padding: 0;
    border-width: 0;
    font-family: verdana;
    color: #999999;
    font-size: 16px
}

.page_p_btn {
    display: none
}

.page_n_btn {
    display: none
}

.page_box .page_first_btn {
    background: url('/common/images_skin2/common/page_first_btn.png') no-repeat 50% 50%;
    width: 34px;
    height: 34px;
    border: 1px #d1d1d1 solid;
    margin: 0px 2px;
}

.page_box .page_last_btn {
    background: url('/common/images_skin2/common/page_last_btn.png') no-repeat 50% 50%;
    width: 34px;
    height: 34px;
    border: 1px #d1d1d1 solid;
    margin: 0px 2px;
}

.page_box .page_prev_btn {
    background: url('/common/images_skin2/common/page_prev_btn.png') no-repeat 50% 50%;
    width: 34px;
    height: 34px;
    border: 1px #d1d1d1 solid;
    margin: 0px 7px 0px 2px;
}

.page_box .page_next_btn {
    background: url('/common/images_skin2/common/page_next_btn.png') no-repeat 50% 50%;
    width: 34px;
    height: 34px;
    border: 1px #d1d1d1 solid;
    margin: 0px 2px 0px 7px;
}

.page_box li div.page_seperator {
    display: none
}

.page_box li .page_number_btn_on {
    background-color: #ffffff;
    color: #000000;
    font-weight: 500;
    width: 30px;
    height: 36px;
    border: none;
    line-height: 36px
}

.page_box li a:hover {
    text-decoration: none
}

.page_box li .page_number_btn:hover {
    background-color: #ffffff;
    color: #000000;
    width: 30px;
    height: 36px;
    border: none;
    line-height: 36px
}

.cv .page_title {
    font-family: "noto_sans", sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    padding-left: 0px;
    background: none;
    margin-top: 30px;
    margin-bottom: 15px
}

.cv .cv_text {
    margin-bottom: 20px;
    color: #3c3c3c;
    padding-left: 0px;
    padding-bottom: 8px;
    font-size: 15px;
    line-height: 30px;
}

.cv .cv_text img {
    max-width: 100%;
}

.cv .cv_text hr {
    height: 1px;
    background-color: #999999;
    border: 1px;
    width: 100%;
    position: static;
    visibility: visible;
}

.cv .tb_cv {
    border-top: 2px solid #727272
}

.cv .tb_cv thead th {
    padding: 8px 0;
    background-color: #f8f8f8;
    border-bottom: 1px solid #d1d1d1
}

.cv .tb_cv tbody td {
    padding: 8px 0;
    border-bottom: 1px solid #d1d1d1;
    text-align: center
}

.cv .tb_cv tbody td.tal {
    text-align: left;
    padding-left: 20px
}

.faq_wrap {
    border-top: 1px solid #e2e2e2
}

.faq_wrap .nodata {
    padding: 12px 0;
    border-bottom: 1px solid #e2e2e2
}

.faq dt {
    font-family: "noto_sans";
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    padding: 20px 50px;
    background: url('/html/images/mobile/sub/faq_question.png') no-repeat 15px 22px;
    background-size: 15px auto;
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.faq dd {
    display: none;
    font-size: 16px;
    padding: 25px 50px;
    background: #f4f4f4 url('/html/images/mobile/sub/faq_answer.png') no-repeat 15px 26px;
    background-size: 15px auto;
    border-bottom: 1px solid #e2e2e2
}

.faq.on dt {
    display: block;
    white-space: normal;
}

.tab_wrap {
    padding-top: 0
}

.tab_wrap2 {
    padding-top: 0
}

.tab_wrap2 select {
    display: none;
}

.tab_wrap {
    position: relative
}

.tab_tt {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    border: NONE;
    width: 100%;
    background: none;
    border: none;
}

.tab_tt li {
    position: relative;
    width: auto;
    height: 40px;
    margin: 0px 2px;
}

.tab_tt li a {
    font-family: "noto_sans", sans-serif;
    display: inline-block;
    width: auto;
    background: #fff;
    border: 1px #e2e2e2 solid;
    padding: 0px 20px;
    line-height: 38px;
    height: 40px;
    text-align: center;
    color: #3c3c3c;
    font-size: 16px;
    z-index: 4;
    border-radius: 30px;
}

.tab_tt li a:hover {
    background: #f7f7f7;
    color: #000;
}

.tab_tt li.on a {
    background-color: #0079c0;
    color: #fff;
    font-weight: 500;
    border: none;
    z-index: 5;
    position: relative;
    left: 0;
    top: 0;
    height: 40px
}

.tab_cview {
    display: flex;
    justify-content: center;
    margin: 60px 0px 20px 0px !important;
    width: 100%;
    height: auto;
    padding: 0px;
    background: #f3f3f3;
    border: none;
    border-radius: 7px;
    box-sizing: border-box;
    overflow: hidden;
}

.tab_cview li {
    position: relative;
    width: 100%;
    height: 50px
}

.tab_cview li:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 15px;
    width: 1px;
    height: 20px;
    background: #ddd;
}

.tab_cview li:last-child:before {
    display: none;
}

.tab_cview li a {
    font-family: "noto_sans";
    display: block;
    background-color: none;
    border: none;
    line-height: 50px;
    text-align: center;
    color: #3c3c3c;
    font-size: 17px;
    z-index: 4
}

.tab_cview li a:hover {
    color: #000;
    font-weight: 500;
}

.tab_cview li.on a {
    background-color: #0079c0;
    color: #fff;
    font-weight: 400;
    border: none;
    border-radius: 7px;
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px
}

.tab_tt1 li {
    width: 40%;
}

.tab_tt2 li {
    width: 33.3%;
}

.tab_tt3 {
    display: inline-block;
    margin-bottom: 0px;
    border: NONE;
    width: 100%;
    border-bottom: 2px #000 solid;
}

.tab_tt3 li {
    width: 50%;
    height: 50px;
}

.tab_tt3 li a {
    line-height: 50px;
    height: 50px;
}

.tab_tt3 li.on a {
    line-height: 50px;
    height: 50px;
}

/* login */
.login_box {
    border: none;
    background: #ffffff;
    padding: 40px 350px 40px 350px;
    overflow: hidden;
    margin: 0px;
}

.log_tt {
    margin-bottom: 20px;
    font-size: 17px;
}

.log_form {
    float: left;
    padding-right: 0px;
    border-right: none;
    width: 500px;
    padding-bottom: 0px;
}

.log_area {
    overflow: hidden
}

.log_in {
    float: none !important;
    display: inline-block;
    margin-bottom: 10px;
}

.log_in label {
    padding-right: 13px
}

.log_in div {
    height: 31px;
    margin: 0px;
    z-index: 10000;
}

.log_in .iparea input {
    z-index: 10000;
    font-size: 16px;
    font-weight: 300;
    color: #7a7a7a;
    border: 0px solid #dbdbdb !important;
    padding: 0px 0 0px 10px;
    height: 40px;
    width: 400px;
    line-height: 40px;
    margin: 10px 0px;
}

.log_in .ip_id {
    display: inline-block;
    width: 500px;
    height: 60px;
    background: #ffffff url('/html/images/common/ipt1_id.png') 25px 50% no-repeat !important;
    margin: 0px;
    padding-left: 60px;
    border: 1px #dbdbdb solid;
    border-bottom: 1px #dbdbdb solid;
    border-radius: 10px 10px 0px 0px;
}

.log_in .ip_pass {
    display: inline-block;
    width: 500px;
    height: 60px;
    background: #ffffff url('/html/images/common/ipt1_pw.png') 25px 50% no-repeat !important;
    margin: 0px 0px 20px 0px;
    padding-left: 60px;
    border: 1px #dbdbdb solid;
    border-top: none;
    border-radius: 0px 0px 10px 10px;
}

.log_in span {
    float: left;
    width: 800px;
    display: block;
    line-height: 60px;
    font-size: 16px;
    font-weight: 500;
    color: #7a7a7a;
}

.log_area .ip_submit {
    float: none !important;
    margin: 0px 0px 0px 0px
}

.id_save {
    padding: 15px 0px;
    font-size: 15px;
    font-weight: 500;
}

.login_box .ip_tx {
    margin-top: 24px;
    font-size: 12px;
    line-height: 18px;
    color: #495057
}

.login_box .ip_tx a {
    color: #e2450e;
    font-weight: 500
}

.log_find {
    float: left;
    padding: 40px 0 0 0px;
    width: 500px
}

.log_find dl {
    width: 500px;
    display: inline-block;
    height: 50px;
}

.log_find dt {
    float: left;
    width: 200px;
    font-weight: 400;
    letter-spacing: -0.05em;
    font-size: 17px;
    line-height: 30px;
}

.log_find dd {
    float: right;
    width: 200px;
    margin: 0px 0 20px 0;
    text-align: right;
}

.log_find dd .button.gray2 {
    font-family: "noto_sans";
    border-radius: 5px;
    width: 180px !important;
    font-size: 15px;
    line-height: 32px;
}

.button.btn_login {
    font-family: "noto_sans", sans-serif;
    font-weight: 500;
    padding: 0px;
    border-radius: 10px;
    ;
    font-size: 20px;
    background: #0079c0;
    color: #fff;
    border: none;
    width: 500px;
    height: 60px;
    line-height: 60px;
}

.button.btn_login:hover {
    background: #00578a;
    border: none;
}

.log_oauth {
    overflow: hidden;
    margin-top: 15px;
    font-weight: bold;
    line-height: 40px;
}

.log_oauth .log_oauth_list {
    float: right;
    margin-right: 40px;
}

.log_oauth .log_oauth_list li {
    float: left;
    margin-left: 10px;
}

.log_oauth .log_oauth_list li img {
    width: 40px;
    height: 40px;
}

.coupon_box .coupon_input {
    height: 38px;
    line-height: 38px;
    text-align: center;
    padding: 0 10px;
    margin: 0 4px 0 4px;
    width: 400px
}

.join_oauth {
    display: none;
    overflow: hidden;
}

.join_oauth .join_oauth_list {
    width: 300px;
    margin: 0 auto;
}

.join_oauth .join_oauth_list li {
    margin: 10px 0;
    background-color: #ffffff;
    border: 1px solid #dedede;
    border-radius: 8px;
    padding: 6px;
}

.join_oauth .join_oauth_list li a {
    position: relative;
}

.join_oauth .join_oauth_list li img {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
}

.join_oauth .join_oauth_list li div {
    height: 40px;
    font-size: 1.2em;
    margin-left: 40px;
    text-align: center;
    line-height: 40px;
}

.join_oauth .join_oauth_list li.join_oauth_normal div {
    font-size: 1.4em;
    font-weight: bold;
}

.board.btn .button {
    margin: 0px 3px;
}

.join_normal .board.btn .button {
    width: 200px;
    height: 45px;
    line-height: 45px;
    padding: 0px;
    margin: 0px 3px;
    font-family: "noto_sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.join_normal .board.btn .button.gray {
    background: #0079c0;
    color: #fff;
    border: none;
}

.join_normal .board.btn .button.white {
    background: #aaa;
    color: #fff;
    border: none;
}

#buttonArea .board.btn .button {
    width: 200px;
    height: 45px;
    line-height: 45px;
    padding: 0px;
    margin: 0px 3px;
    font-family: "noto_sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

#buttonArea .board.btn .button.gray {
    background: #0079c0;
    color: #fff;
    border: none;
}

#buttonArea .board.btn .button.white {
    background: #aaa;
    color: #fff;
    border: none;
}


/* 비밀번호 정기 변경 및 정보수정 비밀번호 재확인 */
.passwd_box {
    border: 1px solid #dcdcdc;
    padding: 0;
    margin-bottom: 20px;
    text-align: center;
}

.passwd_box .box_sub {
    padding: 20px 15px;
    font-size: 15px;
}

.passwd_box .box_sub .box_icon {
    padding: 10px 0 20px;
}

.passwd_box .box_sub .box_icon img {
    width: 67px;
    height: 65px;
}

.passwd_box .box_stitle {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    font-weight: bold;
    padding-bottom: 5px;
}

.passwd_box .box_login {
    margin: 20px 0;
}

.passwd_box input[type=password] {
    height: 33px !important;
    vertical-align: bottom;
}

/*agreement */
.agreement_list {
    display: none;
}

.box_title {
    font-family: "noto_sans", sans-serif;
    color: #2d2d2d;
    font-size: 24px;
    font-weight: 500;
    margin: 25px 0 20px 0
}

.box_tx {
    margin: 0 0 20px 0;
    font-size: 15px;
}

.gray_box {
    border: 0px solid #dcdcdc;
    background-color: #fff;
    padding: 20px 0px;
    margin-bottom: 20px
}

.gray_box.top {
    border-top: 1px solid #676767
}

.gray_box .box_stitle {
    font-family: "noto_sans";
    font-weight: 500;
    font-size: 18px;
    color: #000;
    margin-bottom: 12px
}

.gray_box .g_box_in {
    border: 1px solid #dbdbdb;
    background-color: #fff;
    height: 60px;
    overflow: auto;
    padding: 14px 10px;
    margin-bottom: 10px
}

.check input {
    vertical-align: middle;
    margin-right: 4px
}

.gray_box .g_box_in {
    height: 130px;
}

.find_subtitle {
    font-family: "noto_sans", sans-serif;
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

.privacy {
    display: inline-block;
    width: 100%;
    margin-top: -20px;
    line-height: 160%;
}

.privacy h2 {
    font-family: "noto_sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin-top: 20px;
    color: #000000;
}

.privacy h3 {
    font-family: "noto_sans", sans-serif;
    font-weight: 500;
    font-size: 18px;
    margin-top: 20px;
    color: #0079c0;
}

.privacy dl {
    padding-left: 5px;
    margin-top: 10px;
    font-size: 15px;
}

.privacy dt {
    font-weight: bold;
    margin-top: 10px;
    font-size: 15px;
}

.privacy dd {
    margin-top: 2px;
    margin-left: 10px;
    font-size: 15px;
}

.privacy p {
    margin-top: 5px;
    margin-left: 0px;
    float: none !important;
    font-size: 15px;
}

.privacy .depth2 {
    padding-left: 10px
}

.privacy .depth2>li {
    margin: 2px 0
}

.privacy .depth3 {
    padding-left: 10px
}

.privacy .depth3>li {
    margin: 2px 0
}

.privacy .tel_list {
    overflow: hidden
}

.privacy .tel_list li {
    float: left;
    width: 50%
}

.privacy table.privacy {
    display: block;
    border-top: 1px #dedede solid;
    border-left: 1px #dedede solid;
    margin-top: 10px;
    width: 100%;
}

.privacy th {
    border-bottom: 1px #dedede solid;
    border-right: 1px #dedede solid;
    padding: 8px 10px;
    line-height: 20px;
    color: #333333;
    background: #f7f7f7;
    text-align: center;
}

.privacy td {
    border-bottom: 1px #dedede solid;
    border-right: 1px #dedede solid;
    padding: 10px 15px;
}

.privacy td.tac {
    text-align: center;
}

.privacy_box {
    background: #f7f7f7;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    width: 100%;
    line-height: 30px;
    padding: 20px;
    border: 1px #dedede solid;
}

.terms {
    display: inline-block;
    width: 100%;
    margin-top: -30px !important;
}

.terms h2 {
    font-family: "noto_sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    margin-top: 40px;
    color: #000000;
}

.terms h3 {
    font-family: "noto_sans", sans-serif;
    margin-top: 30px;
    font-weight: 500;
    font-size: 18px;
    color: #0079c0;
}

.terms .depth1 li {
    line-height: 150%;
    font-size: 15px;
}

.terms .depth1 {
    margin-top: 5px;
    padding-left: 0;
    float: none;
    font-size: 15px;
}

.terms .depth2 {
    padding-left: 15px;
    font-size: 15px;
}

.terms .depth3 {
    padding-left: 24px;
    font-size: 15px;
}

.refund h3 {
    font-family: "noto_sans", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #0079c0 !important;
}

.refund li {
    font-size: 15px;
    line-height: 22px;
}

.refund .formula .rbox {
    width: 1150px;
    margin: 10px 0px;
}

/* 근로자 유의사항 표 */
.refund .depth1 table {
    border-top: 1px #dedede solid;
    border-left: 1px #dedede solid;
    margin-top: 10px;
}

.refund .depth1 table th {
    border-bottom: 1px #dedede solid;
    border-right: 1px #dedede solid;
    padding: 6px 10px;
    line-height: 20px;
    color: #333333;
    background: #f7f7f7;
    text-align: center;
}

.refund .depth1 table td {
    border-bottom: 1px #dedede solid;
    border-right: 1px #dedede solid;
    padding: 6px 10px;
    text-align: center;
}

.refund .depth1 table td.tl {
    text-align: left;
}

.refund .depth1 table td .fc_red {
    color: #d90000;
}

.pop_wrap .pop_title {
    height: 44px;
    background-color: #0079c0;
    line-height: 44px;
}

.pop_content {
    border-top: none;
    padding: 20px;
}

.pop_wrap .content_title {
    margin-bottom: 10px;
}


/* 회원가입 약관부분 텍스트 일괄처리 */
.textin {
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 25px !important;
}

.textin>.privacy {
    margin-top: -10px;
}

.textin>.privacy h2 {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #666666 !important;
    line-height: 25px !important;
    padding: 0px !important;
    margin: 20px 0px 0px 0px !important;
}

.textin>.privacy h3 {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #666666 !important;
    line-height: 25px !important;
    padding: 0px !important;
    margin: 10px 0px 0px 0px !important;
}

.textin>.depth1 {
    margin-top: 0px !important;
}

.terms h3 {
    color: #666666 !important;
}

.division {
    position: relative;
}

.my_box .my_info h6,
.my_box .my_note h6 {
    font-family: "noto_sans", sans-serif;
    font-weight: 500;
    color: #2d2d2d;
    font-size: 20px;
    padding: 3px 0 12px 0;
}

.my_box .my_info .h6_sub,
.my_box .my_note .h6_sub {
    color: #757575;
    font-size: 14px;
    padding-left: 21px;
    font-weight: 200;
    background: url(/common/images/default/blt_bar.png) no-repeat 10px 50%
}

.my_box .my_info .my_info_in {
    border-top: 1px solid #d7d7d7;
    margin-top: 0px;
    padding: 20px 0 0 100px;
    background: url(/common/images_skin2/common/myinfo_img.jpg) no-repeat 0 15px;
    min-height: 100px;
}

.my_box .my_note .my_notice_in {
    border-top: 1px solid #d7d7d7;
    padding: 10px 0px;
    margin: 0px;
}

.my_box .my_note .my_notice_in .list_top li a {
    height: 24px;
    line-height: 24px;
    border-bottom: none;
    font-size: 15px;
    padding: 1px 15px;
    background: url('/html/images/common/dot.png') 4px 50% no-repeat;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stitle {
    position: relative;
    display: block;
    font-family: "noto_sans";
    font-size: 22px;
    font-weight: 500;
    color: #000 !important;
    padding: 10px 0px 0px 20px;
    margin-bottom: 15px;
    text-align: left;
}

.stitle:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 15px;
    width: 10px;
    height: 10px;
    background: #0079c0;
    border-radius: 50%;
}

.sstitle {
    font-size: 18px;
    font-weight: bold;
    color: #0079c0;
    line-height: 24px;
    margin: 0px 0 10px 0px;
}

.scont {
    font-size: 16px;
    color: #666;
    line-height: 180%;
    margin-bottom: 40px;
}

.scont span {
    color: #0079c0;
}

ul.scont {
    font-size: 16px;
    color: #666;
    line-height: 180%;
    margin-bottom: 40px;
}

ul.scont li {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 180%;
    padding-left: 10px;
    background: url('/html/images/common/dot.png') 0px 10px no-repeat;
}

.greeting_scont {
    background: #fbf6f0;
    border-radius: 10px;
}

.greeting_scont.scont {
    position: relative;
    background:
}

.greeting_scont.scont>.btn_box {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 10px 0px 40px 0px;
}

/* 서브 상단 문구 */
.sub_topbox {
    width: 100%;
    margin-bottom: 60px;
    text-align: center;
    background: #fbf6f0;
    border-radius: 10px;
    padding: 0px;
}

.sub_topbox h2 {
    font-family: "noto_sans";
    font-size: 40px;
    line-height: 130%;
    font-weight: 400;
    color: #333 !important;
    padding: 30px;
}

.sub_topbox h2 span {
    color: #222;
    font-weight: 600;
}

.sub_topbox p {
    font-family: "noto_sans";
    font-size: 17px !important;
    font-weight: 400;
    line-height: 150% !important;
    color: #fff !important;
    padding: 20px;
    background: #467fd7;
    box-sizing: border-box;
    border-radius: 0px 0px 10px 10px;
}

.sub_top_img {
    border-radius: 10px;
    max-width: 100%;
}

/* 근로자카드 */
.worker1 {
    width: 100%;
    height: auto;
    background: url('/html/images/common/worker1_2.png') no-repeat;
    display: inline-block;
    margin-top: 50px;
    padding-left: 460px;
    box-sizing: border-box;
}

.worker1 h2 {
    font-size: 26px;
    font-weight: bold;
    color: #2e2e2e;
    line-height: 35px;
    margin: 0px 0 20px 0px;
}

.worker1 p {
    font-size: 17px;
    font-weight: normal;
    color: #666;
    line-height: 180%;
    margin: 0 0 15px 0px;
}

.worker1 p span {
    color: #fe5a4e;
}

.worker1 ul {
    margin: 0 0 15px 0px;
}

.worker1 li {
    font-size: 16px;
    font-weight: normal;
    color: #2e2e2e;
    line-height: 180%;
    padding-left: 10px;
    background: url('/html/images/common/dot.png') 0px 10px no-repeat;
}

.worker1 li b {
    color: #0079c0;
    font-weight: bold;
}

.worker1 .btn_box {
    width: 100%;
    display: flex;
    margin: 25px 0 0px 0px;
}

.worker1 a {
    float: left;
    display: inline-block;
    width: 100%;
    height: 80px;
    padding: 15px 10px;
    line-height: 25px;
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    border-radius: 5px;
    font-weight: 500;
    box-sizing: border-box;
}

.worker1 a.oepncard {
    margin-right: 10px;
    background: #0079c0;
}

.worker1 a.btn_bule {
    line-height: 50px;
    background: #000;
}

.worker2 {
    position: relative;
    width: 1200px;
    height: auto;
    border: 1px #ccc solid;
    display: inline-block;
    margin-bottom: 50px;
    box-sizing: border-box;
    padding-left: 300px;
}

.worker2 h2 {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "noto_sans";
    width: 300px;
    margin: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #525252;
    line-height: 30px;
    text-align: center;
}

.worker2 h2 span {
    color: #0079c0;
}

.worker2 h2 small {
    font-size: 15px;
}

.worker2 ul {
    float: left;
    width: 898px;
    padding: 30px 0px 30px 0px;
    background-color: #f4f4f4;
}

.worker2 li {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 150%;
    padding-left: 10px;
    background: url('/html/images/common/dot.png') 0px 10px no-repeat;
    margin-left: 25px;
    margin-bottom: 7px;
}

.worker3 {
    width: 100%;
    padding: 30px 80px 30px 260px;
    display: inline-block;
    background: url('/html/images/common/worker3_2.png') no-repeat;
    box-sizing: border-box;
}

.worker3 .worker3_sub {
    width: 100%;
    height: 185px;
    padding: 50px 0px 0px 0px;
    margin: 0px 0px 30px 0px;
    text-align: left;
    box-sizing: border-box;
}

.worker3 .worker3_sub h2 {
    font-family: "noto_sans";
    font-size: 18px;
    font-weight: 500;
    color: #000;
    line-height: 30px;
}

.worker3 .worker3_sub ul {
    margin: 10px 0px 10px 0px;
    height: 75px;
}

.worker3 .worker3_sub li {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 180%;
    padding-left: 10px;
    background: url('/html/images/common/dot.png') 0px 10px no-repeat;
}

.worker3_2 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;
}

.worker3_2 a.worker3_btn {
    display: block;
    width: 290px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    border-radius: 5px;
    font-weight: 500;
    border: none;
    background: #0079c0;
    margin: 0 auto;
}

.worker3_2 .worker3_tel {
    line-height: 50px;
    text-align: center;
    font-size: 17px;
    color: #000000;
    font-weight: bold;
}

.worker3_2 .worker3_tel span {
    color: #0079c0;
}

.worker_noti {
    margin: 50px 0px 30px 0px;
    padding: 0px;
}

.worker_noti .noti_box {
    padding: 30px;
    border: 1px solid #e5e5e5;
    background: #fff;
}

.worker_noti .noti_box h2 {
    font-size: 17px;
    font-weight: normal;
    color: #2e2e2e;
    line-height: 30px;
}

.worker_noti .noti_box table {
    margin-top: 5px;
}

.worker_noti .noti_box table th {
    padding: 10px 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    text-align: center;
    background: #0079c0;
    color: #fff;
}

.worker_noti .noti_box table td {
    padding: 10px;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.worker_noti .noti_box table td.tc {
    text-align: center;
}

.worker_noti .noti_box table td li {
    font-size: 15px;
    font-weight: normal;
    color: #666;
    line-height: 25px;
    padding-left: 10px;
    background: url('/html/images/common/dot.png') 0px 11px no-repeat;
}

.worker_noti .noti_box .txt_noti {
    margin-top: 20px;
    padding: 0px;
}

.worker_noti .noti_box .txt_noti p {
    font-family: "noto_sans";
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

.worker_noti .noti_box .txt_noti ol {
    padding-left: 0px;
}

.worker_noti .noti_box .txt_noti li {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 180%;
    padding-left: 10px;
    background: url('/html/images/common/dot.png') 0px 12px no-repeat;
}

.worker4_box {
    padding: 30px;
    border: 1px solid #ddd;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 150%;
}

.worker4_box strong {
    display: block;
    color: #000;
    font-size: 17px;
    margin-bottom: 5px;
}

.worker4_box ol {
    margin-bottom: 30px;
}

.worker4_box li {
    list-style: none;
    margin: 0px !important;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 150%;
    ;
    padding: 0px;
}

.owner1 {
    border: 1px #dedede solid;
    padding: 40px 150px;
    line-height: 25px;
    font-size: 15px;
    font-weight: normal;
    color: #666;
    margin-bottom: 40px;
}

.owner1 p {
    font-weight: bold;
    font-size: 17px;
    color: #111;
}

.owner1 .box1 {
    padding-top: 190px;
    margin-bottom: 50px;
    background: url('/html/images/common/owner1_box1.png') no-repeat;
}

.owner1 .box2 {
    padding-top: 330px;
    background: url('/html/images/common/owner1_box2.png') no-repeat;
}

.owner1_2 {
    border: 1px #dedede solid;
    background: url('/html/images/common/owner1_2.png') 0px 100% no-repeat;
    padding: 35px 40px 275px 40px;
    line-height: 25px;
    font-size: 15px;
    font-weight: normal;
    color: #666;
    margin-bottom: 40px;
    background-size: contain;
    background-position: center;
}

.owner1_3 {
    line-height: 25px;
    font-size: 15px;
    font-weight: normal;
    color: #666;
    margin-bottom: 40px;
}

.owner1_3 img {
    margin: 13px 0px;
}

.button.owner_btn {
    height: 45px !important;
    line-height: 43px !important;
}

.owner2 {
    display: inline-block;
}

.owner2 li {
    float: left;
    width: 270px;
    height: 255px;
    border: 1px #e2e2e2 solid;
    background: #fff;
    text-align: center;
    margin-bottom: 30px;
    border-radius: 10px;
    margin-right: 30px;
    overflow: hidden;
}

.owner2 li:last-child {
    margin-right: 0;
}

.owner2 li h1 {
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
    line-height: 40px;
    background-color: #0079c0;
    border-radius: 0px;
}

.owner2 li h2 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 18px;
    color: #2e2e2e;
    font-weight: bold;
    line-height: 62px;
    background-color: #f4f4f4;
}

.owner2 li p {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 22px;
    margin-top: 20px;
}

.owner2 li p span {
    color: #0079c0;
}

.owner2 li.arrow {
    width: 30px;
    height: 345px;
    background: url('/html/images/common/owner2_arrow.png') 50% 50% no-repeat;
    border: none;
}

.owner2 li.line2 {
    height: 280px;
}

.owner_noti {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.owner_noti p {
    margin-bottom: 5px;
    font-weight: bold;
    color: #111;
    font-size: 15px;
}

.owner_noti ul {
    padding-left: 0px;
}

.owner_noti li {
    list-style: none;
    padding-left: 10px;
    background: url('/html/images/common/dot.png') 0px 10px no-repeat;
}

.owner3 {
    width: 1200px;
    height: auto;
    display: inline-block;
    margin-bottom: 35px;
    padding: 30px 0px 30px 210px;
    border-radius: 10px;
    border: 1px #e2e2e2 solid;
    box-sizing: border-box;
    text-align: left;
}

.owner3 h2 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 30px;
    margin: 0px 0px 10px 0px;
}

.owner3 h2 .button {
    margin-left: 10px;
}

.owner3 p {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 22px;
    margin: 0 0 5px 0px;
}

.owner3 ul {
    margin: 0px;
}

.owner3 li {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    line-height: 25px;
    padding-left: 10px;
    background: url('/html/images/common/dot1.png') 0px 11px no-repeat;
}

.owner3 li a:hover {
    text-decoration: underline;
}

.owner3 li b {
    color: #333333;
    font-weight: bold;
}

.owner3_1 {
    background: #fff url('/html/images/common/owner3_1.png') 50px 50% no-repeat;
}

.owner3_2 {
    background: #fff url('/html/images/common/owner3_2.png') 50px 50% no-repeat;
}

.owner3_3 {
    background: #fff url('/html/images/common/owner3_3.png') 50px 50% no-repeat;
}

.owner6 {}

.owner6>div>table {
    border: 1px solid #dedede;
    font-size: 16px;
}

.owner6>div>table tr {}

.owner6>div>table tr th {
    padding: 15px;
    background-color: #0079c0;
    color: #fff;
}

.owner6>div>table tr td {
    padding: 15px;
}

.owner6>div>table tr td:first-child {
    background-color: #f4f4f4;
}


/* 인사말 */
.greeting {
    width: 100%;
    min-width: 1300px;
    display: inline-block;
    background: url('/html/images/common/greeting_bg.png') 50% 50% no-repeat;
    background-size: cover;
    padding: 110px 0px;
    margin-bottom: 150px;
}

.greeting_txt1 {
    width: 1200px;
    margin: 0px auto 110px auto;
    font-family: "noto_sans";
    font-size: 72px;
    line-height: 130%;
    padding-left: 304px;
    box-sizing: border-box;
    text-align: left;
}

.greeting_txt1 strong {
    display: block;
    font-weight: 600;
    height: auto;
    font-size: 72px;
    line-height: 110%;
    color: #2e2b27;
}

.greeting_txt1 strong span {
    color: #ff6d0f
}

.greeting_txt2 {
    width: 1200px;
    margin: 0px auto;
    padding-left: 580px;
    box-sizing: border-box;
    text-align: left;
}

.greeting_txt2 img {
    height: 275px;
}

.greeting_ceo {
    display: inline-block;
    width: 1200px;
    position: relative;
    padding: 0px 570px 100px 0px;
    box-sizing: border-box;
    margin: 0px auto;
    text-align: left;
}

.greeting_ceo h2 {
    position: relative;
    font-size: 30px;
    line-height: 130%;
    color: #222;
    font-weight: 500;
    margin-bottom: 70px;
    padding-left: 50px;
}

.greeting_ceo h2:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 70px;
    background: #ff6c0e;
}

.greeting_ceo p {
    font-size: 18px;
    color: #333;
    line-height: 180%;
    font-weight: normal;
    margin-bottom: 20px;
    padding-left: 50px;
}

.greeting_ceo p.sign {
    display: flex;
    letter-spacing: -1px;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 400;
    line-height: 200%;
}

.greeting_ceo p.sign img {
    width: 107px;
}

.greeting_ceo_img {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 550px;
    margin: 0px 0px;
    text-align: center;
}

.greeting_ceo_img img {
    max-width: 450px;
}

/* 소개 */
.greeting2 {
    font-family: "noto_sans";
    width: 100%;
    text-align: left;
}

.greeting2 h2 {
    font-size: 50px;
    line-height: 70px;
    color: #222;
    font-weight: 500;
    margin-bottom: 70px;
}

.greeting2 h2 span {
    color: #0079c0;
    font-weight: 600;
}

.greeting2 p {
    font-size: 18px;
    color: #333;
    line-height: 180%;
    font-weight: normal;
    margin-bottom: 20px;
}

.greeting2 p b {
    display: block;
    font-size: 25px;
    font-weight: 400;
    line-height: 200%;
}

.greeting2_img {
    width: 100%;
    margin: 50px 0px;
}

.greeting2_img img {
    max-width: 100%;
}


/* 모사답안 처리기준 */
.cheating_ {
    margin-bottom: 30px;
}

.cheating_:first-child {
    margin-top: 30px;
}

.cheating_ ul {
    margin-bottom: 50px;
}

.cheating_ li {
    margin-bottom: 10px;
}

.cheating_ p {
    display: block;
    font-size: 16px;
    color: #666;
    margin-top: 10px;
    line-height: 180%;
    word-break: keep-all;
}

.cheating_ h3 {
    position: relative;
    display: block;
    font-family: "noto_sans";
    font-size: 22px;
    font-weight: 500;
    color: #000 !important;
    padding: 10px 0px 0px 20px;
    margin-bottom: 15px;
}

.cheating_ h3:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 15px;
    width: 10px;
    height: 10px;
    background: #0079c0;
    border-radius: 50%;
}

.sub_content h3 {
    position: relative;
    display: block;
    font-family: "noto_sans";
    font-size: 22px;
    font-weight: 500;
    color: #000 !important;
    padding: 10px 0px 0px 20px;
    margin-bottom: 15px;
}

.sub_content h3:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 15px;
    width: 10px;
    height: 10px;
    background: #0079c0;
    border-radius: 50%;
}

.sub_content ul {
    margin-bottom: 50px;
}

.sub_content ol {
    margin-bottom: 50px;
}

.sub_content li {
    font-size: 16px;
    color: #666;
    margin-top: 15px;
    line-height: 180%;
    word-break: keep-all;
}

.sub_content p {
    font-size: 16px;
    color: #666;
    margin-top: 15px;
    line-height: 180%;
    word-break: keep-all;
}

.sub_content .depth2 li {
    margin: 0px;
}

.sub_content .depth1 table {
    border-top: 1px #dedede solid;
    border-left: 1px #dedede solid;
    margin-top: 10px;
}

.sub_content .depth1 table th {
    border-bottom: 1px #dedede solid;
    border-right: 1px #dedede solid;
    padding: 10px;
    line-height: 22px;
    color: #333333;
    background: #f7f7f7;
    text-align: center;
}

.sub_content .depth1 table td {
    border-bottom: 1px #dedede solid;
    border-right: 1px #dedede solid;
    padding: 10px;
    text-align: center;
}

.sub_content .depth1 table td.tl {
    text-align: left;
}

.sub_content .depth1 table td .fc_red {
    color: #d90000;
}

/* 원격지원 */
.cs_remote1 {
    background: #fbf6f0 url('/html/images/common/support1_1.png') -2% 96% no-repeat;
    padding: 60px;
    margin-bottom: 40px;
    padding-left: 240px;
}

.cs_remote1 h2 {
    font-family: "noto_sans";
    font-size: 40px;
    line-height: 130%;
    font-weight: 600;
    color: #000 !important;
    margin-bottom: 20px;
}

.cs_remote1 h2 span {
    color: #0079c0;
}

.cs_remote1 p {
    font-size: 17px;
    font-weight: normal;
    color: #666;
    line-height: 24px;
}

.cs_remote2 {
    width: 1200px;
    display: inline-block;
    margin-bottom: 10px;
}

.cs_remote2 li {
    float: left;
    width: 360px;
    text-align: center;
    margin: 15px;
    padding: 120px 30px 30px;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    color: #444444;
}

.cs_remote2 li.cs_remote2_1 {
    background: url('/html/images/common/support1_2.png') center 11% no-repeat;
}

.cs_remote2 li.cs_remote2_2 {
    background: url('/html/images/common/support1_3.png') center 11% no-repeat;
}

.cs_remote2 li.cs_remote2_3 {
    background: url('/html/images/common/support1_4.png') center 11% no-repeat;
}

.cs_remote3 {
    width: 1200px;
    display: inline-block;
    background-color: #f4f4f4;
    padding: 50px 0 10px 50px;
    margin-bottom: 50px;
}

.cs_remote3 li {
    text-align: left;
    margin-bottom: 40px;
    padding: 10px 0 0 120px;
    height: 96px;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    color: #444444;
}

.cs_remote3 li h2 {
    text-align: left;
    margin-bottom: 10px;
    padding: 0px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #000000;
}

.cs_remote3 li.cs_remote3_1 {
    background: url('/html/images/common/support1_5.png') 0px 50% no-repeat;
}

.cs_remote3 li.cs_remote3_2 {
    background: url('/html/images/common/support1_6.png') 0px 50% no-repeat;
}

.cs_remote3 li.cs_remote3_3 {
    background: url('/html/images/common/support1_7.png') 0px 50% no-repeat;
}

.cs_remote4 {
    width: 100%;
    border: 1px #dedede solid;
    background: #ffffff;
    padding: 20px 40px;
    display: inline-block;
    line-height: 45px;
    font-size: 15px;
}

.cs_remote4 a.cs_remote4_btn {
    float: right;
    width: 170px;
    height: 45px;
    line-height: 45px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    background: #0079c0;
    border-radius: 30px;
}


.course_tab {
    display: inline-block;
    width: 100%;
    border-top: 0px #0278be solid;
}

.course_tab li {
    float: left;
    width: 16.1%;
    height: 40px;
    border: none;
    background: none;
    box-sizing: border-box;
}

.course_tab li a {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #464646;
}

.course_tab li a.line2 {
    line-height: 17px;
    padding: 6px 0px;
}

.course_tab li.on {
    border: none;
    background: none;
    color: #ffffff;
    font-weight: bold;
}

.course_tab li.on a {
    color: #ffffff;
}

.exam_question h6 {
    background-color: white;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    line-height: 20px;
    padding: 9px 14px;
    border-bottom: 1px solid black
}

/* 2019-04-15 common */
.tc {
    text-align: center;
}

.mt50 {
    margin-top: 50px;
}

/* 결제페이지 할인 숨김*/
.col-coupon {}

/* 2019-05-16 추가 */
.txt_noti {
    padding-left: 27px;
    margin: 10px 0;
    font-size: 15px;
    font-weight: bold;
    background: url(../images/common/txt_noti.png) 0 0 no-repeat;
    line-height: 20px;
    color: #111;
}

.txt_noti span {
    color: #ff7607;
}


/* 오시는길 */
#location {
    width: 100%;
    margin-bottom: 50px;
}

#location .map-info {
    padding: 3.5% 5%;
    border: 1px solid #ddd;
}

#location .map-info {
    overflow: hidden;
}

#location .map-info h3 {
    float: left;
    padding-right: 40px;
    font-weight: 600;
    font-size: 24px;
    color: #333;
}

#location .map-info .row {
    margin-right: 0;
}

#location .row li {
    position: relative;
    width: 100%;
    padding-left: 117px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    list-style: none;
}

#location .row li strong {
    position: absolute;
    left: 0;
    font-weight: 600;
    font-size: 16px;
    color: #333;
    vertical-align: middle;
    letter-spacing: 0
}

#location .row li a {
    color: #666;
}

#location p {
    margin-top: 10px;
    font-size: 15px;
    color: #333;
    text-align: right;
}

#location .map .root_daum_roughmap {
    width: 100% !important;
}

#location .map .root_daum_roughmap .wrap_controllers {
    display: none !important;
}

#location .mapBtn {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
    width: 140px;
    height: 45px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 15px;
    color: #666;
    line-height: 45px;
    text-align: center;
    box-sizing: border-box;
    font-weight: 300;
    z-index: 9999;
}

#location .mapBtn:before {
    display: none;
    content: '';
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background-image: url(../../images/sub/blit_map.gif);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle;
}

#location .map {
    position: relative;
}


.type_grid {}

.type_grid .list_grid {
    overflow: hidden;
    border-bottom: 1px solid #d3d3d3;
    margin-left: -22px
}

.type_grid .list_grid li {
    width: 220px;
    float: left;
    margin: 15px 0 25px 23px;
    height: 370px;
    text-align: left;
}

.type_grid .list_grid li .grid_text {
    padding: 0 0 0 0;
}

.type_grid .list_grid li .grid_img {
    width: 220px;
    height: 260px;
    border: 1px solid #d3d3d3;
    margin-right: 0px;
    overflow: hidden;
}

.type_grid .list_grid li .grid_img img {
    width: 100%;
    height: 100%
}

.type_grid .list_grid li .grid_title a {
    display: block;
    padding: 15px 0 10px 0;
    font-size: 15px;
    line-height: 20px;
    color: #222222;
    font-weight: bold;
}

.type_grid .list_grid li .grid_author {
    margin-top: 2px;
    font-size: 13px;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.type_grid .list_grid li .grid_price {
    color: #e2450e;
    font-weight: bold;
    font-size: 15px;
    display: block;
    margin: 5px 0 10px 0;
}

.type_grid .list_grid li.nodata {
    float: none;
    width: 830px;
    margin: 0 0 0 20px;
    padding: 0;
    border: 0;
    text-align: center;
    height: 200px;
    line-height: 200px;
    font-size: 18px;
}

#container .type_grid .list_grid {
    margin-left: -10px;
}

#container .type_grid .list_grid li {
    margin-left: 30px;
}

.market_list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-left: 10px;
    margin-top: 20px;
}

.market_list .item {
    position: relative;
    width: calc((100% - 90px) / 4);
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 10px;
}

.market_list .item:nth-child(4n) {
    margin-right: 0;
}

.market_list .item .img_box {
    position: relative;
    border-bottom: 1px solid #ddd;
}

.market_list .item .img_box>img {
    width: 100%;
    aspect-ratio: 1/1;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px 10px 0 0;
}

.market_list .item .con_box {
    position: relative;
    padding: 30px 30px 35px;
}

.market_list .item .con_box h4 {
    font-size: 1.176rem;
    color: #222;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: -0.7pt;
    word-break: keep-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    height: 3rem;
}

.market_list .item .con_box .price {
    margin: 22px 0 0;
}

.market_list .nodata {
    width: 100%;
    line-height: 200px;
    height: 200px;
    font-size: 18px;
    border-radius: 10px;
    border: 1px #dedede solid;
    background: #fff;
    text-align: center;
}

.i_label {
    position: absolute;
    top: 15px;
    left: -12px;
    background-color: #0079c0;
    min-width: 90px;
    padding: 0 15px;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    z-index: 10;
    color: #fff;
    font-style: normal;
    text-align: center;
    font-size: 15px;
    letter-spacing: -0.5pt;
    font-weight: bold;
    border-radius: 0 50px 50px 0;
}

.i_label>.svg {
    width: inherit;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 0;
}

.i_label>.label_b {
    width: 12px;
    position: absolute;
    top: 1px;
    left: 0;
    transform: scaleX(-1);
}

.book_infomation .info_img {
    width: 400px;
}

.book_infomation .info_img img {
    width: 100%;
    height: auto;
}

.book_infomation .info_text {
    width: calc(100% - 440px);
}



/* nodata 스타일 */
.course_gallery li.nodata {
    float: none;
    width: 1200px !important;
    line-height: 200px;
    height: 200px;
    font-size: 18px;
    margin: 0px !important;
    padding: 0px !important;
    border: 0;
    border-radius: 10px !important;
    border: 1px #dedede solid !important;
    background: #fff;
    text-align: center;
}

.type_chart .list_li tr td.top_td.nodata {
    width: 1200px !important;
    line-height: 200px;
    height: 200px;
    font-size: 18px;
    margin: 0px !important;
    padding: 0px !important;
    border: 0;
    border-radius: 10px !important;
    border: 1px #dedede solid !important;
    text-align: center;
}

/* 수강신청 하단 수강후기 */
.course_review {
    width: 100%;
    display: inline-block;
}

.course_review .course_review_list {
    width: 99%;
    margin: 0.5%;
    display: inline-block;
}

.course_review .course_review_list li {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 25px 40px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px #ddd;
    box-sizing: border-box;
}

.course_review .course_review_list li.nodata {
    text-align: center;
}

.creview_writer {
    font-family: "noto_sans";
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
}

.creview_reg_date {
    font-size: 14px;
    font-weight: 300;
    color: #999999;
    margin-left: 10px;
}

.creview_star {
    position: absolute;
    right: 40px;
    top: 25px;
}

.creview_subject {
    font-family: "noto_sans";
    font-size: 16px;
    line-height: 26px;
    color: #000;
    word-break: keep-all;
}

.creview_item {
    font-size: 15px;
    line-height: 130%;
    color: #666;
    word-break: keep-all;
}



.intro1 {
    width: 100%;
    min-height: 920px;
    padding: 0;
    box-sizing: border-box;
}

.intro1_cont {
    width: 100%;
}

.intro1_cont h2 {
    font-family: "noto_sans";
    width: 100%;
    border: 8px #467fd7 solid;
    font-size: 24px;
    line-height: 150%;
    font-weight: 500;
    color: #000;
    padding: 35px 35px 35px 110px;
    box-sizing: border-box;
    margin-top: 50px;
}

.intro1_cont h2 em {
    color: #467fd7;
}

.intro1_cont p {
    font-size: 17px;
    line-height: 150%;
    color: #000;
    padding: 15px 0px 15px 0;
    box-sizing: border-box;
    ;
}

.edu1 {
    width: 100%;
    text-align: center;
    border: none;
    overflow: visible;
    margin: 80px 0px 0px 0px;
}

.edu1_cont {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-family: "noto_sans";
    box-sizing: border-box;
    transform: translateY(-65px);
}

.edu1_cont li {
    position: relative;
    width: 100%;
    padding: 160px 20px 0px 20px;
    box-sizing: border-box;
    margin: 0px;
}

.edu1_cont li::before {
    content: '';
    position: absolute;
    right: 0px;
    top: 55px;
    transform: translateX(5px);
    width: 10px;
    height: 20px;
    background: url('../images/common/edu1_arrow.png') 50% 50% no-repeat;
}

.edu1_cont li:last-child::before {
    display: none;
}

.edu1_cont li span {
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translateX(-50%);
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #467fd7;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.edu1_cont li h2 {
    font-size: 18px;
    line-height: 100%;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px;
}

.edu1_cont li p {
    font-size: 15px;
    color: #666;
    line-height: 150%;
    font-weight: normal;
    word-break: keep-all;
}

.edu1_cont li span.edu1_1 {
    background-image: url('../images/common/edu1_1.png');
}

.edu1_cont li span.edu1_2 {
    background-image: url('../images/common/edu1_2.png');
}

.edu1_cont li span.edu1_3 {
    background-image: url('../images/common/edu1_3.png');
}

.edu1_cont li span.edu1_4 {
    background-image: url('../images/common/edu1_4.png');
}

.edu1_cont li span.edu1_5 {
    background-image: url('../images/common/edu1_5.png');
}

.edu2 {
    width: 100%;
    text-align: center;
}

.edu2_cont {
    width: 100%;
    text-align: center;
    font-family: "noto_sans";
    margin-bottom: 80px;
}

.edu2_cont h2 {
    font-size: 30px;
    line-height: 120%;
    color: #467fd7;
    font-weight: 500;
    margin-bottom: 30px;
}

.edu2_cont h2 b {
    font-weight: 600;
}

.edu2_cont h2 span {
    color: #0079c0;
    font-weight: 600;
}

.edu2_cont p {
    font-size: 17px;
    color: #333;
    line-height: 150%;
    font-weight: normal;
}

.edu_tbl {
    width: 100%;
    max-width: 900px;
    margin: 40px auto;
}

.edu_tbl th {
    font-size: 16px;
    line-height: 25px;
    border-bottom: 3px #fff solid;
    padding: 10px;
    color: #fff;
    background: #054499;
    text-align: center;
}

.edu_tbl td {
    font-size: 16px;
    line-height: 25px;
    border-bottom: 3px #fff solid;
    border-right: 3px #fff solid;
    background: #e2ebfa;
    color: #054499;
    padding: 10px;
    text-align: center;
    word-break: keep-all;
}

.edu_tbl td:last-child {
    border-right: none;
}

.edu_tbl td.bg {
    background: #f2f2f2;
    color: #000;
}

.edu_tbl td em {
    color: #000;
}


.edu3 {
    position: relative;
    width: 100%;
    text-align: left;
    font-family: "noto_sans";
    margin-bottom: 50px;
    padding-left: 360px;
    box-sizing: border-box;
}

.edu3 h2 {
    position: absolute;
    left: 100px;
    top: 0px;
    width: 260px;
    ;
    font-size: 50px;
    line-height: 120%;
    color: #000;
    font-weight: 600;
}

.edu3_cont {
    border-left: 1px #ddd solid;
    padding-left: 40px;
    box-sizing: border-box;
}

.edu3_cont p {
    font-size: 17px;
    color: #333;
    line-height: 150%;
    font-weight: normal;
    margin-bottom: 30px;
}

.schedule_title h2 strong {
    color: #0079c0;
}

table.tbl_schedule tr>td a.btn_state1 {
    background-color: #0079c0;
}


.teacher_list {
    display: flex;
    flex-wrap: wrap;
}

.teacher_list .item {
    width: calc((100% - 90px) / 4);
    margin-right: 30px;
    text-align: center;
    margin-bottom: 30px;
}

.teacher_list .item:nth-child(4n) {
    margin-right: 0;
}

.teacher_list .item .img_box {
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #ddd;
}

.teacher_list .item .img_box img {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.teacher_list .item .con_box {
    margin: 25px 0 0;
}

.teacher_list .item .con_box p {
    letter-spacing: -0.5pt;
    line-height: 1.4;
    margin: 0 0 4px;
}

.teacher_list .item .con_box h4 {
    font-size: 1.412rem;
    font-weight: 500;
    color: #222;
    letter-spacing: -0.7pt;
    line-height: 1.2;
}

.teacher_list dl {
    width: calc((100% - 90px) / 4);
    margin-right: 30px;
    text-align: center;
    margin-bottom: 30px;
}

.teacher_list dl:nth-child(4n) {
    margin-right: 0;
}

.teacher_list dl dt {
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #ddd;
}

.teacher_list dl dt img {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.teacher_list dl dd {
    margin: 25px 0 0;
}

.teacher_list dl dd p {
    letter-spacing: -0.5pt;
    line-height: 1.4;
    margin: 0 0 4px;
}

.teacher_list dl dd h4 {
    font-size: 1.412rem;
    font-weight: 500;
    color: #222;
    letter-spacing: -0.7pt;
    line-height: 1.2;
}


.view_table {}

.view_table .photo_list {
    border-top: 0;
}

.view_table .table_in {
    display: flex;
    width: 100%;
    vertical-align: middle;
}

.view_table .table_in .imgCont {
    display: block;
    width: 390px;
    vertical-align: top;
}

.view_table .table_in .imgCont img {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    overflow: hidden;
}

.view_table .table_in .txtCont {
    position: relative;
    display: block;
    width: calc(100% - 390px);
    vertical-align: middle;
    padding-left: 60px;
    padding-bottom: 100px;
}

.view_table .table_in .txtCont>p {
    font-size: 1.176rem;
    letter-spacing: -0.6pt;
    line-height: 1.3;
}

.view_table .table_in .txtCont>h4 {
    font-size: 1.765rem;
    color: #222;
    letter-spacing: -0.7pt;
    line-height: 1;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 30px;
    margin: 0 0 30px;
}

.view_table .table_in .txtCont .info {}

.view_table .table_in .txtCont .info dl {
    display: flex;
    width: 100%;
    margin: 0 0 7px;
}

.view_table .table_in .txtCont .info dl dt {
    display: block;
    width: 80px;
    vertical-align: top;
    line-height: 1.8;
    color: #222;
    font-weight: 400;
    letter-spacing: -0.5pt;
}

.view_table .table_in .txtCont .info dl dd {
    display: block;
    width: calc(100% - 80px);
    vertical-align: top;
    line-height: 1.8;
    letter-spacing: -0.5pt;
}

.view_table .table_in .txtCont .info dl dd p {
    line-height: inherit;
    letter-spacing: inherit;
}

.view_table .table_in .txtCont .info dl dd img {
    max-width: 100%;
    height: auto;
}

.view_table .table_in .txtCont .list_btn {
    width: 120px;
    height: 52px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 15px;
    letter-spacing: -0.6pt;
    border: 1px solid #ddd;
    border-radius: 50px;
    font-weight: 400;
    background: #fff;
}

.process_tit {
    border-radius: 20px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    line-height: 50px;
    padding: 0 25px;
    font-size: 1.176em;
    color: #222;
    font-weight: 500;
    letter-spacing: -0.7pt;
    margin: 50px 0 30px;
}

.list_bgColor {
    background-color: #a2bfeb;
}

/* ===== 기관 소개 (intro01) ===== */
.intro_about .about_header {
    text-align: center;
    padding: 30px 0 25px;
}

.intro_about .header_logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.intro_about .header_logo img {
    max-height: 50px;
}

.intro_about .header_logo strong {
    font-size: 28px;
    color: #333;
    font-weight: 700;
}

.intro_about .header_headline {
    font-size: 22px;
    font-weight: 600;
    color: #222;
    margin-bottom: 18px;
}

.intro_about .header_headline span {
    color: #0079c0;
    font-weight: 700;
}

.intro_about .header_desc {
    font-size: 14px;
    color: #555;
    line-height: 1.9;
}

.intro_about .about_venn {
    display: flex;
    justify-content: center;
    padding: 40px 0 30px;
}

.intro_about .venn_wrap {
    position: relative;
    width: 470px;
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.intro_about .venn_circle {
    width: 260px;
    height: 260px;
    border-radius: 50%;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
}

.intro_about .venn_circle_left {
    background: rgba(0, 121, 192, 0.88);
    left: 0;
    z-index: 2;
}

.intro_about .venn_circle_right {
    background: rgba(255, 167, 38, 0.90);
    right: 0;
    z-index: 1;
}

.intro_about .venn_circle strong {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 14px;
    display: block;
}

.intro_about .venn_circle ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.intro_about .venn_circle li {
    font-size: 15px;
    line-height: 2.0;
}

.intro_about .about_body {
    font-size: 14px;
    color: #555;
    line-height: 1.9;
    text-align: center;
    max-width: 820px;
    margin: 0 auto 50px;
    padding: 0 20px;
}

.intro_about .about_divider {
    text-align: center;
    margin-bottom: 40px;
}

.intro_about .divider_line {
    display: inline-block;
    width: 40px;
    height: 1px;
    background: #ccc;
    vertical-align: middle;
}

.intro_about .divider_text {
    font-size: 11px;
    color: #aaa;
    letter-spacing: 3px;
    margin: 0 12px;
    vertical-align: middle;
}

.intro_about .about_vision {
    text-align: center;
    padding-bottom: 40px;
}

.intro_about .vision_title {
    font-size: 24px;
    font-weight: 700;
    color: #222;
    margin-bottom: 30px;
}

.intro_about .vision_list {
    display: flex;
    gap: 16px;
    justify-content: center;
    max-width: 1012px;
    margin: 0 auto;
}

.intro_about .vision_card {
    width: 23%;
    min-width: 180px;
    text-align: left;
}

.intro_about .vision_card_img {
    position: relative;
    overflow: hidden;
    height: 170px;
}

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

.intro_about .vision_card_num {
    position: absolute;
    top: 10px;
    left: 12px;
    font-size: 30px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.65);
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
}

.intro_about .vision_card_body {
    padding: 14px 0 0;
}

.intro_about .vision_card_body strong {
    display: block;
    font-size: 15px;
    color: #222;
    margin-bottom: 8px;
}

.intro_about .vision_card_body p {
    font-size: 13px;
    color: #666;
    line-height: 1.7;
    margin: 0;
}

.intro_about .about_icons {
    padding: 30px 0 10px;
}

.intro_about .icons_list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.intro_about .icons_item {
    text-align: center;
    flex: 1;
    padding: 0 10px;
}

.intro_about .icons_circle {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: #FFBB00;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.intro_about .icons_circle img {
    width: 64px;
    height: 64px;
}

.intro_about .icons_divider {
    width: 1px;
    background: #e0e0e0;
    align-self: stretch;
    margin: 10px 0;
}

.intro_about .icons_text {
    font-size: 15px;
    color: #444;
    line-height: 1.8;
    margin: 16px 0 0;
}