@charset "utf-8";
/* CSS Document */

@font-face {font-family: 'Noto Sans Korean', sans-serif, "나눔고딕";
	src:url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
	src:local(※), url(http://www.darakwon.co.kr/css/fonts/NanumGothic.ttf) format('truetype'), url(http://www.darakwon.co.kr/css/fonts/NanumGothic.otf) format('opentype');
}


img{ border:none; padding:0; margin:0;}
input.checkbox {width:13px; height:13px; vertical-align:text-bottom; padding:0px; }
input.radio {width:13px;height:13px; vertical-align:top; padding:0px; margin:0px;}
ul,li{padding:0; margin:0; list-style:none;}
* {font-family:'Noto Sans Korean', 나눔고딕, ng, arial;}
body {color:#666;font-size:12px;line-height: 1.5;font-family:'Noto Sans Korean',NanumGothic, 나눔고딕, ng, arial;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0} 
img,fieldset,iframe{border:0 none}
dl,ul,ol,menu,li{list-style:none}
img, input, button, select, textarea {vertical-align:middle;}
button {overflow:visible;margin:0;padding:0;border:none;background:0;vertical-align:middle;cursor:pointer;}
button::-moz-focus-inner,  
input::-moz-focus-inner{border:0;padding:0;}

/* top_header */
#top_header2 {width:100%; height:34px; background-color:#f3f2f7; overflow: hidden;}
#top_header2 .top_header_in {width: 675px; margin: 0 auto; padding: 0;}
#top_header2 #top_header_left { float: left; }

/* eventWrap */
#eventWrap{width:100%;min-width:960px;height:auto; text-align: left; margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;}
.top_btn a {width:50px; height:50px; color:#ffffff; position:fixed; z-index:99999; bottom:30px; right:20px;}


#event{position:relative; overflow:hidden; min-width:960px; margin:0 auto;}

.e_bg_00{position:relative; }
.e_bg_00 h1{width:137px;height:30px; top:32px; left:50%; position:absolute; margin:0 0 0 -445px; z-index: 3;}
.e_bg_00 .util{position:absolute;left:50%;top:32px; z-index:2;width:960px;margin-left:-496px;text-align:right; color:#000;}
.e_bg_00 .util a{color:#000;text-decoration:none;margin:0 2px; background-color: #e0e0e0;}

.e_bg_01{position:relative; height:955px; background:url(images/img_01.jpg) no-repeat top;} 
.e_bg_01 .sample{ width: 810px; height: 456px; margin: 0 auto; padding-top:430px;}
.e_bg_02{position:relative; height:671px; background:url(images/img_02.jpg) no-repeat top;}
.e_bg_03{position:relative; height:629px; background:url(images/img_03.jpg) no-repeat top; background-color: #132740;}
.e_bg_03_buy{ position:relative; height:376px; width:957px; margin:0 auto; background:url(images/buy.jpg) top no-repeat; background-color:#132740; top:173px;}
.pdl{padding-left: 680px; position:absolute; top:64px;}
#event .book{ padding-top:202px;}
#event .book table.b_list{width: 880px; margin: 0 auto; border-top: 1px solid #c3d183; border-bottom: 1px solid #c3d183;}
#event .book table.b_list tr{    border-bottom: 1px solid #c3d183;}
#event .book table.b_list th{font-weight: bold; color: #000; font-size: 19px;}
#event .book table.b_list td{font-size: 15px; text-align: left;     padding: 4px;}
#event .book table.b_list td span.line{ text-decoration: line-through;}
#event .book table.b_list td span.red{ color: #f01010;font-size: 20px; font-weight: bold;}
.e_bg_04{position:relative; height:760px; background:url(images/img_04.jpg) no-repeat top;}
.e_bg_04 .sample{ width: 810px; height: 456px; margin: 0 auto; padding-top:225px;}
.e_bg_05{position:relative; height:1037px; background:url(images/img_05.jpg) no-repeat top;}
.e_bg_05 .lect_list{ height:605px; overflow:hidden; width:981px; margin: 0 auto; padding-top:179px;}
.e_bg_05 .lect_list li{width: 327px; display: block; float:left;}
.e_bg_06{position:relative; height:2646px; background:url(images/img_06.jpg) no-repeat top;}
.e_bg_07{position:relative; height:1142px; background:url(images/img_07.jpg) no-repeat top;}
.e_bg_08{position:relative; height:564px; background:url(images/img_08.jpg) no-repeat top;}
.e_bg_09{position:relative; height:866px; background:url(images/img_09.jpg) no-repeat top;}
.e_bg_10{position:relative; height:688px; background:url(images/img_10.jpg) no-repeat top;}
.e_bg_10_01{ position: relative; height:320px; background:url(images/img_10_022.jpg) no-repeat top; text-align:center;}
.e_bg_10_01 > *{ vertical-align:middle;}
.e_bg_10_01 a{padding-left: 500px;}
.e_bg_10_01 input{ width:22px; height:22px;} 
.e_bg_11{position:relative; height:678px; background:url(images/img_11.jpg) no-repeat top;}
.e_bg_11_01{ position: relative; height:608px; background:url(images/img_11_01.jpg) no-repeat top; text-align:center;}

.e_bg_12{position:relative; text-align:left; background-color:#7e7e7e; }
.e_bg_12 .footertext {position:relative; margin:0 auto; width:960px; height:437px; padding:55px 0 50px 0; color:#ffffff; /*padding-bottom: 143px;*/}
.e_bg_12 .footertext a{ color:#FF0}
.e_bg_12 .event_btn{position:relative; margin:0; float:right;}

.g_box{width: 1107px; margin:0 auto; position: relative;} 
.g_box.ty2{width: 1154px;}
.more_info1{ position:absolute; top:644px; right:245px;}
.more_info2{ position:absolute; top:32px; right:119px;}
.more_info3{ position:absolute; top:32px; right:95px;}

.layeropen{position: absolute; z-index:999; width:350px; border:2px solid #a2a2a2; background-color:#fff; right:244px; top:673px;}
.layeropen.ty2{top:73px; right: 112px;}
.layeropen.ty3{top:73px; right: 94px;}
.layeropen span.btn{ display:block; position:absolute; top:9px; right:7px; width:15px; height:15px;}

.tb1_layer{font-size: 13px; width: 94%; margin: 0 auto; margin-top: 15px;}
.tb1_layer td{text-align: left; padding: 8px 5px; border-bottom: 1px solid #d7d7d7;}
.tb1_layer td strong{font-size: 14px; color: #000; }
.tb1_layer td strong a{ text-decoration:none; font-weight:bold;}
.tb1_layer td p{font-size: 12px;}
.tb1_layer span.red{color: #d6183c; font-weight:bold;}

.ck_book{ position:absolute; top:833px; left:339px; font-size:17px;}
.ck_boo > *{ vertical-align:middle;}

.ban_btm{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    height: 149px;
    text-align: center;
    background:#1a243d;	
	border-top: 2px solid #fff;
	}

.ban_btm .inner_img{
	width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.main_layer {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(0,0,0,0.5);
    text-align: center;
    font-size: 0;
}

.main_layer:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.main_layer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=27);
    display: none;
}
.bg_con {
    display: inline-block;
    width: 88%;
    background: #ffffff;
    vertical-align: middle;
}

.bg_con .tit {
    position: relative;
    clear: both;
    padding: 10px 0 10px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -1px;
    color: #fff;
    border-bottom: 2px solid #627994;
    font-size: 16px;
    font-weight: bold;
    background: -webkit-gradient(linear,0 0,0 100%,from(#2787f2),to(#1e75d6));
    z-index: 100009;
    text-align: left;
}

.bg_con .lec_list.ty2{ max-height: 330px; text-align:left;}
.bg_con .lec_list.ty2 .pop_tbl td{padding: 15px 20px 35px; font-size: 14px; color:#000;}
.bg_con .lec_list.ty2 .pop_tbl td p.ch_tit > *{ vertical-align:middle;}
.bg_con .lec_list.ty2 .pop_tbl td p.fw_reg{ font-weight:normal; font-size:13px; color:#777; padding-bottom:5px; line-height: 21px;} 
.bg_con .lec_list.ty2 .pop_tbl td p.fc_g{ font-size:11px; color:#22529a; line-height: 16px; padding-bottom:5px;} 

.bg_con .lec_list.ty2 .pop_tbl td p.btn_area{  text-align: center;    box-sizing: border-box; margin-top:25px;}
.bg_con .lec_list.ty2 .pop_tbl td p.btn_area .btn_close{ padding: 12px 24px; background: #888; font-size: 14px; color: #fff; }
.bg_con .lec_list.ty2 .pop_tbl td p.btn_area .btn_goEvent{ padding: 12px 24px; background: #1e75d6; font-size: 14px; color: #fff; }




.wrap_layer_popup{
	display: none;
    position: absolute;
    left: 50%;
    z-index: 9999;
	width: 600px;
    height: 540px;
    padding: 0;
    border: none;
    background: none;
    text-align: right;
}

.wrap_layer_popup .bt_close{ position:absolute; top:-42px; right:0;}

.layer_popup_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/bg_black_opacity.png);
    overflow: hidden;
    z-index: 9997;
}