@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: 305px; 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:147px;}
.header .top ul.top_R li{width:98px;}

.middle {margin:auto;width:1200px;height:86px;overflow:hidden;}
.middle h1{float:left;margin-left:20px;}
.middle h1 a{display: block;padding:27px 16px;}
.middle h1 a > img {margin-right:15px;}

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

/*로그인전*/
.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;}
.middle ol li a.btn_join{background:url(/images/common/ico_join.svg) no-repeat 5px 14px;background-size:14px 19px;}

/*로그인후*/
.middle ol li.name {width:auto;height:43px;font-size:14px;text-align:right;line-height:43px;color:#1f70f9;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 > em{font-family: inherit; color:#333;}
.middle ol li.name > span{font-family: inherit; color:red;}
.middle ol li a.btn_out:after{width:52px;}
.middle ol li a.btn_out{margin-left:20px;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, #5a89f3, #4e46f3);z-index:-1;}
.gnb_wrap .sub_gnb_bg {display:none;position:absolute;top:50px;left:0;width:100%;height:164px;background:#fff;border-bottom:2px solid #02b1fd;box-shadow: 0 16px 16px rgba(0, 0, 0, 0.25);  z-index:99;}
.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:35px;border-left:1px solid #91befc;box-sizing:border-box}
.gnb > li:first-child {background:#00005a;}
.gnb > li:first-child > a {line-height:50px;border-left:0;}
.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 > li > a > ._icon1 {display:block;margin:-6px auto 0;padding-top:1px;width:38px;height:15px;font-size:12px;background:#47C83E;line-height:15px;text-align:center;border-radius:3px;}
.gnb > li > a > ._icon2 {display:block;margin:-6px auto 0;padding-top:1px;width:38px;height:15px;font-size:12px;background:#FFBB00;line-height:15px;text-align:center;border-radius:3px;}
.gnb:hover > li:first-child {background:#2a92f9;}
.gnb > li > a:hover {background:#00005a;}

.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_wrap:hover .sub_gnb_bg{display:block;}

/*광고주 gnb 추가*/
.ad_wrap:after {background: linear-gradient(135deg,#ED6EA0 0%, #F7186A 25%,#F7186A 75%,#FBB03B 100%);}
.ad_wrap .sub_gnb_bg {border-bottom:2px solid #ED6EA0;}

.gnb:hover > li:first-child {background:none;}
.gnb_ad > li > a {border-left:1px solid #ED6EA0;}
.gnb_ad > li > a:hover {border-left:0px solid #ED6EA0;}
.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;}