@charset "utf-8";

/* common */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, select, input, textarea { margin:0; padding:0; border:0; vertical-align:baseline; }
body, input, textarea, select, td { font-size:12px; font-family:'맑은 고딕', 'Malgun Gothic', 돋움; color:#000000; }
h1, h2, h3, h4, h5, h6 { font-size:12px;  font-family:'맑은 고딕', 'Malgun Gothic', 돋움; }
h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }
a { text-decoration:none; color:#000000;}
em { font-style:normal; }
ol, ul { list-style:none; }
table { margin:0; outline:0; border-collapse:collapse; border-spacing:0; }
caption, th, td { font-weight:normal; }
blockquote:before, blockquote:after,
q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
html,body { margin:0; padding:0; font-family:'맑은 고딕', 'Malgun Gothic', 돋움, sans-serif; }
body {background:#000;}

#promotion {position:relative;width:100%;min-width:1200px; overflow:hidden; background:url(/R2/Images/event/20160331_promotion/img/header_bg.jpg) center top no-repeat;}
#promotion img {border:0;vertical-align:top;}
#promotion ul, ol {list-style:none;}
#promotion fieldset{border:0;vertical-align:top;}
#promotion .blind {display:block;overflow:hidden;position:absolute;top:-9999px;height:-9999px;width:1px;height:1px;}
#promotion .hide {display:none;}

/* layout */
#promotion .header {width:100%; height:694px;}
#promotion .header .top_cont {width:1012px; text-align:center; margin:0 auto; position:relative;}
#promotion .header .top_cont .logo {width:100%; padding-top:9px;}
#promotion .header .top_cont .today_box {width:158px; height:70px; position: absolute; top:0; right:-5px; color:#FFF; overflow:hidden; text-align:center;}
#promotion .header .top_cont .today_box p.today{width:100%; margin-top:15px; text-align:right;}
#promotion .header .top_cont .today_box p.today label {display:inline-block;margin-left:5px;width:93px;height:16px;background:url(/R2/Images/event/20150828_promotion/img/txt_today.png) 0 2px no-repeat;}
#promotion .header .top_cont .title {width:100%; height:498px;}
#promotion ul.top_menu {width:1024px; height:127px; margin-left:-6px; overflow:hidden;}
#promotion ul.top_menu li {float:left; margin:0 6px;}


#promotion .container {text-align:center; background:url(/R2/Images/event/20160331_promotion/img/bottom_bg.jpg) 50% 100% no-repeat;}
#promotion .container .contents{width:1010px; margin:0 auto; display:block; position:relative;}
#promotion .quick {width:143px; height:245px; position:fixed; top:725px; left:50%; margin-left:510px; z-index:99999;}

#promotion .sub1 .cont1,
#promotion .sub2 .cont1,
#promotion .sub4 .cont1 {margin-top:95px;}
#promotion .sub2 .cont1 {margin-bottom:110px;}
#promotion .sub4 .cont1 {margin-bottom:30px;}
#promotion .sub3 .cont1 {width:100%; background:url(/R2/Images/event/20160331_promotion/img/cont3_1_bg.jpg) center 0 no-repeat;}
#promotion .sub3 .cont2 {width:100%; background:url(/R2/Images/event/20160331_promotion/img/cont3_2_bg.jpg) center 0 no-repeat;}
#promotion .sub3 .cont3 {width:100%; margin-bottom:82px; background:url(/R2/Images/event/20160331_promotion/img/cont3_3_bg.jpg) center 0 no-repeat;}

#promotion .footerWrap {width:100%;}
#promotion .footer {width:100%; padding:91px 0 27px; text-align:center; overflow:hidden; }