@charset "utf-8";

@font-face{font-family:"titillium";src:url('//web.softnyx.com/Font/titillium-regular-webfont.eot');src:url('//web.softnyx.com/Font/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('//web.softnyx.com/Font/titillium-regular-webfont.woff') format('woff'),
url('//web.softnyx.com/Font/titillium-regular-webfont.ttf') format('truetype');url('//web.softnyx.com/Font/titillium-regular-webfont.svg#titillium') format('svg') 
src:local(※),url('//web.softnyx.com/Font/titillium-regular-webfont.woff') format('woff')}

@font-face{font-family:"TitilliumWeb-Bold";src:url('//web.softnyx.com/Font/titillium-bold-webfont.eot');src:url('//web.softnyx.com/Font/titillium-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('//web.softnyx.com/Font/titillium-bold-webfont.woff') format('woff'),
url('//web.softnyx.com/Font/titillium-bold-webfont.ttf') format('truetype');url('//web.softnyx.com/Font/titillium-bold-webfont.svg#titillium') format('svg') 
src:local(※),url('//web.softnyx.com/Font/titillium-bold-webfont.woff') format('woff')}

/* All  */
html{font-size:62.5%}
body{font-size:16px;font-size:1.6rem;letter-spacing:-0.025em} /* 16px */
h1{font-size:24px;font-size:2.4rem} /* 24px */
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form{margin:0;padding:0}
body{overflow-x:hidden;*overflow-x:none}
ul,ol,dl,li{list-style:none}
img{vertical-align:top}
em{font-style:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
img{max-width:100%;height:auto;border:0}
html,body{min-height:100%;height:100%}
a{cursor:pointer;text-decoration:none;color:#a1a1a0}
a,img{border:none;border:0;outline:none}
strong{font-weight:bold}
input{outline-style:none}
input[type=checkbox],input[type=radio]{vertical-align:-1px}
body,table,input,button,textarea,select,li,a,ul,p,div,h1,h2,h3,h4,h5,span{font-family:titillium,tahoma,Geneva,sans-serif}

/********************************************************/
/* font setting */
#subContents h2, #subContents h3{text-transform:uppercase;font-size:2.5em;
font-family:"TitilliumWeb-Bold", "Arial Black", Gadget, sans-serif;font-style:normal;font-variant:normal;font-weight:500}

#subContents h3{font-size:2em;margin:40px 0 15px;color:#4A4771;clear:both} 
#subContents .rightArea h2{color:#4A4771;margin:40px 0 20px;text-align:center}

.align_l{float:left;text-align:left;display:inline-block;zoom:1;*display:inline}
.align_r{float:right}

.agree{clear:both}
.agree span.check{display:inline-block;zoom:1;*display:inline;width:25px;height:25px;vertical-align:top}
.agree .txt{height:25px}
.agree .txt>a{color:#7C3875;font-weight:bold;text-decoration:underline}

/* Mobile */
/* #common_top{display:none} */
.banner{display:none}

#wrap{background:#FFF}
#wrap .contents{width:100%;margin:0 auto}


#sn_common_bottom{background:#151515!important}

#subContents{margin:0 auto;padding:0}
#subContents .leftArea{padding:40px 5px;
background:#7C3875;color:#FFF;
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -moz-linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -webkit-linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -ms-linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
background-size:100px 100px, cover;
color:rgba(255, 255, 255, 0.8)}
#subContents .rightArea{margin:0 5px 40px}
#subContents .rightArea>p,#subContents .t_line{text-align:center; margin:20px 0}
#subContents .triangle{position:relative;right:inherit;top:inherit;display:inline-block;zoom:1;*display:inline;width:0;height:0;border-style:solid;border-width:10px; margin:0 auto}
#subContents .triangle.test_1{border-color:#b8b6c3 transparent transparent transparent}

#subContents .area{clear:both;margin-bottom:60px;min-height:100px}
#subContents .command{float:left;display:inline-block;zoom:1;*display:inline;margin-bottom:5px;vertical-align:top;width:97%}

#subContents .txtfield{width:292px;height:100px;color:#666;margin-bottom:20px}
/* #subContents .command input{width:271px;height:21px;padding:7px 5px 8px 20px;border:2px solid #933} */
#subContents .message{float:left;display:inline-block;zoom:1;*display:inline;width:300px;color:#F00;font-weight:bolder;padding:5px 0 10px;letter-spacing:-0.05em}
#subContents .message>label, #subContents .message>a{margin-top:10px;color:#4A4771;text-decoration:underline}

#subContents .guide{clear:both;margin:10px 0 0 2px;background:url("//img.softnyx.com/9/sn2016/member/arrow_message.gif") no-repeat left 4px;padding-left:15px;text-align:left!important}
#subContents .guide a:link,#subContents .guide a:hover,#subContents .guide a:visited{color:#7C3875;font-weight:bolder}
#subContents .gender{padding-bottom:40px;width:100%}
#subContents .hGroup{clear:both}
#subContents label{cursor:pointer}


/* Login Area */
.loginArea, .facebookArea{max-width:650px;margin:0 auto 40px}
.loginArea input[type=text],.loginArea input[type=password]{display:block;font-size:1em;max-width:600px;width:95%;min-width:200px;height:30px;margin-bottom:10px;padding:5px 2px;
	border:3px solid #4A4771;border-radius:5px;vertical-align:-1px}
.loginArea input[type=text]:focus,.loginArea input[type=password]:focus{border:3px solid #C00;background:#FFF}
.loginArea input.okBtn, .facebookArea input.facebookBtn{max-width:610px;width:98%;min-width:200px;height:50px;padding:5px 2px;border:1px solid #7C3875;color:#FFF;font-size:1em;text-transform:uppercase;font-weight:bold;border-radius:5px;background:#C00;
 -webkit-border-radius:5px;-webkit-appearance:none;
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -moz-linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -webkit-linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -ms-linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
background-size:100px 100px, cover}
 
.loginArea ul, .facebookArea ul{margin-top:10px}
.loginArea li, .facebookArea li{list-style:disc;color:#666; margin:5px 0 10px 20px}
.loginArea li>a{font-weight:bold;color:#7C3875}

#subContents .facebookArea h3{color:#2e42a5}
.facebookArea input.facebookBtn{border:1px solid #339;background:#2e42a5}

#subContents .ok_btn:hover,.loginArea input.okBtn:hover, .facebookArea input.facebookBtn:hover, #subContents .cancel_btn:hover{opacity:0.8;filter:alpha(opacity=80)}


/* SimpleReg */
.command input[type=text],.command input[type=password],.command input[type=email]{display:block;font-size:1em;max-width:340px;width:95%;min-width:210px;height:20px;margin-bottom:15px;
	padding:10px 5px;border:3px solid #4A4771;border-radius:5px;vertical-align:-1px}
#subContents .command input[type=text]:focus,.command input[type=password]:focus,.command input[type=email]:focus{border:3px solid #C00;background:#FFF}

#subContents .boxOld{display:block;font-size:1em;max-width:340px;width:95%;min-width:210px;height:20px;margin-bottom:15px;
	 background:#e4e4e4;padding:10px 5px;border:3px solid #CCC;border-radius:5px;vertical-align:-1px}

.gameLink_BN{width:100%; border:1px solid #CCC}
.gameLink_BN img{cursor:pointer;width:100%}
.gameLink_BN div.submenu1{display:none;position:relative;height:50px}

/* member_Mod */
.ajax__calendar_container{position:relative;z-index:100;background:#FFF;border:2px solid #7C3875}

/* CreateGameID */
.gameLogo li{display:inline-block;zoom:1;*display:inline;width:13%;min-width:120px;margin-right:2%}
.gameLogo li img{width:100%}

/* CustomerCenter */
.grayBox{padding:20px;background:#e4e4e4; margin:20px 0}
.grayBox li{display:inline-block;zoom:1;*display:inline;padding:10px 30px 10px 0;font-weight:bold;color:#7C3875}
.grayBox li>span{font-weight:normal;color:#333}
.grayBox li>a{color:#7C3875;text-decoration:underline}

#subContents .hiddenArea{display:;clear:both}
#subContents .faq{margin-top:40px}
#subContents .faq table{width:100%}
#subContents .faq li{padding:10px;color:#333;font-weight:bold;list-style:none;margin:0;border-bottom:1px solid #CCC;background:#FFF}
#subContents .faq li a{text-decoration:none;color:#333;font-weight:bold}
#subContents .faq li p{font-weight:normal}
#subContents .faq li span{font-size:9px;color:#999;float:right}
#subContents .faq li em{color:#900;font-style:normal;font-weight:bold}
#subContents .faq li strong{color:#69C} 
#myQuestionDiv tr,#myQuestionDiv td{border:0}/*Qna 과거질문리스트*/

/* CafeList */
#cafe_tabmenu table{border:0;border-left:1px solid #4A4771}
#cafe_tabmenu td{display:inline-table;min-width:100px;width:16.6%;text-align:center;padding:8px 5px;background:#eee;border-right:1px solid #4A4771;border-bottom:1px solid #4A4771;border-top:1px solid #4A4771}
#cafe_tabmenu td:hover{background:#4A4771}
#cafe_tabmenu td:hover>a, #cafe_tabmenu td:hover>a{color:#FFF}

#cafe_tabmenu {overflow:hidden}
#cafe_tabmenu td {float:left; width:45%}

#cafelist_table_perulima table{min-width:280px;width:100%}
#cafelist_table_perulima th{display:}

#cafelist_table_perulima td{padding:5px 0 0 10px;color:#4A4771;font-weight:bold}
#cafelist_table_perulima td:first-child{margin-bottom:5px;font-weight:bold;color:#666}
#cafelist_table_perulima td:last-child{color:#666;font-weight:normal; margin-bottom:5px}

#cafelist_table_perulima table tr{border-bottom:1px solid #CCC}

/************************************************************************************************************************************************/

/* Btn */
#subContents .btnArea{clear:both;text-align:center;margin:40px 0 0}
#subContents .btnArea>label{max-width:330px}

#subContents .ok_btn, #subContents .cancel_btn{display:inline-block;zoom:1;*display:inline;text-align:center;cursor:pointer;margin-bottom:10px;
 color:#FFF!important;text-decoration:none;font-weight:bold;max-width:340px;width:95%;min-width:200px;height:20px;padding:15px 2px;border:3px solid #4A4771;border-radius:5px;
background:#7C3875;
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -moz-linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -webkit-linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -ms-linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
background-size:100px 100px, cover}

#subContents .cancel_btn{border:3px solid #666;width:92%;height:18px;
background:#999;
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -moz-linear-gradient(45deg, #999 0%, #999 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -webkit-linear-gradient(45deg, #999 0%, #999 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -ms-linear-gradient(45deg, #999 0%, #999 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), linear-gradient(45deg, #999 0%, #999 100%);
background-size:100px 100px, cover}

.emailBtn,.email2Btn{display:inline-block;zoom:1;*display:inline;text-align:center;cursor:pointer;text-decoration:none !important;
 color:#FFF!important;text-decoration:none;font-weight:bold;width:150px;height:16px;padding:12px 2px;border:3px solid #4A4771;border-radius:5px;
background:#7C3875;font-size:16px;margin-top:0!important;margin-bottom:5px}
.email2Btn{width:160px}

.facebookConectBtn{display:inline-block;zoom:1;*display:inline;text-align:center;cursor:pointer;margin-bottom:10px;
 color:#FFF!important;text-decoration:none;font-weight:bold;max-width:340px;width:95%;min-width:200px;height:20px;padding:15px 2px;border:3px solid #39f;border-radius:5px;
background:#33C;
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -moz-linear-gradient(45deg, #39f 0%, #33c 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -webkit-linear-gradient(45deg, #39f 0%, #33c 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), -ms-linear-gradient(45deg, #39f 0%, #33c 100%);
background-image:url("//img.softnyx.com/9/sn2016/member/overlay.png"), linear-gradient(45deg, #39f 0%, #33c 100%);
background-size:100px 100px, cover}

/* Select */
.select{float:left;display:inline-block;zoom:1;*display:inline;min-width:260px;height:40px;margin-right:20px;padding:auto 0; vertical-align:text-bottom}
.select *{margin:0;padding:0}
.select table{width:300px}
.select label{padding:0 0 0 5px}

/* Select Box */
.selectbox{position:relative;min-width:250px;width:30%;/* 너비설정 */border:1px solid #999;/* 테두리 설정 */display:inline-block;zoom:1;*display:inline}
.selectbox:before{content:"";position:absolute;top:50%;right:15px;width:0;height:0;margin-top:-1px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #333}
.selectbox label{position:absolute;top:1px;/* 위치정렬 */ 
  left:5px;/* 위치정렬 */
  padding:.8em .5em;/* select의 여백 크기 만큼 */
  color:#999;  
  z-index:-1;/* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */}

.selectbox select{width:100%;font-size:16px;font-size:1.6rem;
  height:auto;/* 높이 초기화 */
  line-height:normal;  /* line-height 초기화 */
  font-family:inherit;  /* 폰트 상속 */
  padding:.7em .5em;  /* 여백과 높이 결정 */
  border:0;opacity:1;  /* 숨기기 */
  filter:alpha(opacity=100);  /* IE8 숨기기 */
  -webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;appearance:none}

/* ReReg Popup */
.ly_help{position:relative;margin-top:6px;border:1px solid #888;background:#f3e8dd;text-align:left; padding:10px 15px;margin:-40px -10px 40px -25px}
.ly_help .clse{position:absolute;top:3px;right:4px}
.ly_help strong{display:block;margin-bottom:-5px;padding:9px 0 0 9px;font-size:11px;color:#2c2c2c;letter-spacing:-1px}
.ly_help p{ display:inline-block; vertical-align:top;padding:8px 0 6px 9px;font-size:12px;color:#828282;line-height:16px;letter-spacing:-1px}
.ly_help p em{color:#268e00}
.ly_help span.img{display:inline-block;width:90px;height:90px;background:url("//img.softnyx.com/9/sn2016/member/pop_notice.jpg") no-repeat}
.ly_help .edge_cen{position:absolute;top:0;left:50%;width:9px;height:6px;margin:-6px 0 0 -5px;background:url("//img.softnyx.com/9/sn2016/member/bg_layer_edge.gif") no-repeat 0 0;font-size:0}
.ly_help .edge_rgt{position:absolute;top:0;right:0;width:9px;height:6px;margin-top:-6px;background:url("//img.softnyx.com/9/sn2016/member/bg_layer_edge.gif") no-repeat 0 0;font-size:0}
/* //ReReg Popup */

/* 무단가입방지 */
#recaptcha_table{width:300px}
#recaptcha_table td{display:block}
#recaptcha_image img{width:270px}
.recaptcha_input_area input{width:270px}

/* Table */
.banTable{width:100%}
.banTable th{text-align:center;border-bottom:2px solid #630;border-top:2px solid #630}
.banTable td{text-align:center;border-bottom:1px solid #630}

/* Tablet & Deasktop */
@media all and (min-width:768px){
#wrap{background:#FFF}
#wrap .contents{width:100%;margin:0 auto}

#subContents .rightArea h3 span{font-size:12px;color:#C33;display:inline-block}

#subContents .command{width:48%}

#recaptcha_table{width:450px}/*무단가입방지*/
#recaptcha_table td{display:inline-block}/*무단가입방지*/

#subContents .txtfield{width:98%;height:300px}
}

/* Tablet */
@media all and (min-width:768px) and (max-width:1023px){
#wrap{background:#FFF}
#wrap .contents{width:100%;margin:0 auto}

#subContents .leftArea{text-align:right}
#subContents .command{width:30%}
#subContents .message{width:18%;margin-left:1%}

/************************************************************************************************************************************************/
#keyboard{z-index:-200}/*login Keyboard */
#recaptcha_table{width:450px}/*무단가입방지*/
#recaptcha_table td{display:inline-block}/*무단가입방지*/
}

/* Deasktop */
@media all and (min-width:1024px){
#wrap{background:#FFF url("//img.softnyx.com/9/sn2016/member/contents_BG.gif") repeat-x center top;background-attachment:fixed;padding-bottom:40px}
#wrap .contents{max-width:1100px;margin:40px auto 0;padding:0;border-radius:20px}

/************************************************************************************************************************************************/
.contents_rk{background:url("//img.softnyx.com/9/sn2016/member/memberTop_rk.png") no-repeat right top}
.contents_gb{background:url("//img.softnyx.com/9/sn2016/member/memberTop_gb.png") no-repeat right top}
.contents_wt{background:url("//img.softnyx.com/9/sn2016/member/memberTop_wt.png") no-repeat right top}
.contents_lb{background:url("//img.softnyx.com/9/sn2016/member/memberTop_lb.png") no-repeat right top}


#subContents .leftArea{background:none;text-align:right}
#subContents .leftArea h2{padding:90px 350px 0 0;color:#7C3875}
#subContents .leftArea p{padding:10px 350px 0 0;color:#7C3875}

#subContents .rightArea{padding:40px 20px 0}

/*
.loginArea input[type=text],.loginArea input[type=password]{width:52.5%}*/

#subContents .command{width:29%}
#subContents .message{width:18%;margin-left:1%}

}