@charset "euc-kr";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Yang Young bok 180821
updated:
------------------------------------------------------------
*/
/* font */
@font-face{
	font-family:'Noto Sans KR';font-style:normal;font-weight:100;
	src:url(NotoSans-Thin.woff2) format('woff2'), url(NotoSans-Thin.woff) format('woff'), url(NotoSans-Thin.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans KR';font-style:normal;font-weight:300;
	src:url(NotoSans-Light.woff2) format('woff2'), url(NotoSans-Light.woff) format('woff'), url(NotoSans-Light.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans KR';font-style:normal;font-weight:350;
	src:url(NotoSans-DemiLight.woff2) format('woff2'), url(NotoSans-DemiLight.woff) format('woff'), url(NotoSans-DemiLight.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans KR';font-style:normal;font-weight:400;
	src:url(NotoSans-Regular.woff2) format('woff2'), url(NotoSans-Regular.woff) format('woff'), url(NotoSans-Regular.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans KR';font-style:normal;font-weight:500;
	src:url(NotoSans-Medium.woff2) format('woff2'), url(NotoSans-Medium.woff) format('woff'), url(NotoSans-Medium.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans KR';font-style:normal;font-weight:700;
	src:url(NotoSans-Bold.woff2) format('woff2'), url(NotoSans-Bold.woff) format('woff'), url(NotoSans-Bold.otf) format('opentype');
}
@font-face{
	font-family:'Noto Sans KR';font-style:normal;font-weight:900;
	src:url(NotoSans-Black.woff2) format('woff2'), url(NotoSans-Black.woff) format('woff'), url(NotoSans-Black.otf) format('opentype');
}
/* All Device */
html,select,input,textarea{font-family:'Noto Sans KR',Sans-serif;font-size:14px;color:#868686;word-wrap:break-word;word-break:keep-all}
body{-webkit-text-size-adjust:none}
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,p,caption,th,td,fieldset,legend,select,input,button{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
fieldset,img{border:0}
img{vertical-align:top}
ul,ol,li{list-style:none}
a{color:#868686;text-decoration:none}
img{max-width:100%;height:auto}
table{border-collapse:collapse;width:100%}
button{cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
input::-webkit-input-placeholder{color:#c8c8c8}
input::-moz-placeholder{color:#c8c8c8}
input[type=checkbox],input[type=radio]{margin:-2px 5px 0 0;width:13px;height:13px;vertical-align:middle}
input[type=text],input[type=password],input[type=date],input[type=tel],input[type=number],textarea{appearance:none;-moz-appearance:none;-webkit-appearance:none}
.hidden{margin:0 !important;padding:0 !important;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0}
.wrap{min-width:1200px;margin:0 auto}
.header h1,.section{position:relative;margin:0 auto;max-width:1200px}
.header h1 a{position:absolute;top:-4px;left:50px;width:150px;z-index:1000}
.header button{display:none}
.gnb{position:relative;z-index:100}
.gnb ul:after{clear:both;display:block;content:''}
.gnb>ul{position:relative;margin:0 auto;padding:0 0 0 728px;width:472px;_zoom:1}
.gnb>ul>li{position:relative;float:left;width:155px}
.gnb>ul>li>a{display:block;padding:30px 0 0 0;height:50px;font-weight:350px;font-size:19px;color:#1e1e1e}
.gnb.open>ul>li>a.active span{display:inline-block;height:94%;border-bottom:3px solid #2b83df}
.gnb ul ul{position:absolute;top:120px;left:0;font-weight:300;line-height:30px;z-index:1}
.gnb ul ul a{line-height:30px;color:#8e8e8e}
.gnb ul ul a:hover{color:#1e1e1e}
.gnbBg{position:absolute;top:0;left:0;width:100%;border:solid #e1e1e1;border-width:1px 0;background:#fff}
.gnbOpen,.gnbClose{display:none}
.footer{margin:130px 0 0 0;padding:36px 0 0 0;background:#494949}
.siteInfo{margin:0 0 25px 50px}
.siteInfo li{display:inline;padding:0 20px;background:url(https://mgameimage.gscdn.com/smartbig/common/line_siteinfo.png) no-repeat 0 50%;font-weight:350}
.siteInfo li:first-child{padding-left:0;background:none}
.siteInfo a{color:#cecece}
.language{position:absolute;top:0;right:50px;width:166px;font-weight:350;font-size:12px}
.language a{display:block}
.language>a{padding:8px 9px;height:18px;border-bottom:1px solid #c1c1c1;background:url(https://mgameimage.gscdn.com/smartbig/common/bu_select.png) no-repeat right 50%;background-size:auto 5px;color:#c1c1c1}
.language ul{position:absolute;top:34px;left:0;padding:10px 0;width:164px;border:1px solid #a2a2a2;background:#fff;display:none}
.language ul a{padding:2px 20px;color:#868686}
.language ul a:hover{color:#1e1e1e}
.top{position:absolute;top:-65px;right:50px;width:46px}
address{padding:0 0 35px 50px;font-style:normal;font-weight:300;font-size:13px;line-height:22px;color:#909091}
/* Mobile */
@media all and (max-width:767px){
.wrap.mobile {min-width:360px}
.wrap.open.mobile{position:fixed;width:100%;height:100%}
.mobile .header h1 a{position:relative;top:0;left:13px;z-index:0}
.mobile .header h1 img{width:85px}
.mobile .header button{display:block;position:absolute;border:none;background:none}
.mobile .gnb{position:fixed;top:0;left:0;margin:0;width:100%;height:100%;background:none;overflow:hidden;transition:0.5s all;display:none}
.mobile .gnb>ul>li>a{text-indent:0}
.mobile .gnb>ul>li>a span{background:none}
.mobile .gnb.open{display:block}
.mobile .gnb.open:before{display:block;content:'';position:fixed;top:48px;left:0;width:100%;height:100%;background:#000}
.mobile .gnb>ul{position:absolute;top:48px;left:0;margin:0;padding:15px 0 0 25px;width:151px;background:#fff}
.mobile .gnb>ul>li{float:none;padding:5px 0;width:100%;border-top:1px solid #e5e5e5}
.mobile .gnb>ul>li:first-child{border:none}
.mobile .gnb>ul>li>a{margin:0;padding:10px 0;height:auto;font-size:18px}
.mobile .gnb.open>ul{position:relative;margin:20px 15px;padding:0;width:auto;height:auto;background:none}
.mobile .gnb.open>ul>li{padding:0;border:none}
.mobile .gnb.open>ul>li>a{padding:10px 5px;border-bottom:1px solid #2a2a2a;background:url(https://mgameimage.gscdn.com/smartbig/common/btn_plus.png) no-repeat right 10px;background-size:30px}
.mobile .gnb.open>ul>li>a.open{border-bottom-color:#b3b3b3;background-image:url(https://mgameimage.gscdn.com/smartbig/common/btn_minus.png)}
.mobile .gnb.open ul ul{position:relative;top:0;left:0;margin:0;height:auto !important;display:none !important}
.mobile .gnb.open ul ul.active{height:auto !important}
.mobile .gnb.open ul a.open+ul{display:block !important;padding:15px 16px 30px 16px;border-bottom:1px solid #2a2a2a}
.mobile .gnb.open a,.mobile .gnb.open a:hover{color:#fff}
.mobile .gnb.open ul ul a{display:block;height:100%;color:#8e8d8d}
.mobile .gnbOpen{top:0;right:0;width:48px}
.mobile .gnbClose{top:6px;right:8px}
.mobile .gnbClose img{padding:10px;width:18px;background:#fff}
.mobile .footer{margin:50px 0 0 0;padding:0;background:#494949}
.mobile .siteInfo{margin:0 0 20px 0;padding:15px 0;background:#383838;text-align:center}
.mobile .siteInfo li{padding:0 19px;font-size:13px}
.mobile .siteInfo li:first-child{padding-left:19px}
.mobile .language{position:relative;top:0;left:0;margin:0 27px;width:auto}
.mobile .language>a{border-bottom-color:#8d8d8d}
.mobile .language ul{width:100%}
.mobile .top{top:-50px;right:13px;width:36px}
.mobile address{margin:30px 0 0 0;padding:0 0 30px 33px;font-size:12px}
}
/* portrait */
@media all and (max-width:480px){

}