@charset "utf-8";

@import url('./normalize.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

body, div, h1, h2, p, title, ul, li, dl, dt, dd, a, table, tr, td, th, input, span, textarea, img  {margin:0; padding:0;}

h1,h2 {font-weight:normal;}

body {height:100%;}

dl,ul {list-style:none;}

a {text-decoration:none;}

img {border:none;}

body{background-color:#2b2b2b;}

.wrap{height:100%;}

*{font-family:"Noto Sans KR","Dotum";}

.content{width:980px;margin:0 auto;}
.content_top{width:980px;height:1400px;background:url( "/img/bg_front_1.jpg" ) no-repeat;overflow: auto;position:relative;}
.content_top .logo_top{position:absolute;top:32px;left:40px;width:188px;height:34px;}
.content_middle{width:980px;height:600px;background:url( "/img/bg_front_2.jpg" ) no-repeat;}
.content_bottom{width:980px;height:941px;background:url( "/img/bg_front_3.jpg" ) no-repeat;}
.content_webzine{width:980px;height:158px;}

.content_top_webzine{width:980px;height:1650px;background:url( "/img/bg_front_1_webzine.jpg" ) no-repeat;overflow: auto;position:relative;}
.content_top_webzine .logo_top{position:absolute;top:32px;left:40px;width:188px;height:34px;}


.footer{width:980px;height:105px;overflow: auto;background-color:#fff;position:relative;}
.footer .info{width:240px;height:35px;margin:30px 0 0 33px;}
.footer .info .logo{float:left;margin-right:16px;}
.footer .info .copy{float:left;width:150px;}
.footer .info .copy{vertical-align:middle;font-size:0;}
.footer .info .copy .link{margin-top:2px;}
.footer .info .copy .rights{margin-top:4px;}
.footer .text{position:absolute;right:48px;top:35px;}


.player{width:706px;height:397px;margin:279px auto 0px auto;background-color:#fff;}
.addinfo{width:980px;height:400px;position:relative;}
.addinfo div.text{position:absolute;bottom:50px;}
.addinfo div.text ul{margin-left:360px;width:450px;}
.addinfo div.text ul li{list-style:disc;font-family:"Noto Sans KR";font-size:14px;font-weight:bold;line-height:16px;margin-top:6px;letter-spacing:-0.1em;}
.addinfo div.text ul li.btn{list-style:none;text-align:right;padding-right:20px;}
.buttons{width:506px;margin:588px auto 0px auto;text-align:center;}

/*
.buttons #btn_brochure{float:left;}
.buttons #btn_sample{float:right;}
*/


.buttons_webzine{width:506px;margin:440px auto 0px auto;}
.buttons_webzine #btn_brochure{float:left;}
.buttons_webzine #btn_sample{float:right;}


.bg_popup {display:none;position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:10;}
#popup{display:none;width:548px;height:454px;background:url( "/img/bg_popup.gif" ) no-repeat;position:absolute;z-index:20;top:0px;}
#popup .close{margin: 34px 0 0 507px;}
#popup .input_box{margin: 95px 0 0 0;}
#popup .input_box ul{width:100%;}
#popup .input_box ul li{text-align:center;padding:5px 0 5px 0;}
#popup .input_box ul li input[type="text"]{box-sizing:border-box;width:326px;height:43px;border:solid 1px #c2c2c2;border-radius:5px;font-size:14px;font-weight:bold;padding-left:16px;outline: none;color:#666;}
#popup .input_box ul li img{margin-top:10px;}


.bg_popup_new {display:none;position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:10;}
#popup_new{display:none;width:548px;height:586px;background:url( "/img/bg_popup_new.gif" ) no-repeat;position:absolute;z-index:20;top:0px;}
#popup_new .close{margin: 34px 0 0 507px;}
#popup_new .input_box{margin: 95px 0 0 0;}
#popup_new .input_box ul{width:100%;}
#popup_new .input_box ul li{text-align:center;padding:5px 0 5px 0;}
#popup_new .input_box ul li input[type="text"]{box-sizing:border-box;width:326px;height:43px;border:solid 1px #c2c2c2;border-radius:5px;font-size:14px;font-weight:bold;padding-left:16px;outline: none;color:#666;}
#popup_new .input_box ul li img{margin-top:10px;}
#popup_new .input_box ul li.agree {text-align:left;overflow:hidden;padding-top:4px;}
#popup_new .input_box ul li.agree .label{color:#6b6b6b;font-weight:bold;font-family:"Noto Sans KR";font-size:14px;float:left;margin-left:118px;letter-spacing:-1px;}
#popup_new .input_box ul li.agree .label span img{margin-bottom:1px;}
#popup_new .input_box ul li.agree .check{float:right;margin-right:118px;}

#popup_new .input_box ul li.agree-detail {padding-top:0px;font-family:"Noto Sans KR";}
#popup_new .input_box ul li.agree-detail div{padding-top:6px;box-sizing:border-box;margin:0px auto;width:326px;border-top:solid 1px #dadada;text-align:left;color:#949393;padding-left:20px;padding-right:16px;font-size:12px;letter-spacing:-1px;}
#popup_new .input_box ul li.agree-detail div ul{padding:0;margin:0;margin-top:4px;}
#popup_new .input_box ul li.agree-detail div ul li{text-align:left;padding:0;margin:0;}
#popup_new .input_box ul li.agree-detail div ul li span{}



#frame_download{ width:0px;height:0px;border:none; }