@charset "utf-8";

@font-face {
  font-family: 'Noto';
  font-style: normal;
  font-weight: 100;
  src: url(/css/fonts/NotoSansKr/NotoSansKR-Thin.woff2) format('woff2'),
       url(/css/fonts/NotoSansKr/NotoSansKR-Thin.woff) format('woff'),
       url(/css/fonts/NotoSansKr/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto';
  font-style: normal;
  font-weight: 300;
  src: url(/css/fonts/NotoSansKr/NotoSansKR-Light.woff2) format('woff2'),
       url(/css/fonts/NotoSansKr/NotoSansKR-Light.woff) format('woff'),
       url(/css/fonts/NotoSansKr/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto';
   font-style: normal;
   font-weight: 400;
   src: url(/css/fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
        url(/css/fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
        url(/css/fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto';
   font-style: normal;
   font-weight: 500;
   src: url(/css/fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(/css/fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(/css/fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto';
   font-style: normal;
   font-weight: 700;
   src: url(/css/fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(/css/fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(/css/fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto';
   font-style: normal;
   font-weight: 900;
   src: url(/css/fonts/NotoSansKr/NotoSansKR-Black.woff2) format('woff2'),
        url(/css/fonts/NotoSansKr/NotoSansKR-Black.woff) format('woff'),
        url(/css/fonts/NotoSansKr/NotoSansKR-Black.otf) format('opentype');
 } 


/* Default Style */

/* base */
body{font-family:'Noto','dotum','돋움','sans-serif'; font-size:12px; color:#464646; margin:0; padding:0; line-height:100%; -webkit-text-size-adjust:none;}
div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend	{margin:0; padding:0; border:0; vertical-align:top; }/*line-height:100%;*/
h1, h2, h3, h4, h5, h6{font-family:'Noto','dotum','돋움';font-weight:normal;font-size:100%}
/* mobileSet */
html, body, div, dl, form, ol, p, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr,
a, b, br, i, img, small, span, strong, sub, sup, legend, fieldset, input {font-family:'Noto','dotum','돋움','sans-serif';;}
ul, ol, li{list-style:none}
fieldset, img{border:none}

/* Link style */
a{font-family:'Noto','dotum','돋움','sans-serif';;color:#333;  display: inline-block;cursor:pointer;}
a:hover, a:active{color:#333; text-decoration:none;}
a:link			{text-decoration:none;}

/* Table Style */
table  		{border-collapse:separate;  border-spacing:0; width:100%}
table td img	{vertical-align:top}

/* tag all font-size set */
p,div,ul,li,dl,dt,dd,ol,a,em,strong,fieldset,textarea,input,select,span,table,th,td,address,cite,button,
h1,h2,h3,h4,h5,h6 {font-family:'dotum','돋움',sans-serif, 'arial';}

/* From Style */
textarea	{resize:none}
input		{vertical-align:top; outline:none}
select		{line-height:20px;}
hr, caption {display:none}
legend		{position:absolute; height:0; width:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px; border:0; background:none}
address,cite,em, i	{font-style:normal}
fieldset	{border:0; padding:0}


/* template */
.show {display:block !important;}	.hide{display:none !important;}
.w_1200{margin:0 auto;width:1200px;}


/*layout*/
body{}
.wrap{width:100%;min-width:1200px;}

/*Header*/
.header {width:100%;height:174px;}
.header:before{content:'';position:absolute;top:0;left:0;width:100%;height:38px;background-color:#efefef;border-bottom:1px solid #ccc;z-index:-1;}
.header:after{content:''; display: table;clear:both;}

.header .top{position: relative;margin:auto;width:1200px;height:38px;}
.header .top ul {overflow:hidden;}
.header .top ul.top_L{float:left;}
.header .top div.top_L2 { position: absolute; display: inline-block; top: 13px; left: 160px; z-index: 100; animation-name: cms-top_L2-twinkle; animation-duration: 2s; animation-iteration-count: infinite; }
.header .top div.top_L2 span { line-height: 8px; margin-right: 3px; }
@keyframes cms-top_L2-twinkle {
    from {color: #ccc;}
    to {color: #000;}
}
.header .top ul.top_R{float:right;}
.header .top ul li {float:left;height:38px;background:#ffffff;line-height:38px;text-align:center;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.header .top ul li:first-child{border-left:1px solid #ccc;}
.header .top ul li a{color:#333;}
.header .top ul li a:hover, .header .top ul li a:focus {color:#000000;}

.header .top ul.top_L li{width:101px;}
.header .top ul.top_R li{width:98px;}

.middle {margin:auto;width:1200px;height:86px;}
.middle:after { display: block; clear: both; content: ''; }
.middle h1{float:left;margin-left:19px;}
.middle h1 a{display: block; padding:22px 0 0 2px;}
.middle h1 a > img {margin-right:15px;}

.middle ol {float:right;height:86px;overflow:hidden;}
.middle ol li {float:left;font-family: 'noto';margin-right:20px;height:43px;transform:translateY(50%);}

/*쪽지*/
.middle ._letter { float: right; position: relative; width: 38px; height: 24px; background-image: url(/images/common/letter2.jpg); background-size: cover; margin-top: 32px; margin-right: 20px; cursor: pointer; }
.middle ._letter ._num_wrap { position: absolute; top: -7px; left: 0; width: 38px; text-align: center; }
.middle ._letter ._num_wrap ._num { display: inline-block; background: #ccc; color: #fff; font-size: 14px; font-weight: bold; padding: 3px; border-radius: 7px; }
.middle ._letter ._num_wrap ._on { background: red; }

/*로그인전*/
.middle ol li a {font-family: 'noto';display:block;position:relative;padding-left:30px;height:43px;font-size:14px;line-height:43px;}
.middle ol li a:after{content:'';display:none;position:absolute;bottom:8px;left:30px;width:40px;height:1px;background-color:#000;}/**/
.middle ol li a.btn_join:after{width:52px;}
.middle ol li a:hover:after, .middle ol li a:focus:after{display:block;}
.middle ol li a.btn_login{background:url(/images/common/ico_login.svg) no-repeat 5px 14px;background-size:18px 18px;margin:-1px 10px 0 10px;}
.middle ol li a.btn_join{background:url(/images/common/ico_join.svg) no-repeat 5px 14px;background-size:14px 19px;margin:-1px 10px 0 0;}

/*로그인후*/
.middle ol li.name {width:auto;height:43px;font-size:14px;text-align:right;line-height:43px;overflow: hidden;}
.middle ol li.name i {float:left;margin-right:5px; width:21px; height:21px;transform: translateY(50%);}
.middle ol li.name i.lvA{background: url(/images/common/ico_lv_A.jpg) no-repeat;}
.middle ol li.name i.lvB{background: url(/images/common/ico_lv_B.jpg) no-repeat;}
.middle ol li.name i.lvC{background: url(/images/common/ico_lv_C.jpg) no-repeat;}
.middle ol li.name i.lvD{background: url(/images/common/ico_lv_D.jpg) no-repeat;}
.middle ol li.name ._blue{font-family: inherit; color:#1f70f9;}
.middle ol li.name ._red{font-family: inherit; color:red;}
.middle ol li a.btn_out:after{width:52px;}
.middle ol li a.btn_out{background:url(/images/common/ico_logout.svg) no-repeat 5px 14px;background-size:18px 17px;}

/*gnb 시작*/
.gnb_wrap{position:relative;width:100%;height:auto;min-height:50px;z-index: 99;}
.gnb_wrap:after{content:'';width:100%;height:50px;position: absolute;top: 0;left:0;background-image: linear-gradient(to right, #ee2657, #5115b4);z-index:-1;}
.gnb {margin:auto;width:1200px;height:50px;z-index:100;}
.gnb > li{float:left;}
.gnb > li > a {font-family: 'noto'; width:200px;height:50px;font-size:16px;font-weight:500;text-align:center;color:#fff;line-height:49px;border-right:1px solid rgba(255, 255, 255, 0.2);box-sizing:border-box}
.gnb > li:first-child > a {border-left:1px solid rgba(255, 255, 255, 0.2);}
.gnb > li > a > em{display:block;margin:-6px auto 0;padding-top:1px;width:31px;height:15px;font-size:12px;background:#fa2828;line-height:15px;text-align:center;border-radius:3px;}
.gnb:hover > li:first-child {background:#2a92f9;}
.-gnb > li > a:hover {background:#5115b4;}

.gnb li > ul.sub_gnb{display:none;position:absolute;width:1200px;height:164px;margin:auto;z-index:99;}
.gnb li > ul.sub_gnb > li {text-align:center;width:200px;height:40px;background:#fff;}
.gnb li > ul.sub_gnb > li > a{display:block;font-family:'noto'; font-size:14px; text-align:center; line-height:40px;}
.gnb li > ul.sub_gnb > li > a > span{font-family:'noto'; font-size:11px; line-height:42px;}
.gnb li > ul.sub_gnb > li > a:hover{font-family:'noto';color:#1f70f9;}

.gnb_wrap:hover ul.sub_gnb{display:block;}

/*광고주 gnb 추가*/
.ad_wrap:after {background-image: linear-gradient(to right, #ee2657, #5115b4);}

.gnb:hover > li:first-child {background:none;}
.gnb_ad li > ul.sub_gnb > li > a:hover{font-family:'noto';color:#F7186A;}

/*Content*/
.container{width:100%;min-height:1050px;padding:0; }


/*footer*/
.footer{width:100%;height:auto; background:url('/images/common/bg_footer.gif') repeat-x 0 0;}
.footer_content {margin:auto;width:1200px;overflow:hidden;}

.footer_content ul {padding:15px 0;width:100%;float:left;overflow:hidden;}

.footer_content ul li {float:left;padding:0 20px;height:12px;border-right:1px solid #a0a0a0;}
.footer_content ul li a{display:block;color:#fff;}
.footer_content ul li:last-child{border-right:0;}
.footer_content .address{clear:both;float:left;display:inline-block;padding:20px 0;width:1000px;color:#ccc;line-height:18px;}
.footer_content .address > a {color:#ccc;}
.footer_content .address > em {font-size:11px;}
.footer_content .footer_logo {float:right;display:inline-block;padding:20px 10px;}

/****오른쪽 퀵 메뉴****/
/*공통*/
aside.right{position: absolute;right:50%;margin-right:-760px;width:130px;height:auto;z-index: 98;}
aside.right div{margin-bottom:5px;width:130px;}
aside.right div a{font-family:'noto';display:block;padding:5px;width:130px;font-size:14px;font-weight:600;box-sizing: border-box;}
aside.right div a span {margin:0 auto;display:block; width:50px;height:50xp;}
aside.right div a p{font-family:'noto';text-align:center;font-weight:500;}
aside.right div a strong{font-family:'noto';margin:10px auto;display:block;font-weight:400;text-align:center;}

/*카카오*/
aside.right .quick01 {height:112px;background:#ffeb00;}
aside.right .quick01 a{height:112px;}
aside.right .quick01 a p{color:#3c1e1e;}
aside.right .quick01 a strong{width:100%;height:26px;color:#fff;background:#3c1e1e;border-radius:13px;line-height:23px;}
/*텔레그램*/
aside.right .quick02{height:112px;background:#38afe2;}
aside.right .quick02 a {height:112px;}
aside.right .quick02 a p{color:#000;}
aside.right .quick02 a strong{width:100%;height:26px;color:#006895;background:#fff;border-radius:13px;line-height:23px;}
/*일대일*/
aside.right .quick03 {height:50px;}
aside.right .quick03 a{color:#fff;font-weight:400;text-align:center;line-height:45px;background:#757575;border-bottom:5px solid #000;box-sizing:border-box;}
aside.right .quick03 a img {vertical-align: middle;margin-right:5px;}
/*디비센스즉석복권이벤트*/
aside.right .quick04{position: relative;}
aside.right .quick04 a{padding: 0;}
/*디비센스 카페*/
aside.right .quick05{padding:0;background:#1ec545}
aside.right .quick05 a{color:#000;line-height:23px;}

/****왼쪽 퀵 메뉴****/
aside.left{position: absolute;left:50%;margin-left:-760px;width:130px;height:auto;z-index: 98;}
aside.left div{margin-bottom:5px;width:130px;}
aside.left .quick04{position: relative;}
aside.left .quick04 a{padding: 0;}

@media (max-width: 1200px) {
  aside.right { display: none; }
  aside.left { display: none; }
}
@media (min-width: 1200px) {
  aside.right { display: inline; }
  aside.left { display: inline; }
}

/*layer 배경*/
.bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index:100;}