@charset "utf-8";
@import url(master.css);
@import url(main.css);
@import url(member.css);
@import url(mypage.css);
@import url(cscenter.css);
@import url(news.css);
@import url(club.css);
@import url(store.css);
@import url(product.css);
@import url(intro.css);
@import url(sitemap.css);

/*    */
.width990{width:990px;margin:0 auto;_position:relative;_left:50%;_margin-left:-495px;}
.width994{width:994px;margin:0 auto;position:relative;left:50%;margin-left:-499px;}

/*     */
#categroyTabWrap{width:100%;background:#f5f5f5;height:25px;}
#categroyTabWrap .tabUl{float:left;overflow:hidden}
#categroyTabWrap .tabUl li{float:left;}
#categroyTabWrap .gnbUl{float:right;padding-top:4px;overflow:hidden}
#categroyTabWrap .gnbUl li{float:left;}

/*    */
.searchAll{position:absolute;z-index:30;right:0;top:33px}
.searchAll .searchTxt{width:183px;height:16px;border:1px solid #9c9c9c;color:#ffffff;font-weight:bold;background:#ababab}
.searchAll .searchBtn{display:block;position:absolute;z-index:30;top:0px;right:0px;width:28px;height:19px;}

/*  */
.naviWrap{height:81px}
#naviId{position:absolute;z-index:10;height:81px}

.contentsArea{position:relative;z-index:10;}

/*  */
.location{display:block;position:absolute;z-index:50;left:3px;bottom:14px;font-size:12px;color:#686868}

/*   */
#lnb{float:left;width:191px;padding-bottom:60px;}

/*   */
.closeBtn{display:block;position:absolute;z-index:40;top:13px;right:13px;}
.layerContents{border:3px solid #e30000;border-top:none;}

/* contents */
#contents{position:relative;z-index:10;float:right;padding-bottom:60px;width:785px;}

/*    */
.listTable{clear:both;border-collapse:collapse;font-size:12px;}
.listTable th{padding:7px 0;border:1px solid #dddddd;border-top:none;background:#f5f5f5}
.listTable td{padding:4px 0;text-indent:11px;border:1px solid #dddddd;border-top:none;border-left:none;_padding-left:11px;}
.listTable td.noRight{border-right:none;}
.listTable td.noBorder{border:none}
.listTable td.borderLeft{border-left:1px solid #dddddd}
.listTable td.noIndent{text-indent:0;}
.listTable td.borderTop,.listTable th.borderTop{border-top:1px solid #dddddd}

/*    */
.listTableRow{clear:both;border-collapse:collapse;font-size:12px;}
.listTableRow thead th{height:29px;background:#f5f5f5;border-bottom:1px solid #dddddd}
.listTableRow thead th.firstOne{border-left:1px solid #dddddd}
.listTableRow thead th.lastOne{border-right:1px solid #dddddd}
.listTableRow tbody td{padding:5px 0;text-align:center;border-bottom:1px solid #e8e8e8}
.listTableRow tbody td .elipsis{text-overflow:ellipsis;text-align:left;overflow:hidden;white-space:nowrap;}
.listTableRow tbody td.alignLeft{text-align:left}
.listTableRow tbody td.alignLeft b{font-weight:bold}
.listTableRow tbody td.alignLeft strong{font-weight:bold}
.listTableRow tbody td.alignLeft u{text-decoration:underline}
.listTableRow tbody td.alignLeft strike{text-decoration:line-through}
.listTableRow tbody td.alignLeft em{font-style:italic}
.listTableRow tbody td.alignLeft i{font-style:italic}
.listTableRow tbody td.alignLeft table td{padding:0;text-align:left;border:none;}
.listTableRow tbody td.alignLeft02{text-align:left;text-indent:10px}
.listTableRow .con{margin:0 10px;}

.listTableRow02{clear:both;border-collapse:collapse;font-size:12px;}
.listTableRow02 thead th{height:29px;background:#f5f5f5;border-bottom:1px solid #dddddd}
.listTableRow02 thead th.firstOne{border-left:1px solid #dddddd}
.listTableRow02 thead th.lastOne{border-right:1px solid #dddddd}
.listTableRow02 tbody td{height:29px;text-align:center;border-bottom:1px solid #e8e8e8}
.listTableRow02 tbody td .elipsis{text-overflow:ellipsis;text-align:left;overflow:hidden;white-space:nowrap;}
.listTableRow02 tbody td.alignLeft{text-align:left}
.listTableRow02 tbody td.alignLeft02{text-align:left;text-indent:15px}

.borderTop{border-top:1px solid #dddddd}

/*   */
.alertLayer{display:none;position:absolute;z-index:30;width:350px;left:50%;top:50%;margin-left:-175px;background:#ffffff}
.alertLayer .contents{width:344px;padding:43px 0 0 0}
.alertLayer .btnWrap{width:344px;padding:13px 0;background:#f2f2f2;text-align:center;}
.alertLayer .orange02{color:#ff6000}

/*   */
.postLayer{display:none;position:absolute;z-index:30;width:400px;left:50%;top:50%;margin-left:-200px;background:#ffffff}
.postLayer .contents{width:394px;padding:10px 0 10px 0}
.postLayer .scrollArea{width:372px;height:154px;margin:0 auto;margin-top:5px;border:1px solid #d5d5d5;overflow:auto;}
.postLayer .postTable{border-collapse:collapse;}
.postLayer .postTable th{padding:3px 0;border:1px solid #eaeaea;border-top:none;}
.postLayer .postTable td{padding:3px 0;border:1px solid #eaeaea;}
.postLayer .postTable td a{padding-left:5px;font-size:12px;}
.postLayer .postTable td a:hover{color:#000000;text-decoration:underline}

/*    */
.searchingWrap{width:783px;padding:15px 0;margin-top:15px;text-align:center;border:1px solid #dddddd;background:#f5f5f5}

/* footer */
#footer{clear:both;width:100%;padding:18px 0 60px 0;border-top:1px solid #dedede}
#footer .fnbUl{overflow:hidden}
#footer .fnbUl li{float:left;}

#main_footer{clear:both;width:990px;margin:0 auto;padding:27px 0 30px 0;border-top:1px solid #dedede;_position:relative;_left:50%;_margin-left:-495px;}
#main_footer .fnbUl{overflow:hidden}
#main_footer .fnbUl li{float:left;}

/*  */
.desc { color:#6b6b6b;}
.desc a {color:#0092dd;}

.dropdown{position:relative;z-index:50;float:left;margin-left:15px;margin-top:7px;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none; font-size:12px;}
.dropdown a:hover { color:#5d4617;}
.dropdown dt a:hover { color:#5d4617; border: 1px solid #d6d6d6;}
.dropdown dt a {background:#ffffff url(../../images/common/bg_select.gif) no-repeat scroll right; display:block; padding-right:20px;border:1px solid #d6d6d6; width:78px;}
.dropdown dt a span {cursor:pointer; display:block; padding:4px 2px 0px 2px;}
.dropdown dd ul { background:#ffffff none repeat scroll 0 0; border:1px solid #d6d6d6; color:#C5C0B0; display:none;left:0px; position:absolute; top:2px; width:auto; min-width:98px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:2px; display:block;}
.dropdown dd ul li a:hover { background-color:#ffffff;}

.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
.flagvisibility { display:none;}


/************************************************
commnet : layout
*************************************************/

#skip-nav{position:relative;}
#skip-nav a{overflow:hidden;position:absolute;width:1px;height:1px;margin-bottom:-1px;}
#skip-nav a:focus, #skip-nav a:active{overflow:auto;display:block;position:absolute;width:100%;height:30px;margin:0;background-color:#fff000;color:#000000;text-align:center;font-weight:bold;font-size:14px;line-height:30px;}

/*html,body {width:100%;height:100%;}
html {overflow-y:scroll;} 
body{min-width:1024px;}*/

.main{}
.main .nav-wrap .category-menu{left:0px;top:30px;}
.main .container{width:auto;min-height:0;margin:auto;padding: 0 0 60px 0;background:#313131 url(../../images/com/bg_m_content.gif) 0 0 repeat-x;}

/************ header ****************************************/

.wrap-header{height:121px;background:url(../../images/com/bg_header.gif) 0 0 repeat-x;}
.header{position:relative;width:990px;margin:0 auto;}
.header .logo{position:absolute;left:430px;top:46px;}
.header .search-form01{position:absolute;right:0;top:53px;}

.channel{overflow:hidden;}
.channel li{float:left;}

.gnb{overflow:hidden;position:absolute;right:0;top:2px;}
.gnb li{float:left;min-width:60px;margin-left:16px;text-align:center;}
.gnb li a{}
.gnb .g01{width:25px;}
.gnb .g02{width:40px;margin-left:10px;}
.gnb .txt-ch{}
.gnb .txt-e{display:none;color:#000000;letter-spacing:-1px;}

/* nav */
.nav-wrap{position:absolute;left:0;top:91px;width:100%;height:30px;background:url(../../images/com/bg_nav.png) 0 0 repeat-x;z-index:100;}
.nav-wrap.active{height:80px;}
.nav-wrap > .area{position:relative;width:990px;margin:0 auto;}
.nav-wrap .nav-cate{position:absolute;left:0;top:-6px;}
.nav-wrap .nav-e{position:absolute;right:0;top:0;}
.nav-wrap .category-menu{left:0px;top:64px;}

.nav{position:relative;left:116px;}
.nav:after{content:"";display:block;clear:both;height:0;font-size:0;}
.nav > li{float:left;}
.nav > li > a{display:block;}
.nav > li.on .depth02,
.nav > li.active .depth02{display:block;}

.nav .depth02{overflow:hidden;display:none;position:absolute;top:30px;z-index:100;}
.nav .depth02 > li{float:left;}
.nav .depth02  > li > a{display:block;min-width:50px;padding:8px 10px;font-size:12px;color:#858585;}
.nav .depth02  > li.on > a,
.nav .depth02  > li > a:hover{text-decoration:none;}
.nav .txt-ch{}
.nav .txt-e{display:none;font-weight:bold;color:#555555;}

.nav .m01 .depth02{left:24px;}
.nav .m02 .depth02{left:155px;}
.nav .m03 .depth02{left:285px;}
.nav .m04 .depth02{left:395px;}
.nav .m05 .depth02{left:420px;}

/* category */
.category-menu{position:absolute;width:990px;min-height:371px;padding:18px 0;border:1px solid #c3c3c3;background:#ffffff;}
.category-menu{overflow:hidden;}
.category-menu .tab-category{float:left;}
.category-menu .tab-con{}
.category-menu .tab-game{}
.category-menu .tab-game .line01 ul{min-height:90px;}
.category-menu .tab-game .line02 ul{min-height:72px;}
.category-menu .tab-game .line03 ul{min-height:108px;}
.category-menu .tab-use .line ul{}
.category-menu .area{float:left;margin-left:10px;}
.category-menu .line{overflow:hidden;height:100%;margin-bottom:17px;}
.category-menu .line .cont-list01{float:left;}
.category-menu .line .cont-list01:first-child ul{border-left:none;}
.category-menu .aside{position:absolute;left:0px;bottom:10px;}


/************ container ****************************************/

.wrap-container{overflow:hidden;width:100%;}
.contentsArea .container{overflow:hidden;position:relative;width:990px;min-height:500px;margin:0 auto;padding-top:0;background:#FFFFFF;}
.container:after{content:"";display:block;clear:both;height:0;font-size:0;}

/*main*/
.main-visual{position:relative;width:100%;height:449px;}
.main-visual .con{position:relative;height:449px;}
.main-visual .con li{position:absolute;left:50%;top:0;margin-left:-1000px;}
.main-visual .navi{position:absolute;left:0;bottom:5px;width:100%;text-align:center;z-index:100;}
.main-visual .navi a{width:11px;height:11px;padding:0 2px;background:url(../../images/btn/btn_navi_main.png) 0 0 no-repeat;}
.main-visual .navi a.on{background-position:0 -90px;}

.section-main{width:990px;margin:0 auto;}
.article-zone{overflow:hidden;height:45px;margin-bottom:20px;}
.article-zone .tit{position:absolute;left:0;top:15px;}
.article-zone .list{overflow:hidden;position:relative;width:410px;height:18px;margin:12px 0 0 77px;}
.article-zone .list li{position:absolute;}
.article-zone .list li a{color:#999999;}
.article-zone .noticie{float:left;position:relative;width:490px;}
.article-zone .news{float:right;position:relative;width:490px;}

.quick-list{overflow:hidden;margin-bottom:37px;}
.quick-list li{float:left;margin-left:10px;}
.quick-list li:first-child{margin-left:0;}

.cate-list{overflow:hidden;}
.cate-list li{float:left;margin-left:10px;}
.cate-list li:first-child{margin-left:0;}


/*snb*/
.snb-warp{float:left;width:190px;}
.snb{width:190px;border:1px solid #e7e7e7;border-top:none;}
.snb>li{}
.snb>li>a{display:block;padding:6px 15px;color:#343434;border-top:1px solid #e7e7e7;background:url(../../images/com/bg_arrow_snb.gif) 172px 13px no-repeat;}
.snb>li:first-child>a{border-top:none;}
.snb>li.on>a,
.snb>li.active>a,
.snb>li>a:hover{background-color:#eeeeee;background-position:172px -80px;}
.snb>li>a .txt-e{display:none;color:#c11818;}
.snb .depth02{display:none;}
.snb .depth02 li{margin-bottom:3px;}
.snb .depth02 li a{display:block;padding-left:20px;background:url(../../images/com/bg_dot_1x1_343434.gif) 12px 10px no-repeat;font-size:12px;}
.snb .depth02 li.on a,
.snb .depth02 li a:hover{color:#c93c3c;}
.snb .depth02 li a .txt-e{display:none;color:#c93c3c;}

.aside-left{margin-top:10px;}
.aside-left li{margin-bottom:5px;}

/*content*/
.content{float:right;width:785px;}

.root{position:absolute;left:0px;top:45px;}
.root a,
.root strong{margin-left:2px;padding-left:13px;background:url(../../images/com/bg_arrow_root.png) 0 3px no-repeat;vertical-align:middle;font-size:11px;color:#858585;}
.root strong{font-weight:normal;color:#333333;}
.root  .home{padding:0px 0px 0px 21px;background:url(../../images/icon/ico_home.png) 0 0 no-repeat;}


/************ footer ****************************************/
.wrap-footer{border-top:1px solid #d9d9d9;}
.footer{position:relative;width:990px;margin:0 auto;padding:5px 0 12px;}
.footer .logo{position:absolute;left:0px;top:10px;}
.footer .fnb{margin:12px 0 0 180px;}
.footer .addr{margin:12px 0 0 180px;}
.footer .select{position:absolute;right:0px;top:12px;}	
.footer .list{margin:20px 0 20px 180px;}
.footer .list li{font-size:12px;color:#999;}

.fnb{overflow:hidden;}
.fnb li{margin-right:16px;float:left;}
.fnb li a{font-weight:bold;min-width:60px;color:#999;text-align:center;}
.fnb .txt-ch{}
.fnb .txt-e{display:none;font-weight:normal;color:#555555;letter-spacing:-1px;}


/*********** popup ***********/
.modal-overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.4;filter: alpha(opacity = 40);z-index:9998;}
.overlay-alpha{opacity:0;filter: alpha(opacity = 0);}

.dialog-type01{display:none;padding:5px;font-size:11px;}
.dialog-type01 .pop-header{position:relative;padding:5px 5px 9px 5px;}
.dialog-type01 .pop-header .tit{}
.dialog-type01 .pop-header .btn-close{position:absolute;right:7px;top:5px;}
.dialog-type01 .pop-container{}
.dialog-type01 .pop-content{}