@charset "utf-8";

/* Writing day:2010.11.09, Modifying day:2012.06.21, Writer:Han Chang Su(hcs1105@gmail.com) */

body{background:#fefcf1;}

/***** Wrap Main(신규 : hcs1105 - 20120509) *****/
#wrapMain:after{display:block; clear:both; content:"";}
#wrapMain{width:985px; margin:0 auto; zoom:1;}

/*** Header ***/
#header{height:128px; margin-bottom:29px; position:relative; color:#333;}
#header h1 img{position:absolute; left:340px; top:40px;}
#header ul{position:absolute; right:19px; top:15px;}
#header ul li{float:left;}
#header ul li a{padding:0 8px; float:left;}
#header ul li a:hover{background:#099; color:#fff !important;}

/*** Community Tool ***/
#community_tool{height:317px; margin-bottom:55px; position:relative; background:url(https://img.wepware.com/web/img/main/bg/bg_shadow.png) no-repeat 0 300px;}
#community_tool h2{position:absolute; right:12px; top:-7px; z-index:1;}
#community_tool a{position:absolute; left:158px; bottom:51px;}
#community_tool .prev{position:absolute; left:16px; bottom:148px; z-index:1;}
#community_tool .next{position:absolute; right:16px; bottom:148px; z-index:1;}

#community_tool .rolling_area{width:100%; height:300px; position:relative; position:absolute; left:0; top:0; background:#099;}
#community_tool .rolling_area .rolling_cont{width:887px; height:255px; position:absolute; left:98px; top:62px; color:#fffef5; font-size:16px;}
#community_tool .rolling_area .rolling_cont h3{margin:12px 0 18px 0; font-size:28px;}
#community_tool .rolling_area .rolling_cont .community_member{line-height:24px;}
#community_tool .rolling_area .rolling_cont p{width:877px; padding-left:10px; margin-bottom:6px; background:url(https://img.wepware.com/web/img/main/bg/bg_line.png) no-repeat left center;}
#community_tool .rolling_area .rolling_cont .share_line{background-position:left 10px;}
#community_tool .rolling_area .rolling_cont img{position:absolute; right:98px; top:0;}
#community_tool .rolling_area .rolling_cont span{font-size:18px; font-weight:bold;}
#community_tool .rolling_area .rolling_cont .bg_video{width:391px; height:231px; position:absolute; right:75px; top:-15px; background:url(https://img.wepware.com/web/img/main/bg/bg_video.png) no-repeat 0 0;}
#community_tool .rolling_area .rolling_cont .bg_video img{right:13px; top:13px;}

#community_tool .rolling_btn{position:absolute; right:8px; bottom:0;}
#community_tool .rolling_btn img{margin-left:4px; vertical-align:bottom;}

/*** Guide ***/
#guide{width:714px; height:151px; margin-bottom:76px; float:left; position:relative;}
#guide h2{padding-top:5px; font-size:28px; line-height:normal; color:#099;}
#guide ul{position:relative; position:absolute; right:0; top:0;}
#guide ul li{margin-left:16px; display:inline; float:left;}
#guide ul li a{float:left;}

#guide .guide_layer{width:714px; height:107px; position:relative; position:absolute; right:-5px; top:44px; background:url(https://img.wepware.com/web/img/main/bg/bg_guidelayer0508.png) no-repeat 0 0;}
#guide .guide_layer h3{font-size:15px;}
#guide .guide_layer p{width:668px;}
#guide .guide_layer .guide_common{width:761px; height:82px; padding:25px 0 0 35px; background:url(https://img.wepware.com/web/img/main/bg/bg_arrow.png) no-repeat 408px 0;}
#guide .guide_layer .bg_groupstudy{background-position:461px 0;}
#guide .guide_layer .bg_networks{background-position:519px 0;}
#guide .guide_layer .bg_entertainement{background-position:580px 0;}
#guide .guide_layer .bg_shopping{background-position:635px 0;}
#guide .guide_layer .bg_mobile{background-position:687px 0;}

/*** Login Form(신규 : hcs1105 - 20120509) ***/
#loginForm{width:240px; float:right; position:relative; left:0; top:-29px; font-size:12px; color:#666;}
#loginForm input[type="text"], #loginForm input[type="password"]{width:208px; height:21px; padding-left:9px; border:1px solid #ccc; border-radius:5px; background:#fafbfc -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f8f9), to(#fff)); background:#fafbfc -moz-linear-gradient(top, #f7f8f9, #fff); background:#fafbfc -o-linear-gradient(top, #f7f8f9, #fff); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#f7f8f9, endColorStr=#ffffff); color:#999; box-shadow:inset 0 1px 4px rgba(47, 57, 66, .15);}
#loginForm input[type="text"]:focus, #loginForm input[type="password"]:focus{border:1px solid #099; box-shadow:0 0 8px rgba(25, 181, 181, .78);}

#loginForm dl{margin-bottom:2px;}
#loginForm dl dd{margin-bottom:6px; position:relative;}
#loginForm dl dd p{width:227px; line-height:1.2; padding:5px 0 0 13px; color:#fa4451;}
#loginForm dl dd .validationInfo{width:15px; padding:0; position:absolute; right:0; top:3px;}
/* 신규 태그 추가(hcs1105-20120621) */
#loginForm dl dd span{position:absolute; left:10px; top:2px; color:#999;}

#loginForm .othersLogin{margin-bottom:4px;}
#loginForm .checking{overflow:hidden; margin-top:10px; position:relative; left:0; top:-6px;}
#loginForm .checking input{width:13px; height:13px; margin:3px 6px 0 0; float:left;}
#loginForm .checking a{color:#099;}

/*** Information ***/
#information{height:157px; border-top:1px solid #858585; background:#333; color:#fff;}
/* width:676px; padding:17px 0 0 120px; */
#information .menu_list:after{display:block; clear:both; content:"";}
#information .menu_list{width:830px; padding-top:17px; margin:0 auto; position:relative; zoom:1;}
#information .menu_list .menu{width:160px; float:left; font-size:11px;}
#information .menu_list .menu h2{width:137px; padding-left:8px; font-size:12px;}
#information .menu_list .menu ul{width:137px; padding-left:8px;}
#information .menu_list .menu ul li{position:relative; left:-7px; top:0; line-height:1.5;}
#information .menu_list .menu ul li a{padding:0 12px 0 14px; background:url(https://img.wepware.com/web/img/main/bg/bg_menu.png) no-repeat 6px center; color:#fff !important;}
#information .menu_list .menu ul li a:hover{background:#099 url(https://img.wepware.com/web/img/main/bg/bg_menu.png) no-repeat 6px center;}
#information .menu_list .recruit{position:absolute; right:-59px; top:25px;}

/*** Footer ***/
#footer{width:985px; padding:11px 0 21px 0; margin:0 auto; position:relative; overflow:hidden; font-size:11px; color:#666;}
#footer .mail{position:absolute; right:118px; top:11px;}
#footer .copyright{float:right;}