@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; margin:5px;}
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;}

div.Control {
    width: 79px;
    left: 10px;
    top: 0;
    position: absolute;
}
/* top_header */
#top_header1 {width:100%; height:34px; background-color:#f3f2f7; overflow: hidden;}
#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:0 auto;}
#event{position:relative; overflow:hidden; min-width:960px; margin:0 auto;}

	.e_bg_01{position:relative; height:1340px; background:url(images/img_01.jpg) no-repeat top;}
.e_bg_01 h1{width:137px;height:30px; top:32px; left:50%; position:absolute; margin:0 0 0 -445px; z-index: 3;}
.e_bg_01 .util{position:absolute;left:50%;top:32px; z-index:2;width:960px;margin-left:-496px;text-align:right; color:#ffffff;}
.e_bg_01 .util a{color:#ffffff;text-decoration:none;margin:0 2px;}
.e_bg_01 .sample{ width:810px; height:456px; margin:0 auto; padding-top:270px; filter: drop-shadow(0 0 7px #876b08);}
.e_bg_01 .sample a{ width:810px; height:456px; display:block;margin:0; padding:0; background-color:#fff; filter: drop-shadow(0 0 5px #876b08);}

.e_bg_01 .btn_go{ width:890px; margin:0 auto; padding-top:1240px;}
.e_bg_01 .btn_go ul>li{ width:210px; float:left; display:block;}
.e_bg_01 .btn_go ul>li.pr{padding-right:130px;}
.e_bg_02{position:relative; height:786px; background:url('images/img_02.jpg') no-repeat top;}
.e_bg_03{position:relative; height:400px; background:url('images/img_03.jpg') no-repeat top; padding-top:900px;}
.e_bg_03 .s_list{ height:337px;}
.e_bg_03 .s_list li{ width:281px; display:block; float:left; padding-left:12px;}
.e_bg_03 .s_list li:first-child{padding-left:46px;}
.e_bg_04{position:relative; width:100%; height:auto; max-width:2000px; margin:0 auto; padding-bottom:100px; background:#eeeeee; text-align:center;}
.e_bg_04 h4, .e_bg_05 h4 {padding:85px 0 15px 0;}
.e_bg_04 h5, .e_bg_05 h5 {padding:0px 0 60px 0;}
.e_bg_04 p {width:972px; margin:0 auto 15px; position:relative;}
.e_bg_04 p a.pBtn {position:absolute; right:6px; bottom:10px;}
.e_bg_04 p a.sBtn01 {position:absolute; top:465px; left:200px;}
.e_bg_04 p a.sBtn02 {position:absolute; top:465px; right:215px;}
.e_bg_04 p a.sBtn03 {position:absolute; top:894px; right:389px;}
.e_bg_04 p a.sBtn04 {position:absolute; top:481px; left:200px;}
.e_bg_04 p a.sBtn05 {position:absolute; top:481px; right:215px;}
.e_bg_04 p a.sBtn06 {position:absolute; top:902px; left:200px;}
.e_bg_04 p a.sBtn07 {position:absolute; top:902px; right:215px;}
.e_bg_04_buy{position:relative; height:250px; width:1000px; margin:0 auto; background:url(images/img_04.png) top no-repeat;background-color:#ededed; padding-top:50px;}
.e_bg_04_buy p{text-align:left; font-size:14px; padding:10px 0px 0px 70px;}
.e_bg_05 {position:relative; width:100%; height:auto; max-width:2000px; margin:0 auto; background:#ffffff;  padding-bottom:100px; text-align:center;}
.e_bg_05 p  {width:972px; margin:0 auto 15px; position:relative;}
.e_bg_05_buy{position:relative; height:370px; width:1000px; margin:0 auto; background:url(images/img_05.png) no-repeat top; padding-top:60px;}
.e_bg_05_buy p{text-align:left; font-size:14px; padding:10px 0px 0px 70px;}

.e_bg_06{position:relative; width:100%; height:auto; max-width:2000px; margin:0 auto; background-color:#ededed;  padding-bottom:100px; text-align:center;}
.e_bg_06_buy{position:relative; height:370px;  width:1000px; margin:0 auto; background:url(images/img_06.png) no-repeat top;  padding-top:60px;}


.e_bg_07 {position:relative; width:100%; max-width:2000px; margin:0 auto; height:450px; background:#e1e1e1; text-align:center;}
.e_bg_07 p {width:972px; margin:0 auto; padding-top:65px; position:relative;}
.e_bg_07 p a {position:absolute; right:5px;}
.e_bg_07 p a.btnA {top:85px;}
.e_bg_07 p a.btnB {bottom:10px;}

.e_bg_08{position:relative; width:100%; max-width:2000px; margin:0 auto; text-align:left; background-color:#7e7e7e; }
.e_bg_08 .footertext {position:relative; margin:0 auto; width:960px; height:290px; padding:55px 0 180px 0; color:#ffffff;}
.e_bg_08 .footertext a{ color:#ffff00;}
.e_bg_08 .event_btn{position:relative; margin:0; float:right;}


.top_btn a {width:50px; height:50px; color:#ffffff; position:fixed; z-index:99999; bottom:30px; right:20px;}


#event .book{ padding-top:65px;}
#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 td, table.b_list th{ font-size:15px; text-align:left; padding:4px;}
#event .book table.b_list th{ font-weight:bold; color:#000; font-size:19px;}
#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;}

.pdl{padding-left:630px;}


.layeropen{position: absolute; z-index:999; width:350px; border:2px solid #a2a2a2; background-color:#fff; top:235px; left: 50%; }
.layeropen.ty2{top:167px;}
.layeropen span.btn{ display:block; position:absolute; top:9px; right:7px; width:15px; height:15px;}

.layeropen .tb1_layer{font-size: 13px;width:350px;margin: 0 auto; margin-top: 15px;}
.layeropen .tb1_layer td{text-align: left; padding: 8px 5px; border-bottom: 1px solid #d7d7d7; max-width:340px;}
.layeropen .tb1_layer td strong{font-size: 14px; color: #000; }
.layeropen .tb1_layer td strong a{ text-decoration:none; font-weight:bold;}
.layeropen .tb1_layer td p{font-size: 12px;}
.layeropen .tb1_layer span.red{color: #d6183c; font-weight:bold;}

.main_tabs_301{width:1000px; margin:0 auto;  height:530px;}

.main_tabs_new{width:1000px; margin:0 auto;  height:590px;}
	.main_tabs_new .tab{width:1000px;  height:102px; display:block;}
	.main_tabs_new .tab li{float:left; height:102px; width:327px;  margin:0; padding:0; display:block; padding-right:8px;}
	.main_tabs_new .tab li.last{padding-right:0px;}
	.main_tabs_new .imgbox{ height:216px;}
	.main_tabs_new .btnset{ height:149px;}
	.main_tabs_new .btnset ul{ float:left; display:block; }
	.main_tabs_new .btnset ul li{ float:left; display:block; width:221px;}
	.main_tabs_new .btnset ul li.pr25{padding-right:25px;}



.main_tabs01{width:1000px; margin:0 auto;  height:480px;}

.main_tabs{width:1000px; margin:0 auto;  height:590px;}
	.main_tabs .tab{width:1000px;  height:102px; display:block;}
	.main_tabs .tab li{float:left; height:102px; width:327px;  margin:0; padding:0; display:block; padding-right:8px;}
	.main_tabs .tab li.last{padding-right:0px;}
	.main_tabs .imgbox{ height:216px;}
	.main_tabs .btnset{ height:149px;}
	.main_tabs .btnset ul{ float:left; display:block; }
	.main_tabs .btnset ul li{ float:left; display:block; width:221px;}
	.main_tabs .btnset ul li.pr25{padding-right:25px;}
	
	.list_tabs h1 span{ display:block; float:right; padding-top:6px;}
	.list_tabs h1 span a{ font-size:13px; font-weight:normal; color:#1071f6;}
	.list_tabs h1 span a:visit{ font-size:13px; font-weight:normal; color:#1071f6;}
	
	
	
	
	/*  레이어 */
	
	#pop170718 {
    top:0px;
    width:auto;
    height:auto;
    padding: 0;
    border: none;
    background: none;
    position: relative;
}
.wrap_layer_popup {
    display: none;
    position: absolute;
    left: 50%;
    z-index: 999;
    padding: 0;
    background: #fff;
}
.wrap_layer_popup .bt_close {
    position: absolute;
    top: -42px;
    right: 0;
}
.layer_popup_bg.st2 {  display: none;
    background: url(images/black_op80.png); 	opacity:0.5; -moz-opacity:0.5; 
}
.layer_popup_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(images/bg_black_opacity.png);
	opacity:0.3; -moz-opacity:0.3; 
    overflow: hidden;
    z-index: 997;
}