@charset "utf-u8";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Yang Young bok 230526
updated :
------------------------------------------------------------
*/
/* reset */
@import url('ff3077500cb14bc5beebef831ad1c740.css');
body,h1,h2,h3,h4,h5,h6,ul,ol,dl,p,th,td,caption,fieldset,legend,input,button,textarea{margin:0;padding:0}
body,input,button,select,textarea{font-family:"Noto Sans KR",arial;font-size:14px;color:#1d1d1f}
img,button,fieldset{border:0}
img{vertical-align:middle}
ul,ol,li{list-style:none}
a{color:#1d1d1f;text-decoration:none}
table{border-collapse:collapse;width:100%}
button{cursor:pointer}
/* header */
.wrap{position:relative;margin:0 auto;padding-top:99px;max-width:2560px;min-width:1600px;font-weight:400}
.header{position:fixed;top:0;width:100%;max-width:2560px;background:#2f2f2f;z-index:200}
.header h1{box-sizing:border-box;margin:0 31px 0 0;padding:14px}
.gnb{display:flex;box-sizing:border-box;margin:0 auto;width:1600px}
.gnb a{display:block}
.gnb a:hover,.gnb>ul>li:hover>a,.gnb>ul>li.on>a{color:#feb300}
.gnb>ul{display:flex;flex-grow:1}
.gnb>ul>li>a{padding:0 40px;height:99px;font-weight:500;font-size:17px;line-height:97px;color:#fff}
.gnb>ul>li li a{font-size:15px;line-height:32px;color:#b8b8b8}
.gnb ul ul{height:0;text-align:center;overflow:hidden;opacity:0;transition:all 0.5s}
.gnb>ul:hover ul{padding:7px 0 45px 0;min-height:195px;opacity:1}
/* footer */
.footer{position:relative;background:#222;color:#9c9c9c}
.footer section{position:relative;box-sizing:border-box;margin:0 auto;padding:73px 0 73px 484px;width:1600px}
.footer h2{float:left;margin:0 36px 0 0;height:100px}
.footer h2 img{display:block;margin:0 0 10px 0}
.footer .terms{display:flex;margin:-5px 0 0 0}
.footer .terms a{padding:0 10px;color:#c3c3c3}
.footer .terms .personinfo{color:#ffffff;font-weight:bold;}
.footer .terms a:hover{text-decoration:underline}
.footer .terms li:before{content:'';display:inline-block;margin:-3px 0 0 0;width:1px;height:15px;background:#626262;vertical-align:middle}
.footer .terms li:first-child:before{display:none}
.footer .terms li:first-child a{padding-left:0}
.useAge>a:after{content:'';margin:0 0 0 3px;height:0;width:0;border-left:6px solid #dfdfdf;border-top:5px solid transparent;border-bottom:5px solid transparent;font:0/0 arial;vertical-align:middle}
.useAge div{position:absolute;margin:10px 0 0 -260px;display:flex;padding:4px;width:515px;background:#37373f;display:none}
.useAge img{margin:0 4px 0 0}
.useAge table{border-collapse:collapse;width:100%;background:#008000;font-weight:300;font-size:13px;color:#fff}
.useAge td{padding:0 0 0 9px;border:solid #339933;border-width:0 0 1px 0}
.useAge tr:last-child td{border-bottom-width:0}
.useAge td:first-child{border-right-width:1px}
.useAge td span+span:before{content:'';display:inline-block;margin:0 6px;width:1px;height:9px;background:#339933;vertical-align:middle}
.useAge td span:first-child{float:left;display:inline-block;width:116px}
.useAge td:first-child span:first-child{width:76px}
.useAge:hover div{display:flex}
address{margin:13px 0 0 0;font-style:normal;font-weight:300;font-size:12px;line-height:20px}
address a{color:#f38708}
address .copyright{margin:10px 0 0 0;color:#dfdfdf}