@charset "utf-8";

/* GCP WD Team. Author : Choi Hyunsun 2013-12-26. Edit : Choi Hyunsun 2018-08-08 */

/* base */
html	{-webkit-text-size-adjust:none;}
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, article, footer, header, nav, section, button	{margin:0;padding:0;border:0;}
article, footer, header, nav, section	{display:block;}
body	 {font-style:normal;font-size:12px;font-family:sans-serif;color:#666;background:#fff;}
h1, h2, h3, h4, h5, h6	 {font-size:1em;}
ol, ul	 {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
em, address	{font-style:normal;}
img	{vertical-align:top;border:0;}
*:lang(ja){font-family:'lucida grande',tahoma,verdana,arial,'hiragino kaku gothic pro',meiryo,'ms pgothic',sans-serif;}

#C2Shead .go_main:before, #C2Smain .maintit:before, #C2Smain .information .infolist li a.new:after, #C2Smain .information .view_more:after, #C2Smain .information .view_more_close:after, #C2Smain .event .eventlist li.new:after, #C2Smain .event .eventlist li.hot:after
{background-image:url('../img/img_320.png');background-repeat:no-repeat;background-size:36px 209px;}

/* layout */
#C2Shead	{height:44px;position:relative;background-color:#63c0e2;}
#C2Shead h1	{color:#fff;text-align:center;font-weight:normal;line-height:44px;font-size:19px;}
#C2Shead .go_main	{height:44px;display:block;position:absolute;top:0;left:0;padding:0 22px;color:#3387a6;text-decoration:none;line-height:44px;font-size:14px;}
#C2Shead .go_main:before	{width:12px;height:21px;content:'';display:block;position:absolute;top:50%;left:5px;margin-top:-11px;background-position:0 0;}

#C2Smain	{padding:0 5px;word-break:keep-all;word-wrap:break-word;}
#C2Smain .maintit	{height:20px;position:relative;padding-left:19px;color:#92a4ab;font-weight:normal;line-height:15px;font-size:12px;}
#C2Smain .maintit:before	{width:15px;height:15px;content:'';display:block;position:absolute;top:0;left:0;}
#C2Smain .information .maintit:before	{background-position:0 -26px;}
#C2Smain .recommend .maintit:before	{background-position:0 -46px;}
#C2Smain .event .maintit:before	{background-position:0 -66px;}
#C2Smain .information, #C2Smain .recommend, #C2Smain .event	{position:relative;padding-top:10px;}
#C2Smain .information .infolist	{border:1px solid #cfcfcf;background-color:#f8f8f8;-webkit-border-radius:10px;border-radius:10px;}
#C2Smain .information .infolist li	{height:30px;position:relative;padding:0 80px 0 9px;line-height:32px;border-top:1px solid #cfcfcf;}
#C2Smain .information .infolist li:first-child	{border-top:0;}
#C2Smain .information .infolist li p	{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#C2Smain .information .infolist li a	{text-decoration:none;color:#666;font-size:14px;vertical-align:top;}
#C2Smain .information .infolist li a .classify	{color:#e49c4f;font-size:10px;}
#C2Smain .information .infolist li a.new:after	{width:17px;height:17px;content:'';display:inline-block;vertical-align:top;margin:6px 0 0 4px;background-position:0 -86px;}
#C2Smain .information .infolist li .date	{position:absolute;top:0;right:9px;color:#999;font-size:12px;}
#C2Smain .information .view_more	{height:30px;position:absolute;top:0;right:-5px;margin:0;padding:6px 19px 0;color:#aaa;font-size:12px;border:0;background-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;}
#C2Smain .information .view_more:after	{width:11px;height:5px;content:'';display:block;position:absolute;top:15px;right:5px;background-position:0 -113px;}
#C2Smain .information .view_more_close	{height:30px;position:absolute;top:0;right:-5px;margin:0;padding:6px 19px 0;color:#aaa;font-size:12px;border:0;background-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;}
#C2Smain .information .view_more_close:after	{width:11px;height:5px;content:'';display:block;position:absolute;top:15px;right:5px;background-position:-15px -113px;}
#C2Smain .recommend .game img	{width:100%;}
#C2Smain .event .eventlist li	{position:relative;margin-bottom:5px;}
#C2Smain .event .eventlist li img	{width:100%;}
#C2Smain .event .eventlist li.new:after	{width:36px;height:36px;content:'';display:block;position:absolute;top:0;left:0;background-position:0 -173px;}
#C2Smain .event .eventlist li.hot:after	{width:36px;height:36px;content:'';display:block;position:absolute;top:0;left:0;background-position:0 -128px;}
#C2Smain .event .eventlist li.alert:after {width:29px;height:29px;content:'';position:absolute;top:-3px;right:-4px;background:url('../img/ic_alert.png') 50% 50% no-repeat;background-size:100% auto;} /* #23987 */
#C2Smain .event .eventlist li.achieve:before {width:100%;height:100%;content:'';position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.6);} /* #24802 */
#C2Smain .event .eventlist li.achieve:after {width:70px;height:70px;content:'';position:absolute;top:50%;right:24px;margin-top:-35px;background:url('../img/ic_achieve.png') 50% 50% no-repeat;background-size:100% auto;} /* #24802 */
#C2Sfoot	{position:relative;margin-top:5px;padding-bottom:14px;}
#C2Sfoot .stop_today	{height:29px;line-height:29px;color:#888;font-size:12px;}
#C2Sfoot .stop_today input	{border:1px solid #aaa;background-color:#efefef;-webkit-box-shadow:1px 1px 0 #e0e0e0;box-shadow:1px 1px 0 #e0e0e0;}
#C2Sfoot .go_top	{height:26px;display:block;position:absolute;top:0;right:0;margin:0;padding:0 6px;color:#aaa;text-decoration:none;line-height:26px;font-size:12px;border:1px solid #cfcfcf;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;-webkit-box-shadow:1px 1px 0 rgba(0,0,0,0.12);box-shadow:1px 1px 0 rgba(0,0,0,0.12);}
#C2Sfoot .go_main	{height:26px;display:inline-block;margin:0;padding:0 6px;color:#aaa;text-decoration:none;line-height:26px;font-size:12px;border:1px solid #cfcfcf;-webkit-border-radius:3px;border-radius:3px;background-color:#fff;-webkit-box-shadow:1px 1px 0 rgba(0,0,0,0.12);box-shadow:1px 1px 0 rgba(0,0,0,0.12);}

#C2Sview	{padding:0 10px;word-break:keep-all;word-wrap:break-word;}
#C2Sview header	{width:100%;height:24px;overflow:hidden;padding-top:5px;line-height:24px;font-size:10px;border-bottom:1px solid #cfcfcf;}
#C2Sview header .classify	{float:left;color:#e49c4f;}
#C2Sview header .date	{float:right;color:#999;}
#C2Sview .boardview	{line-height:18px;border-bottom:1px solid #cfcfcf;word-break:keep-all;word-wrap:break-word;}
#C2Sview .boardview .tit	{margin:0 0 10px;padding:18px 0;line-height:28px;font-size:19px;font-weight:normal;}
/* #C2Sview .boardview table th, #C2Sview .boardview table td	{padding:6px;border:1px solid #ccc;} 2018-01-05 사업부 요청으로 주석처리 */
#C2Sview .boardview img	{max-width:100%;}
#C2Sview .eventview	{text-align:center;border-bottom:1px solid #cfcfcf;}
#C2Sview .eventview img	{max-width:100%;}
#C2Sview .listflow	{margin-bottom:40px;}
#C2Sview .listflow li	{height:30px;margin-bottom:2px;padding:0 9px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:1px solid #cfcfcf;background-color:#f8f8f8;-webkit-border-radius:10px;border-radius:10px;}
#C2Sview .listflow li a	{text-decoration:none;color:#666;line-height:30px;font-size:14px;}
#C2Sview .listflow li a span	{color:#444;}

@media all and (min-width:480px)		{
#C2Smain	{padding:0 30px;}
#C2Sview	{padding:0 30px;}
}

@media all and (min-width:768px)		{
#C2Shead .go_main:before, #C2Smain .maintit:before, #C2Smain .information .infolist li a.new:after, #C2Smain .information .view_more:after, #C2Smain .information .view_more_close:after, #C2Smain .event .eventlist li.new:after, #C2Smain .event .eventlist li.hot:after
{background-image:url('../img/img_768.png');background-repeat:no-repeat;background-size:69px 276px;}

#C2Shead h1	{font-size:24px;}

#C2Smain	{padding:0 70px;}
#C2Smain .maintit	{height:24px;padding-left:22px;line-height:17px;font-size:13px;}
#C2Smain .maintit:before	{width:17px;height:17px;}
#C2Smain .information .maintit:before	{background-position:0 -26px;}
#C2Smain .recommend .maintit:before	{background-position:0 -46px;}
#C2Smain .event .maintit:before	{background-position:0 -66px;}
#C2Smain .information, #C2Smain .recommend, #C2Smain .event	{padding-top:15px;}
#C2Smain .information .infolist li	{height:40px;padding:0 80px 0 9px;line-height:42px;}
#C2Smain .information .infolist li a	{font-size:18px;}
#C2Smain .information .infolist li a .classify	{font-size:12px;}
#C2Smain .information .infolist li a.new:after	{width:20px;height:20px;margin:10px 0 0 4px;background-position:0 -86px;}
#C2Smain .information .infolist li .date	{font-size:13px;}
#C2Smain .information .view_more	{height:39px;position:absolute;top:0;right:0;margin:0;padding:8px 16px 0;color:#aaa;font-size:13px;}
#C2Smain .information .view_more:after	{width:11px;height:6px;top:21px;right:0;background-position:0 -113px;}
#C2Smain .information .view_more_close	{height:39px;position:absolute;top:0;right:0;margin:0;padding:8px 16px 0;color:#aaa;font-size:13px;}
#C2Smain .information .view_more_close:after	{width:11px;height:6px;top:21px;right:0;background-position:-15px -113px;}
#C2Smain .event .eventlist li	{margin-bottom:10px;}
#C2Smain .event .eventlist li.new:after	{width:69px;height:69px;background-position:0 -207px;}
#C2Smain .event .eventlist li.hot:after	{width:69px;height:69px;background-position:0 -128px;}
#C2Smain .event .eventlist li.alert:after {width:34px;height:34px;top:-4px;right:-5px;} /* #23987 */
#C2Smain .event .eventlist li.achieve:after {width:61px;height:61px;content:'';position:absolute;top:50%;right:24px;margin-top:-30px;} /* #24802 */
#C2Sfoot	{margin-top:10px;padding-bottom:25px;}
#C2Sfoot .stop_today	{height:33px;line-height:33px;font-size:13px;}
#C2Sfoot .go_top	{height:30px;padding:0 8px;line-height:30px;font-size:14px;}
#C2Sfoot .go_main	{height:30px;padding:0 8px;line-height:30px;font-size:14px;}

#C2Sview	{padding:0 70px;}
#C2Sview header	{width:100%;height:24px;padding-top:10px;line-height:24px;font-size:12px;}
#C2Sview .boardview	{font-size:14px;line-height:23px;}
#C2Sview .boardview .tit	{margin:0 0 15px;padding:25px 0;line-height:30px;font-size:23px;}
/* #C2Sview .boardview table th, #C2Sview .boardview table td	{padding:10px;} 2018-01-05 사업부 요청으로 주석처리 */
#C2Sview .listflow li	{height:40px;margin-bottom:5px;padding:0 9px;}
#C2Sview .listflow li a	{line-height:40px;font-size:18px;}
}

@media all and (min-width:1024px)	{
#C2Smain	{padding:0 198px;}
#C2Sview	{padding:0 198px;}
}

/* iPhone X */
.safty_area	{
background-color:#63c0e2;
padding-top:constant(safe-area-inset-top);
padding-left:constant(safe-area-inset-left);
padding-right:constant(safe-area-inset-right);

padding-top:env(safe-area-inset-top);
padding-left:env(safe-area-inset-left);
padding-right:env(safe-area-inset-right);
}
/* HIVE event contents */
.safety_contents    {
background-color:#000;
padding-top:constant(safe-area-inset-top);
padding-left:constant(safe-area-inset-left);
padding-right:constant(safe-area-inset-right);

padding-top:env(safe-area-inset-top);
padding-left:env(safe-area-inset-left);
padding-right:env(safe-area-inset-right);
}