@charset "utf-8";
/*바우처몰에 들어가는 부분(색상 지정 등)만 넣어주시기 바람*/
body { min-width:1200px; }
#header select{ color:#cccccc; border:1px solid #717171; background-color:#333333; }
#header a.topline_btn_main,#header a.topline_btn_voucher {color:#cccccc; border:1px solid #717171; background-color:#333333;}

.voucher_topline_bgcolor {background-color:#333333;}
/*.mil_main_bgcolor{background-color:#20245a;}*/
.mil_main_color{color:#20245a;}

.mil_bgyellow{background-color:#fff450;}
.mil_bggreen{background-color:#12e6a0;}

.topmenu li:nth-child(2){ color:#cccccc;}
.topline_username {color:#ffffff;}

nav li { display:inline-block; }

/*팝업배너*/
#voucher_popup {
    position:absolute;
    top:240px;
    left:240px;
    z-index:99;
}

/*메인배너*/
.vis_mainbn {
    width:100%;
    height:710px;
    position:relative;
    overflow-x:hidden;
}
.vis_mainbn img {
    position:absolute;
    top:0;left:-48px;
}
@media handheld, only screen and (max-width: 1200px) {
	.vis_mainbn img { left : -400px; }
}

/*인기과정*/
.vis_link {
    background-color:#0032c8;
    padding:10px 0;
}
.vis_link_best { width:1000px; margin:0 auto; overflow:hidden; padding-left:200px;letter-spacing:-0.5px;}
.vis_link_best a {color:#fff; font-size: 17px; line-height:1.8em;}
.vis_link_best a:hover {text-decoration:underline;}
.vis_link_best h2 {width:164px; float:left;}
.vis_link_best h2 .best { width:130px; height:60px; line-height:60px; background-color:#00269c; border-radius:5px; display:block; font-weight:normal; color:#fff; font-size:17px; background-image: url('//new.wowgosi.co.kr/img/voucher2021/voucher_besticon.png'); background-position: 12px 12px; background-repeat:no-repeat;text-indent: 52px;}
.vis_link_best ul { width:700px; float:left;overflow:hidden; padding-top:18px;}
.vis_link_best ul li { width:50%; float:left;}

/*pick3*/
.pick3 {padding:85px 0;}
.pick3_con1 {margin-bottom:80px;}

/*why*/
.why {background-color:#333333;}

/*인기강좌*/
.bestlec {
    margin:105px 0;
    letter-spacing:-0.5px;
}
.bestlec .w1130 {position:relative;}
.bestlec span {display:inline-block;}
.bestlec_t {
    margin-bottom:10px;
}

.bestlec_select_wrap2 {
    margin-top:36px;
    margin-bottom:30px;
}
.bestlec_select2 {
    display:flex;
}
.bestlec_select2 li {
    flex-grow:1;
    height:54px;
    background-color:#ebebeb;
    color:#9a9a9a;
    font-size:18px;
    font-weight:400;
    letter-spacing:-.75px;
    text-align:center;
    display:table;
    cursor:pointer;
}
.bestlec_select2 li span {
    display:table-cell;
    vertical-align:middle;
}
.bestlec_select2 li.on {
    font-weight:700;
    background-color:#00bfbf;
    color:#ffffff;
}

.bestlec_table_wrap {display:none;}
.bestlec_table_wrap table {
    width:100%;
}
.bestlec_table_wrap table td {
    text-align:center;
    font-size:14px;
}
.bestlec_table_wrap table thead td {
    width:226px;
    border-top:2px solid #808080;
    border-bottom:1px solid #999999;
    height:54px;
    font-size:16px;
    font-weight:500;
    background-color:#f5f5f5;
    color:#000000;
}
.bestlec_table_wrap table tbody td {
    padding:24px 0;
    border-bottom:1px solid #cccccc;
}
.bestlec_table_wrap table tbody tr:hover td {
    background-color:#f7f7f7;
}
.bestlec_table_wrap table thead .table_col1 {
    width:164px;
}
.bestlec_table_wrap table thead .table_col2 {
    width:288px;
}
.bestlec_table_wrap table .table_price {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
}
.bestlec_table_wrap table .table_normalPrice {
    width:128px;
    font-size:13px;
    color:#8d8d8d;
    text-decoration:line-through;
    display:block;
}
.bestlec_table_wrap table .table_salePrice {
    font-size:14px;
    font-weight:700;
    display:block;
    color:#fe2d63;
}
.bestlec_table_wrap table .table_price a {
    display:block;
    padding:7px 24px;
    border-radius:50px;
    font-size:14px;
    background-color:#fe2d63;
    color:#ffffff;
}

/*이전 css 2023-02-02*/
.bestlec_select_wrap {
    position:absolute;
    top:20px;
    right:0;
}
.bestlec_select {
    display:flex;
    justify-content:flex-end;
}
.bestlec_select li {
    padding:8px 42px;
    border:1px solid #b5b5b5;
    border-radius:50px;
    box-sizing:border-box;
    color:#808080;
    font-size:20px;
    letter-spacing:-0.5px;
    margin-right:8px;
    cursor:pointer;
}
.bestlec_select li:last-child {margin-right:0;}
.bestlec_select li.on {
    background-color:#333333;
    color:#ffffff;
    font-weight:700;
}
.bestlec_con_wrap {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin-top:50px;
	gap:20.5px;
}
.bestlec_con_wrap.wrap2 {
    justify-content:center;
}
.bestlec_con_wrap.wrap2 .bestlec_con:first-child {
    margin-right:20px;
}

 /*이전 css*/
.bestlec_con {
    width:363px;
    height:375px;
    background:url('//new.wowgosi.co.kr/img/voucher2021/voucher_con04box.png') center top no-repeat;
    padding-top:27px;
    box-sizing:border-box;
    margin-bottom:36px;
    text-align:center;
    position:relative;
    box-shadow: 0 9px 14px rgba(0,0,0,0.1);
    overflow:hidden;
}
.bestlec_con h3 {
    color:#ffffff;
    font-size:25px;
    margin:0;padding:0;
}
.bestlec_con_icon {
    margin-top:25px;
}
.bestlec_con_layer {
    width:inherit;
    height:inherit;
    position:absolute;
    bottom:-288px;
    border-top:6px solid #21b8b7;
    padding:30px;
    padding-bottom:0;
    box-sizing:border-box;
    background-color:#ffffff;
    background-image:url('//new.wowgosi.co.kr/img/voucher2021/voucher_btn_more.png');
    background-position:93% 7%;
    background-repeat:no-repeat;
/*    cursor:pointer;*/
    transition:.2s;
}
.bestlec_con_layer:hover {bottom:0;}
.bestlec_con_layer h4 {
    font-size:17px;
    text-align:left;
    margin:0;padding:0;
    font-weight:500;
    margin-bottom:27px;
}
.layer_inf {
    background-color:#f2f2f2;
    text-align:left;
    font-size:14px;
    line-height:160%;
    color:#000000;
    padding:5px 20px;
    margin-bottom:14px;
}
.layer_price {
    display:flex;
    justify-content:space-between;
    font-size:16px;
    padding:0 12px;
    margin-bottom:4px;
    align-items:center;
}
.layer_price li:first-child {text-align:left;}
.layer_price li:last-child {text-align:right;}
.layer_order {
    position:absolute;
    width:100%;
    left:0;
    bottom:0;
    background-color:#000000;
}
.layer_order a {
    display:inline-block;
    width:inherit;
    padding:14px 0;
    color:#ffffff;
    font-size:21px;
    font-weight:700;
}

.bestlec_con2 {
    display:block;
    width:363px;
    box-sizing:border-box;
    margin-bottom:20px;
    text-align:center;
    position:relative;
    overflow:hidden;
}
.bestlec_con_layer2 {
    width:inherit;
    height:inherit;
    display:block;
    padding:32px 30px;
    box-sizing:border-box;
    background-color:#fcfcfc;
    border:1px solid #cccccc;
    color:#000000;
    font-weight:400;
    letter-spacing:-0.75px;
}
.bestlec_con_layer2:hover {
    background-color:#ffffff;
    border-width:3px;
    padding:30px 28px;
}
.bestlec_con_layer2 h4 {
    font-size:22px;
    letter-spacing:-0.75px;
    text-align:left;
    margin:0;padding:0;
    font-weight:900;
    margin-bottom:22px;
}
.bestlec_con_layer2 .layer_inf {
    background-color:transparent;
    border-top:1px solid #c1c1c1;
    border-bottom:1px solid #c1c1c1;
    padding:15px 0;
    text-align:left;
    font-size:15px;
    line-height:170%;
    margin-bottom:14px;
}
.bestlec_con_layer2 .layer_price {
    display:flex;
    justify-content:space-between;
    font-size:16px;
    padding:0 12px;
    margin-bottom:4px;
    align-items:center;
}
.bestlec_con_layer2 .layer_price .f26 {font-weight:900;}
.layer_price li:first-child {text-align:left;}
.layer_price li:last-child {text-align:right;}

.bestlec_con_layer2.col1 h4,.bestlec_con_layer2.col1 .f26 {color:#092dcb;}
.bestlec_con_layer2.col1:hover {border-color:#092dcb;}
.bestlec_con_layer2.col2 h4,.bestlec_con_layer2.col2 .f26 {color:#520fbe;}
.bestlec_con_layer2.col2:hover {border-color:#520fbe;}
.bestlec_con_layer2.col3 h4,.bestlec_con_layer2.col3 .f26 {color:#05a58c;}
.bestlec_con_layer2.col3:hover {border-color:#05a58c;}
.bestlec_con_layer2.col4 h4,.bestlec_con_layer2.col4 .f26 {color:#006dcb;}
.bestlec_con_layer2.col4:hover {border-color:#006dcb;}
.bestlec_con_layer2.col5 h4,.bestlec_con_layer2.col5 .f26 {color:#eb4d27;}
.bestlec_con_layer2.col5:hover {border-color:#eb4d27;}
.bestlec_con_layer2.col6 h4,.bestlec_con_layer2.col6 .f26 {color:#009956;}
.bestlec_con_layer2.col6:hover {border-color:#009956;}
.bestlec_con_layer2.col7 h4,.bestlec_con_layer2.col7 .f26 {color:#07b449;}
.bestlec_con_layer2.col7:hover {border-color:#07b449;}
.bestlec_con_layer2.col8 h4,.bestlec_con_layer2.col8 .f26 {color:#00aa83;}
.bestlec_con_layer2.col8:hover {border-color:#00aa83;}
.bestlec_con_layer2.col9 h4,.bestlec_con_layer2.col9 .f26 {color:#0d6fde;}
.bestlec_con_layer2.col9:hover {border-color:#0d6fde;}

/*qna*/
.qna {margin:80px 0 110px 0;}
.qna_con1 {margin-bottom:24px;}

/*수강자 혜택*/
.benefit {
    background:url('//new.wowgosi.co.kr/img/voucher2021/voucher_con07bg.png') center top no-repeat;
    
}

/*교수진*/
.voucher_tealist {
    margin:80px 0 120px 0;
}
.tealist_more {
    padding:6px 28px;
    border:1px solid #a5a5a5;
    border-radius:50px;
    box-sizing:border-box;
    color:#222222;
    text-decoration:none;
    font-size:14px;
    letter-spacing:-0.5px;
    margin-left:20px;
    vertical-align:text-top;
}
.tealist_more:hover {text-decoration:underline;}

#mil_tea{width:1130px; height:315px; position:relative; overflow:hidden;}

#mil_tea li{display:inline-block; width:226px; background-color:#000; float:left;}
#mil_tea a{color:#fff; text-decoration:none; font-size:14px; border:1px solid #fff; width:75px; line-height:30px; text-align:center; display:block;}
#mil_tea ul{width:7232px;}
#mil_tea .table-cell{width:40%;}
#mil_tea .table{position:absolute; margin-top:-50px;margin-left:25px;}
.mil_tealeft{position:absolute; z-index:3; }
.mil_tearight{position:absolute; z-index:3; left:50%; margin-left:515px;}

/*홍보영상, 공지*/
#videoBoard {
    width:1130px;
}
#video {
    width:555px;
    height:308px;
}
.video_btn {
    width:555px;
}
#videoBoard #video .video_btn li {
    width:185px;
}
#videoBoard #board {
    width:552px;
    height:385px;
    border:1px solid #bfbfbf;
}
.board_btn li a {
    display:inline-block;
    width:184px;
    height:52px;
    box-sizing:border-box;
    background-color:#eeeeee;
    border-right:1px solid #bfbfbf;
    border-bottom:1px solid #bfbfbf;
    font-size:17px;
    letter-spacing:-0.5px;
    font-weight:500;
    text-align:center;
    line-height:52px;
    color:#000000;
}
.board_btn li:last-child a {border-right:0;}
.board_btn li a.on {
    background-color:#ffffff;
    border-bottom:1px solid #ffffff;
}
.board_btn~div {}
.board_btn~div table {
    margin:0 auto;
    padding-top:10px;
}
.board_btn~div table a {
    color:#000000;
    font-size:16px;
    letter-spacing:-.4px;
}

/*이용안내*/
.cautionbg {
    background-color:#e6e7e8;
    padding:85px 0 105px 0;
}
.caution {
    background-color:#ffffff;
    padding:40px 60px 100px;
    margin-top:25px;
    box-sizing:border-box;
    position:relative;
}
.caution p {
    font-size:17px;
    margin:0;padding:0;
    line-height:175%;
    font-weight:500;
}
.caution p > span {
    display:block;
}
.caution p span.caution2 {
    margin-top:4px;
    margin-left:0px;
    font-size:15px;
    font-weight:400;
    line-height:155%;
}
.caution p span.caution2 .caution2_imp {
    font-weight:500;
    color:#ee0606;
}
.caution p span.caution3 {
    color:#535353;
    font-size:14px;
    font-weight:400;
    line-height:160%;
    margin-top:8px;
    margin-bottom:14px;
}
.caution .caution_table {
    width:100%;
    margin:10px 0 0 0;
}
.caution .caution_table td {
    padding:4px 0;
    text-align:center;
    font-size:14px;
    border:1px solid #d0d0d0;
}
.caution .caution_table .thead td {
    font-size:15px;
    font-weight:500;
    background-color:#f1f1f1;
    padding:10px 0;
}
.caution_logo {
    position:absolute;
    bottom:40px;
    right:60px;
}
.caution_logo .caution_logo_tel {
    margin-left:8px;
    padding:6px 30px;
    background-color:#00aeb2;
    border-radius:50px;
    text-align:center;
    color:#ffffff;
    font-size:18px;
    font-weight:600;
    letter-spacing:-0.5px;
    vertical-align:top;align-self: 
}