@charset "utf-8"; /* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap'); @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: 'SBAggro';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'SBAggro';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroMedium.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'SBAggro';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('./fonts/Pretendard-Thin.eot');
    src: url('./fonts/Pretendard-Thin.eot?#iefix') format('embedded-opentype'), url('./fonts/Pretendard-Thin.woff2') format('woff2'), url('./fonts/Pretendard-Thin.woff') format('woff'), url('./fonts/Pretendard-Thin.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('./fonts/Pretendard-ExtraLight.eot');
    src: url('./fonts/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'), url('./fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('./fonts/Pretendard-ExtraLight.woff') format('woff'), url('./fonts/Pretendard-ExtraLight.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('./fonts/Pretendard-Light.eot');
    src: url('./fonts/Pretendard-Light.eot?#iefix') format('embedded-opentype'), url('./fonts/Pretendard-Light.woff2') format('woff2'), url('./fonts/Pretendard-Light.woff') format('woff'), url('./fonts/Pretendard-Light.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('./fonts/Pretendard-Regular.eot');
    src: url('./fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/Pretendard-Regular.woff2') format('woff2'), url('./fonts/Pretendard-Regular.woff') format('woff'), url('./fonts/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('./fonts/Pretendard-Medium.eot');
    src: url('./fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'), url('./fonts/Pretendard-Medium.woff2') format('woff2'), url('./fonts/Pretendard-Medium.woff') format('woff'), url('./fonts/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('./fonts/Pretendard-SemiBold.eot');
    src: url('./fonts/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'), url('./fonts/Pretendard-SemiBold.woff2') format('woff2'), url('./fonts/Pretendard-SemiBold.woff') format('woff'), url('./fonts/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('./fonts/Pretendard-Bold.eot');
    src: url('./fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/Pretendard-Bold.woff2') format('woff2'), url('./fonts/Pretendard-Bold.woff') format('woff'), url('./fonts/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('./fonts/Pretendard-ExtraBold.eot');
    src: url('./fonts/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'), url('./fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('./fonts/Pretendard-ExtraBold.woff') format('woff'), url('./fonts/Pretendard-ExtraBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('./fonts/Pretendard-Black.eot');
    src: url('./fonts/Pretendard-Black.eot?#iefix') format('embedded-opentype'), url('./fonts/Pretendard-Black.woff2') format('woff2'), url('./fonts/Pretendard-Black.woff') format('woff'), url('./fonts/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*reset*/
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: -apple-system, BlinkMacSystemFont,'Pretendard','Noto Sans KR','Nanum Gothic',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif;
    font-size: 16px;
    font-weight: 400;
    word-break: keep-all;
    color: #222;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

table {
    border-collapse: collapse;
    width: 100%;
}

img {
    border: 0
}

a:focus-visible, button:focus-visible {
    outline: 2px solid #000;
    outline-offset: -1px;
}

table caption {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    font-size: 0;
    height: 0;
    width: 1px;
}

input, select {
    vertical-align: middle;
}

ol,ul {
    list-style: none;
}

a {
    outline: 0;
    text-decoration: none;
    color: #333;
}

input[type="text"], input[type="password"]{
    height: auto;
    line-height: normal;
    padding: .5em .5em;
    background: #f5f5f5;
    border: 1px solid #dddddd;
}

select {
    width: 20%;
    padding: .6em .5em;
    font-family: inherit;
    background: url(/img/other/mg_ico_sel.jpg) no-repeat 95% 50%;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

/* old 
-------------------------------------------------------------- */
.blind, .hidden {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

.soundOnly {
    display: block !important;
    position: absolute !important;
    top: -9999px !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

.sr,.sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
    margin: -1px;
    height: 1px;
    width: 1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    word-wrap: normal;
}

.al {
    text-align: left !important;
}

.ar {
    text-align: right !important;
}

.ac {
    text-align: center !important;
}

.vat {
    vertical-align: top !important;
}

.vam {
    vertical-align: middle !important;
}

.db {
    display: block !important;
}

.dib {
    display: inline-block !important;
}

.ws_nowrap {
    white-space: nowrap !important
}

.ws_wrap {
    white-space: normal!important
}

.fsn {
    font-style: normal
}

.clearfix:before, .clearfix:after {
    display: block;
    content: '';
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.overlay {
    display: none;
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 0;
    -webkit-transform: translateZ(0)
}

.num a {
    color: #333;
}

.table3 tr td {
    padding: 10px;
}

.table3 tr td a {
    color: #CE4800;
}

.table3 tr td a:hover {
    color: #000;
}

.font01 {
    color: #CE4800;
}

.font4_2 {
    font-size: 11px;
    line-height: 20px;
}

.font4_2 span {
    font-size: 12px;
}

.font4_2 span a {
    color: #CE4800;
}

.font4_2 span a:hover {
    color: #000;
}

.font4_2 .pop {
    color: #CE4800;
    font-weight: bold;
}

.font02 {
    color: #CE4800;
}

.font02 a {
    color: #CE4800;
}

.font02 a:hover {
    color: #000;
}

.font03 {
    color: #266fcc;
    font-weight: 600;
}

.font01 {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    word-break: keep-all;
}

.font_sm01 {
    font-size: 15px;
    color: #333;
    font-weight: 600;
    word-break: keep-all;
    display: block;
    line-height: 149%;
}

.font_sm02 {
    font-size: 15px;
    color: #333;
    word-break: keep-all;
    display: block;
    margin: 2% 0;
}

.table3 tr td {
    padding: 8px;
}

.table4 tr td {
    padding: 12px;
}

.table5 tr td {
    padding: 3px;
}

.table6 {
    font-size: 13px;
}

.table6 tr td {
    padding: 8px;
}

.table_p tr td {
    padding: 8px 0 8px 8px;
}

.order_bt {
    width: 100px;
    background-color: #999;
    border: none;
    color: #fff;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    cursor: pointer;
}

.order_bt a {
    color: #fff;
}

.order_bt:hover {
    background-color: #666;
}

.order_bt00 {
    width: 200px;
    background-color: #999;
    border: none;
    color: #fff;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    cursor: pointer;
}

.order_bt00 a {
    color: #fff;
}

.order_bt00:hover {
    background-color: #666;
}

.order_bt2 {
    width: 60px;
    background-color: #CCC;
    border: none;
    color: #fff;
    padding: 4px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 3px;
    cursor: pointer;
}

.order_bt2 a {
    color: #333;
}

.order_bt2:hover a {
    color: #686868;
}

.order_bt3 {
    width: 50px;
    background-color: #757575;
    border: none;
    color: #fff;
    padding: 3px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 2px;
    cursor: pointer;
    vertical-align: middle;
}

.order_bt3 a {
    color: #fff;
}

.order_bt3:hover {
    background-color: #666;
    color: #fff;
}

.tab_bt1 {
    background-color: #757575;
    color: #fff;
    padding: 4px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 4px;
}

.tab_bt1 a {
    color: #fff;
}

.tab_bt1:hover {
    background-color: #666;
    color: #fff;
}

.sut1_4_bt {
    background-color: #757575;
    color: #fff;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 4px;
}

.sut1_4_bt a {
    color: #fff;
}

.sut1_4_bt:hover {
    background-color: #666;
    color: #fff;
}

.cen_bt2 {
    background-color: #757575;
    color: #fff;
    width: 50px;
    padding: 8px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 4px;
}

.cen_bt2 a {
    color: #fff;
}

.cen_bt2:hover {
    background-color: #666;
    color: #fff;
}

.stu_bt2 {
    background-color: #757575;
    color: #fff;
    width: 120px;
    padding: 8px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 4px;
}

.stu_bt2 a {
    color: #fff;
}

.stu_bt2:hover {
    background-color: #666;
    color: #fff;
}

.stu_bt2_1 {
    background-color: #666;
    color: #fff;
    width: 102px;
    height: 45px;
    padding: 12px 0 0 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    box-sizing: border-box;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 4px;
    transition: all .3s;
}

.stu_bt2_1 a {
    color: #fff;
}

.stu_bt2_1:hover {
    background-color: #555;
    color: #fff;
}

.stu_bt2_2 {
    background-color: #757575;
    color: #fff;
    width: 80px;
    height: 30px;
    padding: 8px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
}

.stu_bt2_2 a {
    color: #fff;
}

.stu_bt2_2:hover {
    background-color: #666;
    color: #fff;
}

.dele_bt1 {
    background-color: #757575;
    color: #fff;
    padding: 2px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 8px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
}

.dele_bt1 a {
    color: #fff;
}

.dele_bt1:hover {
    background-color: #666;
    color: #fff;
}

.cen_bt1 {
    background-color: #757575;
    color: #fff;
    padding: 30px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: top;
    border-radius: 2px;
}

.cen_bt1 a {
    color: #fff;
}

.cen_bt1:hover {
    background-color: #666;
    color: #fff;
}

.order_bt5 {
    background-color: #757575;
    color: #fff;
    padding: 3px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin-top: 2px;
    cursor: pointer;
    vertical-align: top;
    border-radius: 2px;
}

.order_bt5 a {
    color: #fff;
}

.order_bt5:hover {
    background-color: #666;
    color: #fff;
}

.stu_bt1_1 {
    color: #38810D;
    background: #f6ffed;
    padding: 4px 7px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    border-radius: 4px;
}

.stu_bt1_2 {
    color: #cf1322;
    background: #fff1f0;
    padding: 4px 7px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    border-radius: 4px;
}

.stu_bt1_3 {
    color: #C2380D;
    background: #fff2e8;
    padding: 4px 7px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    border-radius: 4px;
}

.stu_bt1_4 {
    color: #1d39c4;
    background: #e4ebfa;
    padding: 4px 7px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    border-radius: 4px;
}

.stu_bt1_5 {
    background-color: #757575;
    color: #fff;
    padding: 4px 7px 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    border-radius: 4px;
}

.font01 {
    color: #CE4800;
}

.font4_2 {
    font-size: 11px;
    line-height: 20px;
}

.font4_2 span {
    font-size: 12px;
}

.font4_2 span a {
    color: #CE4800;
}

.font4_2 span a:hover {
    color: #000;
}

.font4_2 .pop {
    color: #CE4800;
    font-weight: bold;
}

.font5_2 {
    font-size: 14px;
    line-height: 20px;
}

.font5_2 a {
    color: #CE4800;
}

.font5_2 a:hover {
    color: #000;
}

.font6 {
    font-size: 14px;
    line-height: 20px;
}

.font6 a {
    color: #555;
}

.font6 a:hover {
    color: #009;
}

.edu2_1_tit {
    font-size: 13px;
    color: #333;
    font-weight: bold;
    padding-bottom: 10px;
}

.edu6_2_tit {
    font-size: 13px;
    color: #333;
    font-weight: bold;
}

.edu2_2_tit {
    font-size: 14px;
    color: #333;
}

.edi_box td {
    border-bottom: 1px solid #c7c7c7;
    padding: 10px 2px;
}

.edi_box td ul li {
    display: inline-block;
    color: rgba(162, 162, 255, 0.3);
    float: left;
}

.my_btn_1 {
    background-color: #558131;
    color: #fff;
    padding: 4px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
}

.my_btn_1 a {
    color: #fff;
}

.my_btn_1:hover {
    background-color: #7eb651;
    color: #fff;
}

.my_btn_2 {
    background-color: #238651;
    color: #fff;
    padding: 4px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
}

.my_btn_2 a {
    color: #fff;
}

.my_btn_2:hover {
    background-color: #4dbd81;
    color: #fff;
}

.copy {
    font-size: 15px;
    color: #bfbfbf;
    text-align: left;
    line-height: 149%;
}

.nav {
    margin: 0 auto;
}

.no {
    width: 10%;
}

.name {
    width: 10%;
}

.signdate {
    width: 15%;
}

.view {
    width: 10%;
}

.subject {
    width: 55%;
}

.k-wah a {
    display: block;
    width: 100px;
}

.k-wah a img {
    width: 100%;
}

#layer {
    display: none;
    width: 200px;
    border: 1px solid #ccc;
}

#this_menu {
    font-size: 15px;
    font-weight: bold;
}

#navi {
    font-size: 12px;
    color: #999;
}

#wrap {
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    position: relative;
    min-width: 1280px;
}

#skipNav {
    position: absolute;
    top: -1000px;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 1000;
    line-height: 0;
    font-size: 0;
}

#skipNav a {
    display: block;
    text-align: center;
    width: 100%;
    line-height: 0;
    font-size: 0;
}

#skipNav a:hover, #skipNav a:focus, #skipNav a:active {
    position: absolute;
    top: 1000px;
    left: 0;
    padding: 16px 0;
    display: block;
    box-sizing: border-box;
    height: 36px;
    background: #666;
    color: #fff;
    font-size: 1.6rem;
}

#header {
    height: auto;
}

.t_menu {
    border-bottom: 1px solid #eee;
}

.logo {
    width: 270px;
    float: left;
}

.logo img {
    display: block;
    width: 100%;
}

#main {
    margin: 0 auto;
    margin-top: 60px;
    width: 1280px;
    min-height: 500px;
}

.main_top {
    clear: both;
    border-bottom: 1px solid #D9DEE2;
}

.main_top .home_tit {
    padding: 12px 0 12px;
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #757575;
    font-size: 14px;
}

.main_top .home_tit b {
    font-weight: 400;
    color: #363636;
}

#left_main {
    width: 240px;
    margin-right: 40px;
    float: left;
    margin-bottom: 100px
}

.l_menu {
    width: 240px;
}

#right_main {
    width: 970px;
    float: left;
    margin-bottom: 8%;
}

.sub_tit {
    height: 34px;
    background: url(/img/index/pattern.png)repeat-x left bottom;
    color: #3e434a;
    font-size: 24px;
    font-family: 'SBAggro';
    font-weight: 500;
    margin-bottom: 27px;
    padding-bottom: 17px;
}

.sub_tit.no_line {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 25px;
}

@media all and (max-width: 640px) {
    .sub_tit {
        height: auto;
        font-size: 21px;
        padding-bottom: 16px;
        margin-bottom: 18px;
    }
}

/*푸터*/
#footer {
    background: #42475D;
    min-width: 1280px;
}

#footer .copy {
    width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#footer .logo2 {
    width: auto;
    height: auto;
    margin-top: 23px;
    margin-right: 40px;
}

#footer .logo2 img {
    padding-top: 0;
    margin-left: 0;
    display: block;
}

#footer .cp_txt {
    margin-top: 23px;
    display: inline-block;
}

#footer .cp_txt .cp_txt3 {
    margin-bottom: 0;
    color: rgba(255,255,255,0.8);
    font-size: 15px;
    font-weight: 300;
}

#footer .cp_txt .cp_txt3 .copyright {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    font-weight: 300;
}

/*main*/
.main_img {
    width: 100%;
    height: 388px;
    background: url(/img/index/main_img.jpg);
    /*margin-bottom:60px;*/
}

.main_txt {
    width: 1280px;
    margin: 0 auto;
    padding-top: 100px;
}

.main_txt h3 {
    color: #70b5ff;
    font-size: 20px;
}

.main_txt h1 {
    font-size: 80px;
    color: #fff;
    margin-bottom: 10px;
}

.main_txt span {
    font-size: 18px;
    color: #fff;
    line-height: 149%;
}

.continer1 {
    width: 1280px;
    margin: 0 auto;
    height: 234px;
}

.continer1 .board_wp {
    width: 598px;
    float: left;
    margin-right: 23px;
    border: 1px solid #a7aab0;
}

.continer1 .q_menu {
    width: 288px;
    height: 100px;
    float: left;
    margin-right: 23px;
}

.continer1 .center {
    width: 314px;
    height: 100px;
    float: left;
}

.continer1 .center ul .centere_tel {
    border: 1px solid #a7aab0;
    background: #f7f7f7;
    padding: 20px 0 20px 30px;
}

.continer1 .center ul .centere_tel p {
    color: #1a54aa;
    font-size: 30px;
    font-weight: 700;
    padding: 10px 0 6px 0;
}

.continer1 .center ul .centere_tel .tel_icon {
    top: 13px;
    height: 45px;
    background-image: url('/img/index/tel_icon.png');
    background-repeat: no-repeat;
    display: block;
    float: right;
    padding-right: 80px;
}

.continer1 .center ul .main_bn {
    background: #ffffff;
}

.continer1 .center ul .main_bn ul li a {
    color: #000000;
}

.continer1 .center ul .main_bn ul li a:hover {
    background: #1a54aa;
    color: #ffffff;
}

.continer1 .center ul .main_bn ul .main_bn1 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    border-right: none;
    display: block;
    width: 155px;
    line-height: 36px;
    text-align: center;
}

.continer1 .center ul .main_bn ul .main_bn2 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    display: block;
    width: 156px;
    line-height: 36px;
    text-align: center;
}

.continer1 .center ul .main_bn ul .main_bn3 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    border-right: none;
    display: block;
    width: 155px;
    line-height: 36px;
    text-align: center;
}

.continer1 .center ul .main_bn ul .main_bn4 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    display: block;
    width: 156px;
    line-height: 36px;
    text-align: center;
}

.continer2 {
    width: 1280px;
    margin: 0 auto;
    margin-bottom: 60px;
}

.continer2 .icon_box {
    border: 1px solid #a7aab0;
    border-top: 2px solid #000;
    margin-top: 16px;
    padding: 50px 34px;
}

.continer3 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #f7f7f9;
    padding: 60px 0 60px 0;
    margin-bottom: 60px;
}

.continer3 .main_board {
    width: 1280px;
    margin: 0 auto;
}

.continer3 .main_board .main_board1 {
    width: 600px;
    margin-right: 49px;
    float: left;
}

.continer3 .main_board .main_board2 {
    width: 600px;
    float: left;
}

.continer4 {
    width: 100%;
    height: 342px;
    margin-bottom: 60px;
}

.continer4 .continer4_wp {
    width: 1280px;
    margin: 0 auto;
}

.continer4 .continer4_1 {
    width: 556px;
    float: left;
}

.continer4_2 {
    width: 598px;
    float: left;
}

.continer4 .continer4_1 .con4_tea {
    width: 598px;
    margin-right: 49px;
    border: 1px solid #a7aab0;
    height: 340px;
}

.continer4 .continer4_1 .con4_tea .tea_title {
    border-bottom: 1px solid #2365b3;
    padding: 20px 0px 20px 24px;
}

.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo {
    width: 182px;
    height: 244px;
    margin-right: 14px;
    float: left;
    overflow: hidden;
}

.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo_of {
    width: 182px;
    height: 244px;
    margin-right: 0px;
    float: left;
    overflow: hidden;
}

.continer4 .continer4_1 .con4_tea .tea_photo .tea_name {
    font-size: 15px;
    text-align: center;
    height: 35px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    width: 100%;
    position: relative;
    bottom: -208px;
}

.continer4 .continer4_1 .con4_tea .tea_photo .tea_name .t_name {
    position: relative;
    top: -234px;
}

.continer4 .continer4_1 .con4_tea .tea_photo {
    padding: 20px;
}

.continer4 .continer4_1 .con4_tea .tea_photo > ul:after {
    content: '';
    display: block;
    clear: both;
}

.continer4 .continer4_1 .con4_tea .tea_photo ul li:last-child > div ul .photo {
    margin-right: 0;
}

.continer4 .continer4_1 h2 a {
    display: block;
    float: right;
    background-color: #fff;
    border: 1px solid #a7aab0;
    padding: 1px 6px;
    margin-right: 20px;
}

.continer5 .continer5_wp {
    width: 1280px;
    margin: 0 auto;
}

.continer5_1 {
    width: 556px;
    float: left;
}

.continer5 .continer5_2 {
    width: 598px;
    float: left;
    border: 1px solid #a7aab0;
}

.continer5_1 .con5_gallery {
    width: 598px;
    margin-right: 49px;
    border: 1px solid #a7aab0;
}

.continer5_1 .con5_gallery ul:after {
    content: '';
    display: block;
    clear: both;
}

.continer5_1 .con5_gallery .gallery_title {
    border-bottom: 1px solid #2365b3;
    margin-bottom: 20px;
    padding: 20px 0px 20px 24px;
}

.continer5_1 .con5_gallery .gallery_photo ul li div ul .photo {
    width: 260px;
    margin-right: 20px;
    overflow: hidden;
}

.continer5_1 .con5_gallery .gallery_photo ul li div ul .photo .img {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.26%;
}

.continer5_1 .con5_gallery .gallery_photo ul li div ul .photo .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.continer5_1 .con5_gallery .gallery_photo ul li:last-child div ul .photo {
    margin-right: 0;
}

.continer5_1 .con5_gallery .gallery_photo .pho_name {
    font-size: 15px;
    text-align: left;
    height: 30px;
    line-height: 40px;
    color: #000;
    width: 280px;
}

.continer5_1 .con5_gallery .gallery_photo ul li div {
    float: left;
    position: relative;
}

.continer5_1 .con5_gallery .gallery_photo ul li div ul .photo img {
    width: 100%;
}

.continer5_1 .con5_gallery .gallery_photo ul li div ul .photo_of img {
    width: 100%;
}

.continer5_1 .con5_gallery .gallery_photo {
    padding: 0 18px 18px 18px;
}

.continer5-1 .continer5-1_wp {
    width: 1280px;
    margin: 0 auto;
}

.continer5-1_1 {
    width: 556px;
    float: left;
}

.continer5-1 .continer5-1_2 {
    width: 598px;
    float: left;
    border: 1px solid #a7aab0;
}

.continer5-1_1 .con5_gallery {
    width: 598px;
    margin-right: 49px;
    border: 1px solid #a7aab0;
}

.continer5-1_1 .con5_gallery ul:after {
    content: '';
    display: block;
    clear: both;
}

.continer5-1_1 .con5_gallery .gallery_title {
    border-bottom: 1px solid #2365b3;
    margin-bottom: 20px;
    padding: 20px 0px 20px 24px;
}

.continer5-1_1 .con5_gallery .gallery_photo ul li div ul .photo {
    width: 270px;
    margin-right: 20px;
    overflow: hidden;
}

.continer5-1_1 .con5_gallery .gallery_photo ul li div ul .photo .img {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.26%;
}

.continer5-1_1 .con5_gallery .gallery_photo ul li div ul .photo .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.continer5-1_1 .con5_gallery .gallery_photo ul li:last-child div ul .photo {
    margin-right: 0;
}

.continer5-1_1 .con5_gallery .gallery_photo .pho_name {
    font-size: 15px;
    text-align: left;
    height: 30px;
    line-height: 40px;
    color: #000;
    width: 280px;
}

.continer5-1_1 .con5_gallery .gallery_photo ul li div {
    float: left;
    position: relative;
}

.continer5-1_1 .con5_gallery .gallery_photo ul li div ul .photo img {
    width: 100%;
}

.continer5-1_1 .con5_gallery .gallery_photo ul li div ul .photo_of img {
    width: 100%;
}

.continer5-1_1 .con5_gallery .gallery_photo {
    padding: 0 18px 18px 18px;
}

.continer5-1_2 .con5_gallery {
    width: 598px;
    margin-right: 49px;
    border: 1px solid #a7aab0;
}

.continer5-1_2 .con5_gallery ul:after {
    content: '';
    display: block;
    clear: both;
}

.continer5-1_2 .con5_gallery .gallery_title {
    border-bottom: 1px solid #2365b3;
    margin-bottom: 20px;
    padding: 20px 0px 20px 24px;
}

.continer5-1_2 .con5_gallery .gallery_photo ul li div ul .photo {
    width: 270px;
    margin-right: 20px;
    overflow: hidden;
}

.continer5-1_2 .con5_gallery .gallery_photo ul li div ul .photo .img {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.26%;
}

.continer5-1_2 .con5_gallery .gallery_photo ul li div ul .photo .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.continer5-1_2 .con5_gallery .gallery_photo ul li:last-child div ul .photo {
    margin-right: 0;
}

.continer5-1_2 .con5_gallery .gallery_photo .pho_name {
    font-size: 15px;
    text-align: left;
    height: 30px;
    line-height: 40px;
    color: #000;
    width: 280px;
}

.continer5-1_2 .con5_gallery .gallery_photo ul li div {
    float: left;
    position: relative;
}

.continer5-1_2 .con5_gallery .gallery_photo ul li div ul .photo img {
    width: 100%;
}

.continer5-1_2 .con5_gallery .gallery_photo ul li div ul .photo_of img {
    width: 100%;
}

.continer5-1_2 .con5_gallery .gallery_photo {
    padding: 0 18px 18px 18px;
}

.continer6 .continer6_wp {
    width: 1280px;
    margin: 0 auto;
    background-image: url('/img/index/main_bottom_bn_bg.jpg');
    background-repeat: no-repeat;
    padding: 20px 0 20px 0;
}

.continer6 .continer6_wp .con6_bn_line {
    line-height: 164px;
    width: 1203px;
    height: 162px;
    margin: 0 auto;
}

.continer6 .continer6_wp .con6_bn_line ul .con_bn_txt {
    width: 80%;
    float: left;
    display: block;
    line-height: 42px;
    padding: 34px 0 0 60px;
}

.continer6 .continer6_wp .con6_bn_line ul .con_bn_txt p {
    color: #fff;
    font-size: 20px;
}

.continer6 .continer6_wp .con6_bn_line ul .con_bn_txt span {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}

.continer6 .continer6_wp .con6_bn_line ul .con_bn_btn {
    width: 20%;
    display: block;
}

.continer6 .continer6_wp .con6_bn_line ul .con_bn_btn span {
    background: #184488;
    border: 1px solid #fff;
    width: 155px;
    height: 84px;
    position: absolute;
    margin-top: 38px;
}

.continer6 .continer6_wp .con6_bn_line ul .con_bn_btn p {
    width: 155px;
    height: 84px;
    line-height: 84px;
    text-align: center;
    color: #fff;
}

.continer7 {
    background: #f7f7f9;
}

.continer7 .continer7_wp {
    width: 1280px;
    height: 218px;
    margin: 0 auto;
    padding: 55px 0 55px 0;
}

.continer7 .continer7_wp .site_map:after {
    content: '';
    display: block;
    clear: both;
}

.continer7 .continer7_wp .site_map .site_map1 {
    width: 240px;
    margin-right: 10px;
    text-align: center;
    float: left;
}

.continer7 .continer7_wp .site_map .site_map1 .map1_tit {
    border: 1px solid #caccd0;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #1a54aa;
    margin-bottom: 9px;
    line-height: 40px;
    background: #fff;
}

.continer7 .continer7_wp .site_map .site_map1 .map_m {
    border: 1px solid #caccd0;
    line-height: 30px;
    margin-bottom: 4px;
    background: #fff;
}

.continer7 .continer7_wp .site_map .site_map1 a .map_m {
    color: #000;
}

.continer7 .continer7_wp .site_map .site_map1 a .map_m:hover {
    color: #000;
    background: #f7f7f9;
}

.continer7 .continer7_wp .site_map .site_map2 {
    width: 240px;
    margin-right: 10px;
    text-align: center;
    float: left;
}

.continer7 .continer7_wp .site_map .site_map2 .map1_tit {
    border: 1px solid #caccd0;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #1a54aa;
    margin-bottom: 9px;
    line-height: 40px;
    background: #fff;
}

.continer7 .continer7_wp .site_map .site_map2 .map_m {
    border: 1px solid #caccd0;
    line-height: 30px;
    margin-bottom: 4px;
    background: #fff;
}

.continer7 .continer7_wp .site_map .site_map2 a .map_m {
    color: #000;
}

.continer7 .continer7_wp .site_map .site_map2 a .map_m:hover {
    color: #000;
    background: #f7f7f9;
}

.continer7 .continer7_wp .site_map .site_map3 {
    width: 240px;
    margin-right: 10px;
    text-align: center;
    float: left;
}

.continer7 .continer7_wp .site_map .site_map3 .map1_tit {
    border: 1px solid #caccd0;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #1a54aa;
    margin-bottom: 9px;
    line-height: 40px;
    background: #fff;
}

.continer7 .continer7_wp .site_map .site_map3 .map_m {
    border: 1px solid #caccd0;
    line-height: 30px;
    margin-bottom: 4px;
    background: #fff;
}

.continer7 .continer7_wp .site_map .site_map3 a .map_m {
    color: #000;
}

.continer7 .continer7_wp .site_map .site_map3 a .map_m:hover {
    color: #000;
    background: #f7f7f9;
}

.continer7 .continer7_wp .site_map .site_map4 {
    width: 240px;
    margin-right: 10px;
    text-align: center;
    float: left;
}

.continer7 .continer7_wp .site_map .site_map4 .map1_tit {
    border: 1px solid #caccd0;
    font-size: 18px;
    color: #333;
    font-weight: 600;
    border-bottom: 2px solid #1a54aa;
    margin-bottom: 9px;
    line-height: 40px;
    background: #fff;
}

.continer7 .continer7_wp .site_map .site_map4 .map_m {
    border: 1px solid #caccd0;
    line-height: 30px;
    margin-bottom: 4px;
    background: #fff;
}

.continer7 .continer7_wp .site_map .site_map4 a .map_m {
    color: #000;
}

.continer7 .continer7_wp .site_map .site_map4 a .map_m:hover {
    color: #000;
    background: #f7f7f9;
}

.continer7 .continer7_wp .site_map .site_map5 {
    width: 240px;
    text-align: center;
    float: left;
}

.continer7 .continer7_wp .site_map .site_map5 .map1_tit {
    border: 1px solid #caccd0;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #1a54aa;
    margin-bottom: 9px;
    line-height: 40px;
    background: #fff;
}

.continer7 .continer7_wp .site_map .site_map5 .map_m {
    border: 1px solid #caccd0;
    line-height: 30px;
    margin-bottom: 4px;
    background: #fff;
}

.continer7 .continer7_wp .site_map .site_map5 a .map_m {
    color: #000;
}

.continer7 .continer7_wp .site_map .site_map5 a .map_m:hover {
    color: #000;
    background: #f7f7f9;
}

.continer7_wp .site_map .map1_tit {
    border: 1px solid #caccd0;
    font-size: 18px;
    color: #333;
    font-weight: 600;
    border-bottom: 2px solid #1a54aa;
    margin-bottom: 9px;
    line-height: 40px;
    background: #fff;
}

/*행사및이벤트배너*/
.continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0 6px 0;
}

.continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 p {
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 0 6px 0;
}

.continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 .bn_icon {
    top: 13px;
    height: 62px;
    background-image: url('/img/index/bn_go_icon1.png');
    background-repeat: no-repeat;
    display: block;
    float: right;
    padding-right: 70px;
    position: relative;
}

.continer4_2 .con4_2_bn ul .con4_2_bn1 .bn_co {
    top: 6px;
    height: 12px;
    background-image: url('/img/index/bn_go_icon.png');
    background-repeat: no-repeat;
    display: block;
    float: right;
    padding-right: 269px;
    position: relative;
}

/*어학연수/캠프*/
.continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0 6px 0;
}

.continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 p {
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 0 6px 0;
}

.continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 .bn_icon2 {
    top: 13px;
    height: 62px;
    background-image: url('/img/index/bn_go_icon2.png');
    background-repeat: no-repeat;
    display: block;
    float: right;
    padding-right: 70px;
    position: relative;
}

.continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 .bn_co {
    top: 6px;
    height: 12px;
    background-image: url('/img/index/bn_go_icon.png');
    background-repeat: no-repeat;
    display: block;
    float: right;
    padding-right: 269px;
    position: relative;
}

/* 공지사항 */
.continer1 .board_wp .board {
    position: relative;
    width: 550px;
    height: 202px;
    background-color: #fff;
    left: 25px;
}

.continer1 .board_wp .board .list {
}

.continer1 .board_wp .board .list > li {
    float: left;
    width: 100%;
}

.continer1 .board_wp .board .tab_btn {
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    color: #636363;
    text-align: center;
}

.continer1 .board_wp .board .tab_btn i {
    display: none;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: #a7aab0;
}

.continer1 .board_wp .board .tab_btn .line {
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 20%;
    height: 4px;
    background-color: #1a54aa;
}

.continer1 .board_wp .board .active .tab_btn {
    color: #2e3192;
    font-weight: 600;
    text-align: left;
}

.continer1 .board_wp .board .active .tab_btn i {
    display: block;
}

.continer1 .board_wp .board .tabcontent {
    display: none;
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    padding-top: 16px;
}

.continer1 .board_wp .board .list > li:first-child .tabcontent {
    display: block;
}

.continer1 .board_wp .board .list ul {
    overflow: hidden;
    height: 113px;
}

.continer1 .board_wp .board .list ul li {
    margin-top: 4px;
    background: url('../images/main/board_bu.png') no-repeat 0 10px;
}

.continer1 .board_wp .board .list ul li:first-child {
    margin: 0;
}

.continer1 .board_wp .board .list ul li a {
    display: block;
    padding: 0;
    font-size: 14px;
    color: #333;
    line-height: 1.8em;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.continer1 .board_wp .board .more {
    position: absolute;
    top: -36px;
    right: 0px;
    width: 24px;
    height: 24px;
}

.continer1 .board_wp .board .more a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #a7aab0;
}

.continer1 .board_wp .board .more a span {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    padding-left: 5px;
}

.board_wp .board .tabcontent .list_box {
}

.continer1 .board_wp .board .tabcontent .list_box li {
    position: relative;
    padding-bottom: 10px;
}

.continer1 .board_wp .board .tabcontent .list_box li a {
    position: relative;
    display: block;
    width: 78%;
    padding-left: 12px;
    font-size: 15px;
    line-height: 17px;
    color: #363636;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.continer1 .board_wp .board .tabcontent .list_box li a:hover {
    color: #000;
}

.continer1 .board_wp .board .tabcontent .list_box li a:before {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    width: 4px;
    height: 4px;
    content: '';
    border-radius: 100%;
    background-color: #464646;
}

.continer1 .board_wp .board .tabcontent .list_box li .date {
    position: absolute;
    right: 30px;
    top: 2px;
    font-size: 13px;
    line-height: 14px;
    color: #7d7d7d;
    letter-spacing: -1px;
}

.board_wp .board .tabcontent .list_box {
}

.continer1 .board_wp .board .tabcontent .list_box li {
    position: relative;
    padding-bottom: 6px;
}

.continer1 .board_wp .board .tabcontent .list_box li a {
    position: relative;
    display: block;
    width: 78%;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px;
    color: #363636;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.continer1 .board_wp .board .tabcontent .list_box li a:hover {
    color: #000;
}

.continer1 .board_wp .board .tabcontent .list_box li a:before {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    width: 4px;
    height: 4px;
    content: '';
    border-radius: 100%;
    background-color: #464646;
}

.continer1 .board_wp .board .tabcontent .list_box li .date {
    position: absolute;
    right: 0px;
    top: 2px;
    font-size: 13px;
    line-height: 14px;
    color: #7d7d7d;
    letter-spacing: -1px;
}

/* 자료실 */
.continer5_2 .board_wp .board {
    position: relative;
    width: 550px;
    height: 140px;
    background-color: #fff;
    left: 25px;
}

.continer5_2 .board_wp .board .list {
}

.continer5_2 .board_wp .board .list > li {
    float: left;
    width: 100%;
}

.continer5_2 .board_wp .board .tab_btn {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    font-size: 18px;
    line-height: 50px;
    color: #636363;
    text-align: center;
}

.continer5_2 .board_wp .board .tab_btn i {
    display: none;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: #a7aab0;
}

.continer5_2 .board_wp .board .tab_btn .line {
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 20%;
    height: 0px;
    background-color: #1a54aa;
}

.continer5_2 .board_wp .board .active .tab_btn {
    color: #2e3192;
    font-weight: 600;
    text-align: left;
}

.continer5_2 .board_wp .board .active .tab_btn i {
    display: block;
}

.continer5_2 .board_wp .board .tabcontent {
    display: none;
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    padding-top: 12px;
}

.continer5_2 .board_wp .board .list > li:first-child .tabcontent {
    display: block;
}

.continer5_2 .board_wp .board .list ul {
    overflow: hidden;
}

.continer5_2 .board_wp .board .list ul li {
    margin-top: 4px;
    background: url('../images/main/board_bu.png') no-repeat 0 10px;
}

.continer5_2 .board_wp .board .list ul li:first-child {
    margin: 0;
}

.continer5_2 .board_wp .board .list ul li a {
    display: block;
    padding: 0;
    font-size: 14px;
    color: #333;
    line-height: 1.8em;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.continer5_2 .board_wp .board .more {
    position: absolute;
    top: -42px;
    right: 0px;
    width: 24px;
    height: 24px;
}

.continer5_2 .board_wp .board .more a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #a7aab0;
}

.continer5_2 .board_wp .board .more a span {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    padding-left: 5px;
}

.continer5_2 .board_wp .board .tabcontent .list_box li {
    position: relative;
    padding-bottom: 6px;
}

.continer5_2 .board_wp .board .tabcontent .list_box li a {
    position: relative;
    display: block;
    width: 78%;
    padding-left: 12px;
    font-size: 15px;
    line-height: 15px;
    color: #363636;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.continer5_2 .board_wp .board .tabcontent .list_box li a:hover {
    color: #000;
}

.continer5_2 .board_wp .board .tabcontent .list_box li a:before {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    width: 4px;
    height: 4px;
    content: '';
    border-radius: 100%;
    background-color: #464646;
}

.continer5_2 .board_wp .board .tabcontent .list_box li .date {
    position: absolute;
    right: 30px;
    top: 2px;
    font-size: 13px;
    line-height: 14px;
    color: #7d7d7d;
    letter-spacing: -1px;
}

.continer5_1 h2 a {
    display: block;
    float: right;
    background-color: #fff;
    border: 1px solid #a7aab0;
    padding: 1px 6px;
    margin-right: 20px;
}

/* main_board_list */
.continer3 .main_board .main_board1 .board_list table {
    width: 100%;
    border-top: 1px solid #a7aab0;
}

.continer3 .main_board .main_board1 .board_list table th {
    padding: 12px 0;
    font-size: 15px;
    line-height: 22px;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

.continer3 .main_board .main_board1 .board_list table td {
    padding: 12px 0;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    background: #fff;
}

.continer3 .main_board .main_board1 .board_list table th {
    background: #eff3f6;
}

.continer3 .main_board .main_board1 .board_list table td.subject {
    text-align: left;
    padding-left: 10px;
    background: #fff;
}

.continer3 .main_board .main_board1 .board_list table td.subject a {
    color: #555
}

.continer3 .main_board .main_board1 .board_list table td.subject a:hover {
    color: #009;
    text-decoration: none;
}

.continer3 .main_board .main_board1 .board_list table td.subject img {
    vertical-align: middle
}

.continer3 .main_board .main_board1 .board_list table td.name span {
    color: #333;
}

.continer3 .main_board .main_board1 .board_list .head .subject {
    border-bottom: 1px solid #e5e5e5;
    border-top: 2px solid #333;
}

.continer3 .main_board .main_board1 .board_list .head .tea {
    border-bottom: 1px solid #e5e5e5;
    border-top: 2px solid #333;
}

.continer3 .main_board .main_board1 .board_list .head .type {
    border-bottom: 1px solid #a7aab0;
}

.continer3 .main_board .main_board1 .board_list .head .period {
    border-bottom: 1px solid #a7aab0;
}

.continer3 .main_board h2 {
    margin-bottom: 20px;
}

.continer3 .main_board h2 a {
    display: block;
    float: right;
    background-color: #fff;
    border: 1px solid #a7aab0;
    padding: 1px 6px;
}

.continer3 .main_board .main_board2 .board_list .head .tea {
    border-bottom: 1px solid #e5e5e5;
    border-top: 2px solid #333;
}

/* main_board_list */
.continer3 .main_board .main_board2 .board_list table {
    width: 100%;
    border-top: 1px solid #a7aab0;
}

.continer3 .main_board .main_board2 .board_list table th {
    padding: 12px 0;
    font-size: 15px;
    line-height: 22px;
    color: #666;
    border-bottom: 1px solid #a7aab0;
    text-align: center;
}

.continer3 .main_board .main_board2 .board_list table td {
    padding: 12px 0;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    background: #fff;
}

.continer3 .main_board .main_board2 .board_list table th {
    background: #eff3f6;
}

.continer3 .main_board .main_board2 .board_list table td.subject {
    text-align: left;
    padding-left: 10px;
}

.continer3 .main_board .main_board2 .board_list table td.subject a {
    color: #555
}

.continer3 .main_board .main_board2 .board_list table td.subject a:hover {
    color: #009;
    text-decoration: none;
}

.continer3 .main_board .main_board2 .board_list table td.subject img {
    vertical-align: middle
}

.continer3 .main_board .main_board2 .board_list table td.name span {
    color: #333;
}

.continer3 .main_board .main_board2 .board_list .head .subject {
    border-bottom: 1px solid #e5e5e5;
    border-top: 2px solid #333;
}

.continer3 .main_board .main_board2 .board_list .head .period {
    border-right: 1px solid #a7aab0;
    border-bottom: 1px solid #a7aab0;
}

.continer3 .main_board .main_board2 .board_list .head .type {
    border-bottom: 1px solid #a7aab0;
}

.continer3 .main_board .main_board2 .board_list .head .period {
    border-bottom: 1px solid #a7aab0;
}

/* 수강후기 */
.continer4_2 .board_list table {
    width: 100%;
    border-top: 1px solid #a7aab0;
}

.continer4_2 .board_list table th {
    padding: 12px 0;
    font-size: 15px;
    line-height: 16px;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

.continer4_2 .board_list table td {
    padding: 12px 0;
    font-size: 14px;
    line-height: 16px;
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    text-align: center
}

.continer4_2 .board_list table th {
    background: #eff3f6;
}

.continer4_2 .board_list table td.subject {
    text-align: left;
    padding-left: 10px;
}

.continer4_2 .board_list table td.subject a {
    color: #555
}

.continer4_2 .board_list table td.subject a:hover {
    color: #009;
    text-decoration: none;
}

.continer4_2 .board_list table td.subject img {
    vertical-align: middle
}

.continer4_2 .board_list table td.name span {
    color: #333;
}

.continer4_2 .board_list .head .subject {
    border-bottom: 1px solid #e5e5e5;
    border-top: 2px solid #333;
}

.continer4_2 .board_list .head .tea {
    border-bottom: 1px solid #e5e5e5;
    border-top: 2px solid #333;
}

.continer4_2 .board_list .head .type {
    border-bottom: 1px solid #a7aab0;
}

.continer4_2 .board_list .head .period {
    border-bottom: 1px solid #a7aab0;
}

.continer4_2 h2 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

.continer4_2 h2 a {
    display: block;
    float: right;
    background-color: #fff;
    border: 1px solid #a7aab0;
    padding: 1px 6px;
}

.continer4_2 .con4_2_bn {
    width: 600px;
    margin-top: 16px;
}

.continer4_2 .con4_2_bn ul:after {
    content: '';
    display: block;
    clear: both;
}

.continer4_2 .con4_2_bn .con4_2_bn1 {
    width: 270px;
    height: 100px;
    background: #f2f4f7;
    margin-right: 14px;
    float: left;
    border: 1px solid #d2d2d2;
    padding: 10px 0 10px 20px;
}

.continer4_2 .con4_2_bn .con4_2_bn2 {
    width: 270px;
    height: 100px;
    background: #f2f4f7;
    float: left;
}

.continer4_2 .con4_2_bn .con4_2_bn2 {
    width: 270px;
    height: 100px;
    background: #f2f4f7;
    float: left;
    border: 1px solid #d2d2d2;
    padding: 10px 0 10px 20px;
}

.skip {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    background: none;
    font-size: 3px;
    color: transparent;
    line-height: 0;
}

/* shortcut */
.q_menu .shortcut {
    width: 100%;
    background-color: #4982c9;
}

.q_menu .shortcut ul {
    overflow: hidden;
}

.q_menu .shortcut li {
    float: left;
    width: 50%;
    border-left: 1px solid #75a0d6;
    border-top: 1px solid #75a0d6;
    margin: -1px 0 0 -1px;
}

.q_menu .shortcut li a {
    display: block;
    position: relative;
    padding: 70px 0 14px;
    font-size: 15px;
    color: #ffffff;
    text-align: center;
}

.q_menu .shortcut a i {
    display: block;
    position: absolute;
    left: 50%;
    width: 48px;
    margin-left: -24px;
    background-repeat: no-repeat;
    background-position: center top;
}

.q_menu .shortcut .icon01 {
    top: 13px;
    height: 45px;
    background-image: url('/img/index/shortcut_icon01.png');
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

.q_menu .shortcut .icon02 {
    top: 12px;
    height: 39px;
    background-image: url('/img/index/shortcut_icon02.png');
}

.q_menu .shortcut .icon03 {
    top: 13px;
    height: 45px;
    background-image: url('/img/index/shortcut_icon03.png');
}

.q_menu .shortcut .icon04 {
    top: 13px;
    height: 45px;
    background-image: url('/img/index/shortcut_icon04.png');
}

/* shortcut2 */
.continer2 .shortcut2 {
    width: 100%;
}

.continer2 .shortcut2 ul {
    /*overflow:hidden;*/
}

.continer2 .shortcut2 ul:after {
    content: '';
    display: block;
    clear: both;
}

.continer2 .shortcut2 li {
    float: left;
    margin: 0 28px 0 28px;
    position: relative;
}

.continer2 .shortcut2 ul .icon_bg_on {
    float: left;
    text-align: center;
}

.continer2 .shortcut2 li a {
    display: block;
    position: relative;
    font-size: 15px;
    color: #000000;
    text-align: center;
    cursor: default;
    width: 111px;
    height: 111px;
    margin: -1px 0 0 -1px;
    background: #edeff1;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
}

.continer2 .shortcut2 a i {
    display: block;
    position: absolute;
    left: 50%;
    width: 60px;
    margin-left: -28px;
    background-repeat: no-repeat;
    background-position: center top;
}

.continer2 .shortcut2 ul li:after {
    content: '';
    display: block;
    position: absolute;
    top: 36px;
    left: -35px;
    width: 17px;
    height: 23px;
    background: url('/img/index/shortcut2_icon08.png')no-repeat;
}

.continer2 .shortcut2 ul li:first-child:after {
    display: none;
}

.continer2 .shortcut2 .icon01 {
    top: 36px;
    height: 58px;
    background-image: url('/img/index/shortcut2_icon01.png');
}

.continer2 .shortcut2 .icon02 {
    top: 30px;
    height: 48px;
    background-image: url('/img/index/shortcut2_icon02.png');
}

.continer2 .shortcut2 .icon03 {
    top: 36px;
    height: 49px;
    background-image: url('/img/index/shortcut2_icon03.png');
}

.continer2 .shortcut2 .icon04 {
    top: 30px;
    height: 52px;
    background-image: url('/img/index/shortcut2_icon04.png');
}

.continer2 .shortcut2 .icon05 {
    top: 30px;
    height: 52px;
    background-image: url('/img/index/shortcut2_icon05.png');
}

.continer2 .shortcut2 .icon06 {
    top: 30px;
    height: 52px;
    background-image: url('/img/index/shortcut2_icon06.png');
}

.continer2 .shortcut2 .icon07 {
    top: 36px;
    height: 45px;
    background-image: url('/img/index/shortcut2_icon07.png');
}

.continer2 .shortcut2 ul li a span {
    display: block;
    margin-top: 50px;
}

.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo img {
    width: 100%;
}

.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo_of img {
    width: 100%;
}

/*m_main*/
#m_main .m_continer1 {
    width: 1280px;
    margin: 0 auto;
}

#m_main .m_continer1 .board_wp {
    width: 598px;
    border: 1px solid #a7aab0;
}

#m_main .m_continer1 .q_menu {
    width: 288px;
    /*height:100px;*/
    float: left;
    margin-right: 23px;
}

#m_main .m_continer1 .center {
    width: 314px;
    /*height:100px;*/
    float: left;
}

#m_main .m_continer1 .center ul .centere_tel {
    border: 1px solid #a7aab0;
    background: #f7f7f7;
    padding: 20px 0 20px 30px;
}

#m_main .m_continer1 .center ul .centere_tel p {
    color: #1a54aa;
    font-size: 30px;
    font-weight: 700;
    padding: 10px 0 6px 0;
}

#m_main .m_continer1 .center ul .centere_tel .tel_icon {
    top: 13px;
    height: 45px;
    background-image: url('/img/index/tel_icon.png');
    background-repeat: no-repeat;
    display: block;
    float: right;
    padding-right: 80px;
}

#m_main .m_continer1 .center ul .main_bn {
    background: #ffffff;
}

#m_main .m_continer1 .center ul .main_bn ul li a {
    color: #000000;
}

#m_main .m_continer1 .center ul .main_bn ul li a:hover {
    background: #1a54aa;
    color: #ffffff;
}

#m_main .m_continer1 .center ul .main_bn ul .main_bn1 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    border-right: none;
    display: block;
    width: 155px;
    line-height: 36px;
    text-align: center;
}

#m_main .m_continer1 .center ul .main_bn ul .main_bn2 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    display: block;
    width: 156px;
    line-height: 36px;
    text-align: center;
}

#m_main .m_continer1 .center ul .main_bn ul .main_bn3 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    border-right: none;
    display: block;
    width: 155px;
    line-height: 36px;
    text-align: center;
}

#m_main .m_continer1 .center ul .main_bn ul .main_bn4 {
    float: left;
    border: 1px solid #a7aab0;
    border-top: none;
    display: block;
    width: 156px;
    line-height: 36px;
    text-align: center;
}

#m_main .m_continer1 .board_wp .board {
    position: relative;
    width: 550px;
    height: 202px;
    background-color: #fff;
    /*left:25px;*/
}

#m_main .m_continer1 .board_wp .board .list {
}

#m_main .m_continer1 .board_wp .board .list > li {
    float: left;
    width: 100%;
}

#m_main .m_continer1 .board_wp .board .tab_btn {
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    color: #636363;
    text-align: center;
}

#m_main .m_continer1 .board_wp .board .tab_btn i {
    display: none;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: #a7aab0;
}

#m_main .m_continer1 .board_wp .board .tab_btn .line {
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 20%;
    height: 4px;
    background-color: #1a54aa;
}

#m_main .m_continer1 .board_wp .board .active .tab_btn {
    color: #2e3192;
    font-weight: 600;
    text-align: left;
}

#m_main .m_continer1 .board_wp .board .active .tab_btn i {
    display: block;
}

#m_main .m_continer1 .board_wp .board .tabcontent {
    display: none;
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
}

#m_main .m_continer1 .board_wp .board .list > li:first-child .tabcontent {
    display: block;
}

#m_main .m_continer1 .board_wp .board .list ul {
    overflow: hidden;
    height: 113px;
}

#m_main .m_continer1 .board_wp .board .list ul li {
    margin-top: 4px;
    background: url('../images/main/board_bu.png') no-repeat 0 10px;
}

#m_main .m_continer1 .board_wp .board .list ul li:first-child {
    margin: 0;
}

#m_main .m_continer1 .board_wp .board .list ul li a {
    display: block;
    padding: 0;
    font-size: 14px;
    color: #333;
    line-height: 1.8em;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#m_main .m_continer1 .board_wp .board .more {
    position: absolute;
    top: -36px;
    right: 0px;
    width: 24px;
    height: 24px;
}

#m_main .m_continer1 .board_wp .board .more a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #a7aab0;
}

#m_main .m_continer1 .board_wp .board .more a span {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    padding-left: 5px;
}

#m_main .m_continer1 .board_wp .board .tabcontent .list_box li {
    position: relative;
    padding-bottom: 10px;
}

#m_main .m_continer1 .board_wp .board .tabcontent .list_box li a {
    position: relative;
    display: block;
    width: 78%;
    padding-left: 12px;
    font-size: 15px;
    line-height: 17px;
    color: #363636;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#m_main .m_continer1 .board_wp .board .tabcontent .list_box li a:hover {
    color: #000;
}

#m_main .m_continer1 .board_wp .board .tabcontent .list_box li a:before {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    width: 4px;
    height: 4px;
    content: '';
    border-radius: 100%;
    background-color: #464646;
}

#m_main .m_continer1 .board_wp .board .tabcontent .list_box li .date {
    position: absolute;
    right: 30px;
    top: 2px;
    font-size: 13px;
    line-height: 14px;
    color: #7d7d7d;
    letter-spacing: -1px;
}

#m_main .m_continer1 .board_wp .board .tabcontent .list_box li {
    position: relative;
    padding-bottom: 6px;
}

#m_main .m_continer1 .board_wp .board .tabcontent .list_box li a {
    position: relative;
    display: block;
    width: 78%;
    padding-left: 12px;
    font-size: 14px;
    line-height: 14px;
    color: #363636;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#m_main .m_continer1 .board_wp .board .tabcontent .list_box li a:hover {
    color: #000;
}

#m_main .m_continer1 .board_wp .board .tabcontent .list_box li a:before {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    width: 4px;
    height: 4px;
    content: '';
    border-radius: 100%;
    background-color: #464646;
}

#m_main .m_continer1 .board_wp .board .tabcontent .list_box li .date {
    position: absolute;
    right: 0px;
    top: 2px;
    font-size: 13px;
    line-height: 14px;
    color: #7d7d7d;
    letter-spacing: -1px;
}

#m_main .m_continer3 {
    width: 100%;
    height: 300px;
    background-color: #f7f7f9;
    padding: 60px 0 0px 0;
}

#m_main .m_continer3 .main_board {
    width: 1280px;
    margin: 0 auto;
}

#m_main .m_continer3 .main_board .main_board1 {
    width: 600px;
    margin-right: 49px;
    float: left;
}

#m_main .m_continer3 .main_board .main_board2 {
    width: 600px;
    float: left;
}

#m_main .m_continer3 .main_board .main_board1 .board_list table {
    width: 100%;
    border-top: 1px solid #a7aab0;
}

#m_main .m_continer3 .main_board .main_board1 .board_list table th {
    padding: 12px 0;
    font-size: 15px;
    line-height: 22px;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

#m_main .m_continer3 .main_board .main_board1 .board_list table td {
    padding: 12px 0;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    text-align: center
}

#m_main .m_continer3 .main_board .main_board1 .board_list table th {
    background: #eff3f6;
}

#m_main .m_continer3 .main_board .main_board1 .board_list table td.subject {
    text-align: left;
}

#m_main .m_continer3 .main_board .main_board1 .board_list table td.subject a {
    color: #555;
    position: relative;
    display: block;
    width: 69%;
    font-size: 15px;
    line-height: 15px;
    color: #363636;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#m_main .m_continer3 .main_board .main_board1 .board_list table td.subject a:hover {
    color: #009;
    text-decoration: none;
}

#m_main .m_continer3 .main_board .main_board1 .board_list table td.subject img {
    vertical-align: middle
}

#m_main .m_continer3 .main_board .main_board1 .board_list table td.name span {
    color: #333;
}

#m_main .m_continer3 .main_board .main_board1 .board_list .head .subject {
    border-top: 2px solid #333;
    border-bottom: 1px solid #e5e5e5;
}

#m_main .m_continer3 .main_board .main_board1 .board_list .head .tea {
    border-top: 2px solid #333;
    border-bottom: 1px solid #e5e5e5;
}

#m_main .m_continer3 .main_board .main_board1 .board_list .head .type {
    border-bottom: 1px solid #a7aab0;
}

#m_main .m_continer3 .main_board .main_board1 .board_list .head .period {
    border-bottom: 1px solid #a7aab0;
}

#m_main .m_continer3 .main_board h2 {
    margin-bottom: 20px;
}

#m_main .m_continer3 .main_board h2 a {
    display: block;
    float: right;
    background-color: #fff;
    border: 1px solid #a7aab0;
    padding: 1px 6px;
}

#m_main .m_continer3 .main_board .main_board2 .board_list table {
    width: 100%;
    border-top: 1px solid #a7aab0;
}

#m_main .m_continer3 .main_board .main_board2 .board_list table th {
    padding: 12px 0;
    font-size: 15px;
    line-height: 22px;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

#m_main .m_continer3 .main_board .main_board2 .board_list table td {
    padding: 12px 0;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    text-align: center
}

#m_main .m_continer3 .main_board .main_board2 .board_list table th {
    background: #eff3f6;
}

#m_main .m_continer3 .main_board .main_board2 .board_list table td.subject {
    text-align: left;
}

#m_main .m_continer3 .main_board .main_board2 .board_list table td.subject a {
    color: #555;
    position: relative;
    display: block;
    width: 69%;
    font-size: 15px;
    line-height: 15px;
    color: #363636;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#m_main .m_continer3 .main_board .main_board2 .board_list table td.subject a:hover {
    color: #009;
    text-decoration: underline;
}

#m_main .m_continer3 .main_board .main_board2 .board_list table td.subject img {
    vertical-align: middle
}

#m_main .m_continer3 .main_board .main_board2 .board_list table td.name span {
    color: #333;
}

#m_main .m_continer3 .main_board .main_board2 .board_list .head .subject {
    border-top: 2px solid #333;
    border-bottom: 1px solid #e5e5e5;
}

#m_main .m_continer3 .main_board .main_board2 .board_list .head .period {
    border-right: 1px solid #a7aab0;
    border-bottom: 1px solid #e5e5e5;
}

#m_main .m_continer3 .main_board .main_board2 .board_list .head .type {
    border-bottom: 1px solid #a7aab0;
}

#m_main .m_continer3 .main_board .main_board2 .board_list .head .period {
    border-bottom: 1px solid #a7aab0;
}

#m_main .m_continer4 {
    width: 100%;
    height: 342px;
    margin-bottom: 60px;
}

#m_main .m_continer4 .continer4_wp {
    width: 1280px;
    margin: 0 auto;
}

#m_main .m_continer4 .continer4_1 {
    width: 556px;
    float: left;
}

.mob_continer4_2 {
    width: 600px;
    float: left;
}

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

#m_main .m_continer4 .continer4_1 .con4_tea {
    width: 614px;
    margin-right: 34px;
    border: 1px solid #a7aab0;
    height: 354px;
}

#m_main .m_continer4 .continer4_1 .con4_tea .tea_title {
    border-bottom: 1px solid #2365b3;
    padding: 20px 0px 20px 24px;
}

#m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo {
}

#m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo_of {
    margin-right: 0px;
}

#m_main .m_continer4 .continer4_1 .con4_tea .tea_photo .tea_name {
    font-size: 15px;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    width: 182px;
    position: relative;
    bottom: -208px;
}

#m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div {
    position: relative;
}

#m_main .m_continer4 .continer4_1 .con4_tea .tea_photo .tea_name .t_name {
}

#m_main .m_continer4 .continer4_1 .con4_tea .tea_photo {
}

#m_main .m_continer4 .continer4_1 h2 a {
    display: block;
    float: right;
    background-color: #fff;
    border: 1px solid #a7aab0;
    padding: 1px 6px;
    margin-right: 20px;
}

#m_main .m_continer5 .continer5_wp {
    width: 100%;
    margin: 0 auto;
}

#m_main .m_continer5 .continer5_1 {
    width: 556px;
    float: left;
}

#m_main .m_continer5 .continer5_2 {
    width: 600px;
    float: left;
    border: 1px solid #a7aab0;
}

#m_main .m_continer5 .continer5_1 .con5_gallery {
    border: 1px solid #a7aab0;
    height: 300px;
}

#m_main .m_continer5 .continer5_1 .con5_gallery .gallery_title {
    border-bottom: 1px solid #2365b3;
    margin-bottom: 20px;
    padding: 20px 0px 20px 24px;
}

#m_main .m_continer5 .continer5_1 .con5_gallery .gallery_photo .pho_name {
    font-size: 15px;
    text-align: left;
    height: 35px;
    color: #000;
    width: 280px;
    margin-top: 8px;
}

#m_main .m_continer5 .continer5_1 .con5_gallery .gallery_photo ul li div {
    position: relative;
}

#m_main .m_continer5 .continer5_1 .con5_gallery .gallery_photo {
}

/* m_자료실 */
#m_main .m_continer5 .continer5_2 .board_wp .board {
    position: relative;
    width: 550px;
    background-color: #fff;
    left: 25px;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .list {
}

#m_main .m_continer5 .continer5_2 .board_wp .board .list > li {
    float: left;
    width: 100%;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .tab_btn {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    font-size: 18px;
    line-height: 50px;
    color: #636363;
    text-align: center;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .tab_btn i {
    display: none;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background-color: #a7aab0;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .tab_btn .line {
    display: block;
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 20%;
    height: 0px;
    background-color: #1a54aa;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .active .tab_btn {
    color: #2e3192;
    font-weight: 600;
    text-align: left;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .active .tab_btn i {
    display: block;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent {
    display: none;
    position: absolute;
    top: 52px;
    left: 0;
    width: 100%;
    padding-top: 12px;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .list > li:first-child .tabcontent {
    display: block;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .list ul {
    overflow: hidden;
    height: 113px;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .list ul li {
    margin-top: 4px;
    background: url('../images/main/board_bu.png') no-repeat 0 10px;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .list ul li:first-child {
    margin: 0;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .list ul li a {
    display: block;
    padding: 0;
    font-size: 14px;
    color: #333;
    line-height: 1.8em;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .more {
    position: absolute;
    top: -42px;
    right: 0px;
    width: 24px;
    height: 24px;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .more a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #a7aab0;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .more a span {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    padding-left: 5px;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent .list_box li {
    position: relative;
    padding-bottom: 6px;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent .list_box li a {
    position: relative;
    display: block;
    width: 69%;
    padding-left: 12px;
    font-size: 15px;
    line-height: 15px;
    color: #363636;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent .list_box li a:hover {
    color: #000;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent .list_box li a:before {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    width: 4px;
    height: 4px;
    content: '';
    border-radius: 100%;
    background-color: #464646;
}

#m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent .list_box li .date {
    position: absolute;
    right: 30px;
    top: 2px;
    font-size: 13px;
    line-height: 14px;
    color: #7d7d7d;
    letter-spacing: -1px;
}

/* m_4수강후기 */
.mob_continer4_2 .board_list table {
    width: 100%;
    border-top: 1px solid #a7aab0;
}

.mob_continer4_2 .board_list table th {
    padding: 12px 0;
    font-size: 15px;
    line-height: 16px;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

.mob_continer4_2 .board_list table td {
    padding: 12px 0;
    font-size: 14px;
    line-height: 16px;
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    text-align: center
}

.mob_continer4_2 .board_list table th {
    background: #eff3f6;
}

.mob_continer4_2 .board_list table td.subject {
    text-align: left;
}

.mob_continer4_2 .board_list table td.subject a {
    color: #555;
    position: relative;
    display: block;
    width: 69%;
    font-size: 15px;
    line-height: 15px;
    color: #363636;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mob_continer4_2 .board_list table td.subject a:hover {
    color: #009;
    text-decoration: underline;
}

.mob_continer4_2 .board_list table td.subject img {
    vertical-align: middle
}

.mob_continer4_2 .board_list table td.name span {
    color: #333;
}

.mob_continer4_2 .board_list .head .subject {
    border-top: 2px solid #333;
    border-bottom: 1px solid #e5e5e5;
}

.mob_continer4_2 .board_list .head .tea {
    border-top: 2px solid #333;
    border-bottom: 1px solid #e5e5e5;
    ;}

.mob_continer4_2 .board_list .head .type {
    border-bottom: 1px solid #a7aab0;
}

.mob_continer4_2 .board_list .head .period {
    border-bottom: 1px solid #a7aab0;
}

.mob_continer4_2 h2 {
    margin-bottom: 20px;
}

.mob_continer4_2 h2 a {
    display: block;
    float: right;
    background-color: #fff;
    border: 1px solid #a7aab0;
    padding: 1px 6px;
}

.mob_continer4_2 .con4_2_bn .con4_2_bn1 {
    width: 270px;
    height: 100px;
    background: #f2f4f7;
    margin-right: 14px;
    float: left;
    border: 1px solid #d2d2d2;
}

.mob_continer4_2 .con4_2_bn .con4_2_bn2 {
    width: 270px;
    height: 100px;
    background: #f2f4f7;
    float: left;
}

.mob_continer4_2 .con4_2_bn .con4_2_bn2 {
    width: 270px;
    height: 100px;
    background: #f2f4f7;
    float: left;
    border: 1px solid #d2d2d2;
}

/*m_4행사및이벤트배너*/
.mob_continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0 6px 0;
}

.mob_continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 p {
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 0 6px 0;
}

.mob_continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 .bn_icon {
    top: 13px;
    height: 62px;
    background-image: url('/img/index/bn_go_icon1.png');
    background-repeat: no-repeat;
    display: block;
    float: right;
    padding-right: 70px;
    position: relative;
}

.mob_continer4_2 .con4_2_bn ul .con4_2_bn1 .bn_co {
    top: 6px;
    height: 12px;
    background-image: url('/img/index/bn_go_icon.png');
    background-repeat: no-repeat;
    display: block;
    float: right;
    padding-right: 269px;
    position: relative;
}

/*m_4어학연수/캠프*/
.mob_continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0 6px 0;
}

.mob_continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 p {
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 0 6px 0;
}

.mob_continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 .bn_icon2 {
    top: 13px;
    height: 62px;
    background-image: url('/img/index/bn_go_icon2.png');
    background-repeat: no-repeat;
    display: block;
    float: right;
    padding-right: 70px;
    position: relative;
}

.mob_continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 .bn_co {
    top: 6px;
    height: 12px;
    background-image: url('/img/index/bn_go_icon.png');
    background-repeat: no-repeat;
    display: block;
    float: right;
    padding-right: 269px;
    position: relative;
}

/*m5*/
.mob_continer5_1 h2 a {
    display: block;
    float: right;
    background-color: #fff;
    border: 1px solid #a7aab0;
    padding: 1px 6px;
    margin-right: 20px;
}

/*main nav*/
#topMenu {
    height: 42px;
}

#topMenu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    z-index: 100;
}

#topMenu ul li {
    color: #333;
    line-height: 36px;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.menuLink, .submenuLink {
    text-decoration: none;
    display: block;
    width: 160px;
    font-size: 17px;
    font-family: 'Nanum Gothic';
}

.menuLink {
    color: #333;
    font-weight: 600;
    height: 60px;
    line-height: 46px;
}

.topMenuLi {
    position: relative;
}

.topMenuLi:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 12px;
    background: #b7b7b7;
    top: 18px;
    right: 0;
}

.topMenuLi:nth-child(6):after, .topMenuLi:nth-child(7):after {
    display: none;
}

.topMenuLi:hover .menuLink {
    color: #005bab;
}

.submenuLink {
    color: #2d2d2d;
    background-color: white;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
}

.longLink {
    width: 190px;
}

.submenu {
    position: absolute;
    height: 0px;
    overflow: hidden;
    transition: height .2s;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -o-transition: height .2s;
}

.topMenuLi:hover .submenu {
    height: 300px;
}

.submenuLink:hover {
    color: #fff;
    background-color: #005bab;
}

ul.submenu {
    top: 61px;
}

#topMenu ul li {
    color: #333;
    line-height: 36px;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.menuLink, .submenuLink {
    text-decoration: none;
    display: block;
    width: 160px;
    font-size: 17px;
    font-family: 'Nanum Gothic';
}

.menuLink {
    color: #333;
    font-weight: 600;
}

.topMenuLi:hover .menuLink {
    color: #005bab;
}

.submenuLink {
    color: #fff;
    background-color: #027de5;
    margin-top: -7px;
    font-size: 13px;
    transition: all .35s;
}

.longLink {
    width: 190px;
}

.submenu {
    position: absolute;
    height: 0px;
    overflow: hidden;
    transition: height .2s;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -o-transition: height .2s;
}

.topMenuLi:hover .submenu {
    height: 300px;
}

.submenuLink:hover {
    color: #fff;
    background-color: #0071d0;
}

ul.submenu {
    top: 54px;
}

.topMenuLi:hover::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-top: 15px solid none;
    border-bottom: 15px solid #027de5;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    top: 40px;
    left: 30px;
}

.l_menu_tit {
    height: 90px;
    background: #003F86;
    color: #fff;
    border-radius: 10px;
    font-size: 24px;
    font-weight: 300;
    padding: 30px 0 0px 20px;
    box-sizing: border-box;
    font-family: 'SBAggro';
}

/* gnb */
.gnb_sub {
    width: 240px;
    margin: 20px auto 0;
}

.gnb_sub ul ul {
    display: none;
}

.gnb_sub ul {
    width: 240px;
    margin: 0px;
    padding: 0;
}

.gnb_sub>ul>li {
    display: block;
}

.gnb_sub li a {
    position: relative;
    display: block;
    padding: 17px 35px 15px 20px;
    color: #505152;
    line-height: 1.2;
    font-size: 17px;
    font-weight: 300;
    font-family: 'SBAggro';
    text-indent: 0;
    box-sizing: border-box;
}

.gnb_sub .lnb_01 > li {
    border-bottom: 1px solid #ddd;
}

.gnb_sub .lnb_01 > li.active, .gnb_sub .lnb_01 > li.current {
    border-bottom: none;
}

.gnb_sub .lnb_01 > li:first-child > a {
    border-top: 1px solid #ddd;
}

.gnb_sub .lnb_01 > li > a:after {
    display: block;
    position: absolute;
    z-index: 1;
    right: 18px;
    top: 19px;
    content: '';
    width: 6px;
    height: 6px;
    border: solid #585c62;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: transform .5s;
}

.gnb_sub .lnb_01 > li > a:hover {
    background: #003F86;
    color: #fff;
}

.gnb_sub .lnb_01 > li > a:hover:after {
    top: 22px;
    border-color: #fff;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}

.gnb_sub .lnb_01 > li.active > a, .gnb_sub .lnb_01 > li.current > a {
    background-color: #003F86;
    color: #fff;
}

.gnb_sub .lnb_01 > li.active > a:after, .gnb_sub .lnb_01 > li.current > a:after {
    top: 22px;
    border-color: #fff;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}

.gnb_sub .lnb_02 {
    padding: 15px;
    width: 100%;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    transition: transform 0.3s linear;
}

.gnb_sub .lnb_02 > li > a {
    position: relative;
    padding: 10px 10px 7px 10px;
    font-size: 15px;
}

.gnb_sub .lnb_02 > li > a:hover {
    color: #003F86;
    font-weight: 500;
}

.gnb_sub .lnb_02 > li > a::before {
    position: absolute;
    top: 16px;
    left: 0;
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #8e8e8e;
}

.gnb_sub .lnb_02 > li > a:hover::before, .gnb_sub .lnb_02 > li > a:hover::before {
    background-color: #003F86;
}

.gnb_sub .lnb_02 > li > a:hover {
    border-radius: 0;
}

.gnb_sub .lnb_02 > li > a:hover {
    color: #003F86;
    font-weight: 500;
}

.gnb_sub .lnb_02 .lnb_02_link.active {
    color: #003F86;
    font-weight: 500;
}

/*header*/
#header .nav {
    position: relative;
    height: 80px;
    z-index: 1000;
}

#header .wrap_gnb {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
}

#header .wrap_gnb .logo {
    width: 204px;
}

#header .wrap_gnb .logo a {
    display: block;
    padding: 26px 0;
}

#header .wrap_gnb .logo .img_logo {
    display: block;
    width: 100%;
}

#header.open_gnb .wrap_gnb {
    height: 315px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    background-color: #fff;
}

#header .wrap_gnb::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background-color: #EEE;
    pointer-events: none;
    opacity: 0;
}

#header .wrap_gnb::after {
    top: 80px;
}

#header.open_gnb .wrap_gnb::before, #header.open_gnb .wrap_gnb::after {
    opacity: 1;
}

#header.open_gnb .menu_depth1 {
    height: 300px;
}

#header .inner_gnb {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

.nav .menu_depth1 {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 284px;
    height: 80px;
}

.nav .menu_depth1 > li {
    position: relative;
    float: left;
}

.nav .menu_depth1 a {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.025px;
}

.nav .menu_depth1 .link_depth1 {
    padding: 0 30px;
    line-height: 80px;
}

.nav .menu_depth1 a:hover {
    color: #007cbc;
}

.nav .menu_depth1 > li:nth-child(1) .link_depth1 {
    padding: 0 40px;
}

.nav .menu_depth2 {
    position: absolute;
    top: 93px;
    left: 0;
    right: 0;
}

.nav .menu_depth2 > li + li {
    margin-top: 10px;
}

.nav .menu_depth2 .link_depth2 {
    font-size: 16px;
    line-height: 26px;
    word-break: break-all;
}

.nav .wrap_gnb .btn_sitemap_view {
    position: absolute;
    top: 16px;
    right: 0;
    width: 48px;
    height: 48px;
    background: none;
    border: none;
    cursor: pointer;
}

.nav .wrap_gnb .btn_sitemap_view .img_g {
    display: block;
    width: 100%;
}

.tab_tit_top {
    width: 20%;
    background-color: #f8f8f8;
    padding: 15px 0;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    text-align: center;
}

.tab_c_top {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
}

.tab_tit {
    width: 20%;
    background-color: #f8f8f8;
    padding: 15px 0 15px 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
}

.tab_c {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
}

.home_tit a {
    color: #333;
}

.top_menubt {
    background-color: #005bab;
    color: #fff;
    width: 130px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
}

.top_menubt a {
    color: #fff;
}

.top_menubt:hover {
    background-color: #666;
    color: #fff;
}

.tab_bt2 {
    background-color: #005bab;
    color: #fff;
    width: 130px;
    padding: 12px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
}

.tab_bt2 a {
    color: #fff;
}

.tab_bt2:hover {
    background-color: #007eec;
    color: #fff;
}

.tab_bt2-2 {
    background-color: #666;
    color: #fff;
    width: 130px;
    padding: 12px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
}

.tab_bt2-2 a {
    color: #fff;
}

.tab_bt2-2:hover {
    background-color: #333;
    color: #fff;
}

.tab_bt2_pop {
    background-color: #005bab;
    color: #fff;
    padding: 10px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
    margin-top: 15px;
}

.tab_bt2_pop a {
    color: #fff;
}

.tab_bt2_pop:hover {
    background-color: #007eec;
    color: #fff;
}

.tab_bt2-2_pop {
    background-color: #666;
    color: #fff;
    padding: 10px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
    margin-top: 15px;
}

.tab_bt2-2_pop a {
    color: #fff;
}

.tab_bt2-2_pop:hover {
    background-color: #333;
    color: #fff;
}

.tab_bt3 {
    background-color: #1591dc;
    color: #fff;
    width: 130px;
    padding: 12px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
}

.tab_bt3 a {
    color: #fff;
}

.tab_bt3:hover {
    background-color: #666;
    color: #fff;
}

.nb_mar {
    display: block;
    margin: 0 2%;
}

.logo2 {
    width: 278px;
    height: 100px;
    display: inline-block;
}

.logo2 img {
    margin-left: 66px;
    padding-top: 16px;
}

.cp_txt span {
    font-size: 15px;
}

.cp_txt2 {
    margin-bottom: 10px;
    font-size: 12px;
}

.cp_txt2 a {
    color: #333;
}

.cp_txt2 a:hover {
    color: #333;
    text-decoration: underline;
}

.cp_txt3 {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 149%;
}

.c_tit {
    padding-bottom: 10px;
    font-size: 16px;
}

/*sub*/
#right_main .sub_c ul.list {
    width: 100%;
    border-top: 2px solid #333;
    margin-top: 20px
}

#right_main .sub_c ul.list:after {
    content: '';
    display: block;
    clear: both
}

#right_main .sub_c ul.list li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    line-height: 44px
}

#right_main .sub_c ul.list li span.t {
    display: inline-block;
    display: inline;
    zoom:1; width: 105px;
    background: #f7f7f7;
    color: #333;
    padding-left: 15px
}

#right_main .sub_c ul.list li span.c {
    display: inline-block;
    display: inline;
    zoom:1; color: #777;
    padding-left: 15px
}

#right_main .sub_c ul.list li.col {
    width: 33.3%
}

/*join*/
.j_fom_tit {
    padding: 10px;
    text-align: center;
    background: #cdcdcd;
    font-size: 12px;
    word-break: keep-all;
    font-weight: 600;
}

.j_fom_tit2 {
    padding: 10px;
    text-align: center;
    background: #e6e6e6;
    font-size: 12px;
    word-break: keep-all;
    line-height: 149%;
}

.log_bt {
    background-color: #3C4466;
    color: #fff;
    width: 200px;
    height: 85px;
    line-height: 82px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    transition: all .3s;
}

.log_bt a {
    color: #fff;
}

.log_bt:hover {
    background-color: #171b2b;
    color: #fff;
}

.id_pw_bt {
    background-color: #757575;
    color: #fff;
    padding: 8px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 2px;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
}

.id_pw_bt a {
    color: #fff;
}

.id_pw_bt:hover {
    background-color: #666;
    color: #fff;
}

.log_tit {
    display: inline-block;
    width: 10%;
    background-color: #fff;
    /*padding:15px 0 15px 15px;*/
    font-size: 14px;
    font-weight: 600;
}

/* board_list */
#bs_b .board_list table {
    width: 100%;
    border-top: 2px solid #333;
}

#bs_b .board_list table th {
    padding: 12px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    text-align: center
}

#bs_b .board_list table td {
    padding: 12px 0;
    font-size: 15px;
    line-height: 22px;
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    text-align: center
}

#bs_b .board_list table th {
    background: #eff3f6;
}

#bs_b .board_list table td.subject {
    text-align: left
}

#bs_b .board_list table td.subject a {
    color: #555
}

#bs_b .board_list table td.subject a:hover {
    color: #009;
    text-decoration: underline;
}

#bs_b .board_list table td.subject img {
    vertical-align: middle
}

#bs_b .board_list table td.name span {
    color: #333;
}

#bs_b .board_list_foot {
    position: relative;
    width: 100%;
    margin-top: 5%;
}

#bs_b .board_list_foot .btns {
    position: absolute;
    right: 0;
    top: 0;
}

#bs_b .board_list_foot .btns a {
    display: inline-block;
    zoom:1; padding: 0 15px;
    height: 36px;
    line-height: 36px;
    font-size: 13px;
    color: #fff;
    background: #dd2a2d;
    transition: all .3s;
}

#bs_b .board_list_foot .search_box {
    position: relative;
    ;text-align: center;
    margin: 20px 0 30px 0;
}

#bs_b .board_list_foot .search_box select {
    border: 1px solid #e5e5e5;
    font-size: 15px;
    color: #666;
    padding: .5em 30px .5em 6px;
    min-width: 100px;
}

#bs_b .board_list_foot .search_box input[type=text] {
    border: 1px solid #e5e5e5;
    width: 150px;
    background: #f5f5f5;
    padding: .5em 6px .5em 6px;
    font-size: 15px;
    color: #666
}

#bs_b .board_list_foot .search_box input[type=submit] {
    width: 50px;
    height: 27px;
    background: #aaa;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 15px;
    cursor: pointer
}

#bs_b .board_list_foot .search_box2 {
    text-align: center;
    margin-top: 20px
}

#bs_b .board_list_foot .search_box2 select {
    border: 1px solid #e5e5e5;
    font-size: 15px;
    color: #666;
    padding: 4px 4px;
    width: 100px
}

#bs_b .board_list_foot .search_box2 input[type=text] {
    border: 1px solid #e5e5e5;
    height: 25px;
    line-height: 25px;
    width: 100px;
    background: #f5f5f5;
    padding: 0 5px;
    font-size: 15px;
    color: #666
}

#bs_b .board_list_foot .search_box2 input[type=submit] {
    width: 50px;
    height: 27px;
    background: #aaa;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 15px;
    cursor: pointer
}

#bs_b .notice td {
    background: #fafafa;
    font-weight: 600;
    color: #333;
}

#bs_b .notice a {
    font-weight: 600;
    color: #333;
}

#bs_b .notice a:hover {
    font-weight: 600;
    color: #333;
    text-decoration: underline;
}

#bs_b .board_list_foot_m {
    position: relative;
    width: 100%;
    margin-top: 20px
}

#bs_b .board_list_foot_m .btns_m {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right
}

#bs_b .board_list_foot_m .btns_m a {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #dd2a2d
}

#bs_b .board_list_foot_m .btns_m a:hover {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #666
}

#bs_b .board_list_foot_m2 {
    position: relative;
    width: 100%;
    margin-top: 20px
}

#bs_b .board_list_foot_m2 .btns_m2 {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right
}

#bs_b .board_list_foot_m2 .btns_m2 a {
    display: inline-block;
    display: inline;
    zoom:1; height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #dd2a2d
}

#bs_b .paginate_m {
    width: 100%;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

#bs_b .paginate_m a.curr {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 6px;
    height: 19px;
    line-height: 19px;
    border: 1px solid #757575;
    font-size: 12px;
    color: #005bab;
    margin: 0 2px
}

#bs_b .paginate_m a.curr:hover {
    background: #fff
}

#bs_b .paginate_m a.link {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 6px;
    height: 19px;
    line-height: 19px;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    color: #606060;
    margin: 0 2px
}

#bs_b .paginate_m a.first {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_first.gif) 5px 5px no-repeat;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

#bs_b .paginate_m a.prev {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_prev.gif) 5px 5px no-repeat;
    margin-right: 6px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

#bs_b .paginate_m a.next {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_next.gif) 5px 5px no-repeat;
    margin-left: 6px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

#bs_b .paginate_m a.end {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_end.gif) 5px 5px no-repeat;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

#bs_b .paginate_m a:hover {
    border: 1px solid #757575;
}

#bs_b span.msg {
    display: inline-block;
    display: inline;
    zoom:1; font-size: 12px;
    color: #e83e3e;
    margin-left: 10px;
}

#bs_b .board_list_foot .search_box_m {
    text-align: center;
    margin-top: 20px
}

/* common_m txt_btnx*/
#bs_b .paginate_m2 {
    width: 100%;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

#bs_b .paginate_m2 a.curr {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 6px;
    height: 19px;
    line-height: 19px;
    border: 1px solid #757575;
    font-size: 12px;
    color: #005bab;
    margin: 0 2px
}

#bs_b .paginate_m2 a.curr:hover {
    background: #fff
}

#bs_b .paginate_m2 a.link {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 6px;
    height: 19px;
    line-height: 19px;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    color: #606060;
    margin: 0 2px
}

#bs_b .paginate_m2 a.first {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_first.gif) 5px 5px no-repeat;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

#bs_b .paginate_m2 a.prev {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_prev.gif) 5px 5px no-repeat;
    margin-right: 6px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

#bs_b .paginate_m2 a.next {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_next.gif) 5px 5px no-repeat;
    margin-left: 6px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

#bs_b .paginate_m2 a.end {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_end.gif) 5px 5px no-repeat;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

#bs_b .paginate_m2 a:hover {
    border: 1px solid #757575;
}

#bs_b span.msg {
    display: inline-block;
    display: inline;
    zoom:1; font-size: 12px;
    color: #e83e3e;
    margin-left: 10px;
}

/* board_list */
#bs_b2 .board_list table {
    width: 100%;
    border-top: 2px solid #333;
}

#bs_b2 .board_list table th {
    padding: 12px 0;
    font-size: 15px;
    line-height: 22px;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    text-align: center
}

#bs_b2 .board_list table td {
    padding: 12px 0;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    text-align: center
}

#bs_b2 .board_list table th {
    background: #eff3f6;
}

#bs_b2 .board_list table td.subject {
    text-align: left
}

#bs_b2 .board_list table td.subject a {
    color: #555
}

#bs_b2 .board_list table td.subject a:hover {
    color: #009;
    text-decoration: underline;
}

#bs_b2 .board_list table td.subject img {
    vertical-align: middle
}

#bs_b2 .board_list table td.name span {
    color: #333;
}

#bs_b2 .board_list_foot {
    position: relative;
    width: 100%;
    margin-top: 20px
}

#bs_b2 .board_list_foot .btns {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right
}

#bs_b2 .board_list_foot .btns a {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #dd2a2d
}

#bs_b2 .board_list_foot .btns a:hover {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #666
}

#bs_b2 .board_list_foot .search_box {
    text-align: center;
    margin-top: 20px
}

#bs_b2 .board_list_foot .search_box select {
    border: 1px solid #e5e5e5;
    font-size: 13px;
    color: #666;
    padding: 4px 4px;
    width: 100px
}

#bs_b2 .board_list_foot .search_box input[type=text] {
    border: 1px solid #e5e5e5;
    height: 25px;
    line-height: 25px;
    width: 150px;
    background: #f5f5f5;
    padding: 0 5px;
    font-size: 13px;
    color: #666
}

#bs_b2 .board_list_foot .search_box input[type=submit] {
    width: 50px;
    height: 27px;
    background: #aaa;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 13px;
    cursor: pointer
}

#bs_b .paginate {
    width: 100%;
    text-align: center;
    margin-top: 5%;
}

#bs_b .paginate a.curr {
    display: inline-block;
    display: inline;
    zoom:1; padding: 5px 10px;
    height: 19px;
    line-height: 22px;
    border: 1px solid #757575;
    font-size: 15px;
    color: #005bab;
    margin: 0 2px
}

#bs_b .paginate strong {
    display: inline-block;
    display: inline;
    zoom:1; padding: 5px 10px;
    height: 19px;
    line-height: 22px;
    border: 1px solid #757575;
    font-size: 15px;
    color: #005bab;
    margin: 0 2px;
    position: relative;
}

#bs_b .paginate strong:after {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background: #005bab;
    position: absolute;
    bottom: 5px;
    left: calc(50% - 25%);
}

#bs_b .paginate a.curr:hover {
    background: #fff
}

#bs_b .paginate a.link {
    display: inline-block;
    display: inline;
    zoom:1; padding: 5px 10px;
    height: 19px;
    line-height: 22px;
    border: 1px solid #e6e6e6;
    font-size: 15px;
    color: #606060;
    margin: 0 2px
}

#bs_b .paginate a.first {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_first.gif) 5px 5px no-repeat;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

#bs_b .paginate a.prev {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_prev.gif) 5px 5px no-repeat;
    margin-right: 6px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

#bs_b .paginate a.next {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_next.gif) 5px 5px no-repeat;
    margin-left: 6px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

#bs_b .paginate a.end {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_end.gif) 5px 5px no-repeat;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

#bs_b .paginate a:hover {
    border: 1px solid #757575;
}

#bs_b span.msg {
    display: inline-block;
    display: inline;
    zoom:1; font-size: 12px;
    color: #e83e3e;
    margin-left: 10px
}

.item_area .item .subject {
    width: 100%;
    font-weight: bold
}

.item_area .item .signdate {
    width: 100%;
}

.item_area .item .view {
    width: 100%;
}

fieldset {
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    min-width: -webkit-min-content;
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
    border: none;
}

.search_bt {
    background-color: #757575;
    color: #fff;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
    vertical-align: top;
    transition: all .3s;
}

.search_bt a {
    color: #fff;
}

.search_bt:hover {
    background-color: #666;
    color: #fff;
}

.search_bt_m {
    background-color: #757575;
    color: #fff;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    cursor: pointer;
    vertical-align: top;
}

.search_bt_m a {
    color: #fff;
}

.search_bt_m:hover {
    background-color: #666;
    color: #fff;
}

.search_bt2 {
    background-color: #757575;
    color: #fff;
    float: right;
    padding: 6px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    vertical-align: top;
}

.search_bt2 a {
    color: #fff;
}

.search_bt2:hover {
    background-color: #666;
    color: #fff;
}

.bs_b1 .b_line {
    border-bottom: 1px solid #CCC;
    font-size: 13px;
}

.b_line td a {
    color: #555;
    font-size: 15px;
}

.b_line td a:hover {
    color: #009;
    text-decoration: underline;
}

.cen_tab_tit_top {
    width: 20%;
    padding: 15px 0 15px 40px;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    background: url(/img/other/ico_move_prev.gif) 16px 18px no-repeat #f8f8f8;
}

.cen_tab_c_top {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    font-size: 13px;
}

.cen_tab_tit {
    width: 20%;
    background-color: #f8f8f8;
    padding: 15px 0 15px 15px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
}

.cen_tab_c {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
}

.cen_tab_tit_top_next {
    width: 20%;
    padding: 15px 15px 15px 40px;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    background: url(/img/other/ico_move_next.gif) 16px 18px no-repeat #f8f8f8;
}

.cen_tab_c_top {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
}

.cen_tab_tit {
    width: 20%;
    background-color: #f8f8f8;
    padding: 15px 0 15px 15px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
}

.cen_tab_c {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
}

.bs_b1 .b_line .b1_tab_tit_top {
    width: 10%;
    background-color: #f8f8f8;
    padding: 15px 0 15px 0px;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    text-align: center;
}

.bs_b1 .b_line .b1_tab_c_top {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    font-size: 15px;
}

.bs_b1 .b_line .b1_tab_tit {
    width: 10%;
    background-color: #f8f8f8;
    padding: 15px 0 15px 0px;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    text-align: center;
}

.bs_b1 .b_line .b1_tab_c {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
    font-size: 15px;
}

.bs_b2 .b_line2 .b2_tab_tit_top {
    width: 10%;
    background-color: #f8f8f8;
    padding: 15px 0 15px 0px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    text-align: center;
}

.bs_b2 .b_line2 .b2_tab_c_top {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
}

.bs_b2 .b_line2 .b2_tab_tit {
    width: 10%;
    background-color: #f8f8f8;
    padding: 4px 0 4px 0px;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    text-align: center;
}

.bs_b2 .b_line2 .b2_tab_c {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
}

/*교육안내 고용보험환급제도*/
.app_tab_tit_top {
    width: 20%;
    padding: 2% 2% 2% 3%;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    background: #f8f8f8;
}

.app_tab_c_top {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    font-size: 13px;
}

.app_tab_tit {
    width: 20%;
    background-color: #f8f8f8;
    padding: 15px 0 15px 15px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
}

.app_tab_c {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
}

.app_tab_c1 {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

.app_tab_tit_top_next {
    width: 20%;
    padding: 2% 2% 2% 3%;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    background: #f8f8f8;
}

.app_tab_c_top {
    background-color: #eff3f6;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.app_tab_tit {
    width: 20%;
    background-color: #f8f8f8;
    padding: 15px 0 15px 15px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
}

.app_tab_c {
    width: 40%;
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
    line-height: 149%;
}

/*교육안내 훈련과정 개발절차*/
.app4_tab_tit_top {
    width: 25%;
    padding: 4% 2% 4% 3%;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    background: #f8f8f8;
}

.app4_tab_c_top {
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    font-size: 13px;
    line-height: 149%;
}

.app4_tab_tit {
    width: 20%;
    background-color: #f8f8f8;
    padding: 15px 0 15px 15px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
}

.app4_tab_c {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
}

.app4_tab_c1 {
    width: 25%;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    text-align: center;
}

.app4_tab_tit_top_next {
    padding: 2%;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    text-align: center;
    background: #f8f8f8;
}

.app4_tab_c_top {
    background-color: #eff3f6;
    border-bottom: 1px solid #dedede;
    border-top: 2px solid #151515;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.app4_tab_tit {
    width: 20%;
    background-color: #f8f8f8;
    padding: 15px 0 15px 15px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
}

.app4_tab_c {
    width: 25%;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    line-height: 149%;
    text-align: center;
}

.app4_tab_c3 {
    width: 25%;
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    line-height: 149%;
    text-align: center;
}

.app4_tab_c_top span {
    font-size: 13px;
    color: #838383;
}

.app4_tab_tit_top_next span {
    font-size: 13px;
    color: #838383;
}

.app4_tab_tit_top_next ul li {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

/* board_gallery_list
#bs_b .board_gallery_list{position:relative; width:100%; border-top:2px solid #333;}
#bs_b .board_gallery_list .item_area{position:relative; left:; top:0; width:100%; padding:24px 0; border-bottom:1px solid #e5e5e5}
#bs_b .board_gallery_list .item_area ul.item{width:102%}
#bs_b .board_gallery_list .item_area ul.item:after{content:''; display:block; clear:both}
#bs_b .board_gallery_list .item_area ul.item li{visibility:hidden; position:relative; float:left; width:24%; margin-right:1%}
#bs_b .board_gallery_list .item_area ul.item li .img{position:relative; overflow:hidden}
#bs_b .board_gallery_list .item_area ul.item li .img img{position:absolute; left:0; top:0; max-width:none}
#bs_b .board_gallery_list .item_area ul.item li .subject{margin-top:5px; margin-bottom:5px; overflow:hidden}
#bs_b .board_gallery_list .item_area ul.item li .subject a{font-size:13px; line-height:20px; color:#666}
#bs_b .board_gallery_list .item_area ul.item li .subject span.comment{font-size:12px; line-height:20px; color:#999}
#bs_b .board_gallery_list .item_area ul.item li .subject img{vertical-align:middle}
#bs_b .board_gallery_list .item_area ul.item li .signdate{margin-top:0px}
#bs_b .board_gallery_list .item_area ul.item li .signdate,
#bs_b .board_gallery_list .item_area ul.item li .view{font-size:11px; line-height:16px; color:#999}*/
#bs_b .board_gallery_list .item_area ul.item li .subject {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

#bs_b .board_gallery_list .item_area ul.item li .subject a {
    font-size: 14px;
    line-height: 20px;
    color: #666
}

#bs_b .board_gallery_list .item_area ul.item li .subject span.comment {
    font-size: 12px;
    line-height: 20px;
    color: #999
}

#bs_b .board_gallery_list .item_area ul.item li .subject img {
    vertical-align: middle
}

#bs_b .board_gallery_list .item_area ul.item li .signdate {
    margin-top: 0px
}

#bs_b .board_gallery_list .item_area ul.item li .signdate, #bs_b .board_gallery_list .item_area ul.item li .view {
    font-size: 12px;
    line-height: 16px;
    color: #999
}

#bs_b .board_gallery_list .item_area ul.item li .price {
    margin-top: 5px;
    font-size: 14px;
}

#bs_b .board_gallery_list .item_area ul.item li .stu_icon_img {
    margin: 4px 0 4px 0;
}

#bs_b .board_gallery_list .item_area ul.item li {
    width: 23.2%;
    float: left;
    margin-right: 2.2%;
    margin-bottom: 2%;
}

/* board_stu_list
#bs_b .board_stu_list{position:relative; width:100%; border-top:2px solid #333;}
#bs_b .board_stu_list .item_area{position:relative; left:; top:0; width:100%; padding:24px 0; border-bottom:1px solid #e5e5e5}
#bs_b .board_stu_list .item_area ul.item{width:102%}
#bs_b .board_stu_list .item_area ul.item:after{content:''; display:block; clear:both}
#bs_b .board_stu_list .item_area ul.item li{visibility:hidden; position:relative; float:left; width:24.9%;}
#bs_b .board_stu_list .item_area ul.item li .img{position:relative; overflow:hidden}
#bs_b .board_stu_list .item_area ul.item li .img img{position:absolute; left:0; top:0; max-width:none}*/
#bs_b .board_stu_list .item_area ul.item li .subject {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

#bs_b .board_stu_list .item_area ul.item li .subject a {
    font-size: 14px;
    line-height: 20px;
    color: #666
}

#bs_b .board_stu_list .item_area ul.item li .subject span.comment {
    font-size: 12px;
    line-height: 20px;
    color: #999
}

#bs_b .board_stu_list .item_area ul.item li .subject img {
    vertical-align: middle
}

#bs_b .board_stu_list .item_area ul.item li .signdate {
    margin-top: 0px
}

#bs_b .board_stu_list .item_area ul.item li .signdate, #bs_b .board_stu_list .item_area ul.item li .view {
    font-size: 12px;
    line-height: 16px;
    color: #999
}

#bs_b .board_stu_list .item_area ul.item li .price {
    margin-top: 5px;
    font-size: 12px;
}

#bs_b .board_stu_list .item_area ul.item li .stu_icon_img {
    margin: 4px 0 4px 0;
}

#bs_b .board_stu_list .item_area ul.item {
    margin-bottom: 4%;
}

#bs_b .board_stu_list .item_area ul.item:after {
    content: '';
    display: block;
    clear: both
}

#bs_b .board_stu_list .item_area ul.item li {
    width: 220px;
    float: left;
    margin-right: 2.2%;
}

/*my3_1*/
#bs_b .board_my_list .item_area ul.item li .subject {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

#bs_b .board_my_list .item_area ul.item li .subject a {
    display: block;
    font-size: 15px;
    line-height: 20px;
    color: #666
}

#bs_b .board_my_list .item_area ul.item li .subject span.comment {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #999
}

#bs_b .board_my_list .item_area ul.item li .subject img {
    vertical-align: middle
}

#bs_b .board_my_list .item_area ul.item li .signdate {
    margin-top: 0px
}

#bs_b .board_my_list .item_area ul.item li .signdate, #bs_b .board_my_list .item_area ul.item li .view {
    font-size: 14px;
    line-height: 16px;
    color: #999
}

#bs_b .board_my_list .item_area ul.item li .signdate2 {
    font-size: 14px;
    line-height: 16px;
    color: #999
}

#bs_b .board_my_list .item_area ul.item li .price {
    margin-top: 5px;
    font-size: 14px;
}

#bs_b .board_my_list .item_area ul.item li .stu_icon_img {
    margin: 4px 0 4px 0;
}

/*채점*/
.mar1 {
    width: 20px;
    height: 20px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.mar2 {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid red;
}

.mar3 {
    font-size: 34px;
    font-weight: 900;
    color: red;
}

#bs_b .board_list_foot .btns2 {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right
}

#bs_b .board_list_foot .btns btns22 {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #818181
}

#bs_b .board_list_foot .btns btns22:hover {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #666
}

#bs_b .board_list_foot .btns_m {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right
}

#bs_b .board_list_foot .btns_m a {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #dd2a2d
}

#bs_b .board_list_foot .btns_m a:hover {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #666
}

.my4_4_bt {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #999;
}

.my4_4_bt a {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #999;
}

.my4_4_bt:hover {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #666
}

.my4_4_bt2 {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #dd2a2d
}

.my4_4_bt2 a {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #dd2a2d
}

.my4_4_bt2:hover {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #666
}

.my4_4_bt3 {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #dd2a2d;
}

.my4_4_bt3 a {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #999;
}

.my4_4_bt3:hover {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #666
}

#bs_b .board_list_foot .btns btns22 {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #818181
}

#bs_b .board_list_foot .btns btns22:hover {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 15px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    background: #666
}

.hGraph ul {
    margin: 0 50px 0 50px;
    padding: 1px 0 0 0;
    border: 1px solid #ddd;
    border-top: 0;
    border-right: 0;
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    list-style: none;
}

.hGraph li {
    position: relative;
    margin: 10px 0;
    white-space: nowrap;
    vertical-align: top;
}

.hGraph .gTerm {
    position: absolute;
    width: 40px;
    top: 0;
    left: -50px;
    line-height: 20px;
    text-align: left;
    color: #767676;
    font-weight: bold;
}

.hGraph .gBar {
    position: relative;
    display: inline-block;
    height: 20px;
    border: 1px solid #ccc;
    border-left: 0;
    background: #e9e9e9;
}

.hGraph .gBar span {
    position: absolute;
    width: 40px;
    line-height: 20px;
    top: 0;
    right: -50px;
    color: #767676;
}

.hGraph .gBar .ppppp {
    width: 100%;
    position: absolute;
    margin-left: -5px;
    top: 36px;
}

.hGraph_num {
    width: 100%;
}

.hGraph_num ul {
    margin: 0 50px 0 50px;
    padding: 1px 0 0 0;
}

.hGraph_num ul li {
    width: 20%;
    float: left;
}

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

.id_p1 {
    width: 30%;
}

.cer_1 {
    margin-right: 20px;
}

.join_f_1 {
    width: 40%;
}

.join_f_2 {
    width: 20%;
}

.join_f_3 {
    width: 30%;
}

.join_f_4 {
    width: 20%;
}

.join_f_5 {
    width: 20%;
}

.cen1_3_f {
    width: 98%;
    overflow: visible;
    text-overflow: ellipsis;
}

.cen_f1 {
    width: 90%;
}

.cen_f2 {
    width: 20%;
}

.cen_f3 {
    width: 40%;
}

.join_f_6 {
    width: 20%;
}

.join_f_10 {
    width: 100%
}

.cen_txt1 {
    width: 20%;
}

.cen_txt1_m {
    width: 40%;
}

.cen1_3_f_main {
    width: 100%;
}

.cen1_3_f_main ul .cen1_3_f_1 {
    width: 90%;
    float: left;
}

.cen1_3_f_main ul .cen1_3_f_2 {
    width: 10%;
    float: left;
}

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

.stu1_2_top ul .stu1_2_img {
    width: 40%;
    float: left;
    margin-right: 10px;
    box-sizing: border-box;
}

.stu1_2_top ul .stu1_2_txt {
    width: 58%;
    float: right;
    box-sizing: border-box;
}

.stu1_2_top ul .stu1_2_txt .stu_bt2_1 {
    background-color: #002A74;
}

.stu1_2_top ul .stu1_2_txt .stu_bt2_1:hover {
    background-color: #011841;
}

.stu1_2_top ul .stu1_2_txt .table4 {
    border: none;
    border-collapse: collapse;
    border-top: 2px solid #304850;
}

.stu1_2_top ul .stu1_2_txt .table4 td {
    padding: 10px;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #e9ecef;
    font-size: 16px;
}

.stu1_2_top ul .stu1_2_txt .table4 td.b2_tab_tit {
    width: 20%;
    background-color: #f9f9f9;
    color: #304850;
}

.stu1_2_top ul .stu1_2_txt .table4 td.b2_tab_tit strong {
    font-weight: 500;
}

.stu1_2_top ul .stu1_2_txt .table4 td {
    border-left: none;
}

.stu1_2_btn {
    width: 100%;
}

.stu1_2_btn ul .stu1_2_btn1 {
    width: 48%;
    float: left;
    text-align: right;
    margin-right: 4px;
}

.stu1_2_btn ul .stu1_2_btn2 {
    width: 48%;
    float: left;
}

.m_stu1_3_3 {
    display: none;
}

.m_join1 {
    display: none;
}

.m_stu1_3 {
    display: none;
}

.m_my3_2 {
    display: none;
}

.board_list_foot_m {
    display: none;
}

.search_box_m {
    text-align: center;
    padding-top: 10px;
}

.my3_2_tb1 {
    padding: 10px 0 10px 0;
    color: #fff;
}

.board_list_foot_m2 {
    display: none;
}

.my4_3_tab {
    width: 100%;
    box-sizing: border-box;
}

.my4_3_tab table td {
    padding: 12px 4px;
}

.my4_3_tab table .stu1_2_btn ul {
    margin-top: 20px;
}

.my4_3_tab .tb_edu thead tr th {
    padding: 15px;
}

.m_my3_1_3 {
    display: none;
}

.m_my3_2_2 {
    display: none;
}

.m_my3_1_2 {
    display: none;
}

.stu1_1_top_btn {
    display: none;
}

.m_my3_1 {
    display: none;
}

.my3_2_bt {
    background-color: #757575;
    color: #fff;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
}

.my3_2_bt a {
    color: #fff;
}

.my3_2_bt:hover {
    background-color: #666;
    color: #fff;
}

.my3_2_bt2 {
    background-color: #757575;
    color: #fff;
    padding: 4px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
}

.my3_2_bt2 a {
    color: #fff;
}

.my3_2_bt2:hover {
    background-color: #666;
    color: #fff;
}

.m_comm5_3 {
    display: none;
}

.m_cen1_3 {
    display: none;
}

.m_my1_1_2 {
    display: none;
}

.m_my1_1_1 {
    display: none;
}

.m_my_4_4_2 {
    display: none;
}

.my3_1_2_f {
    width: 50%;
}

#m_main {
    display: none;
}

.m_topMenu {
    display: none;
}

/*bar_graph_0329추가*/
.bar_graph {
    border: 1px solid #dedede;
    padding: 4% 2% 6% 2%;
    border-top: 2px solid #151515;
    height: auto;
    overflow: hidden;
}

/*circle_graph*/
.circle_graph {
    border: 1px solid #dedede;
    padding: 2%;
    height: auto;
    overflow: hidden;
    border-top: 2px solid #151515;
}

.c_graph ul li {
    float: left;
    width: 18%;
    margin: 0 16%
}

.c_graph ul .tit {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10%;
}

.c_graph ul .graph_img {
    text-align: center;
    margin-bottom: 10%;
}

.c_graph ul .per {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10%;
}

.c_graph ul .c_g_ip {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.c_graph ul .total_score {
    color: #F00;
}

.c_graph ul {
    width: 102%;
    margin-left: -1%
}

/*1119*/
.c_graph1 .graph_img {
    background: url(/img/my/pro_icon1.png) no-repeat center center;
}

.c_graph2 .graph_img {
    background: url(/img/my/pro_icon2.png) no-repeat center center;
}

.c_graph3 .graph_img {
    background: url(/img/my/pro_icon3.png) no-repeat center center;
}

.c_graph4 .graph_img {
    background: url(/img/my/pro_icon4.png) no-repeat center center;
}

.c_graph5 .graph_img {
    background: url(/img/my/pro_icon5.png) no-repeat center center;
}

.circle_graph_ip {
    padding: 2%;
    height: auto;
    overflow: hidden;
}

.c_graph_ip ul li {
    float: left;
    width: 18%;
    margin: 0 1%
}

.c_graph_ip ul .c_g_ip {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10%;
}

#per_list_wp {
    width: 105%;
    height: 20px;
    margin: 0 auto;
    padding-left: 7%;
}

#per_list_wp ul {
    width: 100%
}

#per_list_wp ul .per_list {
    float: left;
    width: 16.66666666667%;
    height: 20px;
    font-size: 12px;
}

/* Horizontal Bar Graph */
.hGraph ul {
    margin: 0 40px 0 70px;
    padding: 1px 0 0 0;
    border: 1px solid #ddd;
    border-top: 0;
    border-right: 0;
    font-size: 12px;
    list-style: none;
}

.hGraph li {
    position: relative;
    margin: 10px 0;
    white-space: nowrap;
    vertical-align: top;
}

.hGraph .gTerm {
    position: absolute;
    width: 40px;
    top: 0;
    left: -67px;
    line-height: 20px;
    text-align: right;
    color: #767676;
    font-weight: bold;
}

.hGraph .gBar {
    position: relative;
    display: inline-block;
    height: 20px;
    border: 1px solid #ccc;
    border-left: 0;
    background: #3f54c1;
}

.hGraph .gBar span {
    position: absolute;
    width: 40px;
    line-height: 20px;
    top: 0;
    right: -6px;
    color: #fff;
}

/*훈련생유의사항*/
.notice_top {
    position: relative;
    margin: 20px 0 30px;
    padding: 30px 30px 30px 190px;
    border: 1px solid #d2d2d2;
    border-top: 3px solid #007fd8;
    box-sizing: border-box;
    word-break: keep-all;
}

.notice_top .not_top_txt {
    line-height: 149%;
    min-height: 80px;
    padding-left: 40px;
    border-left: 1px dashed #b2b2b2;
}

.notice_top .notice_icon {
    position: absolute;
    left: 10px;
    top: 30px;
    width: 185px;
    min-height: 91px;
    background-image: url('/img/app/notice_icon1.jpg');
    background-position: center;
    background-repeat: no-repeat;
}

.notice_top_c {
    border: 1px solid #eeeeee;
    background-color: #f8f8f8;
    padding: 2.74914089347%;
    margin-bottom: 50px;
}

.tit_line {
    height: 1px;
    margin: 0 auto;
    background: url('/img/app/d_line.png');
    margin-bottom: 26px;
}

.notice_c {
    width: 100%;
}

.notice_1 {
    position: relative;
}

.notice_bg_icon {
    position: absolute;
    top: -8px;
    left: 49%;
}

.notice_1 .notice_1_tit {
    background-color: #eff3f6;
    border: 1px solid #0b4da2;
    height: 60px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    color: #005bab;
    line-height: 60px;
}

.notice_1 .notice_1_txt {
    border: 2px solid #d9d9d9;
    padding: 24px;
    font-size: 14px;
    line-height: 149%;
    margin-bottom: 30px;
}

/*훈련진행방법*/
.way_box .list_target {
    width: 100%;
}

.way_box .list_target .circle_target1 {
    width: 124px;
    height: 137px;
    background: url(/img/app/text_title1.jpg) center center no-repeat;
    float: left;
}

.way_box .list_target .circle_target1 h4 {
    text-align: center;
    line-height: 1.3;
    padding: 40px 0 0 0;
}

.way_box .list_target .circle_target1 h4 span {
    font-size: 26px;
    color: #333333;
    font-weight: 600;
}

.way_box .list_target .circle_target2 {
    width: 124px;
    height: 137px;
    background: url(/img/app/text_title3.jpg) center center no-repeat;
    float: left;
}

.way_box .list_target .circle_target2 h4 {
    text-align: center;
    line-height: 1.3;
    padding: 40px 0 0 0;
}

.way_box .list_target .circle_target2 h4 span {
    font-size: 26px;
    color: #333333;
    font-weight: 600;
}

.way_box .list_target .desc_target {
    background: url(/img/app/text_title2.jpg) left top no-repeat;
    padding: 23px 0 0 90px;
    width: 706px;
    height: 129px;
    margin-left: 126px;
}

.way_box .list_target .desc_target em {
    font-size: 18px;
    color: #005bab;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 600;
    display: block;
}

.way_box .list_target .desc_target p {
    line-height: 149%;
}

.circle_target1_m {
    display: none;
}

/*map*/
#map_tit {
    margin-bottom: 10px;
}

/*
.history table {width:100%; margin:60px 0 100px; font-size:14px; border-bottom:1px solid #d8d8d8;}
.history table .pdt20 {padding-top:20px;}
.history table .pdb20 {padding-bottom:20px;}
.history table th {text-align:left; line-height:0.8; border-top:2px solid #0069c1; color:#0069c1; font-family: 'Titillium Web', sans-serif; font-weight:400; font-size:30px; vertical-align:top;}
.history table td {color:#666; line-height:1.2; padding-bottom:10px; padding-left:10px; vertical-align:top;}
.history table td.align_left {text-align:left; padding-left:20px;}
.history table td.bt {border-top:1px solid #d8d8d8;}
.history table td img {padding-right:10px; padding-bottom:10px;}
.history table .day{font-weight:600;}
*/
.history_blue {
    position: relative;
}

.history_blue:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    top: 0px;
    left: 60px;
    width: 1px;
    height: 100%;
    background: #dfe3e6;
    z-index: 1;
}

.history_blue .title {
    background: #fff!important;
    margin: 0!important;
    position: relative;
    z-index: 99;
    padding: 80px 0 30px;
}

.history_blue .title:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    height: 10px;
    background: #fff;
}

.history_blue .history_list {
    position: relative;
    min-height: 92px;
    width: auto;
    margin-top: 10px;
    padding: 0 43px;
}

.history_blue .history_list h3 {
    position: absolute;
    top: 0;
    width: 92px;
    height: 92px;
}

.history_blue .history_list h3 span {
    position: relative;
    z-index: 70;
    width: 92px;
    display: block;
    font-family: "NBL";
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding-top: 30px;
}

.history_blue .history_list h3 span em {
    margin-top: -20px;
    display: block;
    font-size: 15px;
    margin-bottom: 8px;
    font-style: normal;
    color: #fff;
    font-family: "NBL";
}

.history_blue .history_list h3:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 92px;
    height: 92px;
    background: #0075c2;
    border-radius: 50px;
    z-index: 10;
}

.history_blue .history_list ul {
    padding-top: 33px;
}

.history_blue .history_list ul li {
    line-height: 28px;
}

.history_blue .history_list ul li span {
    font-weight: 600;
    margin-right: 6px
}

.history_blue .history_list ul:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    top: 42px;
    width: 40px;
    height: 9px;
    z-index: 10;
}

.history_blue .history_list ul.line2 {
    padding-top: 19px;
}

.history_blue .history_list ul.line3 {
    padding-top: 5px;
}

.history_blue .history_list ul.line4 {
    padding-top: 0;
}

.history_blue .history_list {
    margin-left: 60px;
    text-align: left;
}

.history_blue .history_list ul {
    margin: 0px 0 0 60px;
}

.history_blue .history_list ul:after {
    left: 46px;
    background: url(/img/int/history_right_dot.gif) no-repeat 0 0;
}

.history_blue .history_list h3 {
    left: -46px;
}

.history_blue .history_list:after {
    display: block;
    clear: both;
    content: "";
    position: absolute;
    top: 0;
    width: 208px;
    height: 109px;
}

.history_blue .history_list.img01:after {
    right: 0;
    background: url(../images/history_01.gif) no-repeat 0 0;
}

.history_blue .history_list.img02:after {
    left: -572px;
    background: url(../images/history_02.gif) no-repeat 0 0;
}

.history_blue .history_list.img03:after {
    right: -572px;
    background: url(../images/history_03.gif) no-repeat 0 0;
}

.history_blue .history_list.img04:after {
    right: -572px;
    background: url(../images/history_04.gif) no-repeat 0 0;
}

.history_blue .history_list.img05:after {
    right: -572px;
    background: url(../images/history_05.gif) no-repeat 0 0;
}

.history_blue .history_list.img06:after {
    left: -572px;
    background: url(../images/history_06.gif) no-repeat 0 0;
}

.history_blue .history_list.img07:after {
    right: -572px;
    background: url(../images/history_07.gif) no-repeat 0 0;
}

.history_blue .history_list.img08:after {
    left: -572px;
    background: url(../images/history_08.gif) no-repeat 0 0;
}

.history_blue .history_list.img09:after {
    left: -572px;
    background: url(../images/history_09.gif) no-repeat 0 0;
}

.history_blue .history_list.img10:after {
    right: -572px;
    background: url(../images/history_10.gif) no-repeat 0 0;
}

.history_blue .history_list.img11:after {
    right: -572px;
    background: url(../images/history_11.gif) no-repeat 0 0;
}

/*조직도*/
.organ {
    position: relative;
    text-align: center;
    max-width: 1160px;
    margin: 0 auto;
}

.organ {
    width: 100%;
    margin: 0 auto;
}

.organ > ul {
    margin: 0 auto;
}

.organ > ul > li {
    text-align: center;
    position: relative;
}

.organ > ul > li > span {
    display: block;
    width: 150px;
    height: 150px;
    line-height: 140px;
    margin: 0 auto;
    border-radius: 100px;
    border: #e5e5e5 8px solid;
    background: #fff;
    color: #005bab;
    font-size: 22px;
    font-weight: 600;
}

.organ > ul > li:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 358px;
    background: #d1d1d1;
    z-index: -1;
}

.organ > ul > li:first-child:after {
    content: "";
    width: 1px;
    height: 1px;
}

.organ > ul > li:last-child:after {
    content: "";
    width: 1px;
    height: 1px;
}

.organ > ul > li > ul {
    position: relative;
}

.organ > ul > li > ul.top:after {
    content: "";
    position: absolute;
    left: 25%;
    width: 800px;
    margin-left: -100px;
    height: 1px;
    top: 60px;
    background: #d1d1d1;
    z-index: -1;
}

.organ > ul > li > ul.bottom:after {
    content: "";
    position: absolute;
    left: 38%;
    width: 87.6%;
    margin-left: -31.1%;
    height: 1px;
    top: 358px;
    background: #d1d1d1;
    z-index: -1;
}

.organ > ul > li > ul > li {
    float: left;
    width: 50%;
    margin: 30px 0;
}

.organ > ul > li > ul.top > li.left > span {
    margin-right: 10%;
}

.organ > ul > li > ul.top > li.right > span {
    margin-left: 10%;
}

.organ > ul > li > ul.top > li > span {
    display: block;
    width: 40%;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border-radius: 10px;
    background: #454953;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    float: left;
}

.organ > ul > li > ul.middle > li {
    width: 100%;
}

.organ > ul > li > ul.middle > li.left > span {
    margin-left: 40%;
}

.organ > ul > li > ul.middle > li.right > span {
    margin-left: 10%;
}

.organ > ul > li > ul.middle > li > span {
    display: block;
    width: 20%;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border-radius: 10px;
    background: #454953;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    float: left;
}

.organ > ul > li > ul.middle2 > li.left > span {
    margin-right: 10%;
}

.organ > ul > li > ul.middle2 > li.right > span {
    margin-left: 10%;
}

.organ > ul > li > ul.middle2 > li > span {
    display: block;
    width: 40%;
    height: 58px;
    line-height: 58px;
    margin: 0 auto;
    border-radius: 10px;
    background: #454953;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.organ > ul > li > ul.bottom {
    width: 100%;
    position: relative;
}

.organ > ul > li > ul.bottom > li {
    position: relative;
    width: 50%;
}

.organ > ul > li > ul.bottom > li.botLeft {
    width: 40%;
}

.organ > ul > li > ul.bottom > li.botLeft:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100px;
    top: -27px;
    background: #d1d1d1;
    z-index: -1;
}

.organ > ul > li > ul.bottom > li.botLeft span {
    width: 72.5%;
    margin: 0 auto;
}

.organ > ul > li > ul.bottom > li.botRight {
    margin-left: 2%;
    width: 58%;
}

.organ > ul > li > ul.bottom > li.botRight:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 86px;
    top: -27px;
    background: #d1d1d1;
    z-index: -1;
}

.organ > ul > li > ul.bottom > li.botRight span {
    width: 50%;
    margin: 0 25%;
}

.organ > ul > li > ul.bottom > li > span {
    display: block;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    border-radius: 10px;
    background: #949494;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    float: left;
    width: 23%;
    margin: 1%;
}

.organ > ul > li > ul.bottom > li.botLeft> ul {
    margin: 20px auto;
    position: relative;
    width: 72.5%;
    border-radius: 10px;
    border: 2px solid #d1d1d1;
    background: #fff;
    padding: 10px 0;
}

.organ > ul > li > ul.bottom > li.botLeft> ul li {
    list-style: square;
    margin-left: 20%;
    width: 50%;
}

.organ > ul > li > ul.bottom > li.botLeft> ul li span {
    display: block;
    width: 80%;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    font-size: 16px;
    text-align: left;
}

.organ > ul > li > ul > li.ul3 {
    position: relative;
}

.organ > ul > li > ul > li.ul3:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 66.5%;
    margin-left: -33.2%;
    height: 1px;
    top: 58px;
    background: #d1d1d1;
    z-index: -1;
}

.organ > ul > li > ul > li.ul3.botRight > div {
    width: 31.333%;
    margin: 20px 1%;
    float: left;
    position: relative;
}

.organ > ul > li > ul > li.ul3.botRight > div > ul {
    border-radius: 10px;
    border: 2px solid #d1d1d1;
    background: #fff;
    padding: 10px 0;
}

.organ > ul > li > ul > li.ul3.botRight > div > ul.ul3Bot {
    margin: 10px 1%;
}

.organ > ul > li > ul > li.ul3.botRight > div > ul.delete:after {
    width: 31.333%;
    float: left;
    margin: 20px 1%;
    border-radius: 10px;
    border: 2px solid #fff;
    background: #fff;
    padding: 10px 0;
}

.organ > ul > li > ul > li.ul3.botRight > div:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 50px;
    top: -10px;
    padding-bottom: 0;
    background: #d1d1d1;
    z-index: -1;
}

.organ > ul > li > ul > li.ul3.botRight > div > ul.officeline:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 120%;
    top: -50px;
    padding-bottom: 0;
    background: #d1d1d1;
    z-index: -1;
}

.organ > ul > li > ul > li.ul3.botRight > div > ul.center:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    top: -12px;
    padding-bottom: 80px;
    background: #d1d1d1;
    z-index: -1;
}

.organ > ul > li > ul > li.ul3.botRight > div > ul > li {
    list-style: square;
    margin-left: 20%;
    width: 80%;
}

.organ > ul > li > ul > li.ul3.botRight > div > ul > li > span {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    font-size: 16px;
    text-align: left;
}

.organ > ul > li > ul > li.ul3.botRight > div > ul > li > span br {
    display: none;
}

.organ > ul > li > ul.middle2:after {
    content: "";
    position: absolute;
    left: 68%;
    width: 25%;
    margin-left: -30%;
    height: 1px;
    top: 294px;
    background: #d1d1d1;
    z-index: -1;
}

.organ > ul > li > ul.bottom > li > span:after {
    content: "";
    position: absolute;
    margin-left: -6%;
    width: 1px;
    height: 50px;
    top: -25px;
    padding-bottom: 0;
    background: #d1d1d1;
    z-index: -1;
}

/*인사말*/
.greetings {
    position: relative;
    background: #ececec;
    padding: 4%;
}

.greetings .ceo {
    position: absolute;
    right: 5%;
    top: 29px;
}

.greetings .ceo > ul > li:first-child {
    margin-top: 59%;
}

.greetings .ceo > ul > li {
    float: left;
    text-align: right;
}

.greetings p {
    font-size: 32px;
    color: #959595;
    letter-spacing: -2px;
    line-height: 120%;
    padding-left: 4%;
    padding-bottom: 3%;
}

.greetings .txt1 {
    font-size: 14px;
    color: #a68b6e;
    letter-spacing: 0px;
}

.greetings .greetingcon {
    font-size: 14px;
    line-height: 149%;
    color: #666;
    background: #fff;
    padding: 4%;
}

.greetings .ceo_mm {
    display: none;
}

.m_line {
    display: none;
}

.bot_mm {
    display: none;
}

/*1227추가*/
.mem_btn1 {
    margin-right: 20px;
}

.mem_txt {
    font-size: 15px;
    line-height: 149%;
    display: block;
    margin-bottom: 20px;
}

.bottom_nb {
    clear: both;
    margin-bottom: 50px;
}

#main {
    overflow: hidden;
}

#main:after {
    content: '';
    display: block;
    clear: both
}

.login_wwp {
    padding: 10% 0;
}

.login_wp {
    width: 72%;
    margin-bottom: 5%;
}

.log_input {
    width: 90%;
    margin-bottom: 2%;
}

.table4 {
    font-size: 13px;
}

/* 마이페이지쪽지함 탭메뉴 */
#bs_b .snb_area {
    width: 100%;
    height: 46px;
    background: url(/img/tab_bg.gif) repeat-x;
    text-align: left;
    margin: 19px 0 40px 0;
}

#bs_b .snb_area ul.snb {
    width: auto;
    display: inline-block;
    display: inline;
    zoom:1; border-right: 1px solid #e2e4e6
}

#bs_b .snb_area ul.snb:after {
    content: '';
    display: block;
    clear: both
}

#bs_b .snb_area ul.snb li {
    float: left
}

#bs_b .snb_area ul.snb li a {
    display: block;
    width: auto;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    color: #888;
    font-weight: normal;
    padding: 0 40px 0 20px;
    background: url(/img/snb_point.gif) right 19px no-repeat #fbfbfb;
    border: 1px solid #e2e4e6;
    border-right: 0
}

#bs_b .snb_area ul.snb li a:hover {
    color: #181818
}

#bs_b .snb_area ul.snb li a.on {
    background: url(/img/snb_point_on.gif) right 19px no-repeat #fff;
    border-bottom: 1px solid #fff;
    color: #181818;
    font-weight: bold
}

#bs_b .content {
    width: 1200px;
    margin: 50px auto 80px
}

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

.tab_ty_a {
    width: 100%;
    border: 1px solid #E0E0E0;
    border-collapse: collapse;
}

.tab_ty_a.tb_edu {
    border: none;
    border-top: 2px solid #304850;
}

.tab_ty_a th {
    border: 1px solid #E0E0E0;
    padding: 10px 4px;
    background-color: #F5F5F5;
}

.tab_ty_a.tb_edu th {
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #e9ecef;
    font-size: 16px;
    background-color: #ffff;
    color: #304850;
    border-left: none;
    border-right: none
}

.tab_ty_a td {
    border: 1px solid #E0E0E0;
    padding: 10px 4px;
    text-align: center;
}

.tab_ty_a td a {
    color: #333;
}

.tab_ty_a .letter_view {
    text-align: left;
}

.tab_ty_a .leeter_day {
    display: inline-block;
    margin-right: 10px;
}

.leeter_icon {
    vertical-align: middle;
    margin-left: 6px;
}

.letter_txtarea {
    width: 100%;
    min-height: 300px;
    margin: 15px 0;
    padding: 10px;
    box-sizing: border-box;
    border: 0;
}

.letter_btn {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.letter_d_btn {
    position: absolute;
    left: 0;
    top: 0;
}

form[name="member_frmView"] table:first-of-type {
    border-top: 2px solid #304850;
    border-collapse: collapse;
}

form[name="member_frmView"] table:first-of-type .tab_tit_top {
    background-color: #f9f9f9;
    color: #304850;
    ;font-size: 15px;
}

form[name="member_frmView"] table:first-of-type .tab_tit {
    background-color: #f9f9f9;
    color: #304850;
    ;font-size: 15px;
}

.member_search {
    margin-left: 4px;
    padding: 3px 14px;
    margin-top: -2px;
}

/*쪽지보내기검색레이어창*/
.search_leyers {
    width: 520px;
    height: 470px;
    padding: 10px;
    box-sizing: border-box;
}

.search_leyers .leyers_tit {
    font-size: 20px;
    margin-bottom: 20px;
    display: block;
    position: relative;
}

.se_leyers_close_btn {
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
}

/* common */
.search_leyers .paginate {
    width: 100%;
    text-align: center;
    margin-top: 5%;
}

.search_leyers .paginate a.curr {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 6px;
    height: 19px;
    line-height: 19px;
    border: 1px solid #757575;
    font-size: 12px;
    color: #005bab;
    margin: 0 2px
}

.search_leyers .paginate strong {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 6px;
    height: 19px;
    line-height: 19px;
    border: 1px solid #757575;
    font-size: 12px;
    color: #005bab;
    margin: 0 2px
}

.search_leyers .paginate a.curr:hover {
    background: #fff
}

.search_leyers .paginate a.link {
    display: inline-block;
    display: inline;
    zoom:1; padding: 0 6px;
    height: 19px;
    line-height: 19px;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    color: #606060;
    margin: 0 2px
}

.search_leyers .paginate a.first {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_first.gif) 5px 5px no-repeat;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

.search_leyers .paginate a.prev {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_prev.gif) 5px 5px no-repeat;
    margin-right: 6px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

.search_leyers .paginate a.next {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_next.gif) 5px 5px no-repeat;
    margin-left: 6px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

.search_leyers .paginate a.end {
    width: 20px;
    padding: 0;
    background: url(/img/other/ico_paginate_end.gif) 5px 5px no-repeat;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}

.search_leyers .paginate a:hover {
    border: 1px solid #757575;
}

.search_leyers span.msg {
    display: inline-block;
    display: inline;
    zoom:1; font-size: 12px;
    color: #e83e3e;
    margin-left: 10px
}

.mar_top {
    margin-top: 40px;
}

/*퀵메뉴*/
.quick_open {
    z-index: 10000;
    position: absolute;
    cursor: pointer;
    left: -27px;
    top: 326px;
}

.quick_close {
    z-index: 10000;
    position: relative;
    cursor: pointer;
    left: -27px;
    top: 326px;
    display: none;
}

#q_box ul li {
    width: 100px;
    height: 100px;
    position: relative;
    text-align: center;
    cursor: pointer;
    border: solid #DDDDDD;
    border-width: 1px 0 0 1px;
    box-sizing: border-box;
}

#q_box ul li span {
    display: block;
    position: absolute;
    bottom: 11px;
    left: 0;
    width: 100%;
    line-height: 17px;
    font-size: 12px
}

#q_box ul li:nth-child( 1 ) {
    background: url(/img/index/q_menu_logo.png) no-repeat 0 0 #fff;
    cursor: auto
}

#q_box ul li .q_box_first {
    padding: 0;
    width: 100%;
    height: 100%;
}

#q_box ul li .q_box_first:hover {
    background: none;
}

#q_box ul li:nth-child( 2 ) {
    background: url(/img/index/q_menu_icon5.png) no-repeat 0 0 #fff;
    position: relative;
}

.new_letter_num {
    font-weight: normal;
    color: #e60000;
}

#q_box ul li:nth-child( 3 ) {
    background: url(/img/index/q_menu_icon1.png) no-repeat 0 0 #fff;
}

#q_box ul li:nth-child( 4 ) {
    background: url(/img/index/q_menu_icon2.png) no-repeat 0 0 #fff;
}

#q_box ul li:nth-child( 5 ) {
    background: url(/img/index/q_menu_icon3.png) no-repeat 0 0 #fff;
}

#q_box ul li:nth-child( 6 ) {
    background: url(/img/index/q_menu_icon6.jpg) no-repeat 0 0 #fff;
}

#q_box ul .top_btn {
    background-color: #003F86;
    height: 40px;
    line-height: 40px;
    border-radius: 0 0 20px 20px;
    font-weight: bold;
    overflow: hidden;
    color: #fff;
}

#q_box ul .top_btn a {
    color: #fff
}

#q_box ul .top_btn img {
    vertical-align: top;
    display: inline-block;
    margin-top: 17px;
    margin-right: 2px;
}

#quick1 .cbp-spmenu a {
    display: block;
    color: #333;
    font-size: 1.1em;
    font-weight: 300;
    padding: 0;
    width: 100%;
    height: 100%;
}

#quick1 .cbp-spmenu a:hover {
    background-color: initial;
}

#m_footer {
    display: none;
}

#m_footer .list_sub_menu li {
    margin-right: 15px;
}

#m_footer .cp_txt .cp_txt3, #m_footer .cp_txt .cp_txt3 a {
    color: rgba(255, 255, 255, 0.8);
}

/*1203*/
.stu1_2_top .stu1_2_img {
    width: 40.16913319239%;
}

.stu1_2_img .img {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 63%;
    border-radius: 20px;
}

.stu1_2_img .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%!important;
}

/*탭메뉴*/
.wolfharu_tabmenu_menu {
}

.wolfharu_tabmenu_menu:before, .wolfharu_tabmenu_menu:after {
    content: "";
    display: table;
}

.wolfharu_tabmenu_menu:after {
    clear: both;
}

* html .wolfharu_tabmenu_menu {
    zoom:1;}

.wolfharu_tabmenu_menu {
    zoom:1;}

.wolfharu_tabmenu_menu select {
    width: 100%;
    padding: 8px 45px 8px 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    color: #777;
    border: 1px solid #cecece;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tab-highright-color: transparent;
    background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center, #eeeeee;
    background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center, -moz-linear-gradient(to top, #eeeeee 0%, #f9f9f9 10%, #ffffff 20%, #ffffff 100%);
    background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(10%,#f9f9f9), color-stop(20%,#ffffff), color-stop(#ffffff));
    background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center, -webkit-linear-gradient(to top, #eeeeee 0%,#f9f9f9 10%,#ffffff 20%,#ffffff 100%);
    background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center, -o-linear-gradient(to top, #eeeeee 0%,#f9f9f9 10%,#ffffff 20%,#ffffff 100%);
    background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center, -ms-linear-gradient(to top, #eeeeee 0%,#f9f9f9 10%,#ffffff 20%,#ffffff 100%);
    background: url(/img/mo_icon_tabmenu01.gif) no-repeat right center, linear-gradient(to top, #eeeeee 0%,#f9f9f9 10%,#ffffff 20%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
}

.wolfharu_tabmenu_menu select {
    display: none;
}

.wolfharu_tabmenu_menu ul {
}

.wolfharu_tabmenu_menu ul li {
    float: left;
    position: relative;
    margin: 0 -1px -1px 0;
    width: 20%;
}

.wolfharu_tabmenu_menu ul li a {
    margin-top: 4px;
    padding: 12px 16px 12px 16px;
    border: 1px solid #cecece;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    /* IE6-9 */
    display: inline-block;
}

.wolfharu_tabmenu_menu ul li a {
    color: #777;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
}

.wolfharu_tabmenu_menu ul li a.current {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 11px;
    border-bottom: 0 none;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
}

.wolfharu_tabmenu_menu ul li a.current {
    font-weight: bold;
    color: #005bab;
    text-shadow: 1px 1px 2px rgba(0,132,080,0.1);
}

.wolfharu_tabmenu_menu ul li a span {
}

.wolfharu_tabmenu_content {
    padding: 20px 0;
}

.wolfharu_tabmenu_content h2 {
    font-weight: bold;
}

.board_top_bn {
    width: 970px;
    height: 200px;
    overflow: hidden;
    margin-bottom: 40px;
}

.corre_sc {
    width: 100%;
}

.my_infotxt {
    display: none;
}

.my4_3_tab .padd_no {
    padding: 0;
}

/*1224정보수정*/
/*2025 웹접근성 수정*/
input[type="text"], input[type="password"], input[type="email"] {
    min-width: 200px;
    height: auto;
    min-height: 36px;
    /* 높이 초기화 */
    line-height: normal;
    /* line-height 초기화 */
    padding: .5em .5em;
    /* 여백 설정 */
    background: #f5f5f5;
    border: 1px solid #dddddd;
    box-sizing: border-box;
}
/*//2025 웹접근성 수정*/
select {
    width: auto;
    /* 원하는 너비설정 */
    padding: .5em 45px .5em 6px;
    /* 여백으로 높이 설정 */
    font-family: 'AppleSDGothicNeo';
    /* 폰트 상속 */
    background: url(/img/other/mg_ico_sel.jpg) no-repeat 95% 50% #fff;
    /* 네이티브 화살표 대체 */
    border: 1px solid #dddddd;
    border-radius: 0px;
    /* iOS 둥근모서리 제거 */
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    font-size: 15px;
}

.tab_c div p {
    line-height: 149%;
    font-size: 12px;
}

.join_f_1, .join_f_3 {
    width: 210px;
}

.join_f_6 {
    width: 80px;
}

#Phone2, #Phone3, #Mobile2, #Mobile3 {
    width: 50px;
}

.join_f_4 {
    width: auto;
    padding: 7px 30px 7px 10px;
}

.join_f_5 {
    width: auto;
    padding: 7px 30px 7px 10px;
}

.tab_c {
    background-color: #fff;
    padding-left: 15px;
    border-bottom: 1px solid #dedede;
    padding: 6px 0 6px 15px;
}

#Addr1 {
    display: block;
    width: 400px;
    margin: 1% 0;
}

#Addr2 {
    display: block;
    width: 400px;
}

#newEditorBox {
    background: #f5f5f5;
}

#easyWebEditor_Board_content_div {
    display: none
}

#Board_content {
    min-height: 300px;
}

.tab_bt1 {
    background-color: #757575;
    color: #fff;
    padding: 6px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
}

.scroll_searchbox_wp {
    width: 100%;
    position: relative;
}

/*1230*/
.item li a {
    display: block;
}

.item li .img {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 60%;
    border-radius: 10px;
}

.item li .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s;
}

.item li .img a:focus {
    border: 1px solid #333;
}

.item li .img a:hover img {
    transform: scale(1.15);
}

/*0205진도율그래프*/
.hGraph .gTerm {
    position: absolute;
    width: auto;
    top: 0;
    left: -67px;
    line-height: 20px;
    text-align: right;
    color: #767676;
    font-weight: bold;
}

.hGraph .gBar {
    position: static;
    display: inline-block;
    height: 20px;
    border: 1px solid #ccc;
    border-left: 0;
    background: #3f54c1;
    text-align: right;
}

.hGraph .gBar span {
    position: static;
    width: 40px;
    line-height: 20px;
    top: 0;
    right: -6px;
    color: #3f54c1;
}

.gra_num {
    color: #3f54c1;
    vertical-align: top;
    height: 20px;
    line-height: 20px;
}

.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo .img {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 143.56%;
}

.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*0105강사소개 수정*/
.continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo {
    width: 124px;
    height: auto;
    margin-right: 20px;
    float: left;
    overflow: hidden;
}

.continer4 .continer4_1 .con4_tea .tea_photo .tea_name .t_name {
    position: relative;
    top: 9px;
}

.tea_photo ul .photo {
    float: left;
    width: 170px;
    height: 230px;
    position: relative;
    margin-right: 20px;
}

.tea_photo ul .photo:last-child {
    margin-right: 0;
}

.tea_photo ul .photo .img img {
    width: 100%;
}

/*--모바일메뉴바--*/
#manu_top {
    width: 100%;
    height: 50px;
    background-color: #1c92eb;
    padding-right: 50px;
    box-sizing: border-box;
    position: relative;
}

#manu_top .mob_top_menu li {
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

#manu_top .mob_top_menu li a {
    color: #fff;
    height: 50px;
    line-height: 50px;
}

.mob_close_btn_wp {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
}

.mob_close_btn {
    position: absolute;
    right: 0;
    width: 50px;
    height: 50px;
    background: #0b68af;
}

.mob_menu {
    width: 100%;
}

.mob_menu dt {
    font-size: 14px;
    text-indent: 1em;
    font-weight: 500;
    color: #0b68af;
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    padding: 15px 0;
}

.mob_menu dt a {
    color: #0b68af;
    display: block;
}

.mob_menu dd {
    height: auto;
    background: #eeeeee;
    color: #333;
    padding: 0;
}

.mob_menu .dd2 {
    height: 100px;
    background: #f3f3f3;
}

.mob_menu .dd4 {
    height: 120px;
    background: #f3f3f3;
}

.mob_menu .dd5 {
    height: 100px;
    background: #f3f3f3;
}

.mob_menu .dd6 {
    height: 300px;
    background: #f3f3f3;
}

.mob_menu .dd7 {
    height: 100px;
    background: #f3f3f3;
}

.mob_menu dd p {
    text-indent: 1em;
    font-size: 14px;
    border-bottom: 1px solid #e1e1e1;
}

.mob_menu dd p a {
    display: block;
    padding: 15px 0;
    color: #333;
}

.m_menu_close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.m_menu_close::before, .m_menu_close::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
}

.m_menu_close.thick::before {
    height: 2px;
    margin-top: -2px;
}

.m_menu_close.thick::after {
    height: 2px;
    margin-top: -2px;
}

.m_menu_close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.m_menu_close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (max-width: 1600px) {
    #main {
        width:1280px;
        padding: 10px;
        margin-top: 30px;
        box-sizing: border-box;
    }

    #right_main {
        width: 77.6%;
    }

    #left_main {
        width: 19.2%;
        margin-right: 3.2%;
    }

    /* .home_tit{width:97%;} */
    #footer .copy {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }

    .board_top_bn {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 40px;
    }

    .board_top_bn img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 1280px) {
    .main_top .home_tit {
        width: 100%;
        padding-right: 10px;
        box-sizing: border-box;
    }

    #main {
        width: 100%;
    }

    #left_main {
        width: 240px;
    }

    #right_main {
        width: calc(100% - 280px);
    }
}

@media screen and (max-width: 1024px) {
    /* m_shortcut2 */ #m_main .m_continer2 {
        width: 100%;
        margin: 0 auto;
        margin-top: 40px;
    }

    #m_main .m_continer2 .icon_box {
        border-bottom: 1px solid #a7aab0;
        margin-top: 16px;
        height: auto;
        overflow: hidden;
        padding-bottom: 20px;
    }

    #m_main .m_continer2 .shortcut2 {
        width: 100%;
        background: #edeff1;
        padding-bottom: 15px;
    }

    #m_main .m_continer2 .shortcut2 ul {
        /*overflow:hidden;*/
    }

    #m_main .m_continer2 .shortcut2 ul:after {
        content: '';
        display: block;
        clear: both;
    }

    #m_main .m_continer2 .shortcut2 li {
        float: left;
        width: 14%;
        position: relative;
    }

    #m_main .m_continer2 .shortcut2 ul .icon_bg_on {
        float: left;
        text-align: center;
    }

    #m_main .m_continer2 .shortcut2 li a {
        display: block;
        position: relative;
        font-size: 15px;
        color: #000000;
        text-align: center;
        cursor: default;
        width: 80px;
        height: 80px;
        margin-bottom: 5px;
    }

    #m_main .m_continer2 .shortcut2 a i {
        display: block;
        position: absolute;
        left: 50%;
        width: 60px;
        margin-left: -28px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 60%;
    }

    #m_main .m_continer2 .shortcut2 a span {
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 80px;
        left: 0;
        font-size: 13px;
        margin-top: 5px;
    }

    #m_main .m_continer2 .shortcut2 ul li:after {
        content: '';
        display: block;
        position: absolute;
        top: 36px;
        left: -15px;
        width: 17px;
        height: 23px;
        background: url('/img/index/shortcut2_icon08.png')no-repeat;
        background-size: 60%;
    }

    #m_main .m_continer2 .shortcut2 ul li:first-child:after {
        display: none;
    }

    #m_main .m_continer2 .shortcut2 .icon01 {
        top: 12px;
        height: 58px;
        background-image: url('/img/index/shortcut2_icon01.png');
    }

    #m_main .m_continer2 .shortcut2 .icon02 {
        top: 12px;
        height: 48px;
        background-image: url('/img/index/shortcut2_icon02.png');
    }

    #m_main .m_continer2 .shortcut2 .icon03 {
        top: 12px;
        height: 49px;
        background-image: url('/img/index/shortcut2_icon03.png');
    }

    #m_main .m_continer2 .shortcut2 .icon04 {
        top: 12px;
        height: 52px;
        background-image: url('/img/index/shortcut2_icon04.png');
    }

    #m_main .m_continer2 .shortcut2 .icon05 {
        top: 12px;
        height: 52px;
        background-image: url('/img/index/shortcut2_icon05.png');
    }

    #m_main .m_continer2 .shortcut2 .icon06 {
        top: 12px;
        height: 52px;
        background-image: url('/img/index/shortcut2_icon06.png');
    }

    #m_main .m_continer2 .shortcut2 .icon07 {
        top: 12px;
        height: 45px;
        background-image: url('/img/index/shortcut2_icon07.png');
    }

    /*강사소개0106*/
    .tea_photo ul .photo {
        float: left;
        width: 31%;
        height: 280px;
        position: relative;
        margin-right: 3%;
    }

    #t_ban_box {
        display: none;
    }

    #quick1 {
        display: none;
    }

    #main {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    #left_main {
        display: none;
        float: none;
    }

    #right_main {
        float: none;
        width: 100%;
        font-size: 1em;
    }

    body {
        font-size: 13px;
    }

    .cer_1 {
        width: 48%;
        margin-right: 4px;
    }

    .cer_2 {
        width: 48%;
    }

    .subject {
        width: 50%;
    }

    .signdate {
    }

    .edi_i1 {
        display: none;
    }

    .edi_i2 {
        display: none;
    }

    .edi_box td {
        display: none;
    }

    .cen1_3_f_main {
        width: 90%;
    }

    #bs_b .board_stu_list .item_area ul.item li {
        margin: 20px 0 0;
    }

    .tab_c {
        padding: 10px 0 10px 10px;
    }

    .tab_c input {
        /*width:90%;*/
    }

    .m_stu1_3_3 {
        display: block;
    }

    .p_stu1_3_3 {
        display: none;
    }

    .m_join1 {
        display: block;
    }

    .p_join1 {
        display: none;
    }

    .t_btn11 {
        display: none;
    }

    .m_stu1_3 {
        display: block;
    }

    .p_stu1_3 {
        display: none;
    }

    .p_my3_2 {
        display: none;
    }

    .m_my3_2 {
        display: block;
    }

    .my3_1_no {
        display: none;
    }

    .p_my3_1_3 {
        display: none;
    }

    .m_my3_1_3 {
        display: block;
    }

    .p_my3_2_2 {
        display: none;
    }

    .m_my3_2_2 {
        display: block;
    }

    .p_my3_1_2 {
        display: none;
    }

    .m_my3_1_2 {
        display: block;
    }

    #bs_b .board_gallery_list .item_area ul.item li {
        float: left;
        width: 48.5%;
        margin: 1.5%;
    }

    #bs_b .board_gallery_list .item_area ul.item li:nth-last-child( even ) {
        margin-left: 0;
    }

    #bs_b .board_gallery_list .item_area ul.item li:nth-last-child( odd ) {
        margin-right: 0;
    }

    .p_my3_1 {
        display: none;
    }

    .m_my3_1 {
        display: block;
    }

    .item_area ul.item li {
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 10%;
    }

    #bs_b .board_my_list .item_area ul.item li:nth-child(2n) {
        margin-right: 0;
    }

    #m_main {
        width: 100%;
        box-sizing: border-box;
        display: block;
        margin: 0 auto;
    }

    #m_main #m_main_container {
        width: 100%;
        margin: 0 auto;
        height: auto;
        overflow: hidden;
        padding: 0 15px;
        box-sizing: border-box;
    }

    #pc_main {
        display: none;
    }

    #main_container {
        margin: 0 auto;
    }

    #m_main .m_continer1 {
        width: 100%;
        margin: 0 auto;
    }

    #m_main .m_continer1 .board_wp {
        width: 50%;
        margin: 0 auto;
        float: left;
        box-sizing: border-box;
    }

    #m_main .m_continer1 .q_menu {
        width: 50%;
        margin: 0 auto;
    }

    #m_main .m_continer1 .center {
        width: 50%;
        float: left;
    }

    #m_main .m_continer1 .board_wp .board {
        position: relative;
        width: 94%;
        height: 221px;
        background-color: #fff;
        margin: 0 auto;
    }

    #m_main .m_continer1 .board_wp .board .tabcontent {
        display: none;
        position: absolute;
        top: 52px;
        left: 0;
        width: 100%;
        padding-top: 6%;
    }

    #m_main .m_continer1 .center ul .main_bn ul .main_bn1 {
        float: left;
        border: 1px solid #a7aab0;
        border-top: none;
        border-left: none;
        display: block;
        width: 50%;
        line-height: 36px;
        text-align: center;
        box-sizing: border-box;
    }

    #m_main .m_continer1 .center ul .main_bn ul .main_bn2 {
        float: left;
        border: 1px solid #a7aab0;
        border-top: none;
        border-left: none;
        display: block;
        width: 50%;
        line-height: 36px;
        text-align: center;
        box-sizing: border-box;
    }

    #m_main .m_continer1 .center ul .main_bn ul .main_bn3 {
        float: left;
        border: 1px solid #a7aab0;
        border-top: none;
        border-left: none;
        display: block;
        width: 50%;
        line-height: 36px;
        text-align: center;
        box-sizing: border-box;
    }

    #m_main .m_continer1 .center ul .main_bn ul .main_bn4 {
        float: left;
        border: 1px solid #a7aab0;
        border-top: none;
        border-left: none;
        display: block;
        width: 50%;
        line-height: 36px;
        text-align: center;
        box-sizing: border-box;
    }

    #m_main .m_continer1 .q_menu .shortcut li a {
        display: block;
        position: relative;
        /*padding: 106px 0 14px;*/
        font-size: 15px;
        color: #ffffff;
        text-align: center;
    }

    .main_img {
        width: 100%;
        height: 388px;
        background: url(/img/index/main_img.jpg);
        background-position: 50%;
        background-size: cover;
        margin-bottom: 22px;
    }

    .main_txt {
        width: 1000px;
        margin: 0 auto;
        padding-top: 100px;
        padding-left: 10px;
    }

    #m_main .m_continer1 .center ul .centere_tel {
        border-left: none;
        box-sizing: border-box;
        width: 100%;
        float: left;
        padding: 32px 0 32px 30px;
    }

    #m_main .m_continer1 .center ul .main_bn {
        background: #ffffff;
        width: 100%;
        float: left;
        box-sizing: border-box;
    }

    #m_main .m_continer3 {
        width: 100%;
        height: auto;
        overflow: hidden;
        /*height:544px;*/
    }

    #m_main .m_continer3 .main_board {
        width: auto;
        padding-top: 40px;
    }

    #m_main .m_continer3 .main_board .main_board1 {
        width: 49%;
        margin-right: 2%;
    }

    #m_main .m_continer3 .main_board .main_board2 {
        width: 49%;
    }

    #m_main .m_continer4 {
        width: 100%;
        margin: 0 auto;
        height: auto;
        margin-bottom: 40px;
        margin-top: 40px;
    }

    #m_main .m_continer4 .continer4_wp {
        width: 100%;
    }

    #m_main .m_continer4 .continer4_1 {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    #m_main .m_continer4 .continer4_1 .con4_tea {
        width: 100%;
        height: 300px;
        margin-right: 0px;
        height: auto;
        box-sizing: border-box;
        overflow: hidden;
    }

    #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo {
        /*padding-left: 68px;*/
    }

    .mob_continer4_2 {
        width: 100%;
        float: none;
        margin-top: 40px;
    }

    .mob_continer4_2 .con4_2_bn {
        width: auto;
    }

    .mob_continer4_2 .con4_2_bn .con4_2_bn1 {
        width: 100%;
    }

    .mob_continer4_2 .con4_2_bn .con4_2_bn2 {
        width: 100%;
    }

    .mob_continer4_2 .con4_2_bn ul .con4_2_bn1 .bn_co {
        top: 6px;
        height: 12px;
        background-image: url(/img/index/bn_go_icon.png);
        background-repeat: no-repeat;
        display: block;
        position: relative;
        left: 29px;
    }

    .mob_continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 .bn_co {
        top: 6px;
        height: 12px;
        background-image: url(/img/index/bn_go_icon.png);
        background-repeat: no-repeat;
        display: block;
        position: relative;
        left: 29px;
    }

    #m_main .m_continer1 .q_menu {
        width: 100%;
        margin: 0 auto;
    }

    #m_main .m_continer1 .q_menu .shortcut li {
        float: left;
        width: 25%;
        border-left: 1px solid #75a0d6;
        border-top: 1px solid #75a0d6;
        margin: -1px 0 0 -1px;
    }

    .main_txt {
        width: auto;
    }

    #m_main .m_continer3 {
        width: 100%;
        background-color: #f7f7f9;
        padding: 0;
    }

    #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo {
    }

    #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo_of {
        margin-right: 0px;
    }

    #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo .tea_name .t_name {
        position: relative;
    }

    #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo img {
        width: 100%;
    }

    #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo ul li div ul .photo_of img {
        width: 100%;
    }

    #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo .tea_name {
        font-size: 15px;
        text-align: center;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        width: 100%;
        position: relative;
        bottom: 34px;
        padding: 6% 0% 6% 0%;
    }

    .mob_continer5_1 {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .mob_continer5_1 .con5_gallery {
        border: 1px solid #a7aab0;
    }

    .mob_continer5_1 .con5_gallery .gallery_photo {
        width: 100%;
        margin: 0 auto;
        height: auto;
        overflow: hidden;
        padding: 20px 1%;
        box-sizing: border-box;
    }

    .mob_continer5_1 .con5_gallery .gallery_photo .gallery_pho_wp {
        width: 48%;
        float: left;
        margin: 0 1%;
    }

    .mob_continer5_1 .con5_gallery .gallery_photo .img {
        position: relative;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-bottom: 56.26%;
    }

    .mob_continer5_1 .con5_gallery .gallery_photo .img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .mob_continer5_1 .con5_gallery .gallery_photo .pho_name {
        font-size: 15px;
        text-align: left;
        height: 30px;
        line-height: 40px;
        color: #000;
        width: 280px;
    }

    .mob_continer5_1 .con5_gallery .gallery_title {
        border-bottom: 1px solid #2365b3;
        padding: 20px 0px 20px 24px;
    }

    /* m_4수강후기 */
    #m_main .m_continer5 .continer4_2 .board_list table {
        width: 100%;
        border-top: 1px solid #a7aab0;
    }

    #m_main .m_continer5 .continer4_2 .board_list table th {
        padding: 12px 0;
        font-size: 15px;
        line-height: 16px;
        color: #666;
        border-bottom: 1px solid #e5e5e5;
        text-align: center;
    }

    #m_main .m_continer5 .continer4_2 .board_list table td {
        padding: 12px 0;
        font-size: 14px;
        line-height: 16px;
        color: #666;
        font-weight: normal;
        border-bottom: 1px solid #e5e5e5;
        text-align: center
    }

    #m_main .m_continer5 .continer4_2 .board_list table th {
        background: #eff3f6;
    }

    #m_main .m_continer5 .continer4_2 .board_list table td.subject {
        text-align: left;
        padding-left: 10px;
    }

    #m_main .m_continer5 .continer4_2 .board_list table td.subject a {
        color: #555
    }

    #m_main .m_continer5 .continer4_2 .board_list table td.subject a:hover {
        color: #009;
        text-decoration: underline;
    }

    #m_main .m_continer5 .continer4_2 .board_list table td.subject img {
        vertical-align: middle
    }

    #m_main .m_continer5 .continer4_2 .board_list table td.name span {
        color: #333;
    }

    #m_main .m_continer5 .continer4_2 .board_list .head .subject {
        border-left: 1px solid #a7aab0;
        border-bottom: 1px solid #a7aab0;
    }

    #m_main .m_continer5 .continer4_2 .board_list .head .tea {
        border-right: 1px solid #a7aab0;
        border-bottom: 1px solid #a7aab0;
    }

    #m_main .m_continer5 .continer4_2 .board_list .head .type {
        border-bottom: 1px solid #a7aab0;
    }

    #m_main .m_continer5 .continer4_2 .board_list .head .period {
        border-bottom: 1px solid #a7aab0;
    }

    #m_main .m_continer5 .continer4_2 h2 {
        margin-bottom: 20px;
    }

    #m_main .m_continer5 .continer4_2 h2 a {
        display: block;
        float: right;
        background-color: #fff;
        border: 1px solid #a7aab0;
        padding: 1px 6px;
    }

    #m_main .m_continer5 .continer4_2 {
        width: 49%;
        float: left;
        margin-right: 2%;
        box-sizing: border-box;
    }

    #m_main .m_continer5 .continer5_2 {
        width: 100%;
        float: none;
        box-sizing: border-box;
        margin-top: 40px;
    }

    #m_main .m_continer5 .continer5_2 .board_wp .board {
        position: relative;
        width: 92%;
        height: 160px;
        background-color: #fff;
        left: 0;
        margin: 0 auto;
    }

    .mob_continer4_2 .con4_2_bn .con4_2_bn1_wp {
        width: 49%;
        float: left;
        margin-right: 2%;
    }

    .mob_continer4_2 .con4_2_bn .con4_2_bn1_wp img {
        width: 100%;
    }

    .mob_continer4_2 .con4_2_bn .con4_2_bn2_wp {
        width: 49%;
        float: left;
    }

    .mob_continer4_2 .con4_2_bn .con4_2_bn2_wp img {
        width: 100%;
    }

    .continer5_2 .board_wp .board {
        left: 0;
    }

    #m_main .m_continer3 {
        background-color: #ffffff;
        margin-bottom: 40px;
    }

    #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo {
        width: 94%;
        margin: 0 auto;
        height: auto;
        padding: 20px 0;
        overflow: hidden;
    }

    #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo .tea_photo_wp {
        float: left;
        position: relative;
        width: 31.333%;
        margin: 0 1%;
        margin-bottom: 3%;
    }

    #m_main .m_continer5 {
        width: 100%;
        margin: 0 auto;
        height: auto;
        overflow: hidden;
    }

    .mob_continer4_2 .con4_2_bn {
        margin-top: 3.4%;
    }

    #m_main .m_continer5 .continer5_2 .board_wp .board {
        position: relative;
        width: 92%;
        height: 150px;
        background-color: #fff;
        left: 0;
        margin: 0 auto;
    }

    #m_main .m_continer3 .main_board .main_board2 .board_list .head .tea {
        border-top: 2px solid #333;
        ;border-bottom: 1px solid #e5e5e5;
    }

    #wrap #header .nav {
        height: 30px;
    }

    .nav {
        margin: 0 auto;
        width: 100%;
        padding: 19px 0;
        overflow: hidden;
        position: relative;
        height: 30px;
        line-height: 30px;
    }

    .m_topMenu {
        display: block;
    }

    .m_topMenu .logo {
        float: none;
        position: absolute;
        left: 24px;
        top: 21px;
        width: auto;
    }

    .m_topMenu .logo img {
        width: 200px;
    }

    .m_topMenu .ham {
        position: absolute;
        top: 20px;
        right: 10px;
        width: 50px;
        height: 50px;
        cursor: pointer;
        /*  background: rgba(255,255,255,0.3); */
    }

    #header.main_header .m_topMenu .ham span {
        background-color: #fff;
    }

    .m_topMenu .ham span {
        display: block;
        background: #333;
        width: 42px;
        height: 4px;
        border-radius: 3px;
        transition: margin 0.25s 0.25s, transform 0.25s ;
    }

    .m_topMenu .ham .bar1 {
        margin-bottom: 8px;
    }

    .m_topMenu .ham .bar2 {
    }

    .m_topMenu .ham .bar3 {
        margin-top: 8px;
    }

    .m_topMenu .ham.active span {
        transition: margin 0.25s, transform 0.25s 0.25s;
    }

    .m_topMenu .ham.active .bar1 {
        margin-top: 8px;
        margin-bottom: -4px;
        transform: rotate(45deg);
    }

    .m_topMenu .ham.active .bar2 {
        transform: rotate(45deg);
    }

    .m_topMenu .ham.active .bar3 {
        margin-top: -4px;
        transform: rotate(135deg);
    }

    #topMenu {
        display: none;
    }

    .t_menu {
        display: none;
    }

    .ing_img {
        max-width: 100%;
    }

    .app4_tab_tit_top {
        width: 25%;
        padding: 4% 2% 4% 3%;
        font-size: 14px;
        font-weight: 600;
        border-bottom: 1px solid #dedede;
        border-top: 2px solid #151515;
        background: #f8f8f8;
    }

    .app4_tab_c_top {
        background-color: #fff;
        border-bottom: 1px solid #dedede;
        border-top: 2px solid #151515;
        font-size: 13px;
        line-height: 149%;
    }

    .app4_tab_tit {
        width: 20%;
        background-color: #f8f8f8;
        padding: 15px 0 15px 15px;
        font-size: 14px;
        font-weight: 600;
        border-bottom: 1px solid #dedede;
    }

    .app4_tab_c {
        background-color: #fff;
        padding-left: 15px;
        border-bottom: 1px solid #dedede;
    }

    .app4_tab_c1 {
        width: 25%;
        background-color: #fff;
        border-bottom: 1px solid #dedede;
        border-right: 1px solid #dedede;
        text-align: center;
    }

    .app4_tab_tit_top_next {
        padding: 2%;
        font-size: 14px;
        font-weight: 600;
        border-bottom: 1px solid #dedede;
        text-align: center;
        background: #f8f8f8;
    }

    .app4_tab_c_top {
        background-color: #eff3f6;
        border-bottom: 1px solid #dedede;
        border-top: 2px solid #151515;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
    }

    .app4_tab_tit {
        width: 20%;
        background-color: #f8f8f8;
        padding: 15px 0 15px 15px;
        font-size: 14px;
        font-weight: 600;
        border-bottom: 1px solid #dedede;
    }

    .app4_tab_c {
        width: 25%;
        background-color: #fff;
        border-bottom: 1px solid #dedede;
        border-right: 1px solid #dedede;
        line-height: 149%;
        text-align: center;
    }

    .app4_tab_c3 {
        width: 25%;
        background-color: #fff;
        border-bottom: 1px solid #dedede;
        line-height: 149%;
        text-align: center;
    }

    .app4_tab_c_top span {
        font-size: 12px;
        color: #838383;
    }

    .app4_tab_tit_top_next span {
        font-size: 12px;
        color: #838383;
    }

    .app4_tab_tit_top_next ul li {
        width: 100%;
        float: none;
        box-sizing: border-box;
    }

    .way_box .list_target .circle_target1 {
        width: 124px;
        height: 122px;
        background: url(/img/app/text_title1.jpg) center center no-repeat;
        float: left;
    }

    .way_box .list_target .circle_target2 {
        width: 124px;
        height: 122px;
        background: url(/img/app/text_title1.jpg) center center no-repeat;
        float: left;
    }

    .way_box .list_target .desc_target {
        background: url(/img/app/text_title2.jpg) left top no-repeat;
        padding: 15px 0 0 74px;
        width: 706px;
        height: 129px;
        margin-left: 117px;
        background-size: 80%;
    }

    .organ > ul > li > ul.bottom:after {
        content: "";
        position: absolute;
        left: 38%;
        width: 87.6%;
        margin-left: -31.6%;
        height: 1px;
        top: 358px;
        background: #d1d1d1;
        z-index: -1;
    }

    .organ > ul > li > ul.bottom > li > span:after {
        content: "";
        position: absolute;
        margin-left: -9%;
        width: 1px;
        height: 50px;
        top: -25px;
        padding-bottom: 0;
        background: #d1d1d1;
        z-index: -1;
    }

    .greetings > p {
        font-size: 27px;
        letter-spacing: -1px;
        line-height: 120%;
        padding-left: 2%;
        padding-bottom: 3%;
    }

    .greetings .ceo .photo img {
        width: 120px;
    }

    .greetings .txt1 {
        font-size: 11px;
        color: #a68b6e;
        letter-spacing: 0px;
    }

    .greetings .ceo_mm {
        display: none;
    }

    .greetings .ceo > ul > li:first-child {
        margin-top: 49%;
        padding-right: 10px;
    }

    .bot_mm {
        display: none;
    }

    .main_top {
        height: 45px;
        clear: both;
    }

    .main_top .home_tit {
        width: 100%;
        padding: 12px 16px 11px;
        box-sizing: border-box;
    }

    .c_graph ul .c_g_ip {
        text-align: center;
        font-size: 13px;
        font-weight: 600;
    }

    .c_graph ul li {
        float: left;
        width: 48%;
        margin: 0 1% 40px 0;
    }

    .c_graph ul .tit {
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 0%;
    }

    .c_graph ul .graph_img {
        text-align: center;
        margin-bottom: 4%;
    }

    .c_graph ul .per {
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 2%;
    }

    .circle_graph {
        border: 1px solid #dedede;
        padding: 4% 0;
        height: auto;
        overflow: hidden;
        border-top: 2px solid #151515;
    }

    #wrap {
        width: 100%;
        padding: 0px;
        margin: 0 auto;
        position: relative;
        min-height: 0;
        min-width: 100%;
    }

    #footer {
        display: none;
    }

    #m_footer {
        display: block;
        padding: 24px 16px 34px;
        margin-top: 30px;
        background: #42475D;
    }

    #m_footer .cp_txt {
        margin-top: 10px;
    }

    #m_footer .cp_txt .copyright {
        margin-top: 4px;
        font-size: 12px;
    }

    .board_top_bn {
        display: none;
    }

    #t_ban_box2 {
        display: none;
    }

    /*1224*/
    .tab_c_top {
        padding: 10px 0 10px 10px;
    }

    .t_ban_box {
        display: none;
    }

    .item li .img {
        height: auto;
        overflow: hidden;
    }

    .item li .img img {
        width: 100%;
        height: 100%;
    }
}

@media all and (max-width: 760px) {
    html, body {
        -webkit-text-size-adjust: none;
    }

    .wrap {
        width: auto;
        margin: 0 10px;
    }

    .wolfharu_tabmenu_menu ul {
        display: none;
    }

    .wolfharu_tabmenu_menu select {
        font-size: 1em;
        display: block;
    }

    .wolfharu_tabmenu_content {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    /* m_shortcut2 */
    #m_main .m_continer2 {
        width: 100%;
        margin: 0 auto;
        margin-top: 40px;
    }

    #m_main .m_continer2 .icon_box {
        border-bottom: 0;
        margin-top: 16px;
        height: auto;
        overflow: hidden;
        padding-bottom: 20px;
    }

    #m_main .m_continer2 .shortcut2 {
        width: 100%;
        background: #fff;
        padding-bottom: 0px;
    }

    #m_main .m_continer2 .shortcut2 ul {
        /*overflow:hidden;*/
    }

    #m_main .m_continer2 .shortcut2 ul:after {
        content: '';
        display: block;
        clear: both;
    }

    #m_main .m_continer2 .shortcut2 li {
        float: none;
        width: 100%;
        position: relative;
        background: #edeff1;
        margin: 2px 0;
    }

    #m_main .m_continer2 .shortcut2 ul .icon_bg_on {
        float: left;
        text-align: center;
    }

    #m_main .m_continer2 .shortcut2 li a {
        display: block;
        position: relative;
        font-size: 15px;
        color: #000000;
        text-align: center;
        cursor: default;
        width: 80px;
        height: 40px;
        margin-bottom: 0px;
    }

    #m_main .m_continer2 .shortcut2 a i {
        display: block;
        position: absolute;
        left: 50%;
        width: 60px;
        margin-left: -28px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40%;
    }

    #m_main .m_continer2 .shortcut2 a span {
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 80px;
        left: 60px;
        top: 13px;
        font-size: 13px;
        margin-top: 0px;
    }

    #m_main .m_continer2 .shortcut2 ul li:before {
        content: '▼';
        display: block;
        position: absolute;
        top: 11px;
        right: 15px;
        font-size: 13px;
        font-weight: bold;
    }

    #m_main .m_continer2 .shortcut2 ul li:first-child:after {
        display: none;
    }

    #m_main .m_continer2 .shortcut2 .icon01 {
        top: 0px;
        height: 40px;
        background-image: url('/img/index/shortcut2_icon01.png');
    }

    #m_main .m_continer2 .shortcut2 .icon02 {
        top: 0px;
        height: 40px;
        background-image: url('/img/index/shortcut2_icon02.png');
    }

    #m_main .m_continer2 .shortcut2 .icon03 {
        top: 0px;
        height: 40px;
        background-image: url('/img/index/shortcut2_icon03.png');
    }

    #m_main .m_continer2 .shortcut2 .icon04 {
        top: 0px;
        height: 40px;
        background-image: url('/img/index/shortcut2_icon04.png');
    }

    #m_main .m_continer2 .shortcut2 .icon05 {
        top: 0px;
        height: 40px;
        background-image: url('/img/index/shortcut2_icon05.png');
    }

    #m_main .m_continer2 .shortcut2 .icon06 {
        top: 0px;
        height: 40px;
        background-image: url('/img/index/shortcut2_icon06.png');
    }

    #m_main .m_continer2 .shortcut2 .icon07 {
        top: 0px;
        height: 40px;
        background-image: url('/img/index/shortcut2_icon07.png');
    }
}

@media screen and (max-width: 640px) {
    .tea_photo ul .photo {
        float: left;
        width: 30%;
        height: 150px;
        position: relative;
        margin-right: 5%;
    }

    .main_img {
        width: 100%;
        height: 300px;
        background: url(/img/index/main_img.jpg);
        background-position: 57%;
        background-size: cover;
        margin-bottom: 22px;
    }

    #m_main .m_continer1 {
        width: 100%;
        margin: 0 auto;
    }

    #m_main .m_continer1 .board_wp {
        width: 100%;
        margin: 0 auto;
    }

    #m_main .m_continer1 .q_menu {
        width: 100%;
        margin: 0 auto;
    }

    #m_main .m_continer1 .center {
        width: 100%;
        float: left;
    }

    #m_main .m_continer1 .center ul .main_bn ul .main_bn1 {
        float: left;
        border: 1px solid #a7aab0;
        border-top: none;
        display: block;
        width: 100%;
        line-height: 36px;
        text-align: center;
        box-sizing: border-box;
    }

    #m_main .m_continer1 .center ul .main_bn ul .main_bn2 {
        float: left;
        border: 1px solid #a7aab0;
        border-top: none;
        display: block;
        width: 100%;
        line-height: 36px;
        text-align: center;
        box-sizing: border-box;
    }

    #m_main .m_continer1 .center ul .main_bn ul .main_bn3 {
        float: left;
        border: 1px solid #a7aab0;
        border-top: none;
        display: block;
        width: 100%;
        line-height: 36px;
        text-align: center;
        box-sizing: border-box;
    }

    #m_main .m_continer1 .center ul .main_bn ul .main_bn4 {
        float: left;
        border: 1px solid #a7aab0;
        border-top: none;
        display: block;
        width: 100%;
        line-height: 36px;
        text-align: center;
        box-sizing: border-box;
    }

    #p_main {
        display: none;
    }

    #m_main {
        display: block;
        box-sizing: border-box;
    }

    .main_txt {
        width: auto;
    }

    .main_txt h1 {
        font-size: 60px;
    }

    #m_main .m_continer4 {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    #m_main .m_continer4 .continer4_wp {
        width: 100%;
    }

    #m_main .m_continer4 .continer4_1 {
        float: none;
    }

    #m_main .m_continer4 .continer4_1 .con4_tea {
        width: auto;
        margin-right: 0px;
    }

    #m_main .m_continer4 .continer4_1 .con4_tea .tea_photo {
        /*padding-left: 68px;*/
    }

    .mob_continer4_2 {
        width: 100%;
        margin-top: 40px;
        float: none;
    }

    .mob_continer4_2 .con4_2_bn {
        width: auto;
    }

    .mob_continer4_2 .con4_2_bn .con4_2_bn1 {
        width: 48%;
        padding: 0px;
    }

    .mob_continer4_2 .con4_2_bn .con4_2_bn2 {
        width: 48%;
        padding: 0px;
        float: right;
    }

    .mob_continer4_2 .con4_2_bn ul .con4_2_bn1 .bn_co {
        top: 6px;
        height: 12px;
        background-image: url(/img/index/bn_go_icon.png);
        background-repeat: no-repeat;
        display: block;
        float: right;
        padding-left: 208px;
        position: relative;
    }

    .mob_continer4_2 .con4_2_bn ul .con4_2_bn2_wp .con4_2_bn2 .bn_co {
        top: 6px;
        height: 12px;
        background-image: url(/img/index/bn_go_icon.png);
        background-repeat: no-repeat;
        display: block;
        float: right;
        padding-left: 208px;
        position: relative;
    }

    .mob_continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 h3 {
        color: #000000;
        font-size: 20px;
        font-weight: 700;
        padding: 20px 0 6px 20px;
    }

    .mob_continer4_2 .con4_2_bn ul .con4_2_bn1_wp .con4_2_bn1 p {
        color: #000000;
        font-size: 13px;
        font-weight: 700;
        padding: 8px 0 6px 20px;
    }

    #m_main .m_continer1 .center ul .centere_tel .centere_tel_wp {
        width: auto;
        overflow: hidden;
    }

    #m_main .m_continer3 .main_board .main_board1 {
        width: 100%;
        margin-right: 0;
    }

    #m_main .m_continer4 .continer4_1 {
        width: 100%;
        float: left;
        margin-right: 0;
        margin-bottom: 40px;
    }

    #m_main .m_continer3 .main_board .main_board2 {
        width: 100%;
        margin-top: 8%;
    }

    .mob_continer5_1 {
        width: 100%;
        float: left;
    }

    #m_main .m_continer5 .continer4_2 {
        width: 100%;
        float: left;
        margin-right: 0;
        box-sizing: border-box;
    }

    #m_main .m_continer5 .continer5_2 .board_wp .board .more {
        position: absolute;
        top: -42px;
        right: 15px;
        width: 24px;
        height: 24px;
    }

    #m_main .m_continer5 .continer5_2 {
        width: 100%;
        float: left;
        box-sizing: border-box;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    #m_main .m_continer5 .continer5_2 .board_wp .board .tabcontent .list_box li .date {
        position: absolute;
        right: 16px;
        top: 2px;
        font-size: 13px;
        line-height: 14px;
        color: #7d7d7d;
        letter-spacing: -1px;
    }

    #m_main .m_continer5 .continer5_2 .board_wp .board .active .tab_btn {
        color: #2e3192;
        font-weight: 600;
        text-align: left;
        padding-left: 3%;
    }

    #m_main .m_continer1 .center ul .centere_tel {
        border-left: 1px solid #a7aab0;
        box-sizing: border-box;
        width: 100%;
        float: left;
        padding: 32px 0 32px 30px;
    }

    .ing_img {
        max-width: 100%;
    }

    .c_graph ul li {
        float: left;
        width: 48%;
        margin: 0 1% 40px 0;
    }

    .c_graph ul .tit {
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 0%;
    }

    .c_graph ul .c_g_ip {
        text-align: center;
        font-size: 13px;
        font-weight: 600;
    }

    .circle_graph {
        border: 1px solid #dedede;
        padding: 4% 0;
        height: auto;
        overflow: hidden;
        border-top: 2px solid #151515;
    }

    /*0402*/
    .way_box .list_target {
        width: 100%;
    }

    .way_box .list_target .circle_target1 {
        width: auto;
        height: auto;
        background: #eff3f6;
        float: none;
        border: 2px solid #005bab;
        border-radius: 100px;
        margin-bottom: 10px;
    }

    .way_box .list_target .circle_target1 h4 {
        text-align: center;
        line-height: 1.3;
        padding: 6px 0 6px 0;
    }

    .way_box .list_target .circle_target1 h4 span {
        font-size: 26px;
        color: #333333;
        font-weight: 600;
    }

    .way_box .list_target .circle_target2 {
        width: auto;
        height: auto;
        background: #eff3f6;
        float: none;
        border: 2px solid #4982c9;
        border-radius: 100px;
        margin-bottom: 10px;
    }

    .way_box .list_target .circle_target2 h4 {
        text-align: center;
        line-height: 1.3;
        padding: 6px 0 6px 0;
    }

    .way_box .list_target .circle_target2 h4 span {
        font-size: 26px;
        color: #333333;
        font-weight: 600;
    }

    .way_box .list_target .desc_target {
        background: #fff;
        border: 2px solid #cac8c9;
        border-radius: 10px;
        padding: 24px 40px 40px 40px;
        width: auto;
        height: auto;
        margin-left: 0px;
        margin-bottom: 30px;
    }

    .way_box .list_target .desc_target em {
        font-size: 18px;
        color: #005bab;
        margin-bottom: 10px;
        font-style: normal;
        font-weight: 600;
        display: block;
    }

    .way_box .list_target .desc_target p {
        line-height: 149%;
    }

    .circle_target1_m {
        display: block;
    }

    .circle_target1_p {
        display: none;
    }

    /*훈련생유의사항*/
    .notice_top {
        position: inherit;
        margin: 20px 0 30px;
        padding: 30px 30px 30px 30px;
        border: 1px solid #d2d2d2;
        border-top: 3px solid #007fd8;
        box-sizing: border-box;
        word-break: keep-all;
    }

    .notice_top .not_top_txt {
        line-height: 149%;
        min-height: 80px;
        padding-left: 0px;
        border-left: none;
        border-top: 1px dashed #b2b2b2;
        padding-top: 15px;
        margin-top: 15px;
    }

    .notice_top .notice_icon {
        position: inherit;
        left: 10px;
        top: 30px;
        width: 100%;
        min-height: 91px;
        background-image: url('/img/app/notice_icon1.jpg');
        background-position: center;
        background-repeat: no-repeat;
    }

    .notice_top_c {
        border: 1px solid #eeeeee;
        background-color: #f8f8f8;
        padding: 2.74914089347%;
        margin-bottom: 50px;
    }

    .tit_line {
        height: 1px;
        margin: 0 auto;
        background: url('/img/app/d_line.png');
        margin-bottom: 26px;
    }

    .notice_c {
        width: 100%;
    }

    .notice_1 {
        position: relative;
    }

    .notice_bg_icon {
        position: absolute;
        top: -8px;
        left: 49%;
    }

    .notice_1 .notice_1_tit {
        background-color: #eff3f6;
        border: 1px solid #0b4da2;
        height: 60px;
        margin-bottom: 10px;
        text-align: center;
        font-size: 18px;
        color: #005bab;
        line-height: 60px;
    }

    .notice_1 .notice_1_txt {
        border: 2px solid #d9d9d9;
        padding: 24px;
        font-size: 14px;
        line-height: 149%;
        margin-bottom: 30px;
    }

    .organ > ul > li > ul.bottom:after {
        content: "";
        position: absolute;
        left: 44%;
        width: 78.4%;
        margin-left: -31.6%;
        height: 1px;
        top: 358px;
        background: #d1d1d1;
        z-index: -1;
    }

    .organ > ul > li > ul.bottom > li > span:after {
        content: "";
        position: absolute;
        margin-left: -8%;
        width: 1px;
        height: 50px;
        top: -25px;
        padding-bottom: 0;
        background: #d1d1d1;
        z-index: -1;
    }

    .organ > ul > li > ul.bottom > li {
        position: relative;
        width: 100%;
    }

    .greetings .txt1 {
        display: none;
    }

    .greetings > p {
        font-size: 20px;
        letter-spacing: -1px;
        line-height: 120%;
        padding-left: 2%;
        padding-bottom: 11%;
    }

    .greetings .ceo .photo img {
        width: 87px;
    }

    .greetings .greetingcon {
        font-size: 12px;
        line-height: 149%;
        color: #666;
        background: #fff;
        padding: 14% 4% 4% 4%;
    }

    .greetings .ceo > ul > li:first-child {
        margin-top: -29%;
    }

    .greetings .ceo {
        position: absolute;
        right: 3%;
        top: 10px;
    }

    .greetings .ceo_mm {
        display: block;
    }

    .greetings .ceo_p {
        display: none;
    }

    .greetings .ceo .ceo_name {
        float: none;
        text-align: left;
    }

    .organ > ul > li > ul.top > li > span {
        display: block;
        width: 40%;
        height: 58px;
        line-height: 58px;
        margin: 0 auto;
        border-radius: 10px;
        background: #454953;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        float: left;
    }

    .organ > ul > li > ul.middle > li > span {
        display: block;
        width: 20%;
        height: 58px;
        line-height: 58px;
        margin: 0 auto;
        border-radius: 10px;
        background: #454953;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        float: left;
    }

    .organ > ul > li > ul.middle2 > li > span {
        display: block;
        width: 40%;
        height: 58px;
        line-height: 58px;
        margin: 0 auto;
        border-radius: 10px;
        background: #454953;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
    }

    .organ > ul > li > ul.top:after {
        content: "";
        position: absolute;
        left: 25%;
        width: 366px;
        margin-left: -100px;
        height: 1px;
        top: 60px;
        background: #d1d1d1;
        z-index: -1;
    }

    .organ > ul > li > ul.bottom > li > span {
        display: block;
        height: 48px;
        line-height: 48px;
        margin: 0 auto;
        border-radius: 10px;
        background: #949494;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        float: left;
        width: 23%;
        margin: 1%;
    }

    .organ > ul > li > ul.bottom:after {
        content: "";
        position: absolute;
        left: 44%;
        width: 78.4%;
        margin-left: -31.6%;
        height: 1px;
        top: 358px;
        background: #d1d1d1;
        z-index: -1;
    }

    .m_line {
        display: block;
        margin: 0px 0px;
    }

    .bot_mm {
        display: block;
    }

    .organ > ul > li > ul.bottom > li > span:after {
        content: "";
        position: absolute;
        margin-left: -8%;
        width: 1px;
        height: 50px;
        top: -25px;
        padding-bottom: 0;
        background: #d1d1d1;
        z-index: -1;
    }

    .organ > ul > li > ul.bottom > li > .line_no:after {
        content: "";
        position: absolute;
        margin-left: -8%;
        width: 0px;
        height: 0px;
        top: -25px;
        padding-bottom: 0;
        background: #d1d1d1;
        z-index: -1;
    }

    .organ > ul > li > ul.bottom > .right {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .stu1_2_top ul .stu1_2_img {
        width: 100%;
        height: 100%;
        background-color: #FFF;
        float: none;
        margin-right: 0px;
        box-sizing: border-box;
    }

    .stu1_2_top ul .stu1_2_txt {
        width: 100%;
        float: none;
        box-sizing: border-box;
        margin-top: 4%;
    }

    .mem_btn1 {
        margin: 4%;
    }

    .mem_txt {
        display: block;
        margin-bottom: 2%
    }

    .log_tit {
        background-color: #fff;
        /*padding:15px 0 15px 15px;*/
        font-size: 14px;
        font-weight: 600;
    }

    .login_wp {
        width: 90%;
    }

    .log_tit {
        width: 20%;
        background-color: #fff;
        /*padding:15px 0 15px 15px;*/
        font-size: 14px;
        font-weight: 600;
    }

    .stu1_2_btn ul .stu1_2_btn1 {
        width: 100%;
        float: none;
        text-align: center;
        margin-right: 0px;
        margin-bottom: 2%;
    }

    .stu1_2_btn ul .stu1_2_btn2 {
        width: 100%;
        float: none;
        text-align: center;
    }

    .item_area ul.item li {
        float: inherit;
        width: 100%;
        margin: 0;
        margin-bottom: 10%;
    }

    #m_main .m_continer2 .shortcut2 {
        height: auto;
        overflow: hidden;
        width: 100%;
        padding: 0;
    }

    #bs_b .board_list_foot .search_box2 input[type=text] {
        border: 1px solid #e5e5e5;
        height: 25px;
        line-height: 25px;
        width: 25%;
        background: #f5f5f5;
        padding: 0 5px;
        font-size: 13px;
        color: #666;
    }

    /* 마이페이지쪽지함 탭메뉴 */
    #bs_b .snb_area {
        width: 100%;
        height: 35px;
        background: url(/img/tab_bg.gif) repeat-x;
        text-align: left;
        margin: 19px 0 4% 0;
    }

    #bs_b .snb_area ul.snb {
        width: 100%;
        display: inline-block;
        display: inline;
        zoom:1; border-right: 1px solid #e2e4e6
    }

    #bs_b .snb_area ul.snb:after {
        content: '';
        display: block;
        clear: both
    }

    #bs_b .snb_area ul.snb li {
        float: left;
        width: 33.33%;
        text-align: center;
    }

    #bs_b .snb_area ul.snb li a {
        display: block;
        width: auto;
        height: 33px;
        font-size: 13px;
        line-height: 33px;
        color: #888;
        font-weight: normal;
        padding: 0;
        background: none #fbfbfb;
        border: 1px solid #e2e4e6;
        border-right: 0
    }

    #bs_b .snb_area ul.snb li a:hover {
        color: #181818
    }

    #bs_b .snb_area ul.snb li a.on {
        background: none #fff;
        border-bottom: 1px solid #fff;
        color: #181818;
        font-weight: bold
    }

    #bs_b .content {
        width: 1200px;
        margin: 50px auto 80px
    }

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

    .letter_d_btn {
        position: absolute;
        left: 0;
        top: 0;
    }

    #bs_b .board_list_foot {
        position: relative;
        width: 100%;
        margin-top: 15%;
    }

    .search_leyers {
        width: 100%;
        height: auto;
        padding: 10px;
        box-sizing: border-box;
    }

    .tab_tit_top {
        width: 20%;
        background-color: #f8f8f8;
        padding: 10px 0;
        font-size: 13px;
        font-weight: 600;
        border-bottom: 1px solid #dedede;
        border-top: 2px solid #151515;
    }

    .edu_sel select {
        padding: .6em .5em;
        font-family: inherit;
        background: url(/img/other/mg_ico_sel.jpg) no-repeat 95% 50%;
        border: 1px solid #dddddd;
        border-radius: 0px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        margin: 1% 0;
    }

    .stu1_2_img .img {
        position: relative;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-bottom: 56.26%;
    }

    .corre_sc {
        width: 100%;
        overflow-x: scroll;
    }

    .corre_sc table {
        width: 760px;
    }

    .my_infotxt {
        display: block;
        background-color: #eff3f6;
        padding: 10px;
        margin: 20px 0;
        width: 760px;
        box-sizing: border-box;
    }

    /*1224정보수정*/
    .join_f_1 {
        width: 210px;
    }

    .join_f_6 {
        width: 80px;
    }

    #Addr1 {
        display: block;
        width: 90%;
        margin: 1% 0;
    }

    #Addr2 {
        display: block;
        width: 90%;
        margin: 1% 0;
    }

    #Email1 {
        display: inline-block;
        width: 50%;
        margin: 1% 0;
    }

    #Email2 {
        display: inline-block;
        width: 50%;
        margin: 1% 0;
    }

    #domain {
        width: auto;
        padding: 7px 30px 7px 10px;
    }

    #newEditorBox {
        background: #fff;
    }

    .tab_tit_top {
        width: 25%;
        background-color: #f8f8f8;
        padding: 10px 0;
        font-size: 12px;
        font-weight: 600;
        border-bottom: 1px solid #dedede;
        border-top: 2px solid #151515;
    }

    .tab_tit {
        width: 20%;
        background-color: #f8f8f8;
        padding: 15px 0 15px 0;
        text-align: center;
        font-size: 12px;
        font-weight: 600;
        border-bottom: 1px solid #dedede;
    }

    .font_sm01 {
        font-family: 'Nanum Gothic';
        font-size: 12px;
        color: #333;
        font-weight: 600;
        word-break: keep-all;
        display: block;
        line-height: 149%;
        margin-top: 1%;
    }

    #Zipcode {
        width: 184px;
    }

    #bs_b .board_list_foot .search_box select {
        margin-right: 5px;
    }

    #bs_b .board_list_foot .search_box table tbody tr {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #bs_b .board_list_foot .search_box table tbody tr td {
        display: flex;
    }

    #bs_b .board_list_foot .search_box input[type=text] {
        margin-right: 5px;
        border: 1px solid #e5e5e5;
        ;min-width: 120px;
        width: 120px;
        background: #f5f5f5;
        padding: .5em 6px .5em 6px;
        font-size: 13px;
        color: #666
    }

    .scroll_searchbox_wp {
        width: 765px;
    }

    #bs_b .board_list_foot .search_box {
        text-align: center;
        margin-top: 20px;
        position: relative;
    }

    .m_btn_ty_1 {
        display: block;
        text-align: center;
    }

    .m_btn_ty_1 .sut1_4_bt {
        background-color: #999999;
        color: #fff;
        padding: 8px 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        cursor: pointer;
        vertical-align: middle;
        border-radius: 2px;
        margin-bottom: 0 !important;
    }

    .item li .img {
        height: auto;
        overflow: hidden;
    }

    .tab_tit_top table tbody tr td ul li:first-child {
        text-align: left;
    }

    .tab_tit_top table tbody tr td ul li:last-child {
        margin-right: 0!important;
    }

    #bs_b .board_list_foot .btns {
        position: relative;
        right: auto;
        top: auto;
        text-align: center;
        margin-top: 15px;
    }
}

@media screen and (max-width: 400px) {
    #bs_b .board_list_foot .search_box table tbody tr {
        justify-content: center;
    }

    #bs_b .board_list_foot .search_box table tbody tr td:last-child {
        margin-top: 5px;
    }
}

/* 1026강사소개 */
.flex_containter {
    display: flex;
    justify-content: space-between;
}

.introducation_bx {
    border: 1px solid #cacaca;
    margin-bottom: 20px;
    display: flex;
    padding: 20px;
}

.introducation_bx img {
    min-width: 170px;
    height: 230px;
}

.introducation_bx .introdu_txtbx {
    margin-left: 5%;
}

.introducation_bx .introdu_txtbx .intoro_txt {
    margin-bottom: 30px;
}

.introducation_bx .introdu_txtbx .intoro_txt span {
    position: relative;
    display: flex;
    color: #003F86;
    padding: 5px 0;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}

.introducation_bx .introdu_txtbx .intoro_txt span::before {
    display: inline-block;
    content: '';
    margin-right: 5px;
    width: 18px;
    height: 18px;
    background: url(../img/index/icon_tutor.png)no-repeat;
    background-size: contain;
}

.introducation_bx .introdu_txtbx .intoro_txt ul {
    margin-top: 0;
    margin-left: 20px;
    font-size: 15px;
}

/*.introducation_bx .introdu_txtbx .intoro_txt ul li{position: relative;font-size: 15px;padding-left: 10px;margin: 10px 0px;}
.introducation_bx .introdu_txtbx .intoro_txt ul li:before{content:'';position: absolute;border-left: 3px solid #424242;height: 7px;left: 0;top: 6px;}*/
/*온오프라인 추가*/
@media screen and (max-width: 450px) {
    /* 1026강사소개 */ .flex_containter {
        display: flex;
        justify-content: space-between;
    }

    .introducation_bx {
        display: block;
        text-align: center;
    }

    .introducation_bx img {
        margin: 0 auto;
        text-align: center;
    }

    .introducation_bx .introdu_txtbx {
        margin-left: 0;
        margin-top: 20px;
        text-align: left;
    }

    .introducation_bx .introdu_txtbx .intoro_txt ul {
        margin-top: 20px;
    }

    .introducation_bx .introdu_txtbx .intoro_txt ul li {
        font-size: 13px;
    }

    .introducation_bx .introdu_txtbx .intoro_txt span::before {
        margin-top: 3px;
    }
}

/* 시험 일정 */
.wrap_test_schedule {
    position: relative;
}

.wrap_test_schedule .img_schedule {
    position: absolute;
    top: 0;
    right: 0;
}

.wrap_test_schedule .area_schedule {
    margin-top: 40px;
}

.wrap_test_schedule .area_schedule ~ .area_schedule {
    margin-top: 60px;
}

.wrap_test_schedule .area_schedule.center .wrap_tit {
    text-align: center;
}

.wrap_test_schedule .area_schedule.center .wrap_tit .txt_tit:after {
    left: 50%;
    margin-left: -20px;
}

.wrap_test_schedule .wrap_tit .txt_tit {
    display: inline-block;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: #222222;
    letter-spacing: -0.025em;
    line-height: 26px;
}

.wrap_test_schedule .wrap_tit .txt_tit:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: -21px;
    width: 40px;
    height: 4px;
    background: #002A74;
}

.wrap_test_schedule .wrap_tit {
    padding-bottom: 45px;
}

.wrap_test_schedule .wrap_desc {
    font-size: 18px;
    color: #222;
    line-height: 32px;
}

.wrap_test_schedule .list_desc {
    margin-top: 8px;
    background: #F6F7F9;
    border-radius: 4px;
    padding: 24px 20px;
}

.wrap_test_schedule .list_desc ul {
    padding-left: 10px;
}

.screen_out {
    position: absolute;
    width: 1px;
    height: 1px;
    color: #fff;
    clip: rect(0,0,0,0);
    margin: -1px;
    overflow: hidden;
}

.wrap_test_schedule .table_schedule {
    width: 100%;
    margin-top: 16px;
    text-align: center;
    border-collapse: collapse;
    font-size: 18px;
    line-height: 26px;
    word-break: break-all;
}

.wrap_test_schedule .table_schedule th {
    background: #F8F8F8;
    padding: 17px 8px;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #ddd;
}

.wrap_test_schedule .table_schedule th:last-child {
    border-right: 1px solid #DDDDDD;
}

.wrap_test_schedule .table_schedule td {
    border-left: 1px solid #DDDDDD;
    border-bottom: 1px solid #ddd;
    padding: 11px;
}

.wrap_test_schedule .table_schedule td:last-child {
    border-right: 1px solid #DDDDDD;
}

@media screen and (max-width: 1024px) {
    .wrap_test_schedule .wrap_tit .txt_tit {
        font-size: 20px;
    }

    .wrap_test_schedule .wrap_desc {
        font-size: 16px;
    }

    .wrap_test_schedule .table_schedule {
        font-size: 16px;
        line-height: 24px;
    }

    .wrap_test_schedule .txt_desc {
        padding-right: 60px;
    }

    .wrap_test_schedule .area_schedule~.area_schedule {
        margin-top: 50px;
    }
}

@media screen and (max-width: 640px) {
    .wrap_test_schedule .area_schedule {
        margin-top: 0;
    }

    .wrap_test_schedule .area_schedule~.area_schedule {
        margin-top: 40px;
    }

    .wrap_test_schedule .wrap_tit .txt_tit {
        font-size: 18px;
    }

    .wrap_test_schedule .wrap_desc {
        font-size: 14px;
        line-height: 28px;
    }

    .wrap_test_schedule .table_schedule {
        font-size: 14px;
        line-height: 20px;
    }

    .wrap_test_schedule .txt_desc {
        padding-right: 100px;
    }

    .wrap_test_schedule .img_schedule {
        width: 80px;
        height: 80px;
    }
}

/* 교육원 소개 */
.wrap_intro_institute {
    padding-top: 20px;
}

.wrap_intro_institute .area_banner_tit img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.wrap_intro_institute .area_detail {
    position: relative;
    padding-bottom: 133px;
    padding-top: 32px;
    font-size: 18px;
    line-height: 30px;
    color: #222222;
}

.wrap_intro_institute .area_detail .txt_stress {
    color: #0092E5;
}

.wrap_intro_institute .area_detail em {
    font-weight: 700;
    font-style: normal;
}

.wrap_intro_institute .img_institute {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.wrap_intro_institute .img_institute_logo {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

@media screen and (max-width: 1024px) {
    .wrap_intro_institute .img_institute {
        width: 300px;
    }
}

@media screen and (max-width: 640px) {
    .wrap_intro_institute {
        padding-top: 0;
    }

    .wrap_intro_institute .area_detail {
        font-size: 16px;
        line-height: 27px;
        padding-top: 21px;
    }

    .wrap_intro_institute .img_institute {
        width: 280px;
    }

    .wrap_intro_institute .img_institute_logo {
        width: 100px;
    }
}

/* 환불 규정 */
.wrap_info_refund {
    position: relative;
    padding-top: 20px;
}

.wrap_info_refund .img_refund {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: -1;
}

.wrap_info_refund .list_desc {
    list-style-type: decimal;
    padding-left: 16px;
    list-style-position: inside;
    text-indent: -14px;
}

.wrap_info_refund .list_desc ol {
    text-indent: 0;
}

.wrap_info_refund .area_list {
    margin-top: 32px;
    padding: 24px 20px;
    background: #F6F7F9;
    border-radius: 4px;
    font-size: 16px;
    color: #222222;
    line-height: 30px;
}

.wrap_info_refund .txt_desc {
    line-height: 32px;
    font-size: 18px;
    color: #222;
    padding-right: 130px;
}

.wrap_info_refund .wrap_tit {
    padding-bottom: 45px;
}

.wrap_info_refund .wrap_tit .txt_tit {
    display: inline-block;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    color: #222222;
    letter-spacing: -0.025em;
    line-height: 26px;
}

.wrap_info_refund .wrap_tit .txt_tit:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: -21px;
    width: 40px;
    height: 4px;
    background: #002A74;
}

@media screen and (max-width: 1024px) {
    .wrap_info_refund .txt_desc {
        padding-right: 200px;
    }
}

@media screen and (max-width: 640px) {
    .wrap_info_refund .txt_desc {
        line-height:24px;
        font-size: 16px;
    }

    .wrap_info_refund .area_list {
        margin-top: 22px;
        padding: 22px 18px;
        font-size: 14px;
        line-height: 24px;
    }

    .wrap_info_refund .img_refund {
        width: 146px;
    }

    .wrap_info_refund {
        padding-top: 0;
    }

    .wrap_info_refund .wrap_tit .txt_tit {
        font-size: 18px;
        line-height: 24px;
    }
}

/* 오시는 길 */
.wrap_info_location {
    padding-top: 20px;
}

.wrap_info_location .box_info_map {
    margin-top: 16px;
    background: #F6F7F9;
    border-radius: 8px;
    padding: 24px 40px;
    line-height: 26px;
}

.wrap_info_location .box_info_map .list_info {
    overflow: hidden;
    color: #222222;
    font-size: 16px;
}

.wrap_info_location .box_info_map .txt_type {
    width: 100px;
    margin-right: 15px;
    float: left;
    font-weight: 700;
}

.wrap_info_location .box_info_map .desc_type {
    float: none;
    overflow: hidden;
}

.wrap_info_location .box_info_map .list_info>li+li {
    margin-top: 12px;
}

.wrap_info_location .box_info_map .list_locate {
    overflow: hidden;
}

.wrap_info_location .box_info_map .list_locate li {
    float: left;
    position: relative;
}

.wrap_info_location .box_info_map .list_locate li+li {
    margin-left: 33px;
}

.wrap_info_location .box_info_map .list_locate li+li::before {
    position: absolute;
    content: '';
    background: #363636;
    width: 1px;
    height: 14px;
    left: -16px;
    top: 50%;
    margin-top: -7px;
}

.wrap_info_location .list_info_way {
    margin-top: 48px;
}

.wrap_info_location .list_info_way>li {
    padding-left: 76px;
    position: relative;
}

.wrap_info_location .list_info_way>li+li {
    margin-top: 50px;
}

.wrap_info_location .list_info_way img {
    position: absolute;
    top: 0;
    left: 0;
}

.wrap_info_location .list_info_way .tit_type {
    float: left;
    width: 129px;
    margin-top: 18px;
    font-size: 16px;
    color: #222222;
}

.wrap_info_location .list_info_way .desc_type {
    float: none;
    overflow: hidden;
    font-size: 18px;
    color: #222222;
    line-height: 30px;
    font-weight: 500;
}

.wrap_info_location .list_info_way .line_subway {
    line-height: 24px;
    color: #fff;
    padding: 0 7px;
    display: inline-block;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
}

.wrap_info_location .list_info_way .line2 {
    background: #208D17;
}

.wrap_info_location .list_info_way .line4 {
    background: #1EBFF2;
}

.wrap_info_location .list_info_way .detail_way {
    margin-top: 6px;
}

@media screen and (max-width: 1024px) {
    .wrap_info_location .box_info_map .list_locate li {
        float: none;
    }

    .wrap_info_location .box_info_map .list_locate li+li {
        margin-left: 0;
        margin-top: 5px;
    }
}

@media screen and (max-width: 640px) {
    .wrap_info_location {
        padding-top: 0;
    }

    .wrap_info_location .box_info_map {
        font-size: 14px;
        padding: 18px 19px;
        line-height: 22px;
    }

    .wrap_info_location .list_info_way .tit_type {
        font-size: 15px;
        margin-top: 19px;
        width: 116px;
    }

    .wrap_info_location .list_info_way .desc_type {
        font-size: 15px;
        line-height: 25px;
    }

    .wrap_info_location .list_info_way .desc_type br {
        display: none;
    }

    .wrap_info_location .list_info_way {
        margin-top: 34px;
    }

    .wrap_info_location .list_info_way>li+li {
        margin-top: 37px;
    }
}

.section_certifi {
    padding-bottom: 100px;
}

.section_certifi .list_lecture {
    overflow: hidden;
    margin-top: 40px;
}

.section_certifi .list_lecture * {
    word-break: break-all;
}

.section_certifi .list_lecture li {
    float: left;
    margin: 0 20px 20px 0;
    width: calc((100% - 60px) / 4);
    list-style: none;
}

.section_certifi .list_lecture li:nth-child(4n) {
    margin-right: 0;
}

.section_certifi .list_lecture li:nth-child(4n+1) {
    clear: both;
}

.section_certifi .list_lecture .link_area {
    display: block;
}

.section_certifi .list_lecture .thumb_area {
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 56.26%;
}

.section_certifi .list_lecture .thumb_area img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.section_certifi .list_lecture .desc_item {
    margin-top: 5px;
}

.section_certifi .list_lecture .row_item {
    overflow: hidden;
}

.section_certifi .list_lecture .badge {
    display: block;
    float: left;
    padding: 0 6px;
    margin-right: 3px;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
    background-color: #999999;
    color: #fff;
    border-radius: 2px;
}

.section_certifi .list_lecture .badge.on {
    background-color: #002A74;
}

.section_certifi .list_lecture .badge.off {
    background-color: #CF181D;
}

.section_certifi .list_lecture .price_item {
    float: right;
    font-size: 14px;
    line-height: 18px;
}

.section_certifi .list_lecture .txt_name {
    display: block;
    margin: 4px 0;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.section_certifi .list_lecture .txt_loc, .section_certifi .list_lecture .txt_add, .section_certifi .list_lecture .txt_lecturer {
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: #999;
}

.section_certifi .list_menu {
    text-align: center;
    font-size: 0;
}

.section_certifi .list_menu li {
    display: inline-block;
    margin: 2px;
}

.section_certifi .list_menu .link_area {
    display: block;
    min-width: 106px;
    height: 46px;
    padding: 0 10px;
    text-align: center;
    font-size: 13px;
    line-height: 46px;
    font-weight: bold;
    background-color: #999999;
    color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
}

.section_certifi .list_menu .link_area:hover {
    background-color: #666;
    color: #fff;
}

.section_certifi .tbl_sorting {
    width: 100%;
    bottom: 0;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    border-collapse: collapse;
    table-layout: fixed;
}

.section_certifi .tbl_sorting th, .section_certifi .tbl_sorting td {
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
}

.section_certifi .tbl_sorting th {
    padding: 12px;
    background: #F5F5F5;
}

.section_certifi .tbl_sorting td {
    padding: 12px 0 4px 12px;
    border-right: 1px solid #E0E0E0;
}

.section_certifi .tbl_sorting tr:last-child th, .section_certifi .tbl_sorting tr:last-child td {
    border-bottom: 1px solid #E0E0E0;
}

.section_certifi .tbl_sorting .wrap_choice {
    overflow: hidden;
}

.section_certifi .tbl_sorting .wrap_choice .item_choice {
    float: left;
    margin: 0 12px 8px 0;
}

.section_certifi .tbl_sorting .wrap_choice .item_choice input {
    float: left;
    margin-top: 4px;
}

.section_certifi .tbl_sorting .wrap_choice .item_choice label {
    float: left;
    padding-left: 5px;
}

@media screen and (max-width: 1024px) {
    .section_certifi .list_lecture li {
        margin: 0 16px 15px 0;
        width: calc((100% - 16px) / 2);
    }

    .section_certifi .list_lecture li:nth-child(2n) {
        margin-right: 0;
    }

    .section_certifi .list_lecture li:nth-child(2n+1) {
        clear: both;
    }

    .section_certifi .list_lecture li:nth-child(4n+1) {
        clear: none;
    }

    .section_certifi .list_lecture {
        margin-top: 20px;
    }

    .section_certifi {
        padding-bottom: 40px;
    }
}

.wrap_banner_fixed {
    position: absolute;
    top: -40px;
    left: calc(100% + 20px);
}

.wrap_banner_fixed img {
    display: block;
}

@media all and (max-width: 1400px) {
    .wrap_banner_fixed {
        display: none;
    }
}

/* 서브페이지 - 탭 */
.wrap_tabmenu .list_tab {
    display: flex;
}

.wrap_tabmenu .list_tab li {
    flex: 1 1 50%;
    border: 1px solid #DDDDDD;
    border-right: 0;
    width: 50%;
}

.wrap_tabmenu .list_tab li:first-child {
    border-radius: 8px 0 0 8px;
}

.wrap_tabmenu .list_tab li:last-child {
    border-radius: 0 8px 8px 0;
    border-right: 1px solid #DDDDDD;
}

.wrap_tabmenu .list_tab li + li {
    border-left: 1px solid #DDDDDD;
}

.wrap_tabmenu .list_tab .link_tab {
    display: block;
    line-height: 58px;
    text-align: center;
    color: #1D1D1D;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wrap_tabmenu .list_tab .on {
    color: #fff;
    background-color: #0076D1;
    border-color: #0076D1;
}

.wrap_tabmenu .list_tab .on + li {
    border-left-color: #0076D1;
}

.wrap_tabmenu .list_tab .on .link_tab {
    color: #fff;
}

.list_event li {
    padding: 32px 0;
    border-bottom: 1px solid #EEEEEE;
}

.list_event .link_item {
    display: block;
    overflow: hidden;
    position: relative;
    padding-right: 80px;
    box-sizing: border-box;
}

.list_event .link_item::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: transparent url(/img/other/ico_arr_right.png) 0 0 no-repeat;
    background-size: contain;
}

.list_event .wrap_thumb {
    float: left;
    position: relative;
    display: block;
    width: 215px;
    height: 140px;
    margin-right: 24px;
    overflow: hidden;
    border: 1px solid #EEEEEE;
    border-radius: 10px;
}

.list_event .wrap_thumb .img_thumb {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.list_event .wrap_detail {
    overflow: hidden;
}

.list_event .wrap_detail .tit_event {
    display: block;
    font-size: 22px;
    font-weight: bold;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #363636;
}

.list_event .wrap_detail .info_event {
    display: block;
    margin-top: 15px;
    overflow: hidden;
    font-size: 16px;
}

.list_event .wrap_detail .info_event .tit_info {
    float: left;
    display: block;
    width: 106px;
    margin-top: 6px;
    clear: both;
    font-weight: 500;
}

.list_event .wrap_detail .info_event .desc_info {
    display: block;
    margin-top: 6px;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 640px) {
    .list_event .link_item {
        padding-right: 0;
    }

    .list_event .wrap_thumb {
        float: none;
        width: 100%;
        height: 0;
        margin-right: 0;
        overflow: hidden;
        padding-bottom: 58.8888%;
    }

    .list_event li {
        padding: 20px 0;
    }

    .list_event .wrap_detail {
        padding: 12px 8px 0;
    }

    .list_event .wrap_detail .info_event {
        display: block;
        margin-top: 7px;
        overflow: hidden;
        font-size: 16px;
    }

    .list_event .wrap_detail .tit_event {
        font-size: 18px;
        white-space: unset;
        text-overflow: unset;
    }

    .list_event .link_item::after {
        display: none;
    }

    .wrap_tabmenu .list_tab .link_tab {
        line-height: 46px;
        font-size: 15px;
    }

    .list_event .wrap_detail .info_event .tit_info {
        font-size: 15px;
    }

    .list_event .wrap_detail .info_event .desc_info {
        white-space: unset;
        text-overflow: unset;
        font-size: 14px;
    }
}

/* gnb 토글 버튼 */
.sitemap_layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.8);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s;
    display: none;
}

.open_sitemap .sitemap_layer {
    opacity: 1;
    visibility: visible;
    display: block;
}

.nav .sitemap_layer .inner_layer {
    position: relative;
    height: 100%;
    width: 1280px;
    margin: 0 auto;
    padding: 160px 0;
    box-sizing: border-box;
}

.nav .sitemap_layer .layer_body {
    height: 100%;
    margin-top: 60px;
    overflow: auto;
}

.nav .sitemap_layer .layer_head .link_home {
    display: block;
    width: 204px;
    height: 36px;
    margin: 0 auto;
}

.nav .sitemap_layer .layer_head .img_logo {
    display: block;
    width: 100%;
    padding: 0 10px;
}

.nav .sitemap_layer .menu_depth1 {
    position: relative;
    top: auto;
    left: auto;
    display: flex;
    height: auto;
    justify-content: space-between;
    padding: 0 105px;
    text-align: center;
    font-size: 20px;
    letter-spacing: -0.025em;
}

.nav .sitemap_layer .menu_depth1 > li {
    width: 160px;
}

.nav .sitemap_layer .menu_depth1 a {
    display: block;
    color: #fff;
    font-weight: 500;
}

.nav .sitemap_layer .menu_depth1 .link_depth1 {
    position: relative;
    line-height: 69px;
}

.nav .sitemap_layer .menu_depth1 .link_depth1::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #009DE4;
}

.nav .sitemap_layer .menu_depth2 {
    top: auto;
    left: auto;
    right: auto;
    position: relative;
    opacity: 1;
    margin-top: 16px;
}

.nav .sitemap_layer .menu_depth2 .link_depth2 {
    font-size: 18px;
    line-height: 43px;
}

.nav .sitemap_layer .btn_close {
    position: absolute;
    top: 56px;
    right: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.nav .sitemap_layer .btn_close .img_close {
    display: block;
    width: 24px;
    height: 24px;
    margin: 12px;
}

.nav .sitemap_layer a:focus-within {
    outline: 1px solid #fff
}

/* tpo menu */
.t_menu .inner_tmenu {
    overflow: hidden;
    width: 1280px;
    margin: 0 auto;
}

.t_menu .inner_tmenu .home_tit {
    display: flex;
    float: left;
}

.t_menu .inner_tmenu .home_tit .link_home {
    display: flex;
}

.t_menu .inner_tmenu .home_tit .img_home {
    width: 40px;
    height: 40px;
}

.t_menu .inner_tmenu .home_tit .txt_home {
    margin: 0 20px;
    line-height: 40px;
    font-weight: 700;
    font-size: 14px;
    color: #222;
}

.t_menu .inner_tmenu .home_utils {
    float: right;
    display: flex;
}

.t_menu .inner_tmenu .home_utils .link_util {
    line-height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #757575;
}

.t_menu .inner_tmenu .home_utils .link_util + .link_util {
    position: relative;
    margin-left: 25px;
}

.t_menu .inner_tmenu .home_utils .link_util + .link_util::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -12px;
    width: 1px;
    height: 10px;
    margin-top: -5px;
    background-color: #888;
    pointer-events: none;
}

#main-sidebar {
    opacity: 0;
    display: none;
}

@media screen and (max-width: 1024px) {
    #main-sidebar {
        opacity: 1;
        display: block;
    }
}

/* footer */
.list_sub_menu {
    display: flex;
    flex-wrap: wrap;
}

.list_sub_menu li {
    margin-right: 20px;
}

.list_sub_menu li a {
    display: block;
    font-size: 15px;
    color: #fff;
    line-height: 37px;
}

/* 회원가입 */
.wrap_join_intro .list_join_step {
    margin-top: 60px;
    padding: 0 70px;
    display: flex;
    justify-content: space-between;
}

.wrap_join_intro .list_join_step li {
    width: 160px;
    text-align: center;
}

.wrap_join_intro .list_join_step .box_step {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 100%;
}

.wrap_join_intro .list_join_step .inner_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #363636;
    border-radius: 50%;
    border: 1px solid #EEEEEE;
}

.wrap_join_intro .list_join_step li.on .inner_box {
    background-color: #0078B5;
    border-color: #0078B5;
}

.wrap_join_intro .list_join_step li.on .txt_step, .wrap_join_intro .list_join_step li.on .num_step {
    color: #fff;
}

.wrap_join_intro .list_join_step li.on .num_step::after {
    background-color: #fff;
}

.wrap_join_intro .list_join_step .num_step {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 900;
}

.wrap_join_intro .list_join_step .num_step::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 2px;
    background-color: #222;
}

.wrap_join_intro .list_join_step .txt_step {
    display: block;
    margin-top: 16px;
    font-weight: 700;
    font-size: 20px;
}

.wrap_join_intro .list_join_step li + li {
    position: relative;
}

.wrap_join_intro .list_join_step li + li::after {
    content: '';
    position: absolute;
    left: -42px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: transparent url(/img/mem/ico_arr_step.png) 0 0 no-repeat;
}

.wrap_join_intro .box_join_desc {
    margin-top: 60px;
    border-radius: 8px;
    background-color: #F6F7F9;
    padding: 40px 60px;
}

.wrap_join_intro .box_join_desc .list_info li {
    padding-left: 18px;
    position: relative;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
}

.wrap_join_intro .box_join_desc .list_info li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    background-color: #0057aa;
    border-radius: 50%;
}

.wrap_join_intro .box_join_desc .list_info li + li {
    margin-top: 12px;
}

.wrap_join_intro .box_join_desc .list_info li .blue {
    color: #0057AA;
}

.wrap_join_intro .box_verify_phone {
    display: flex;
    align-items: center;
    margin-top: 40px;
    border-radius: 8px;
    border: 1px solid #DDDDDD;
    padding: 40px;
}

.wrap_join_intro .box_verify_phone .img_g {
    width: 80px;
    height: 80px;
}

.wrap_join_intro .box_verify_phone .wrap_txt {
    margin-left: 30px;
}

.wrap_join_intro .box_verify_phone .tit_verify {
    color: #363636;
    font-size: 20px;
    font-weight: bold;
}

.wrap_join_intro .box_verify_phone .txt_verify {
    margin-top: 6px;
    font-size: 18px;
}

.wrap_join_intro .box_verify_phone .btn_verify {
    margin-left: auto;
    line-height: 60px;
    width: 240px;
    border-radius: 8px;
    text-align: center;
    background-color: #003F86;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.wrap_join_intro .box_verify_phone .btn_verify .ico_arr {
    display: inline-block;
    margin-left: 7px;
}

@media all and (max-width: 1280px) {
    .t_menu .inner_tmenu {
        width: 100%;
    }

    #header .inner_gnb {
        width: 100%;
    }

    #footer {
        min-width: initial;
    }
}

@media all and (max-width: 1024px) {
    .wrap_join_intro .list_join_step {
        margin-top: 50px;
        padding: 0 50px;
    }

    .wrap_join_intro .list_join_step li {
        width: 140px;
    }

    .wrap_join_intro .list_join_step li+li::after {
        left: -42%;
    }
}

@media all and (max-width: 965px) {
    .wrap_join_intro .list_join_step li {
        width: 17%;
    }

    .wrap_join_intro .list_join_step li+li::after {
        left: -37%;
    }

    .wrap_join_intro .box_join_desc {
        margin-top: 48px;
        padding: 32px 40px;
    }

    .wrap_join_intro .box_join_desc .list_info li {
        padding-left: 16px;
        font-size: 18px;
        line-height: 23px;
    }

    .wrap_join_intro .box_verify_phone {
        padding: 32px;
    }

    .wrap_join_intro .box_verify_phone .tit_verify, .wrap_join_intro .box_verify_phone .txt_verify {
        font-size: 18px;
    }

    .wrap_join_intro .box_verify_phone .btn_verify {
        line-height: 52px;
        width: 200px;
        font-size: 17px;
    }

    .wrap_join_intro .box_verify_phone .btn_verify .ico_arr {
        margin-left: 5px;
        width: 14px;
        height: 14px;
    }
}

@media all and (max-width: 640px) {
    .wrap_join_intro .list_join_step {
        padding: 0 16px;
        flex-direction: column;
    }

    .wrap_join_intro .list_join_step .num_step {
        font-size: 14px;
    }

    .wrap_join_intro .list_join_step .txt_step {
        margin-top: 8px;
        font-size: 16px;
    }

    .wrap_join_intro .box_join_desc {
        margin-top: 48px;
        padding: 28px 27px;
    }

    .wrap_join_intro .box_join_desc .list_info li {
        padding-left: 14px;
        font-size: 16px;
        line-height: 22px;
    }

    .wrap_join_intro .box_join_desc .list_info li+li {
        margin-top: 8px;
    }

    .wrap_join_intro .box_join_desc .list_info li::after {
        width: 4px;
        height: 4px;
    }

    .wrap_join_intro .box_verify_phone .img_g {
        display: none;
    }

    .wrap_join_intro .box_verify_phone .wrap_txt {
        margin-left: 0;
    }

    .wrap_join_intro .box_verify_phone {
        padding: 20px 30px;
        flex-wrap: wrap;
    }

    .wrap_join_intro .box_verify_phone .tit_verify, .wrap_join_intro .box_verify_phone .txt_verify {
        font-size: 16px;
    }

    .wrap_join_intro .box_verify_phone .txt_verify {
        margin-top: 3px;
    }

    .wrap_join_intro .box_verify_phone .btn_verify {
        line-height: 50px;
        width: 100%;
        margin-top: 17px;
    }

    .wrap_join_intro .list_join_step li {
        width: 100%;
    }

    .wrap_join_intro .list_join_step .box_step {
        padding-bottom: 40px;
    }

    .wrap_join_intro .list_join_step .inner_box {
        flex-direction: row;
        border-radius: 4px;
    }

    .wrap_join_intro .list_join_step .num_step::after {
        display: none;
    }

    .wrap_join_intro .list_join_step .txt_step {
        margin: 0 0 0 5px;
    }

    .wrap_join_intro .list_join_step li+li {
        margin-top: 25px;
    }

    .wrap_join_intro .list_join_step li+li::after {
        left: 50%;
        top: -11px;
        margin: -6px 0 0 0;
        width: 12px;
        height: 12px;
        background: transparent url(/img/mem/ico_arr_step.png) 0 0 no-repeat;
        background-size: contain;
        transform: rotate(90deg);
    }

    .wrap_join_intro .list_join_step {
        margin-top: 40px;
        padding: 0;
    }
}

.wrap_join_intro .wrap_intro_txt {
    margin-top: 80px;
    text-align: center;
}

.wrap_join_intro .wrap_intro_txt .tit_txt {
    display: block;
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
}

.wrap_join_intro .wrap_intro_txt .tit_txt .txt_emph {
    color: #3C88CB;
}

.wrap_join_intro .wrap_intro_txt .sub_txt {
    margin-top: 12px;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
}

.wrap_join_intro .wrap_intro_txt ~ .box_join_desc {
    margin-top: 40px;
}

.wrap_join_intro .box_mem_type {
    margin-top: 48px;
    text-align: center;
}

.wrap_join_intro .box_mem_type .tit_type {
    font-size: 24px;
    font-weight: 500;
}

.wrap_join_intro .box_mem_type .list_type {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.wrap_join_intro .box_mem_type .list_type li {
    flex: 0 0 220px;
    width: 220px;
    border-radius: 8px;
    border: 1px solid #DDDDDD;
    margin: 0 20px;
    box-sizing: border-box;
}

.wrap_join_intro .box_mem_type .list_type li a {
    padding: 30px;
}

.wrap_join_intro .box_mem_type .list_type img {
    display: block;
    width: 100px;
    margin: 0 auto;
}

.wrap_join_intro .box_mem_type .list_type a {
    display: block;
}

.wrap_join_intro .box_mem_type .list_type .txt_type {
    margin-top: 10px;
    display: block;
    font-size: 18px;
    font-weight: bold;
}

.wrap_join_intro .box_mem_type .list_type .btn_join {
    margin-top: 24px;
    display: block;
    line-height: 60px;
    width: 100%;
    border-radius: 8px;
    text-align: center;
    background-color: #003F86;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.wrap_join_intro .box_mem_type .list_type .btn_join .ico_arr {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 10px;
}

@media all and (max-width: 640px) {
    .wrap_join_intro .wrap_intro_txt {
        margin-top: 62px;
    }

    .wrap_join_intro .wrap_intro_txt .tit_txt {
        font-size: 18px;
        line-height: 26px;
    }

    .wrap_join_intro .wrap_intro_txt .sub_txt {
        margin-top: 11px;
        font-size: 16px;
        font-weight: 500;
        line-height: 27px;
    }

    .wrap_join_intro .box_mem_type .tit_type {
        font-size: 18px;
        font-weight: 500;
    }

    .wrap_join_intro .box_mem_type .list_type li {
        flex: 0 1 auto;
        width: 48%;
        margin: 0 8px;
    }

    .wrap_join_intro .box_mem_type .list_type li a {
        padding: 18px;
    }

    .wrap_join_intro .box_mem_type .list_type .txt_type {
        margin-top: 8px;
        font-size: 15px;
    }

    .wrap_join_intro .box_mem_type .list_type .btn_join {
        margin-top: 20px;
        line-height: 40px;
        font-size: 15px;
        font-weight: bold;
    }

    .wrap_join_intro .box_mem_type .list_type .btn_join .ico_arr {
        width: 12px;
        height: 12px;
        display: inline-block;
        margin-left: 8px;
    }
}

/* faq */
.wrap_faq_accordion {
    margin-top: 32px;
    border-top: 1px solid #EEEEEE;
}

.wrap_faq_accordion .list_accordion {
    border-bottom: 1px solid #EEEEEE;
}

.wrap_faq_accordion .accordion_head {
    display: block;
    position: relative;
    padding: 25px 40px 26px 34px;
    cursor: pointer;
}

.wrap_faq_accordion .accordion_head .ico_q {
    position: absolute;
    top: 29px;
    left: 0;
}

.wrap_faq_accordion .accordion_head .tit_txt {
    display: block;
    font-size: 20px;
    font-weight: bold;
    word-break: break-all;
}

.wrap_faq_accordion .accordion_head .ico_arr {
    position: absolute;
    top: 28px;
    right: 9px;
}

.wrap_faq_accordion .accordion_body .box_desc {
    background-color: #F6F7F9;
    padding: 25px 40px 26px 52px;
    position: relative;
}

.wrap_faq_accordion .accordion_body .box_desc * {
    word-break: break-all;
}

.wrap_faq_accordion .accordion_body .ico_a {
    position: absolute;
    top: 26px;
    left: 20px;
}

.wrap_faq_accordion .accordion_body .txt_desc {
    word-break: break-all;
    font-size: 16px;
    line-height: 24px;
    color: #363636;
}

.wrap_faq_accordion .list_accordion.on {
    border: none;
}

.wrap_faq_accordion .list_accordion.on .accordion_head .ico_arr {
    transform: rotate(180deg);
}

.wrap_faq_accordion .list_accordion.on .accordion_body {
    display: block;
}

.wrap_faq_accordion .accordion_body {
    display: none;
}

@media all and (max-width: 640px) {
    .wrap_faq_accordion {
        margin-top: 26px;
    }

    .wrap_faq_accordion .accordion_head {
        padding: 19px 40px 18px 34px;
    }

    .wrap_faq_accordion .accordion_head .ico_q {
        top: 21px;
        left: 2px;
    }

    .wrap_faq_accordion .accordion_head .tit_txt {
        font-size: 16px;
        font-weight: 500;
    }

    .wrap_faq_accordion .accordion_head .ico_arr {
        top: 17px;
    }

    .wrap_faq_accordion .accordion_body .box_desc {
        padding: 20px 26px 21px 44px;
    }

    .wrap_faq_accordion .accordion_body .ico_a {
        top: 22px;
        left: 15px;
    }

    .wrap_faq_accordion .accordion_body .txt_desc {
        font-size: 15px;
        line-height: 22px;
    }

    .sub_tit.no_line {
        margin-bottom: 20px;
    }
}

/* 메인 */
.section_intro_lecture {
    position: relative;
}

.section_intro_lecture .wrap_section {
    width: 1280px;
    margin: 0 auto;
    padding: 55px 0;
}

.section_intro_lecture .inner_section {
    position: relative;
}

.section_intro_lecture .head_title .tit_g {
    font-size: 32px;
    font-family: 'SBAggro';
    font-weight: 500;
}

.section_intro_lecture .list_lecture {
    display: flex;
    flex-wrap: wrap;
    margin-top: 32px;
}

.section_intro_lecture .list_lecture li {
    width: calc( (100% - 120px) / 4 );
    margin-right: 40px;
    margin-bottom: 20px;
}

.section_intro_lecture .list_lecture li:nth-child(4n) {
    margin-right: 0;
}

.section_intro_lecture .list_lecture li + li {
}

.section_intro_lecture .list_lecture .link_item {
    display: block;
    transition: all .3s;
}

.section_intro_lecture .list_lecture .link_item:hover .img_g {
    transform: scale(1.15);
}

.section_intro_lecture .list_lecture .wrap_thumb {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 180px;
    position: relative;
    overflow: hidden;
}

.section_intro_lecture .list_lecture .inner_thumb {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-radius: 15px;
    overflow: hidden;
}

.section_intro_lecture .list_lecture .img_g {
    display: block;
    width: 100%;
    transition: all .3s;
}

.section_intro_lecture .list_lecture .info_lecture {
    display: block;
    margin-top: 12px;
}

.section_intro_lecture .list_lecture .group_tag {
    display: block;
    display: flex;
}

.section_intro_lecture .list_lecture .group_tag .txt_tag {
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px;
    border-radius: 4px;
    color: #cf1322;
    background: #fff1f0;
    padding: 4px 7px 3px;
    margin-right: 6px;
}

.section_intro_lecture .list_lecture .group_tag .txt_tag.tag_new {
    background-color: #fff1f0;
}

.section_intro_lecture .list_lecture .group_tag .txt_tag.tag_hot {
    color: #1d39c4;
    background: #e4ebfa;
}

.section_intro_lecture .list_lecture .group_tag .txt_tag.tag_type1 {
    color: #389e0d;
    background: #f6ffed;
}

.section_intro_lecture .list_lecture .group_tag .txt_tag.tag_type2 {
    color: #08979c;
    background: #e6fffb;
}

.section_intro_lecture .list_lecture .group_tag .txt_tag.tag_type3 {
    color: #531dab;
    background: #f9f0ff;
}

.section_intro_lecture .list_lecture .group_tag .txt_tag.tag_type4 {
    color: #c41d7f;
    background: #fff0f6;
}

.section_intro_lecture .list_lecture .tit_lecture {
    margin-top: 10px;
    margin-bottom: 5px;
    height: 45px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: normal;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.group_sub {
    display: block;
    margin-top: 13px;
    color: #002D84;
    font-size: 14px;
    line-height: 28px;
}

.link_more {
    position: absolute;
    font-size: 24px;
    font-family: 'SBAggro';
    font-weight: 500;
    color: #003F86;
    top: 6px;
    right: 0;
}

.link_more .ico_arr {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: top;
    margin-top: 0;
    margin-left: 3px;
}

.section_intro_lecture.hot_lecture {
    background-color: rgba(154,215,247,0.15);
}

.section_intro_lecture.hot_lecture .wrap_section::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 200px;
    background: transparent url('/img/index/bg_lecture_hot.png') 0 0 no-repeat;
}

@media all and (max-width: 1700px) {
    .section_intro_lecture.hot_lecture .wrap_section {
        position: relative;
    }

    .section_intro_lecture.hot_lecture .wrap_section::after {
        content: '';
        position: absolute;
        left: -220px;
        top: 0;
        width: 200px;
        height: 200px;
    }
}

@media all and (max-width: 1024px) {
    .section_intro_lecture .wrap_section {
        width: 100%;
        padding: 40px 15px 60px;
        box-sizing: border-box;
    }

    .section_intro_lecture .head_title .tit_g {
        font-size: 24px;
    }

    .section_intro_lecture .list_lecture {
        margin-top: 26px;
    }

    .section_intro_lecture .list_lecture li {
        width: calc((100% - 120px) / 4);
    }

    .section_intro_lecture .list_lecture .wrap_thumb {
        padding-bottom: 63.829%;
    }

    .section_intro_lecture .list_lecture .tit_lecture {
        margin-top: 7px;
        font-size: 17px;
        line-height: 22px;
    }

    .section_intro_lecture .list_lecture .group_tag .txt_tag {
        line-height: 22px;
    }

    .link_more {
        font-size: 20px;
        top: 2px;
    }

    .link_more .ico_arr {
        width: 20px;
        height: 20px;
        margin-top: 5px;
    }

    .section_intro_lecture.hot_lecture .wrap_section::after {
        display: none;
    }
}

@media all and (max-width: 640px) {
    .main_img {
        margin-bottom: 10px;
    }

    .section_intro_lecture .head_title .tit_g {
        font-size: 20px;
    }

    .section_intro_lecture .list_lecture li {
        width: calc((100% - 20px) / 2);
        margin-right: 20px;
    }

    .section_intro_lecture .list_lecture li:nth-child(2n) {
        margin-right: 0;
    }

    .section_intro_lecture .list_lecture {
        margin-top: 18px;
    }

    .section_intro_lecture .list_lecture .info_lecture {
        margin-top: 10px;
    }

    .section_intro_lecture .list_lecture .group_tag .txt_tag {
        line-height: 20px;
        padding: 0 8px;
        margin-right: 4px;
    }

    .section_intro_lecture .list_lecture .tit_lecture {
        margin-top: 7px;
        font-size: 16px;
    }

    .group_sub {
        margin-top: 3px;
        line-height: 22px;
    }

    .link_more {
        font-size: 16px;
        top: 4px;
    }

    .link_more .ico_arr {
        width: 16px;
        height: 16px;
        margin-top: 4px;
        margin-left: 2px;
    }

    .section_intro_lecture .wrap_section {
        padding: 35px 15px 55px;
    }
}

.section_info_main {
    position: relative;
    background-color: #F4F5F6;
}

.section_info_main .wrap_section {
    width: 1280px;
    margin: 0 auto;
    padding: 55px 0 70px;
}

.section_info_main .inner_section {
    position: relative;
}

@media all and (max-width: 1700px) {
    .section_info_main .wrap_section {
        position: relative;
    }

    .section_info_main .wrap_section::after {
        content: '';
        position: absolute;
        left: -220px;
        top: 0;
        width: 200px;
        height: 200px;
    }
}

.continer1 .board_wp {
    width: 605px;
    float: left;
    margin-right: 40px;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 20px;
    background: #fff;
    padding: 0 24px;
}

.continer1 .board_wp ~ .board_wp {
    margin-right: 0;
}

.continer1 {
    width: auto;
    margin: 0 auto;
    overflow: hidden;
    height: auto;
}

.continer4 {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    margin-top: 40px;
    overflow: hidden;
}

.continer1 .board_wp .board .more a {
    box-sizing: border-box;
    text-align: center;
}

.continer1 .board_wp .board .more a span {
    padding-left: 0;
    line-height: 21px;
}

.continer1 .board_wp .board .tab_btn {
    display: inline-block;
    width: auto;
    min-width: 80px;
    font-family: 'SBAggro';
    font-weight: 300;
}

.continer1 .board_wp .board .active .tab_btn {
    color: #003F86;
    line-height: 60px;
    font-weight: 500;
    text-align: left;
}

.continer1 .board_wp .board .tab_btn i {
    background-color: #DDDDDD;
}

.continer1 .board_wp .board .tab_btn .line {
    bottom: -3px;
    width: 80px;
    height: 3px;
    background-color: #003F86;
}

.continer1 .board_wp .board {
    position: relative;
    width: 100%;
    height: 248px;
    background-color: #fff;
    left: 0;
}

.continer1 .board_wp .board .tabcontent .list_box li a {
    position: relative;
    display: block;
    width: 78%;
    padding-left: 0;
    font-size: 14px;
    line-height: 20px;
    color: #363636;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
}

.continer1 .board_wp .board .tabcontent .list_box li a:before {
    display: none;
}

.continer1 .board_wp .board .tabcontent .list_box li .date {
    position: absolute;
    right: 2px;
    top: 0;
    font-size: 14px;
    line-height: 20px;
    color: #868686;
    letter-spacing: -0.025em;
}

.continer1 .board_wp .board .tabcontent .list_box li {
    padding-bottom: 12px;
}

.continer1 .board_wp .board .list ul {
    height: auto;
}

.continer4_2 h2 {
    margin-bottom: 12px;
    font-family: 'SBAggro';
    font-weight: 500;
}

.continer4_2 h2 a {
    display: block;
    float: right;
    background-color: #fff;
    border: 1px solid #a7aab0;
    padding: 0;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 25px;
    font-weight: 500;
    box-sizing: border-box;
}

.continer4_2 h2 a span {
    font-weight: 300;
}

.continer4_2 .board_list table {
    width: 100%;
    border-top: 2px solid #003F86;
}

.continer4_2 .board_list .head .subject {
    border-bottom: none;
    border-top: none;
    border-right: 1px solid #F4F5F6
}

.continer4_2 .board_list table th {
    background: #e0efff;
    color: #363636;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0;
}

.continer4_2 .board_list .head .tea {
    border-bottom: none;
    border-top: none;
}

.continer4_2 .board_list table td.subject {
    text-align: center;
    padding-left: 0;
}

.continer4_2 .board_list table td {
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    color: #363636;
    font-weight: normal;
    border-bottom: 1px solid #DDDDDD;
    text-align: center;
    padding-left: 0;
    background: #fff;
}

@media all and (max-width: 1280px) {
    #wrap {
        width: 100%;
        min-width: initial;
    }

    .continer1 .board_wp {
        width: calc(50% - 20px);
        margin-right: 20px;
    }

    .section_intro_lecture .wrap_section {
        width: 100%;
    }

    .continer4 .continer4_wp {
        width: 100%;
    }

    .section_info_main .wrap_section {
        width: 100%;
    }

    .continer4_2 {
        width: calc(50% - 20px);
    }
}

@media all and (max-width: 1024px) {
    .section_info_main .wrap_section {
        width: 100%;
        margin: 0 auto;
        padding: 75px 15px 85px;
        box-sizing: border-box;
    }

    #m_footer {
        margin-top: 0;
    }

    .continer1 .board_wp {
        width: calc((100% - 20px) / 2);
        margin: 0 10px 0 0;
        padding: 0px 16px;
    }

    .continer1 .board_wp ~ .board_wp {
        margin: 0 0 0 10px;
    }

    .continer1 {
        width: 100%;
    }

    .continer4 {
        margin-top: 30px;
    }

    .continer4 .continer4_wp {
        width: 100%;
    }

    .continer4_2 {
        width: calc((100% - 20px) / 2);
        margin-left: 10px;
    }
}

@media all and (max-width: 640px) {
    .continer1 .board_wp {
        width: 100%;
        padding: 0px 18px;
    }

    .continer1 .board_wp~.board_wp {
        margin: 16px 0 0 0;
    }

    .continer1 .board_wp .board .tab_btn {
        height: 48px;
        font-size: 16px;
        line-height: 50px;
    }

    .continer1 .board_wp .board .tabcontent {
        padding-top: 20px;
    }

    .continer1 .board_wp .board .tabcontent .list_box li {
        padding-bottom: 4px;
    }

    .continer1 .board_wp .board {
        height: 214px;
    }

    .continer4 {
        margin-top: 16px;
    }

    .continer4_2 {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-top: 16px;
    }

    .continer4_2 h2 {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .section_info_main .wrap_section {
        padding: 45px 15px 65px;
    }

    .continer1 .board_wp .board .tabcontent .list_box li a {
        width: 72%;
    }

    .continer1 .board_wp .board .more a span {
        line-height: 21px;
    }
}

.section_info_main .list_banner {
    margin-top: 40px;
    overflow: hidden;
}

.section_info_main .list_banner li {
    width: 605px;
    float: left;
}

.section_info_main .list_banner li + li {
    margin-left: 40px;
}

.section_info_main .list_banner a {
    display: block;
}

.section_info_main .list_banner img {
    display: block;
    width: 100%;
}

@media all and (max-width: 1280px) {
    .section_info_main .list_banner li {
        width: calc(50% - 10px);
    }

    .section_info_main .list_banner li+li {
        margin-left: 20px;
    }
}

@media all and (max-width: 640px) {
    .section_info_main .list_banner {
        margin-top: 35px;
    }

    .section_info_main .list_banner li {
        width: 100%;
    }

    .section_info_main .list_banner li+li {
        margin-top: 20px;
        margin-left: 0;
    }
}

.section_slide_main {
    padding: 60px 0;
}

.section_slide_main .inner_section {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

.section_slide_main .slider_company {
    overflow: hidden;
}

.section_slide_main .slider_company a {
    display: inline-block;
}

.section_slide_main .slider_company img {
    display: block;
}

.section_slide_main .slider_company .swiper-slide {
    width: auto;
    text-align: center;
}

.section_slide_main .swiper-button-next:after, .section_slide_main .swiper-button-prev:after {
    display: block;
    content: '';
    background: transparent url('/img/index/ico_arr_slide.png') 0 0 no-repeat;
    width: 32px;
    height: 32px;
}

.section_slide_main .swiper-button-next:after {
    transform: rotate(-180deg);
}

.section_slide_main .swiper-button-next, .section_slide_main .swiper-button-prev {
    width: auto;
    height: auto;
    padding: 5px;
}

.section_slide_main .swiper-button-next {
    background-image: none;
    right: -74px;
}

.section_slide_main .swiper-button-prev {
    background-image: none;
    left: -74px;
}

.section_slide_main .inner_section .btn_box a.js-swiper-play {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: -105px;
    top: 15px;
}

.section_slide_main .inner_section .btn_box a.js-swiper-play i {
    display: block;
    width: 20px;
    height: 20px;
}

.section_slide_main .inner_section .btn_box .xi-pause {
    background-image: url(../img/main/stop2_btn.png);
}

.section_slide_main .inner_section .btn_box .xi-play {
    background-image: url(../img/main/play2_btn.png);
}

@media all and (max-width: 1440px) {
    .section_slide_main .inner_section {
        width: 80%;
    }

    .section_slide_main .swiper-button-next {
        right: -50px;
    }

    .section_slide_main .swiper-button-prev {
        left: -50px;
    }
}

@media all and (max-width: 1024px) {
    .section_slide_main {
        padding: 52px 10px;
    }

    .section_slide_main .swiper-button-next {
        display: none;
    }

    .section_slide_main .swiper-button-prev {
        display: none;
    }

    .section_slide_main .inner_section .btn_box a.js-swiper-play {
        display: none;
    }

    .section_slide_main .inner_section {
        width: 100%;
    }
}

@media all and (max-width: 640px) {
    .section_slide_main {
        padding: 33px 0;
    }

    .section_slide_main .slider_company {
        padding: 0 10px;
    }

    .section_slide_main .slider_company a {
        height: 30px;
    }

    .section_slide_main .slider_company img {
        height: 100%;
        object-fit: contain;
    }
}

/* 메인 롤링 배너 */
.m_img1_1 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}

.main_visual_wpap_controls_wrap {
    width: 100%;
    height: 45px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
}

.main_visual_wpap_controls_wrap .inner {
    width: 942px;
    height: 45px;
    margin: 0 auto;
}

.main_visual_wpap_controls_wrap .inner ul:after {
    content: '';
    display: block;
    clear: both;
}

.main_visual_wpap_controls_wrap .inner ul li {
    float: left;
    text-align: center;
    color: #8b8b8b;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    position: relative;
}

.main_visual_wpap_controls_wrap .inner ul li:hover {
    color: #8b5dd0;
}

.main_visual_wpap_controls_wrap .inner ul.main_visual_wpap_controls li.active {
    color: #8b5dd0;
    font-weight: 500;
}

.main_visual_wpap_controls_wrap .inner ul.main_visual_wpap_controls li.active {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #8b5dd0;
    top: -2px;
    left: 0;
}

/* K-MOOC */
.intro_w {
    height: 849px;
    background: url(/img/intro/bg_intro.jpg);
}

.intro_w .txt_bx {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    height: 250px;
    background: url(../img/intro/img_intro01.jpg) no-repeat right center;
}

.intro_w .txt_bx ~ .txt_bx {
    margin-top: 50px;
}

.intro_w .txt_bx.txt02 {
    justify-content: flex-end;
    background-image: url(../img/intro/img_intro02.jpg);
    background-position: left center;
}

.intro_w .txt_bx.txt03 {
    background-image: url(../img/intro/img_intro03.jpg);
}

.intro_w .txt_bx .txt {
    padding-left: 70px;
    color: #444;
    font-size: 18px;
    letter-spacing: -0.05em;
}

.intro_w .txt_bx .em {
    color: #003f86;
    font-family: 'SBAggro';
    font-weight: 500;
    font-size: 30px;
    letter-spacing: -0.05em;
}

@media all and (max-width: 960px) {
    .intro_w {
        height: auto;
        background-size: 100vw;
    }

    .intro_w .txt_bx {
        padding-bottom: 280px;
        height: auto;
        background-position: center bottom;
        justify-content: center;
        align-items: flex-end;
    }

    .intro_w .txt_bx.txt02 {
        justify-content: center;
        align-items: flex-end;
        background-position: center bottom;
    }

    .intro_w .txt_bx ~ .txt_bx {
        margin-top: 30px;
    }

    .intro_w .txt_bx .txt {
        padding-left: 0;
        padding-top: 0;
        text-align: center;
        font-size: 16px;
    }

    .intro_w .txt_bx .em {
        font-size: 25px;
    }
}

@media all and (max-width: 640px) {
    .intro_w {
        padding-top: 20px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 100% 50%;
    }

    .intro_w .txt_bx {
        padding-bottom: 150px;
        background-size: 250px;
    }
}

/* privacy */
.privacy_w .dot {
    position: relative;
    padding-left: 10px;
    line-height: 1.6;
}

.privacy_w .dot::before {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background-color: #3e434a;
    border-radius: 50%;
}

.privacy_w .dot ~ .dot {
    margin-top: 10px;
}

/* email */
.email_w {
}

.email_w .box {
    margin-bottom: 20px;
    padding: 35px;
    background-color: #F0F3F6;
}

.email_w .box .tit {
    font-size: 1.25em;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.email_w .box .txt {
    margin-top: 10px;
    line-height: 1.4;
}

.email_w h3.tit {
    font-size: 1.25em;
}

.email_w .line li {
    position: relative;
    padding-left: 15px;
    line-height: 1.4;
}

.email_w .line li:first-child {
    margin-top: 10px;
}

.email_w .line li ~ li {
    margin-top: 5px;
}

.email_w .line li::before {
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    content: "";
    width: 7px;
    height: 2px;
    background-color: #3e434a;
}

/* policy */
.policy_w .blue {
    padding-left: 10px;
    color: #005cb9;
    font-size: 1.063em;
    font-weight: 600;
}

.policy_w .desc ~ .desc {
    margin-top: 75px;
}

.policy_w .txt {
    margin-bottom: 20px;
    font-size: 1em;
}

.policy_w .table_bx {
}

.policy_w [class$=table_bx] + * {
    margin-top: 50px;
}

.policy_w .table_bx table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #333;
}

.policy_w .table_bx table caption {
    overflow: hidden !important;
    position: relative;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    border: 0 !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
}

.policy_w .table_bx {
    margin-top: 5px;
}

.policy_w .table_bx thead th {
    padding: 20px 5px;
    border-bottom: 1px solid #ccc;
    background-color: #F0F3F6;
    font-size: 1.063em;
    font-weight: bold;
    text-align: center;
}

.policy_w .table_bx tbody td {
    padding: 20px 5px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.policy_w .img_bx {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.policy_w .labeling ul li {
    text-align: left;
}

.policy_w .label-list img {
    width: 43px;
    vertical-align: middle;
}

.policy_w .label-list .item_tit {
    display: flex;
    align-items: center;
    justify-content: center;
}

.policy_w .label-list .black {
    margin-left: 10px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.05em;
}

.policy_w h4 {
    margin-bottom: 10px;
    font-size: 1.063em;
}

.policy_w h4 ~ h4 {
    margin-top: 40px;
}

.policy_w h4 img {
    width: 34px;
    vertical-align: middle;
}

.policy_w ul {
    margin-bottom: 10px;
}

.policy_w ul li {
    margin-bottom: 5px;
}

.policy_w .msg {
}

.policy_w .msg u {
    color: #005cb9;
    font-weight: bold
}

.policy_w .num-list {
}

.policy_w .num-list li {
    padding-left: 20px;
    text-indent: -18px;
}

.policy_w .num-2list {
    margin-top: 5px;
    margin-left: 5px;
}

.policy_w .num-2list li {
    padding-left: 10px;
    text-indent: -10px;
}

.policy_w .depth2-list {
    padding-left: 20px;
    margin-top: 5px;
}

.policy_w .depth2-list li {
}

.policy_w .depth3-list {
    padding-left: 15px;
    margin-top: 5px;
}

@media all and (max-width: 767px) {
    .policy_w .label-list .item_tit {
        justify-content: flex-start;
    }

    .policy_w .table_bx colgroup {
        display: none;
    }

    .policy_w .table_bx thead th {
        display: none;
    }

    .policy_w .table_bx tr {
        display: block;
        width: 100%;
    }

    .policy_w .table_bx tbody td {
        display: block;
        text-align: left;
    }

    .policy_w .img_bx {
        justify-content: flex-start;
    }

    .policy_w .labeling tbody tr:last-of-type td:last-of-type {
        display: none;
    }

    .policy_w .desc_tb {
        border-bottom: 1px solid #ccc;
    }

    .policy_w .desc_tb tbody tr {
        padding: 10px 0;
    }

    .policy_w .desc_tb tbody tr + tr {
        padding-top: 0;
    }

    .policy_w .desc_tb tbody td {
        position: relative;
        display: inline-block;
        margin-right: 20px;
        padding: 5px 0;
        width: auto;
        border-bottom: none;
    }

    .policy_w .desc_tb tbody td:before {
        display: inline-block;
        content: attr(data-tit)":";
        margin-right: 5px;
        font-weight: bold;
    }
}

/* board list */
@media all and (max-width: 1024px) {
    #bs_b .board_list table colgroup {
        display: none;
    }
}

/* board gallery */
#bs_b .board_stu_list {
    margin-top: 20px;
}

#bs_b .board_stu_list .item_area ul.item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#bs_b .board_stu_list .item_area ul.item li {
    display: inline-block;
    width: calc(33.333% - 15px);
    margin-top: 20px;
    margin-right: 20px!important;
}

#bs_b .board_stu_list .item_area ul.item li:nth-child(3n) {
    margin-right: 0!important;
}

#bs_b .board_stu_list .item_area ul.item li:nth-child(-n+3) {
    margin-top: 0;
}

/*#bs_b .board_stu_list .item_area ul.item li:not(n+1) {margin-right: 0;}*/
#bs_b .board_stu_list .item_area ul.item li .subject {
    overflow: hidden;
    padding: 10px 0;
    font-weight: 400;
}

#bs_b .board_stu_list .item_area ul.item li .subject a {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    color: #666;
    height: 40px;
    margin-top: 0;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: normal;
}

#bs_b .board_stu_list .item_area ul.item li .subject span.comment {
    font-size: 14px;
    line-height: 20px;
    color: #999;
    height: auto;
    margin-top: 0;
    margin-bottom: 5px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
}

#bs_b .board_stu_list .item_area ul.item li .subject img {
    vertical-align: middle
}

#bs_b .board_stu_list .item_area ul.item li .signdate {
    margin-top: 0px
}

#bs_b .board_stu_list .item_area ul.item li .signdate, #bs_b .board_stu_list .item_area ul.item li .view {
    font-size: 13px;
    line-height: 16px;
    color: #757575
}

#bs_b .board_stu_list .item_area ul.item li .price {
    margin-top: 5px;
    font-size: 12px;
}

#bs_b .board_stu_list .item_area ul.item li .stu_icon_img {
    margin: 15px 0 13px;
}

/* board view */
.heading_star {
    font-size: 16px!important;
}

.tb_edu {
    border-collapse: collapse;
    border-top: 2px solid #304850;
}

.tb_edu thead td {
    padding: 15px!important;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #e9ecef;
    font-size: 16px;
    background-color: #f9f9f9!important;
    color: #304850!important;
}

.tb_edu tbody td {
    padding: 15px!important;
    border-bottom: 1px solid #d2d2d2!important;
    border-top: 1px solid #e9ecef!important;
    font-size: 16px;
    background-color: #ffff!important;
    color: #304850!important;
}

@media all and (max-width: 1024px) {
    #bs_b .board_stu_list .item_area ul.item li {
        margin: 20px 0 0;
    }
}

@media all and (max-width: 640px) {
    #bs_b .board_stu_list .item_area ul.item li {
        flex: 0 0 calc(50% - 10px);
        width: auto;
    }

    #bs_b .board_stu_list .item_area ul.item li:nth-child(2n) {
        margin-right: 0!important;
    }

    #bs_b .board_stu_list .item_area ul.item li:nth-child(2n-1) {
        margin-right: 20px!important;
    }

    #bs_b .board_stu_list .item_area ul.item li:nth-child(3) {
        margin-top: 20px;
        margin-right: 20px!important;
    }

    #bs_b .board_stu_list .item_area ul.item li .subject a {
        font-size: 15px;
    }

    .stu_bt1_1,.stu_bt1_2,.stu_bt1_3,.stu_bt1_4,.stu_bt1_5 {
        font-size: 13px;
    }

    #bs_b .board_stu_list .item_area ul.item li .subject span.comment {
        font-size: 14px;
        height: auto;
        margin-top: 0;
        margin-bottom: 5px;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        word-wrap: normal;
        white-space: nowrap;
    }

    #bs_b .board_stu_list .item_area ul.item li .stu_icon_img {
        height: auto!important;
    }

    .stu1_2_top ul .stu1_2_txt .table4 td {
        font-size: 14px;
    }

    .tb_edu tbody td {
        font-size: 14px;
    }
}

@media all and (max-width: 468px) {
    #bs_b .board_stu_list .item_area ul.item li {
        flex: 1 0 auto;
        width: 100%;
    }

    #bs_b .search_box.myPage_search input[type="text"],#bs_b .search_box.myPage_search input[type="password"] {
        min-width: 100px;
    }
}

/* join */
.tb_member .c_tit {
    padding-top: 20px;
}

.tb_member tbody tr td > div:not(.tab_bt2):not(.tab_bt3) {
    box-sizing: border-box;
    padding: 0!important;
    width: 100%!important;
    height: auto!important;
    border: 1px solid #666!important;
}

.tb_member tbody tr td > div > div {
    padding: 10px 0 10px 10px;
    box-sizing: border-box;
}

.tb_member .tb_privacy {
    border-collapse: collapse;
    border-top: 2px solid #304850;
}

.tb_member .tb_privacy .j_fom_tit {
    padding: 15px;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #e9ecef;
    font-size: 15px;
    color: #304850;
    background: #f9f9f9;
}

.tb_member .tb_privacy .j_fom_tit2 {
    padding: 15px;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #e9ecef;
    font-size: 15px;
    color: #304850;
    background: #fff;
}

.tb_member .tb_privacy .j_fom_tit2:first-child {
    border-left: none;
}

.tb_login {
    font-family: inherit;
}

.tb_login .log_tit label {
    padding: 10px 0 10px 28px;
    background: url(../img/index/icon_id.png) no-repeat left 5px;
    font-size: 16px;
}

.tb_login .log_tit label.pw_tit {
    background-image: url(../img/index/icon_pw.png);
}

.tb_login .log_tit + td input {
    margin-top: 7px;
}

/*로그인 css 추가 웹접근성*/
.tb_login .login_top {
    display: flex;
    margin: 100px auto;
    text-align: center;
    justify-content: center;
}

.tb_login .login_top p~p {
    margin-top: 12px;
}

.tb_login .login_top .log_tit {
    display: inline-block;
    width: 100px;
    text-align: left;
    margin-right: 50px;
}

.tb_login .login_top .log_tit label {
}

.tb_login .login_top .log_input {
    width: 250px;
    margin: 0;
}

.tb_login .login_top .log_bt {
    margin-left: 10px;
}

.login_btm {
    border-top: 1px solid #E0E0E0;
    padding-top: 50px;
}

.login_btm span {
    text-align: center;
}

/* join step */
.tb_join {
    border-collapse: collapse;
    border-top: 2px solid #304850;
}

.tb_join .tab_tit_top {
    background-color: #f9f9f9;
    color: #304850;
    ;font-size: 15px;
}

.tb_join .tab_tit {
    background-color: #f9f9f9;
    color: #304850;
    ;font-size: 15px;
}

.tb_join .sts p {
    font-size: 14px;
}

.tb_join .tab_bt1 {
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 500;
}

.tb_join input[type="text"]#MemId + #btnIdChk {
    margin-left: 5px;
}

@media all and (max-width: 1024px) {
    .log_bt {
        background-color: #3C4466;
        color: #fff;
        padding: 0;
        width: 80px;
        height: 85px;
        border-radius: 4px;
        line-height: 85px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        cursor: pointer;
        vertical-align: middle;
    }

    .log_tit {
        width: 20%;
    }

    .tb_login .log_tit label {
        font-size: 14px;
    }
}

@media all and (max-width: 640px) {
    .login_wp {
        width: 100%;
    }

    .login_wp .log_input {
    }

    .log_tit {
        width: auto;
        min-width: 85px;
    }

    .tb_join .tab_tit {
        font-size: 14px;
    }

    .tb_join input[type="text"], input[type="password"] {
        width: 100%;
        min-width: auto;
    }

    .tb_join input[type="text"]#MemId {
        width: calc(100% - 90px);
    }

    .tb_member {
        table-layout: fixed;
    }

    .tb_member .tb_privacy .j_fom_tit {
        padding: 5px;
        font-size: 14px;
    }

    .tb_member .tb_privacy .j_fom_tit2 {
        padding: 5px;
        font-size: 14px;
    }

    .tb_join input[type="text"]#MemId + #btnIdChk {
        margin-left: 10px;
    }
}

@media all and (max-width: 520px) {
    .tb_login .login_top .log_tit {
        margin-right: 10px;
    }

    .tb_login .login_top .log_input {
        width: 150px;
        min-width: 150px;
    }

    .tb_login .login_top {
        flex-direction: column;
    }

    .tb_login .login_top .log_bt {
        width: auto;
        height: auto;
        line-height: normal;
        padding: 10px ;
        margin-top: 10px;
    }
}

@media all and (max-width: 360px) {
}

/*개인정보처리방침*/
.policy_txt {
    margin: 10px;
    font-size: 16px;
}

.policy_txt>div {
    margin-top: 40px;
}

.policy_txt>div dl dd ul {
    margin: 0;
}

.policy_txt .policy_list li {
    font-size: 16px;
}

.policy_txt .policy_list >li~li {
    margin-top: 40px;
}

.policy_txt strong {
    display: inline-block;
    margin-bottom: 5px;
    color: #003F86;
    font-size: 17px;
}

.policy_txt dl~dl {
    margin-top: 10px;
}

.policy_txt dl dd {
    display: block !important;
}

.policy_txt dl dd ul {
    margin-left: 10px;
}

.policy_txt>dl>dd>ul>li>p {
    margin: 0;
    margin-left: 20px;
}

.policy_txt .list-depth1-num, .policy_txt .list-depth2-num {
    margin-top: 5px;
}

.policy_txt .list-depth1-num li p {
    margin-left: 5px;
}

.policy_txt ul li ~ li {
    margin-top: 5px;
}

.policy_txt [class^="list-depth2"] li {
    font-size: 14px;
}

.policy_txt .list-depth1-num li, .policy_txt .list-depth2-num li {
    position: relative;
    padding-left: 15px;
    text-indent: -15px;
}

.policy_txt .list-depth1-num li {
}

.policy_txt .list-depth2-num {
    margin-top: 10px;
    padding-left: 15px;
    padding-bottom: 5px;
}

.policy_txt .list-depth3 {
    margin-top: 10px;
    padding-left: 15px;
    padding-bottom: 5px;
}

/* view 단 banner */
.img-banner {
    margin: 30px 0;
    width: 100%;
}

.img-banner img {
    display: block;
    width: 100%;
}

.img-banner.bot {
    margin: 45px 0;
}

.view-video {
    width: 100%;
}

.ellipsis {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
    white-space: nowrap;
    max-width: 300px;
}

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
    /* Adjust as needed */
}

/* 팝업창 수정 */
.popup_table {
    margin-top: 10px;
    font-size: 16px;
}

.popup_table input[name="Notice"] {
    margin-right: 5px;
}

.mob .popup_table {
    font-size: 40px;
}

.mob .popup_table input[name="Notice"] {
    margin-right: 20px;
    transform: scale(2);
}

/* 게시판 view단 */
/*.bs_b1 .board-cont {text-align: center;font-size: 15px;}*/
.bs_b1 .board-cont {
    font-size: 15px;
}

@media all and (max-width: 1024px) {
    .logo2 {
        width: auto;
        height: auto;
    }

    .logo2 img {
        margin-left: 0;
        width: 100%;
    }

    #m_footer .cp_txt {
        margin-top: 20px;
    }
}

@media all and (max-width: 768px) {
    #bs_b .board_list table th {
        font-size: 14px;
        word-break: break-all;
    }

    #bs_b .board_list table td {
        font-size: 14px;
        word-break: break-all;
    }

    .bs_b1 table {
        table-layout: fixed;
    }

    .bs_b1 .b_line .b1_tab_tit {
        padding: 5px;
        font-size: 14px;
        word-break: break-all;
    }

    .bs_b1 .b_line .b1_tab_c {
        padding: 5px;
        font-size: 13px;
        word-break: break-all;
    }

    .bs_b1 .board-cont img {
        width: 100%;
    }

    #bs_b .board_list table td {
        font-size: 13px;
    }
}

/*20230215_메인배너수정-s*/
.m_img1_1[data-carousel-1-autoplay-status="Y"] .play {
    display: none;
}

.m_img1_1[data-carousel-1-autoplay-status="N"] .stop {
    display: none;
}

.m_img1_1 .owl-next:after, .m_img1_1 .owl-prev:after {
    display: block;
    content: '';
    background: transparent url('/img/index/ico_arr_slide_02.png') 0 0 no-repeat;
    width: 20px;
    height: 20px;
}

.m_img1_1 .owl-next:after {
    transform: rotate(-180deg);
}

.m_img1_1 .owl-dots button.owl-dot~button.owl-dot {
    margin-left: 5px;
}

.m_img1_1 .owl-dots button.owl-dot {
    border: 1px solid #0161d2;
    background: #fff;
    border-radius: 15px;
    height: 15px;
    width: 15px;
    position: relative;
}

.m_img1_1 .owl-dots button.owl-dot.active {
    border: 1px solid #0062cf;
    background-color: #ffffff;
    border-radius: 22px;
    height: 15px;
    width: 45px;
}

.m_img1_1 .owl-nav, .m_img1_1 .owl-dots, .m_img1_1 .owl-Btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 10;
}

.m_img1_1 .owl-dots {
    left: calc(50% - 32.5px);
    bottom: 23px;
}

/*20230313*/
.m_img1_1 .owl-nav {
    left: 50%;
}

.m_img1_1 .owl-nav button {
    position: absolute;
    bottom: 0px;
    left: 0;
}

.m_img1_1 .owl-nav .owl-prev {
    left: -60px;
}

/*20230313*/
.m_img1_1 .owl-nav .owl-next {
    left: 65px;
}

/*20230313*/
.m_img1_1 .owl-Btn {
    left: calc(50% + 38px);
}

/*20230313*/
.hidden {
    font-size: 0;
    text-indent: -9999px;
    overflow: hidden;
}

/*20230215_메인배너수정-e*/
@media all and (max-width: 768px) {
    .m_img1_1 .owl-nav, .m_img1_1 .owl-dots, .m_img1_1 .owl-Btn {
        bottom: 5px;
    }

    .m_img1_1 .owl-dots {
        bottom: 7px;
    }

    .owl-nav {
        display: none
    }
}

@media all and (max-width: 460px) {
    .m_img1_1 .owl-dots button.owl-dot {
        height: 10px;
        width: 10px;
    }

    .m_img1_1 .owl-dots button.owl-dot.active {
        height: 10px;
        width: 20px;
    }

    .m_img1_1 .owl-dots {
        left: calc(50% - 32.5px)
    }

    .m_img1_1 .owl-Btn {
        left: auto;
        right: 3px;
    }
}

/* 본인인증 */
#full_main {
    width: 100%;
    margin-bottom: 8%;
}

/*202310*/
.ui-widget-header {
}

.ui-datepicker .ui-widget-header {
    background: rgb(255, 255, 255);
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid rgb(221, 221, 221);
    border-radius: 0px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0px;
    text-align: center;
    padding: 7px 0px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    margin: 0px 3px;
    border: 0 none;
    width: auto;
    height: 30px;
    background: rgb(255, 255, 255);
    border-radius: 0px;
    padding: 2px;
    /* width: 38% !important; */
}

.ui-datepicker select.ui-datepicker-year + select.ui-datepicker-month {
    margin-left: 5px;
}

.ui-datepicker table {
    background: rgb(255, 255, 255);
    margin-bottom: 0px;
    border-top: 0px;
}

.ui-datepicker th {
    padding: 0px;
    font-size: 12px !important;
    background: none !important;
    border: none !important;
}

.ui-datepicker th, .ui-datepicker td {
    height: 30px;
    border: none;
    text-align: center;
    padding: 0px;
    vertical-align: middle;
    width: 30px;
}

.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default, .ui-datepicker .ui-button, html .ui-datepicker .ui-button.ui-state-disabled:hover, html .ui-datepicker .ui-button.ui-state-disabled:active {
    border: none;
    text-align: center;
    font-size: 14px;
    background: rgb(255, 255, 255);
    font-weight: 500;
    color: rgb(69, 69, 69) !important;
    padding: 7px;
}

.ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-state-highlight, .ui-datepicker .ui-state-default.ui-state-active {
    border: 1px solid rgb(255, 255, 255);
    background: #003f86;
    color: rgb(0, 0, 0) !important;
    color: rgb(255, 255, 255) !important;
}

.ui-datepicker .ui-state-default.ui-state-hover {
    background: #003f86;
    color: rgb(255, 255, 255) !important;
}

.ui-datepicker-trigger {
    position: absolute;
    top: 9px;
    left: 10px;
}

.date_tit .ui-datepicker-trigger {
    position: absolute;
    top: -3px;
    right: 0px;
    padding: 3px 15px;
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin: 0px;
}

.ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e {
    font-size: 0
}

.ui-datepicker .ui-datepicker-prev , .ui-datepicker .ui-datepicker-next {
    position: absolute;
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev {
    left: 10px;
}

.ui-datepicker .ui-datepicker-next {
    right: 10px;
}

.ui-datepicker .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-next:after {
    display: block;
    position: absolute;
    z-index: 1;
    right: 12px;
    top: 14px;
    content: '';
    width: 12px;
    height: 12px;
    border: solid #333;
    border-width: 0 1px 1px 0;
    transition: transform .5s;
}

.ui-datepicker .ui-datepicker-prev:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.ui-datepicker .ui-datepicker-next:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.date_inp {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.date_box {
    position: relative;
}

.date_box .dates {
    min-width: 130px;
    width: 130px;
    padding: 5px 10px 5px 35px;
    text-align: right;
    background: #fff;
}

.tab_c div p {
    font-size: 15px;
}

.tab_c div .radio_bx {
    min-width: 75px;
}

textarea {
    width: 100%;
    border: 1px solid #d4d4d4;
    resize: none;
    background-color: #f5f5f5;
    padding: 10px;
    font-family: -apple-system, BlinkMacSystemFont,'Pretendard','Noto Sans KR','Nanum Gothic',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif;
}

.sr, .sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
    margin: -1px;
    height: 1px;
    width: 1px;
    border: 0px;
    padding: 0px;
    overflow: hidden;
    overflow-wrap: normal;
}

.mgt10 {
    margin-top: 10px;
}

.mgr10 {
    margin-right: 10px;
}

.tg_c {
    text-align: center;
}

.flex {
    display: flex;
    font-size: 15px;
}

.flex .date_box .dates {
    width: 115px;
    min-width: 115px;
}

.gap10 {
    gap: 10px
}

.a_c {
    align-items: center;
}

.radio_bx input[type="radio"], .ch_bx input[type="checkbox"] {
    accent-color: #555;
}

.radio_bx {
    display: inline-block;
}

.radio_bx label, .ch_bx label {
    display: inline-block;
    min-width: 15px;
    cursor: pointer;
    padding: 0 5px;
}

.ch_bx~.ch_bx {
    margin-top: 5px;
}

.radio_bx~.radio_bx {
    margin-left: 10px;
}

.or_txt {
    margin: 5px 0;
    font-size: 13px;
    color: #ff6000;
}

.red {
    color: red;
    font-weight: 500;
}

.blue {
    color: #003f86;
    font-weight: 500;
}

.green {
    color: #00702d;
    font-weight: 500;
}

.gray {
    color: #8b8b8b;
    font-weight: 500;
}

/*board_top*/
.board_top {
    position: relative;
    padding: 20px;
    background-color: #f0f7ff;
    border: 1px solid #e0e9f3;
    margin: 0 auto 40px;
}

.board_top li {
    display: flex;
}

.board_top li~li {
    margin-top: 10px;
}

.board_top select {
    width: 120px;
}

.board_top .wd500 {
    width: 500px;
}

.board_top dt, .board_top dd {
    display: inline-block;
}

.board_top dt {
    min-width: 75px;
    text-align: center;
    font-size: 15px;
}

.board_top dd select {
}

.table_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.table_left {
    display: flex;
    align-items: center;
    justify-content: center;
}

.table_left li {
    padding: 1px 5px;
}

.table_left li~li {
    border-left: 1px solid #d4d4d4
}

.table_left li span {
    font-weight: 500;
}

.table_right {
}

.table_right span {
    font-size: 15px;
}

.table_right select {
    margin: 0 5px;
}

.table_right .btn_ex {
    padding: 7px 7px 7px 35px;
    background: url(../img/icon_ex.png) no-repeat 5px center #197e42;
    border-radius: 5px;
    color: #fff;
}

.search_btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: inline-block;
}

.search_btn .search_bt {
    background: #333;
    padding: 5px 40px;
}

/*table_board_list*/
.board_list {
}

.board_list a[class^="badge"] {
    padding: 5px 10px 5px 25px;
    border: 1px solid #d4d4d4;
    border-radius: 15px;
}

.board_list a[class^="badge"]~a[class^="badge"] {
    margin-left: 5px;
}

.board_list .badge_sh {
    background: url(../img/icon_search.png) no-repeat 10px 7px;
}

.board_list a[class^="badge_app"] {
    display: inline-block;
    min-width: 45px
}

.board_list a[class^="badge_app"].og {
    border: 1px solid #d4d4d4;
    color: #333;
}

.board_list a.badge_app {
    background: url(../img/icon_app.png) no-repeat 10px 11px;
    border: 1px solid #00702d;
    color: #00702d
}

.board_list a.badge_appno {
    background: url(../img/icon_noapp.png) no-repeat 10px 11px;
    border: 1px solid red;
    color: red
}

/*팝업*/
.popup_open {
    display: inline-block;
    padding: 10px;
    border: 1px solid #333;
    font-weight: 500;
}

.popupLayer {
    display: none;
    position: fixed;
    inset: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.dim {
    display: block;
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: -1;
}

.popupLayer .popup_content {
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    width: 400px;
    margin-left: -200px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(153, 153, 153, 0.16) 0px 6px 14px;
    max-height: 90%;
    overflow-y: auto;
}

.popupLayer.popupLayer01 .popup_content {
    width: 760px;
    margin-left: -390px;
}

.popupLayer .popup_content .popup_top {
    padding: 15px;
    background-color: #003f86;
    color: #fff;
    font-size: 25px;
}

button.popup_close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 29px;
    height: 29px;
    background: url(../img/icon_x.png);
    border: 0 none;
}

button.popup_close.black {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 29px;
    height: 29px;
    background: url(../img/icon_x_b.png);
    border: 0 none;
}

.popupLayer .popup_content .popup_con {
    position: relative;
    ;padding: 30px 30px 20px;
}

.popupLayer.popupLayer02 .popup_con {
}

.popupLayer.popupLayer02 .popup_con::before {
    position: absolute;
    top: 54px;
    left: calc(50% - 61px);
    content: "";
    display: block;
    width: 140px;
    height: 110px;
    background-image: url(../img/popup.png);
    background-repeat: no-repeat;
}

.popupLayer.popupLayer02.popupLayer02_2 .popup_con::before {
    background-position: -493px 0;
}

.popupLayer.popupLayer02.popupLayer02_3 .popup_con::before {
    background-position: -339px 0;
}

.popupLayer.popupLayer02.popupLayer02_4 .popup_con::before {
    background-position: -165px 0;
}

.popupLayer .popup_content .popup_con .txt_b {
    padding-top: 165px;
    font-size: 25px;
    text-align: center;
}

.popupLayer .popup_content .popup_con .txt_s {
    padding-top: 15px;
    font-size: 15px;
    text-align: center;
    color: #ff6000;
}

.popupLayer .popup_content .popup_con .pop_list {
}

.popupLayer .popup_content .popup_con .pop_list > li {
    border: 1px solid #d4d4d4;
}

.popupLayer .popup_content .popup_con .pop_list > li ~ li {
    margin-top: 20px;
}

.popupLayer .popup_content .popup_con .pop_list > li > p {
    padding: 10px ;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    border-bottom: 1px solid #d4d4d4;
    background-color: #f9f9f9;
}

.popupLayer .popup_content .popup_con .pop_list .objct_f {
    padding: 20px;
}

.popupLayer .popup_content .popup_con .pop_list .objct_f li~li {
    margin-top: 10px;
}

.popupLayer .popup_content .popup_btm {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.popupLayer .popup_content .popup_btm button:first-child:nth-last-child(1) {
    width: 100%;
}

.popupLayer .popup_content .popup_btm button {
    border: 0 none;
    width: 33%;
    padding: 9px 0px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: rgb(255, 255, 255);
}

.popupLayer .popup_content .popup_btm button~button {
    margin-left: 20px;
}

/*별*/
.haed_star {
    margin: 50px 0 20px;
    padding-left: 25px;
    background: url(../img/stu/stu_icon.gif)no-repeat left center;
}

.haed_star::before {
    content: "";
}

ul.doto li {
    position: relative;
    padding-left: 15px;
}

ul.doto li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    background-color: #0057aa;
    border-radius: 50%;
}

.table_box table {
    width: 100%;
    border-collapse: collapse;
}

.table_box table {
    border-top: 2px solid #000;
}

.table_box.qz .tab_tit {
    width: auto;
}

.table_box.qz thead tr th {
    position: relative;
    padding: 20px 0;
    background-color: #eff3f6;
    font-weight: 500;
    font-size: 18px;
    border-bottom: 1px solid #d4d4d4 !important
}

.table_box.qz thead tr th .badge {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    font-size: 15px;
    color: #fff;
    background-color: #003f86;
    border-radius: 5px;
}

.table_box.qz thead tr th .badge2 {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 5px 5px 5px 25px;
    font-size: 13px;
    border-radius: 15px;
    background: url(../img/comm/g_b_icon.gif) no-repeat 10px 9px #fff;
    border: 1px solid #d4d4d4;
}

.table_box.qz td.tab_c {
    padding: 6px;
}

.table_box.qz td.bl {
    border-right: 1px solid #d4d4d4;
}

.table_box.qz td.ac {
    text-align: center;
}

.table_box .stu_bt2_1 {
    height: 36px;
    padding: 10px 0;
}

input[type="text"].join_80 {
    min-width: 80px;
    width: 80px
}

input[type="text"].join_f_49 {
    min-width: 49%;
}

input[type="text"].join_f_70 {
    min-width: 70%;
}

input[type="text"].join_f_100 {
    min-width: 100%;
}

.join_f_3 {
    width: 210px;
}

/*하단 버튼*/
.btn_bx_bt {
    display: flex;
    justify-content: center;
    gap: 5px;
}

.btn_bx_bt {
    margin-top: 50px;
}

.btn_bx_bt~.btn_bx_bt {
    margin-top: 20px;
}

.btn_bx_bt.bet {
    justify-content: space-between;
}

.btn_bx_bt.fe {
    justify-content: flex-end;
}

/*파일 업로드 list*/
.instructor_r .file_list {
    display: flex;
    margin-top: 10px;
    gap: 5px;
}

.instructor_r .file_list li {
    padding: 10px;
    border: 1px solid #d4d4d4;
    border-radius: 20px;
    font-size: 13px;
}

.instructor_r .file_list li.ck, .instructor_r .file_list li.del {
}

.instructor_r .file_list li a {
    padding: 10px 10px 10px 20px;
}

.instructor_r .file_list li.ck a {
    background: url(../img/intro/icon_ck.png)no-repeat left center;
}

.instructor_r .file_list li.del a {
    background: url(../img/intro/icon_del.png)no-repeat left center;
}

/*파일 업로드 list2*/
.file_list2 {
}

.file_list2 li {
    padding: 10px 10px 10px 0 ;
    font-size: 14px;
}

.file_list2 li.pdf, .file_list2 li.doc {
}

.file_list2 li a {
    padding: 10px 10px 10px 30px;
}

.file_list2 li.pdf a {
    background: url(../img/icon_pdf.png)no-repeat left center;
}

.file_list2 li.doc a {
    background: url(../img/icon_doc.png)no-repeat left center;
}

.file_list2 li.png a {
    background: url(../img/icon_png.png)no-repeat left center;
}

.file_list2 li a.trash {
    padding: 10px ;
    background: url(../img/icon_trash.png)no-repeat center;
}

/*강사*/
.instructor_r {
}

.instructor_r .txt01 + .stu_bt2_1 {
    display: block;
    background-color: #002A74;
    margin: 0 auto;
    margin-top: 30px;
}

.instructor_r .txt01 {
    padding: 30px;
    border: 1px solid #d4d4d4;
}

.instructor_r .txt01 .txt {
    padding-bottom: 20px;
    text-align: center;
}

.instructor_r .txt01 .txt strong {
    display: block;
    padding-bottom: 20px;
    font-size: 18px;
}

.instructor_r textarea {
    height: 100px;
}

.instructor_r .ad_img {
    vertical-align: top;
    padding-top: 20px;
}

.instructor_r .admin_img {
    display: block;
    text-align: center;
}

.instructor_r .admin_img + .tg_c {
    font-size: 12px;
}

@media (max-width: 1200px) {
    .board_top dt {
        font-size: 16px;
        min-width: 55px;
    }

    .board_top dd span {
        display: inline-block;
    }

    .search_btn {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 15px;
    }
}

@media (max-width: 800px) {
    .table_top {
        flex-direction:column;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }
}

@media (max-width: 764px) {
    .table_auto {
        overflow-x: auto;
    }

    .table_auto table {
        min-width: 800px;
    }

    .tab_c .cen_f3 {
        width: 100%;
    }

    .tab_c input[type="file"] + .stu_bt2_1 {
        width: 100%;
        margin-top: 5px;
    }

    .board_top .wd500 {
        width: 100%;
    }

    .board_top li {
        flex-direction: column;
    }

    .search_btn {
        position: relative;
        bottom: auto;
        margin: 20px 0;
        right: auto;
        width: 100%;
        overflow: hidden;
    }

    .board_top li~li {
        margin: 0
    }

    .board_top dl {
        margin-top: 10px;
    }
}

.btn-share {
    display: flex;
    width: 35px;
    height: 36px;
    align-items: center;
    background: url(/img/index/btn-share.png) no-repeat center;
    justify-content: flex-end;
    float: right;
    margin-bottom: 10px;
}

/*교육과정 view*/
.board_top_view {
    display: flex;
    margin-bottom: 50px;
}

.board_top_view .board_top_view_img {
    flex-basis: 385px;
    width: 385px;
    min-width: 385px;
}

.board_top_view .board_top_view_img .img_box {
    margin-right: 20px;
    box-sizing: border-box;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.board_top_view .board_top_view_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.board_top_view > .board_top_view_txt {
    flex-grow: 1;
    width: 100%;
}

.board_top_view .board_top_view_txt .btn-share {
    display: block;
    width: 35px;
    height: 36px;
    align-items: center;
    background: url(/img/index/btn-share.png) no-repeat center;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.board_top_view .board_top_view_txt table {
    width: 100%;
    border-top: 2px solid #304850;
}

.board_top_view .board_top_view_txt table tr th, .board_top_view .board_top_view_txt table tr td {
    padding: 10px;
    border-bottom: 1px solid #d2d2d2;
    font-weight: 400;
}

.board_top_view .board_top_view_txt table tr th {
    background-color: #f9f9f9;
}

.board_top_view .board_top_view_txt table tr th strong {
    font-weight: 500;
}

.board_top_view .board_top_view_txt .btn_tuto {
    text-align: right;
    margin-top: 10px;
}

.board_top_view {
}

.board_ctr_view {
    text-align: center;
}

.board_ctr_view .board_ctr_btn {
    margin: 50px 0;
}

.board_btm_view .heading_star {
    padding: 15px 0;
}

.board_btm_view .tb_edu + .heading_star {
    margin-top: 50px;
}

.board_btm_view .tb_edu {
    border-collapse: collapse;
    border-top: 2px solid #304850;
}

.board_btm_view .tb_edu thead th {
    padding: 10px;
    border-bottom: 1px solid #d2d2d2;
    background-color: #f9f9f9;
}

.board_btm_view .tb_edu tbody td {
    padding: 15px;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #e9ecef;
    background-color: #ffff;
    text-align: center;
}

.board_btm_view .tb_edu tbody td:first-child {
}

@media all and (max-width: 900px) {
    .board_top_view {
        align-items: center;
    }

    .board_top_view .board_top_view_img {
        flex-basis: 40%;
        width: 40%;
        min-width: 40%;
    }
}

@media all and (max-width: 640px) {
    .board_top_view {
        flex-direction: column;
    }

    .board_top_view .board_top_view_img {
        flex-basis: 100%;
        width: 100%;
        min-width: 100%;
    }
}

/*아이디/비밀번호 찾기*/
.find_frmId {
}

.find_frmId li + li {
    margin-top: 50px;
}

.find_frmId .font_sm01 {
    margin: 20px 0;
}

.find_frmId .font_sm01 + div {
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd
}

.find_frmId .find_btn {
    text-align: center;
}

/*웹접근성 샘플딱지 추가20240215*/
.sample_badge {
    position: relative;
    top: 4px;
    width: 30px;
    display: block;
    height: 23px;
    padding: 0 11px;
    z-index: 1;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 2px 2px 1px #00000061;
    background: #D93D00;
    color: #fff;
}

.board_top_view_img .sample_badge {
    position: absolute;
    top: 8px;
    width: 30px;
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
}
/*2025 웹접근성수정*/
.form_box{}
.form_box .form-group, 
.form_box02 .form-group{display: flex;} 
.form_box .form-group .log_tit{line-height: 36px; color:#CE4800;} 
.form_box02 .form-group .log_tit{line-height: 36px;} 
.form_box .id_pw_bt{border: 0;}
.form_box .form-group:nth-of-type(1),
.form_box02 .form-group:nth-of-type(1){margin-top: 30px;}

@media (max-width: 768px) {
    .over_tab { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .over_tab table { min-width: 800px; }
}
/* 수강 상세: 항목 간격 (다른 교육과정 화면에는 적용하지 않음) */
.apply-view .apply-status-section { margin-top: 40px; }
.apply-view .board_btm_view .apply-section-title {
    margin: 0 0 16px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
}
.apply-view .board_btm_view .apply-intro-title { margin-top: 40px; }
.apply-view .apply-view-actions { margin-top: 32px; text-align: center; }
.apply-view .apply-view-actions .my3_2_bt { margin-top: 0; }