@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosansgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css');
@import url('/_newCS/CSS/nanumbarunpenb.css');
/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, output, ruby, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;}
ol, ul {list-style: none;}
table {empty-cells:show;border-spacing:0;border-collapse:collapse}
caption{font-weight:bold;display:none;}
img{border:0;vertical-align:middle}
a {text-decoration:none;color:#555555}
a:link {text-decoration:none;}
a:visited {text-decoration:none}
a:active {text-decoration:none}
input,select,textarea,button {font-size:1em;vertical-align:middle;}
img {vertical-align:middle}
.hidden {font-size:0;height:0;line-height:0;margin:0;padding:0;position:absolute;visibility:hidden;width:0;overflow:hidden}

/* 기본 Layout */
body,input,select,textarea,button{font-family:'Noto Sans Gothic','Nanum Gothic','나눔고딕','easyNanumGothic', 'easyNanumGothic02','맑은 고딕','Malgun Gothic','돋움',Dotum,AppleGothic,sans-serif;color:#666666;}
body{margin:0; padding:0}
@-moz-document url-prefix() { input.disabled,select.disabled {background:#ebebe4}}
@media screen and (-webkit-min-device-pixel-ratio:0) { input.disabled,select.disabled {background:#ebebe4}}

p.login_error_msg a{
	display: block;
	color: #fff;
}

/* margin,padding */ 
.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px;}	
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}	 
.mt7 {margin-top:7px;}
.mt10 {margin-top:10px;}
.mt13 {margin-top:13px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt100 {margin-top:100px;}

/* .mr5 {margin-right:5px;} */
.mr6 {margin-right:6px !important;}
.mr7 {margin-right:7px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:30px;}
.mr0 {margin-right:0px !important;}

.mb0 {margin-bottom:0px !important;}
.mb2 {margin-bottom:2px !important;}
.mb5 {margin-bottom:5px;}
.mb6 {margin-bottom:6px;}
.mb7 {margin-bottom:7px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb18 {margin-bottom:18px !important;}
.mb20 {margin-bottom:10px;}
.mb25 {margin-bottom:25px;}	
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb100 {margin-bottom:100px;}

.ml0 {margin-left:0px !important;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml16 {margin-left:16px;}
.ml17 {margin-left:17px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml65 {margin-left:65px;}
.ml80 {margin-left:80px;}
.ml100 {margin-left:14px;}
.ml110 {margin-left:110px;}
.ml120 {margin-left:120px;}
.ml150 {margin-left:150px;}
.ml200 {margin-left:200px;}
.ml394 {margin-left:394px;}

.pl0 {padding-left:0px !important;}
.pl3 {padding-left:3px;}
.pl5 {padding-left:5px;} 
.pl10 {padding-left:10px !important;}
.pl13 {padding-left:13px;}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px !important;}
.pl23 {padding-left:23px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl32 {padding-left:32px;}
.pl33 {padding-left:33px;}
.pl34 {padding-left:34px;}
.pl35 {padding-left:35px;}
.pl36 {padding-left:36px;}
.pl37 {padding-left:37px;}
.pl38 {padding-left:38px;}
.pl39 {padding-left:39px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl52 {padding-left:52px;}
.pl90 {padding-left:90px;}
.pl93 {padding-left:93px;}
.pl150 {padding-left:150px;}
.pl7 {padding-left:7px;}

.pr0 {padding-right:0px !important;} 
.pr2 {padding-right:2px !important;} 
.pr5 {padding-right:5px;} 
.pr10 {padding-right:10px;}
.pr13 {padding-right:13px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}	
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px !important;}
.pr120 {padding-right:120px !important;}

.pt0 {padding-top:0px !important;}
.pt2 {padding-top:2px !important;}
.pt4 {padding-top:4px;} 
.pt5 {padding-top:5px;} 
.pt7 {padding-top:7px;}
.pt10 {padding-top:10px;}
.pt13 {padding-top:13px;}
.pt15 {padding-top:15px;}
.pt17 {padding-top:17px;}
.pt19 {padding-top:19px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt28 {padding-top:28px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt44 {padding-top:44px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}
.pt65 {padding-top:65px;}
.pt72 {padding-top:72px;}
.pt90 {padding-top:90px;}
.pt99 {padding-top:99px;}
.pt108 {padding-top:108px;}

.pb0 {padding-bottom:0px !important;} 
.pb5 {padding-bottom:5px;} 
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}
.pb13 {padding-bottom:13px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:35px;}  
.pb35 {padding-bottom:35px;}
.pb50 {padding-bottom:50px;}

/* font */
.f11 {font-size:11px !important}
.f13 {font-size:13px !important}
.f14 {font-size:14px !important}
.f15 {font-size:15px !important}
.f16 {font-size:16px !important}
.f18 {font-size:18px !important}
.f20 {font-size:20px !important}
.f21 {font-size:21px !important}
.f24 {font-size:24px !important}
.f27 {font-size:27px !important}
.f42 {font-size:42px !important}
.fb {font-weight:bold}

/* align */
.fl {float:left;}
.fr {float:right !important;}
.sr {float:right !important;}
.cb {clear:both;} 	
.pa {position:absolute;}
.pr {position:relative;}
.ofh {overflow:hidden;}
.dpi {
	display:inline-block;
	*display: inline;
	*zoom: 1;
}
.dpt {display:table;}
.dptc {display: table-cell; vertical-align: middle}
.tl {text-align:left !important}
.tc {text-align:center !important}
.tr {text-align:right !important}
.vt {vertical-align:top !important}
.vm {vertical-align:middle !important}
.vb {vertical-align:bottom !important}
.vtb {vertical-align:text-bottom !important}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}

/* 들여쓰기 */
.text_indent p {margin-left:15px}
.text_indent p .text_indent_t {margin-left:-15px}
.text_indent p .text_indent_c {margin-left:15px;display:block}
.text_indent p .text_indent_c2 {margin-left:30px;display:block}

.boxGray > p {text-align:justify}

.bdG {border:1px solid #e3e3e3;}
.noLine {border:none !important}
.noBg {background:none !important}

.underline{text-decoration:underline !important}

.width80 {width:80%; margin:0 auto}

/* gamestart */
.gamestart {display:block;width:350px;height:130px}
.curtain {width: 350px;height: 130px;background:url('../image/main/gamestart.jpg');overflow: hidden;}

.left-panel {width: 175px;left:-175px;height: 130px;float: left;z-index: 2;position: relative;transition: all 0.3s ease-in;}
.right-panel {width: 175px;right:-175px;height: 130px;float: left;z-index: 2;position: relative;transition: all 0.3s ease-in;}

.curtain:hover .left-panel {
	-webkit-transform: translateX(100%);transform: translateX(100%);
	-ms-transform: translateX(100%);transform: translateX(100%);
	}
.curtain:hover .right-panel {
	-webkit-transform: translateX(-100%);transform: translateX(-100%);
	-ms-transform: translateX(-100%);transform: translateX(-100%);
	}


/* board */
.board1 {width:760px;margin:0 auto;margin-top:35px}
.board_title {margin-bottom:5px;font-size:27px;font-weight:bold;}

/* Tab Menu */

.sub_sTabB3 {overflow:hidden}
.sub_sTabB3 li {float:left}
.sub_sTabB3 li a {display:inline-block;width:282px;height:60px;line-height:60px;background-color:#fff;border-bottom:1px solid #bbb;border-left:1px solid #bbb;text-align:center;font-weight:bold;font-size:13px;color:#888}
.sub_sTabB3 li a:hover, .sTabB6 li.on a {background-color:#fff4f4;text-decoration:none;color:#390000;border-bottom:1px solid #fff4f4}
.sub_sTabB3 .on a{background-color:#fff4f4;text-decoration:none;color:#390000;border-bottom:1px solid #fff4f4}

.sub_sTabB3tab {width:500px;margin:0 auto;overflow:hidden}
.sub_sTabB3tab li {float:left;margin-left:55px}
.sub_sTabB3tab li:first-child {margin:0}
.sub_sTabB3tab li a {display:inline-block;width:130px;height:70px;line-height:90px;text-align:center;font-weight:bold;font-size:13px;color:#888;}
.sub_sTabB3tab li a:hover, .sTabB6 li.on a {text-decoration:none;color:#390000;}
.sub_sTabB3tab .on a{text-decoration:none;color:#390000;border-bottom:1px solid #710000}

.sub_sTabB4tab {width:700px;margin:0 auto;overflow:hidden}
.sub_sTabB4tab li {float:left;margin-left:55px}
.sub_sTabB4tab li:first-child {margin:0}
.sub_sTabB4tab li a {display:inline-block;width:130px;height:70px;line-height:90px;text-align:center;font-weight:bold;font-size:13px;color:#888;}
.sub_sTabB4tab li a:hover, .sTabB6 li.on a {text-decoration:none;color:#390000;}
.sub_sTabB4tab .on a{text-decoration:none;color:#390000;border-bottom:1px solid #710000}

.sub_sTabB5tab {width:650px;margin:0 auto;overflow:hidden}
.sub_sTabB5tab li {float:left;margin-left:23px;}
.sub_sTabB5tab li:first-child {margin:0}
.sub_sTabB5tab li a {display:inline-block;width:110px;height:70px;line-height:90px;text-align:center;font-weight:bold;font-size:13px;color:#888;}
.sub_sTabB5tab li a:hover, .sTabB6 li.on a {text-decoration:none;color:#390000;}
.sub_sTabB5tab .on a{text-decoration:none;color:#390000;border-bottom:1px solid #710000}

.sTabB3 {overflow:hidden; width:100%;}
.sTabB3 li {float:left; background: #252525; width:33.3%;}
.sTabB3 li:first-child {margin:0;width:33.3%}
.sTabB3 li a {display:inline-block;width:100%; height:80px;line-height:80px;text-align:center;font-family:'nanumbarunpenb', sans-serif; font-size:18px;color:#bbb}
.sTabB3 li a:hover, .sTabB3 li.on a {text-decoration:none;color:#eee}
.sTabB3 .on a{text-decoration:none; color:#eee; background:#252525 url('../images/menuon.png') bottom repeat; font-weight: bold;}

.sTabB4 {overflow:hidden;}
.sTabB4 li {float:left; background: #252525; width:25%;}
.sTabB4 li:first-child {margin:0;width:25%}
.sTabB4 li a {display:inline-block; width:100%; height:80px;line-height:80px;text-align:center; font-family:'nanumbarunpenb', sans-serif; font-size:18px;color:#bbb}
.sTabB4 li a:hover, .sTabB6 li.on a {text-decoration:none;color:#eee;}
.sTabB4 .on a{text-decoration:none;color:#eee; background:#252525 url('../images/menuon.png') bottom; font-weight: bold}


.sTabB5 {overflow:hidden}
.sTabB5 li {float:left}
.sTabB5 li:first-child {margin:0;width:168px}
.sTabB5 li a {display:inline-block;width:169px;height:60px;line-height:60px;background-color:#fff;border-bottom:1px solid #bbb;border-left:1px solid #bbb;text-align:center;font-weight:bold;font-size:13px;color:#888}
.sTabB5 li a:hover, .sTabB6 li.on a {background-color:#fff4f4;text-decoration:none;color:#390000;border-bottom:1px solid #fff4f4}
.sTabB5 .on a{background-color:#fff4f4;text-decoration:none;color:#390000;border-bottom:1px solid #fff4f4; }


.sTabB6 {overflow:hidden}
.sTabB6 li {float:left}
.sTabB6 li:first-child {width:140px}
.sTabB6 li:last-child {width:140px}
.sTabB6 li a {display:inline-block;width:141px;height:60px;line-height:60px;background-color:#fff;border-bottom:1px solid #bbb;border-left:1px solid #bbb;text-align:center;font-weight:bold;font-size:13px;color:#888}
.sTabB6 li a:hover, .sTabB6 li.on a {background-color:#fff4f4;text-decoration:none;color:#390000;border-bottom:1px solid #fff4f4}
.sTabB6 .on a{background-color:#fff4f4;text-decoration:none;color:#390000;border-bottom:1px solid #fff4f4}


.sTabB7 {overflow:hidden;}
.sTabB7 li {float:left; background: #252525; width:125px; height:50px; cursor:pointer}
.sTabB7 li div {display:inline-block; width:100%; height:50px;line-height:45px;text-align:center; font-family:'nanumbarunpenb', sans-serif; font-size:18px; color:#bbb}
.sTabB7 li div:hover{text-decoration:none; color:#eee;}
.sTabB7 .on div, .sTabB7 li.on div {text-decoration:none;color:#252525; background:#fff; font-weight: bold}


.sub_sTabB7tab {width:770px;margin:0 auto;overflow:hidden}
.sub_sTabB7tab li {float:left; background: #252525; width:125px; }
.sub_sTabB7tab li div {display:inline-block; width:100%; height:80px;line-height:70px;text-align:center; font-family:'nanumbarunpenb', sans-serif; font-size:21px;color:#bbb}
.sub_sTabB7tab li div:hover, .sTabB6 li.on a {text-decoration:none;color:#eee;}
.sub_sTabB7tab .on a{text-decoration:none;color:#eee; background:#252525 url('../images/menuon.png') bottom; font-weight: bold}

/* top button */
.scrollToTop{width:27px;height:31px;position:fixed;top:667px;left:1540px;display:none}

.ubuntu{font-family:'ubntu',sans-serif;}

.aaa{color:#aaa}
.ccc {color:#ccc}
.eee{color:#eee}
.gray{color:gray}
.red{color:#ff5353}
.blue{color:#0072ff;}
.bullet01{vertical-align: top}
.notosans{font-family:'Noto Sans Kr', sans-serif;}
.line{display:inline-block; width:100%; height:1px; background:#333}
.c-pointer{cursor:pointer}

.ls-1 {letter-spacing: -1px;}
.ls-2 {letter-spacing: -2pt}

.line.footer_line {
	width: 105%;
	height: 1px;
	background: #333;
	margin-left: -20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.masang_logo_w {
	display: block;
	margin-top: 15px;
	text-align: center;
	margin-left: -20px;
	margin-top: 4px;
}

.footer_text {
	display: inline-block;
}

.footer_text span {
	width: 66px !important;
}

.footer_box { 
	margin-left: -20px;
	text-align: center;
}

.footer_text01,
.footer_text02 {
	margin-right: 18px;
}

.footer_text01 span {
	width: 53px !important;
}

.footer_text03 span {
	width: 42px !important;
}

.footer_ncs {
	text-align: center;
	margin-left: -20px;
	font-size: 14px !important;
	margin-top: 0;
}

.footer_copy {
	font-size: 12px !important;
	text-align: center;
	margin-left: -20px;
}

@media screen and (max-width: 800px){
.width80 {width:90%}
.mt100{ margin-top:50px}
.pt50{padding-top:0px}

}