@charset "UTF-8";
/* Common */
html, body {
    height: 100%
}
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, a, button, select {
    margin: 0;
    padding: 0
}
body, input, textarea, select, button, table {
    /*font-family: Malgun Gothic, '맑은고딕', '맑은 고딕', '나눔고딕', NanumGothic, ng, '돋움', dotum, Apple SD Gothic Neo, AppleGothic, sans-serif;*/
    font-family:'noto3';
    color:#000000;
    font-weight:100;
    font-size: 12px;
}
body {
    word-wrap: break-word;
    position: relative;
}
img, fieldset {
    border: 0
}
img {
    vertical-align: middle
}
ul, ol {
    list-style: none
}
em, address {
    font-style: normal
}
a {
    text-decoration: none
}
/* Common Add */
select {
    height: 20px;
    font-size: 12px;
    color: #666
}
.hider {font-size:0;text-indent:-9999px;overflow:hidden}
caption, legend, .blind {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-align: left
}

input[type=radio] {
    *width: 13px;
    *height: 13px;
    margin: 0;
    vertical-align: middle
}
input[type=checkbox] {
    *width: 13px;
    *height: 13px;
    vertical-align: middle
}
hr {
    display: none
}
table {
    border-collapse: collapse
}
input, select, button {
    vertical-align: middle;
    padding: 0;
}

/* aline */
.pull-over{
    overflow:hidden;
}
.pull-left,
.fl {
    float: left
}
.pull-right,
.fr {
    float: right
}
.pr {
    position: relative
}
.db {
    display: block !important
}
.di_b {
    display: inline-block !important
}
.dn {
    display: none !important
}
.dn2, .dn3, .dn4 {
    display: none
}
.overflow_h {
    overflow: hidden;
    zoom: 1
}
.cl_b:after {
    display: block;
    content: '';
    clear: both
}
.ellipsis {
    display: inline-block;
    overflow: hidden;
    width: auto;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis
}
.tspace {
    letter-spacing: -1px
}
.hspace {
    line-height: 1.5em
}
.fs11 {
    font-size: .92em
}
.fs14 {
    font-size: 1.167em
}
.ft_eng {
    font-family: verdana
}
.vt {
    vertical-align: top !important
}
.vb {
    vertical-align: bottom !important
}
.blind {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -1000em;
    left: 0
}
.w1200 {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.wt1200 {
    width: 1200px;
    margin: 0 auto;
}

.w1000 {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.w930 {
    position: relative;
    width: 930px;
    margin: 0 auto;
}
.w1100 {
    position: relative;
    width: 1100px;
    margin: 0 auto;
}
.p80 {
    padding: 80px 0;
    text-align: center;
}
.clear-after:after {
    content: " ";
    display: block;
    clear: both;
}
.public {
    padding: 135px 0;
}

.text-center,.tc {
    text-align:center;
}
.text-left,.tl{
    text-align:left;
}
.text-right,.tr{
    text-align:right
}
.date_bn{
	float: right;
	height: 100%;
}
.date_bn a{
	display: block;
	box-sizing: border-box;
	font-size: 16px;
	font-family: 'noto6';
	line-height: 19px;
	text-align: left;
	padding: 13px 26px 0 40px;
	position: relative;
}
.date_bn a::before{
	content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url('/_skin/tpl_skin/basic_kumgo_renewal2/images/common/icon_calendar.png')right center no-repeat;
}
.date_bn a::after{
	width: 19px;
    height: 12px;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0;
    content: '';
    background: url('/_skin/tpl_skin/basic_kumgo_renewal2/images/common/btn_default.png') center no-repeat;
}
.head .date_bn.voucher_bn a {
	padding-left: 62px;
}

.head .date_bn.voucher_bn a::before {
	width: 54px;
	height: 35px;
	background: url('/_skin/tpl_skin/common_images/gnb/gnb_bn.png') no-repeat right center;
}

.head .head_side_slide {
	float: right;
	width: 159px;
	overflow: hidden;
}
.center-wrap {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.c-contents {
    float: right;
    width: 980px;
}
.page-title {
    position: relative;
    width: 100%;
    margin:0!important;
    border:0!important;;
}
.page-title h4.title {
    font-size: 27px;
    font-weight: bold;
    letter-spacing: -2px;
    display: inline-block;
    border-bottom: 4px solid #495D97;
    padding: 3px 80px 18px 0;
}
.page-title p.location {
    font-size:13px;
    letter-spacing: -1px;
    color:#333;
    margin:0;
}
.page-title p.location span {
    padding: 0 5px;
}
.page-title p.location strong {
    color: #000!important;
    font-family:'noto5';
}
#lecture_title {
    float: left;
    width: 100%;
    line-height: 35px;
    vertical-align: middle;
    text-align: center;
    border: 2px solid #3c8cd3;
    margin-top: 22px;
}
#lecture_title h3 {
    color: #3d8ace;
    font-size: 15px;
    font-weight: bold;
}
#info_wrap {
    width: 100%;
    float: left;
    padding-top: 19px;
}
#info_wrap #thumb {
    float: left;
    width: 227px;
    height: 163px;
    border: 1px solid #dddddd;
}
#info_tbl_wrap {
    float: left;
    padding-left: 20px;
}
#info_tbl {
    width: 731px;
    border: 0;
}
#info_tbl_wrap .trp {
    height: 1px;
    background-color: #d9d9d9;
}
#info_tbl .th1 {
    width: 100px;
    text-align: left;
    vertical-align: middle;
    padding-left: 8px;
    line-height: 40px;
    font-weight: 400;
    color: #3399cc;
}
#info_tbl .td2 {
    width: 120px;
    color: #666666;
    padding: 5px 0 5px 16px;
}
#info_tbl .td3 {
    padding-left: 16px;
    color: #666666;
    vertical-align: middle;
}
#p_list {
    width: 100%;
    border: 5px solid #dfdfdf;
    margin-top: 39px;
    float: left;
}
#p_list .product {
    padding: 20px 0 0 18px;
    float: left;
}
#p_list .product .lec_title {
    float: left;
    width: 300px;
    height: 20px;
}
#p_list .product .lec_title .lec_title_sub {
    vertical-align: top;
    color: #4b5262;
    font-size: 18px;
    font-weight: bold;
    font-family: Nanum Gothic;
    letter-spacing: -1px;
}
#p_list .product .pl {
    width: 853px;
    margin-top: 9px;
    border-top: 1px solid #cccccc;
    float: left;
}
#p_list .product .pl .picon {
    width: 150px;
    height: 34px;
    float: left;
    text-align: center;
    border-bottom: 1px solid #cccccc;
}
#p_list .product .pl .ptext1 {
    float: left;
    height: 34px;
    width: 687px;
    padding-left: 15px;
    color: #666666;
    line-height: 34px;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}
#p_list .product {
    padding: 20px 0 0 18px;
    float: left;
}
#p_list .product .lec_title {
    float: left;
    width: 300px;
    height: 20px;
}
#p_list .product .lec_title .lec_title_sub {
    vertical-align: top;
    color: #4b5262;
    font-size: 18px;
    font-weight: bold;
    font-family: Nanum Gothic;
    letter-spacing: -1px;
}
#blank {
    float: left;
    height: 10px;
    width: 100px;
}
#order_info {
    margin-top: 18px;
    height: 60px;
    float: left;
    width: 703px;
    border-bottom: 1px dashed #d0d0d0;
}
#order_info #order_price {
    width: 303px;
    float: left;
}
#order_info #order_price #op1 {
    font-size: 20px;
    color: #333232;
    padding-left: 4px;
    font-weight: 800;
}
#order_info #order_price #op2 {
    font-size: 18px;
    color: #f43b3b;
    padding-left: 15px;
    font-weight: 800;
    line-height: 20px;
}
#order_info #order_btns {
    width: 350px;
    float: right;
    text-align: right;
}
.dis_p {
    color: #ff6600;
    font-weight: 800;
}
tds {
    background-color: #FFF;
    line-height: 26px;
    text-align: center;
    background-color: #f9f9f9;
}
#info_tbl .tds {
    padding-left: 16px;
    color: #666666;
    background-color: #fff !important;
}

.pdt50{padding-top:50px!important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:90px !important;}
.mb90 {margin-bottom:90px !important;}

.mgl0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}

.mgr0{margin-right:0 !important}
.mgr15{margin-right:15px !important}
.mgr20{margin-right:20px !important}
.mgr30{margin-right:30px !important}
.mgr40{margin-right:40px !important}
.mgr70{margin-right:70px !important}
.mgr120{margin-right:120px !important}
.mgr125{margin-right:125px !important}

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.tc{text-align:center}
.tl,
.text-left{text-align:left !important;}
.tr,
.text-right{text-align:right !important;}

/*리스트 스타일*/
/*넘버링에 따른 종류*/
ul.list-number {
	list-style: none;
	padding-left: 0;
	counter-reset: item;
}
.list-number li{
	position: relative;
	text-align: left;
	padding-left: 20px !important;
	font-size: 14px;
	line-height: 19px;
}
.list-number li:after {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	/* width: 10px; */
	content: "(" counter(item) ")";
	counter-increment: item;
}
.list-dash li, .list-dot li{margin-bottom:2px;}
.list-num{list-style-type:decimal; list-style-position: outside; padding-left:15px}
.list-circle{list-style-type: disc !important; list-style-position: outside; padding-left:18px}
.list-dash > li{position:relative; padding-left:12px}
.list-dash > li:before{content:'ㆍ'; display:block; position:absolute; left:0}
.list-dot > li{position:relative; padding-left:12px}
.list-dot > li:before{content:'\00B7'; display:block; position:absolute; left:0}
.list-star li{position:relative; padding-left:10px;}
.list-star li:after{position:absolute; left:0; top:3px; content:'*'; display:block;}

.list-number-box{
	overflow:hidden;
}
.list-number-box li{position:relative;display:table;text-align:center;float:left;border:2px solid #000;padding:20px 0;margin-left:10px;}
.list-number-box li:first-child{margin-left:0;}
.list-number-box li > span.num{position:absolute;display:block;width:20px;height:20px;top:0;left:0;font-size:14px;line-height:20px;color:#fff;background:#000;;}
.list-number-box li > div.content{display:table-cell;width:100%;height:100%;vertical-align:middle;}
.list-number-box.item3 li{width:276px;}
.list-number-box.row3 li{height:72px;}

.list-title-content >li {overflow:hidden;}
.list-title-content >li .title,
.list-title-content >li .con{display:block;float:left;}
.list-title-content >li .title{padding-right:5px;}
.list-title-content >li .con{}


/*수강신청 레이어팝업 시작*/
#_ITEM_ {
    right: -936px;
}
.bbs-view-area {
    z-index: 500;
    position: fixed;
    top: 0px;
    background-color: #FFF;
    width: 880px;
    height: 100%;
}
.bbs-view-area .bbs-info-area {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 802px;
    height: 91%;
    overflow: hidden;
    overflow-y: auto;
    padding: 40px 39px;
}
.bbs-view-area a.bbs-close {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 60px;
    background-color: #eee;
    text-align: center;
    border: 1px solid #cdcdcd;
    margin: 20px auto 50px auto;
}
.bbs-view-area .subject h1.apply-title {
    background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_smat/images/common/apply_title_bullet.png') 10px 0px no-repeat;
}
.bbs-view-area .subject h2.lec-name {
    text-align: center;
    font-size: 20px;
    background-color: #353B49;
}
.bbs-view-area .subject h2 {
    padding: 17px 30px 20px 30px;
    background-color: #5B606D;
    color: #FFF;
    font-weight: normal;
    font-family: 'Nanum Gothic Regular';
    line-height: 24px;
}
.lecture-info {
    margin: 20px 0;
}
.lecture-info .moniter {
    float: left;
    width: 25%;
}
.lecture-info .moniter a {
    display: block;
    text-align: center;
    font-size: 13px;
    border: 1px solid #B9B9B9;
    background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_smat/images/common/btn_sample_bg.png');
    height: 33px;
    line-height: 33px;
    width: 176px;
    margin-top: 6px;
}
.lecture-info .lecture-detail {
    float: left;
    width: 75%;
    border-top: 1px solid #000;
}
.lecture-info .lecture-detail > ul > li {
    border-bottom: 1px solid #EBEBEB;
    padding: 12px 10px 9px 10px;
    font-size: 12px;
    font-family: 'gulim';
}
.lecture-info .lecture-detail > ul > li span {
    font-weight: bold;
    margin-right: 20px;
}
.price-account {
    position: relative;
    background-color: #F4F4F4;
    height: 66px;
    width: 100%;
    margin-top: 10px;
}
.price-account p {
    position: absolute;
    font-size: 14px;
    top: 23px;
    left: 20px;
    font-weight: bold;
    letter-spacing: -1px;
}
.price-account p span {
    font-family: 'Tahoma';
    font-size: 25px;
    margin: 6px;
    vertical-align: -4px;
}
.price-account div.btn {
    position: absolute;
    top: 14px;
    right: 20px;
}
.price-account div.btn a {
    display: inline-block;
    background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_smat/images/common/btn_cart.png');
    width: 123px;
    height: 36px;
    text-indent: -9999px;
}
.price-account div.btn a.btn-account {
    background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_smat/images/common/btn_account.png');
}
.curri-table {
    margin: 50px 0;
}
.curri-table h3 a {
    display: inline-block;
    color: #FFF;
    background-color: #5B606D;
    font-size: 11px;
    margin-top: -8px;
    text-align: center;
    height: 25px;
    width: 110px;
    line-height: 25px;
    float: right;
}
.bbs-view-area .subject h3 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
.bbs-view-area .subject h3 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
.curri-table table {
    width: 100%;
    border-top: 2px solid #CFCDBA;
    border-bottom: 1px solid #CFCDBA;
}
.curri-table table th {
    background-color: #EFEEE2;
    height: 30px;
    color: #8E8C73;
}
.curri-table table tbody th {
    background-color: #F5F5EF;
    border-top: 1px solid #E4E2D9;
    color: #000;
    font-size: 14px;
}
.curri-table table td.al-left {
    text-align: left;
    padding: 0 25px;
}
.curri-table table td {
    border-top: 1px solid #E4E2D9;
    border-left: 1px solid #E4E2D9;
    height: 30px;
    text-align: center;
    padding: 5px 10px;
}
.price-account {
    position: relative;
    background-color: #F4F4F4;
    height: 66px;
    width: 100%;
    margin-top: 10px;
}
.price-account p {
    position: absolute;
    font-size: 14px;
    top: 23px;
    left: 20px;
    font-weight: bold;
    letter-spacing: -1px;
}
.price-account p span {
    font-family: 'Tahoma';
    font-size: 25px;
    margin: 6px;
    vertical-align: -4px;
}
.price-account div.btn {
    position: absolute;
    top: 14px;
    right: 20px;
}
.price-account div.btn a {
    display: inline-block;
    background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_smat/images/common/btn_cart.png');
    width: 123px;
    height: 36px;
    text-indent: -9999px;
}
.price-account div.btn a.btn-account {
    background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_smat/images/common/btn_account.png');
}
.bbs-view-area a.bbs-close {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 60px;
    background-color: #eee;
    text-align: center;
    border: 1px solid #cdcdcd;
    margin: 20px auto 50px auto;
}
.bbs-view-area .subject .apply-title {
    padding: 0 0 20px 38px;
    letter-spacing: -1px;
    border-bottom: 2px solid #000;
    font-size: 20px;
}
.bbs-view-area a.close {
    display: block;
    position: absolute;
    left: -56px;
    top: 0px;
    background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_smat/images/common/bbs_close.png');
    width: 56px;
    height: 56px;
    text-indent: -9999px;
}
.black-bg {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 290;
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    display: none;
}
/*수강신청 레이어팝업 종료*/
/*도서 미리보기 시작*/
.preview-bg {
    width: 100%;
    height: 100%;
    top: 0;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 50;
    position: fixed;
    display: none;
}
.close-preview {
    color: #FFF;
    background: #3752a1;
    font-size: 16px;
    font-weight: bold;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: fixed;
    right: 0;
    top: 200px;
    z-index: 901;
    border: 2px solid #000;
    border-right: none;
    display: none;
}
.preview-box {
    width: 100%;
    height: 700px;
    top: 50%;
    margin-top: -350px;
    position: fixed;
    z-index: 900;
    right: -100%;
    display: none;
}

/*도서 미리보기 종료*/

/*게시판 레이어팝업 시작*/
#_BOARD_ {
    right: -936px;
}
.bbs-view-area .subject h1 {
    background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_distribution_2/images/common/bbs_title_bullet.png') 10px 0px no-repeat;
    padding: 0 0 20px 38px;
    letter-spacing: -1px;
    border-bottom: 2px solid #000;
    font-size: 20px;
}
.bbs-view-area .subject h2 {
    padding: 17px 30px 20px 30px;
    background-color: #5B606D;
    color: #FFF;
    font-weight: normal;
    font-family: 'Nanum Gothic Regular';
    line-height: 24px;
}
.bbs-view-area .subject dl {
    float: right;
}
.bbs-view-area .subject dt, .bbs-view-area .subject dd {
    float: left;
    line-height: 35px;
    margin-right: 10px;
    color: #888;
}
.bbs-view-area .add-file {
    padding: 20px;
    border-bottom: 1px solid #E9E9E9;
    display: none;
}
.bbs-view-area a.bbs-close {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 60px;
    background-color: #eee;
    text-align: center;
    border: 1px solid #cdcdcd;
    margin: 20px auto 50px auto;
}
.bbs-view-area .add-file li {
    background: url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/basic_smat/images/common/bullet_file.png') 0 4px no-repeat;
    padding-left: 20px;
    margin-bottom: 5px;
}

/*환급*/
#_HWAN_ {
    right: -936px;
}
.boTable-bg{
    background:url('/_skin/tpl_skin/basic_origin/images/bg_bbs.jpg') center #242424;
    position:absolute;
    top:0;
    width:100%;
    height:1186px;
    z-index:-1


}
.boTable-wrap{
    width:1200px;
    margin:20px auto;
    background:#fff;
    padding:30px;
    margin-top:133px;
    min-height: 740px;
    margin-bottom:20px;
    box-sizing:border-box;
}

.sd-center {margin:20px auto 0px;!important}
.sd-center:before {
    width:170%;
    height:220px;
    background:#fff;
    position:absolute;
    display:block;
    content:"";
    left:0;
    left:-32%;

}

#_body {
    overflow-x:auto;
}
/*
.ser_ico{height:200px}
#why{height:848px;}
.origin_guide{height:760px;}
#book{height:1005px}
#teacher{height:1198px;}*/


/*head:S*/

.header{
    height:126px;
}

.sdedu-logo a{margin-right:15px;width:120px;height:70px;background:url('/_skin/tpl_skin/basic_gongin2/images/common/sidae_logo.png') center no-repeat}
.head-nav{position:relative;height:50px;line-height:50px;width:100%;background:#fff;font-family:'noto3';font-weight:100;}
.head-nav .logo-section {
    height: 100px;
    text-indent: -9999px;
}

.head-nav.active{
    width:100%;
    top:0;
    background:#fff;
  z-index:9;
    left: 0;
    margin: 0;
}
.sdedu-logo,.tmp-logo{float:left;}
.sdedu-logo a,.tmp-logo a,.footer-logo,.footer-address .customer{display:block;}
.tmp-logo a{
	/* width: 265px; */
    /* height: 66px; */
    line-height: 70px;
    font-family: 'noto5';
    font-weight: 600;
    font-size: 23px;
    letter-spacing: -1px;}

.head-top{height:70px;line-height:70px;/*outline:1px solid cyan*/border-bottom:1px solid #bfbfbf;}
.head-top ul li{position:relative;float:left;margin-left:18px;}
.head-top ul li:before{content:'';display:block;position:absolute;width:1px; height:12px;top:30px;left:-9px;background:#000; }
.head-top ul li:first-child:before{display:none;}
.head-top ul li a{display:block;font-family:'noto3';font-weight:300;font-size:16px;}


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

/*head:E*/

/*header all menu :S*/


/* 상단 디데이 */

.dday{
	display:table;
	width:auto;
	height:70px;
	line-height:18px;
}
.dday span{
	display:table-cell;
	vertical-align:middle;
	padding-left:10px;
	letter-spacing:-0.7px;
	font-family:'noto3';
}
.dday span b{
	font-family:"noto5';
}
.dday span:first-child{
	font-size:13px;
}
.dday span:last-child{
	font-size:20px;
	font-family:"noto6";
}

.snb-list-wrap{width:100%;font-family:'noto3',dotum;font-weight:100;z-index:98}
.snb-list-wrap{position:relative;height:45px;background:#cfcfcf}
.snb-list-wrap .snb-list> li{position:relative;line-height:40px;}
.snb-list-wrap .snb-list > li > a{position:relative;display:block;font-size:14px;color:#333;text-align:center}
.snb-list-wrap .snb-list > li > a:hover,
.snb-list-wrap .snb-list > li > a:focus{color:#d15c15}
.snb-list-wrap .snb-list > li > a.selected{color: #d15c15;}
.snb-list-wrap .snb-list > li > a.selected:before{content:'';position:absolute;width:100%;height:3px;bottom:0;left:0;}

.snb-list-wrap .snb-list> li.apply-go{float:right !important}
.snb-list-wrap .snb-list> li.apply-go a,
.snb-list-wrap .snb-list> li.apply-go a:link,
.snb-list-wrap .snb-list> li.apply-go a:visited,
.snb-list-wrap .snb-list> li.apply-go a:active,
.snb-list-wrap .snb-list> li.apply-go a:focus{display:block;color:#fff;background-color:#df0000;padding:0 22px;text-decoration:none}
.snb-list-wrap .snb-list> li.apply-go a:hover{background-color:#ea0d0d;color:#fff} .snb-list-wrap.style2 .snb-list{text-align:center}

.snb-list-wrap.style1 .snb-list> li{float:left;display:block}
.snb-list-wrap.style2 .snb-list> li{display:inline-block;}

.snb-list-wrap.style1 .snb-list > li > a{width:140px;padding:0}
.snb-list-wrap.style2 .snb-list > li > a{padding:0 20px;}


.snb-list-wrap.style3{
    height:auto;
    font-size:0;
    padding:15px 0;
    background:#fff;
    border-bottom:1px #262c39 solid;
}
.snb-list-wrap.style3.active{
    top:50px;
}
.snb-list-wrap.style3 .snb-list{
    width:1100px;
    margin:0 auto;
    box-sizing:border-box;
}
.snb-list-wrap.style3 .snb-list-menu{
    display: inline-block;
    /* display: inline; */
    padding-left: 0;
    zoom:1;
    margin:0;
    vertical-align: top;
    position:relative;
}
.snb-list-wrap.style3 .snb-list-menu.page{
    float:right;
}
.snb-list-wrap.style3 .snb-list-menu:first-child a{
    padding: 0 30px 0 0;
}
.snb-list-wrap.style3 .snb-list-menu:before{
    content: "";
  position:absolute;
    height:15px;
    width:1px;
    background:#afb7b9;
    top:50%;
    margin:-7.5px 0 0 0;
    left:0;
}
.snb-list-wrap.style3 .snb-list-menu.page:before,
.snb-list-wrap.style3 .snb-list-menu:first-child:before{
    display: none;
}
.snb-list-wrap.style3 .snb-list-menu a{
    padding:0 30px;
    font-size:15px;
    font-weight:100;
}
.snb-list-wrap.style3 .snb-list-menu a.selected{
  font-weight:600;
    color:#3b7f94;
    font-family: 'noto5';
}
.snb-list-wrap.style3 .snb-list-menu a.selected:before{
  display: none;
}


/*카테고리별 상단 이미지*/
.top {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
    height:auto;
}
.top.apply{
    background: url('/_skin/tpl_skin/basic_electricity3/sub_top_img/apply.png') center;
}
.top.community{
    background: url('/_skin/tpl_skin/basic_electricity3/sub_top_img/community.png') center;
}
.top.exam{
    background: url('/_skin/tpl_skin/basic_electricity3/sub_top_img/exam_info.png') center;
}
.top.pass{
    background: url('/_skin/tpl_skin/basic_electricity3/sub_top_img/pass_writing.png') center;
}
.top.data{
    background: url('/_skin/tpl_skin/basic_electricity3/sub_top_img/study_data.png') center;
}
.top.book{
    background: url('/_skin/tpl_skin/basic_electricity3/sub_top_img/book.png') center;
    position:relative;
}
.top_text{
    margin: 0 auto;
    width: 1100px;
    padding: 46px 0 55px 0;
    color:#fff;
}
.top_text p{
    font-size:33px;
    line-height:100%;
    font-family: 'noto3';
    font-weight: 600;
}
.top_text p:before{
    content: '';
    width:30px;
    height:4px;
    display: block;
    background:#fff;
    margin:0 0 20px 0;

}
.top_text span{
    line-height:100%;
    font-size:17px;
    padding:16px 0 0 0;
    display: block;
    font-family: 'noto3';
}
.container{padding:50px 0 0 0;}
.container.act{
    padding:50px 0 0 0
}

/*랜딩페이지 타이틀 -공통*/


.contents-title{
    width:100%;
    height:52px;
    line-height:52px;
    margin-bottom:33px;
    border-bottom:1px solid #525252;
}

.contents-title > h3 {
    float:left;
    font-size:21px;
    font-family:'noto5';
}

.contents-title > p {
    float:right;
    font-size:12px;
    margin-top:5px;
    color:#6a6a6a;
}

.contents-title .col-darkgray {
    color:#696969;
    font-family:'noto5';
}


/*공통 푸터 배너 - 수강신청하러가기*/

.footer_banner{
    width:100%;
    height:135px;
    background:#173168;

}

.footer_banner a{
    width:1100px;
    margin:0 auto;
    display:block;
}


/*list style*/
.list-bar li{
    position:relative;
    padding-left:10px;
}

.list-bar li:after{
    position:absolute;
    left:0;
    top:8px;
    width:5px;
    height:1px;
    background:#000000;
    display:block;
    content:"";
}


/*랜딩 페이지 공통*/
.con {
    width:100%;
}

.inner{
    width:1100px;
    position:relative;
    margin:0 auto;
}

.teacher_name{
    font-family:'noto5';
    font-weight:100;
}
.teacher_name > span{
    font-family:'spoqa2';
}

/*도서페이지 타이틀*/
.book-store .book-calc {top:45px !important}
.book-store {padding-top:45px !important}
.book_title {height:843px; line-height:843px;background:url('/_skin/tpl_skin/basic_origin_new/book/bg.png') center no-repeat}
.book_title img {vertical-align:bottom !important;}

/* GNB 예외 스타일 추가 */
.gnb_wrap .big_gnb,
.gnb_wrap .sub_gnb_wrap .mid{
    width:1100px;
}