@charset "utf-8";


/*
NanumSquareL{ font-weight: 300}
NanumSquareR{ font-weight: 400}
NanumSquareB{ font-weight: 700}
NanumSquareEB{ font-weight: 800}
*/



/* **** Common Reset **** */
*{margin:0;padding:0;list-style:none;font-size:13px;font-family: "ns",sans-serif;box-sizing: border-box;color:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;font-weight:400;line-height:1.2;}
b{font-weight:600;}
body, html{min-width: 1440px;background:url(/type02/imgs/bg.jpg) no-repeat center top;background-size: cover;}
body{position: relative;}
input,select,img{vertical-align:middle;box-sizing: border-box;}
input[type="text"]{border:2px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#000,#000),linear-gradient(#91571c,#8e6833);color:#fff;height:30px;width:165px;padding-left:10px;}
input[type="password"]{border:2px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#000,#000),linear-gradient(#91571c,#8e6833);color:#fff;height:30px;width:165px;padding-left:10px;}
input[type="text"]:hover,
input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="password"]:active{outline:none;border:2px solid #fecb00;}
input[type="text"]:focus{border:2px solid #fecb00;}

input::-webkit-input-placeholder {color: #fff; } 
input:-moz-placeholder {color: #fff; } 
input::-moz-placeholder {color: #fff; } 
input:-ms-input-placeholder {color: #fff; }


img{border:0;max-width:100%;}
table{border-collapse:collapse;max-width:100%;width: 100%;table-layout:fixed;}
table caption{overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;text-indent: -999em;}
a{display:inline-block;transition:all 0.3s ease-in-out;text-decoration:none;}
textarea{width: 100%;min-height:90px;border: 1px solid #c1c1c1;box-sizing: border-box;resize: none;border:1px solid #dedede;border-radius:5px;}
textarea:focus{outline:none;}
.textarea-box{position: relative;}
.textarea-box:after{content: "";display: block;position:absolute;bottom:-13px;right:35px;background:url(../images/sub/textarea-bg.png);width:23px;height:14px;}
select{height: 25px;border: 1px solid #a3a3a2;box-sizing: border-box;padding-left:10px;min-width:70px;margin:1px 0;background:none;border:0;}
select:focus{outline:none;}
.hidden{overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;border: none;}
.hidden-popup{overflow: hidden;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}

.float-left{float: left !important;}
.float-right{float: right !important;}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

.pd0{padding:0 !important;}
.pd5{padding:5px !important;}
.pd10{padding:10px !important;}
.pd20{padding:20px !important;}
.pd30{padding:30px !important;}
.pd40{padding:40px !important;}
.pd50{padding:50px !important;}

.pdt0{padding-top:0 !important;}
.pdt10{padding-top:10px !important;}
.pdt20{padding-top:20px !important;}
.pdt30{padding-top:30px !important;}
.pdt40{padding-top:40px !important;}
.pdt50{padding-top:50px !important;}
.pdt60{padding-top:60px !important;}
.pdt70{padding-top:70px !important;}
.pdt80{padding-top:80px !important;}
.pdt90{padding-top:90px !important;}

.pdl0{padding-left:0 !important;}
.pdl10{padding-left:10px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}
.pdl40{padding-left:40px !important;}
.pdl50{padding-left:50px !important;}
.pdl60{padding-left:60px !important;}
.pdl70{padding-left:70px !important;}
.pdl80{padding-left:80px !important;}
.pdl90{padding-left:90px !important;}

.pdb0{padding-bottom:0 !important;}
.pdb10{padding-bottom:10px !important;}
.pdb20{padding-bottom:20px !important;}
.pdb30{padding-bottom:30px !important;}
.pdb40{padding-bottom:40px !important;}
.pdb50{padding-bottom:50px !important;}
.pdb60{padding-bottom:60px !important;}
.pdb70{padding-bottom:70px !important;}
.pdb80{padding-bottom:80px !important;}
.pdb90{padding-bottom:90px !important;}

.mg0{margin:0;}
.mgt0{margin-top:0 !important;}
.mgt10{margin-top:10px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt35{margin-top:35px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}
.mgt60{margin-top:60px !important;}
.mgt70{margin-top:70px !important;}
.mgt80{margin-top:80px !important;}
.mgt90{margin-top:90px !important;}
.mgt140{margin-top:140px !important;}

.mgb0{margin-bottom:0 !important;}
.mgb10{margin-bottom:10px !important;}
.mgb20{margin-bottom:20px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb40{margin-bottom:40px !important;}
.mgb50{margin-bottom:50px !important;}
.mgb60{margin-bottom:60px !important;}
.mgb70{margin-bottom:70px !important;}
.mgb80{margin-bottom:80px !important;}
.mgb90{margin-bottom:90px !important;}

.mgl0{margin-left:0 !important;}
.mgl10{margin-left:10px !important;}
.mgl20{margin-left:20px !important;}
.mgl30{margin-left:30px !important;}
.mgl40{margin-left:40px !important;}
.mgl50{margin-left:50px !important;}
.mgl60{margin-left:60px !important;}
.mgl70{margin-left:70px !important;}
.mgl80{margin-left:80px !important;}
.mgl90{margin-left:90px !important;}

span.orange{color:#f4a52a;}
span.white{color:#fff;}
a.orange-bg{border:2px solid #aa6b27;background:url(/type02/imgs/orange-bg.gif) no-repeat;background-size:100% 100%;line-height:30px;font-size:13px;font-weight:800;color:#fff;height:30px;width:80px;text-align:center;vertical-align: middle;}
a.orange-bg:hover{background: linear-gradient(to bottom, #8c5c13, #c4892c);;}
a.big-btn{width:180px;height:50px;padding:10px 0;font-size:16px;}
a.big-btn2{width:130px;height:50px;padding:10px 0;font-size:16px;margin:0 5px;}
a.dlghtbrown{width:125px;height:45px;padding:10px;text-align:center;line-height:25px;font-size:16px;color:#000000;font-weight:800;background:#fecb00;vertical-align: middle;margin-left:4px;}
a.dlghtbrown:hover{background: linear-gradient(to bottom, #fecb00, #8e6833);}
.yellow{color:#fecb00;}
span.orange-bg{background:#a89603;display: inline-block;padding:0 2px;}

#wrap{overflow-x: hidden;position: relative;margin: 0 auto;}
.width-auto{width:1258px;margin: 0 auto;}
.before-login .logging-box{display:none;}
.logging .before-login-box{display:none}
.logging .logging-box{display:block;}

#header > .header-tp > .header-tp-cont{text-align:right;}
#header > .header-tp > .header-tp-cont > .header-tp-rt{padding:24px 0;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul{display:inline-block;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li{float:left;margin-left:5px;color:#b97f27;vertical-align: middle;line-height:30px;height:30px;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li a.orange-bg{vertical-align:top;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li a.orange-bg > span{display:block;margin:0;line-height:26px;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li.orange-line{border:2px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#000,#000),linear-gradient(#91571c,#8e6833);color:#93774e;text-align:center;padding:0 10px;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li.orange-line *{line-height:26px;height:26px;vertical-align: top;color:#93774e;font-weight:700;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li.orange-line.memo *{margin:0;display:block;width:30px;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li.orange-line.game-memo{width:250px;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li.orange-line.game-memo > dl{display:table;width:100%;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li.orange-line.game-memo > dl > *{display:table-cell;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li.orange-line.game-memo > dl > dt{width:50px;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li.orange-line.game-memo > dl > dd{color:#fecb00;font-weight:700;text-align:right;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li span{display:inline-block;margin-left:5px;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li span.yellow{font-weight:700;font-size:16px;margin-right:5px;}
#header > .header-tp > .header-tp-cont > .header-tp-rt > ul > li span.icon{background: linear-gradient(to right,#c68a2d,#8b5a13);-webkit-background-clip: text;color: transparent;vertical-align: middle;font-weight:400;}
#header > .header-bt{background:url(/type02/imgs/menu-bg_brown.gif?v=4) no-repeat;height:76px;background-size: 100% 100%;}
#header > .header-bt > .header-bt-cont > dl{display:table;}
#header > .header-bt > .header-bt-cont > dl > *{display:table-cell;height:76px;vertical-align: middle;}
#header > .header-bt > .header-bt-cont > dl > dt{width:257px;}
#header > .header-bt > .header-bt-cont > dl > dd *{display:inline-block;vertical-align: middle;}
#header > .header-bt > .header-bt-cont > dl > dd span.icon{font-size:20px;margin-right:10px;}
#header > .header-bt > .header-bt-cont > dl > dd .nav li{margin:0 15px;}
#header > .header-bt > .header-bt-cont > dl > dd .nav li > a{font-size:16px;color:#fff;font-weight:700;}
#header > .header-bt > .header-bt-cont > dl > dd .nav li > a:hover{color:#f9df00;}
#header > .header-bt > .header-bt-cont > dl > dd .nav li > span{font-size:16px;color:#fff;font-weight:700;cursor: pointer}
#header > .header-bt > .header-bt-cont > dl > dd .nav li > span:hover{color:#f9df00;}


#footer{text-align:center;padding: 40px 0 52px 0;}
#footer > p{font-family:'ns', sans-serif; font-size:12px; text-align:center; font-weight:700; color:#0b0d11}

.popup-wrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background: rgba(0,0,0,.8);z-index:9;}
.popup-contents{position: absolute; top:135px;width:500px;border:2px solid #aa6b27;z-index:10;background:#0a0907;}
.popup-contents > .popup-txt-box{padding:30px 20px;}
.popup-contents > .popup-txt-box > h3.popup-title{font-size:18px;color:#f9df00;font-weight:700;margin-bottom:15px;}
.popup-contents > .popup-txt-box > .popup-txt{font-size:14px;line-height:20px;}
.popup-contents > .popup-footer{background:#38352e;}
.popup-contents > .popup-footer > dl{display:table;width:100%;}
.popup-contents > .popup-footer > dl > *{display:table-cell;vertical-align: middle;height:40px;}
.popup-contents > .popup-footer > dl > dt{padding-left:20px;}
.popup-contents > .popup-footer > dl > dt > a{color:#ad9c75;font-size:13px;}
.popup-contents > .popup-footer > dl > dd{width:127px;border-left:1px solid #5d5b55;text-align:center;}
.popup-contents > .popup-footer > dl > dd > a{display:block;color:#fff;font-size:13px;font-weight:700;}
#pop1.popup-contents{left:50%;margin-left:-770px;}
#pop2.popup-contents{left:50%;margin-left:-250px;}
#pop3.popup-contents{left:50%;margin-left:270px;}


.notice{height:42px;}
.notice .mainCont{display:table;width:100%;}
.notice .mainCont > *{display:table-cell;height:42px;vertical-align: middle;}
.notice .mainCont dt{width:110px;font-size:13px;font-weight:700;line-height:42px;color:#feee77;}
.notice .mainCont dt > span{color:#feee77;font-size:13px;}
.notice .mainCont dd{overflow:hidden;font-size:13px;line-height:42px;color:#fff;position:relative;}
.notice .mainCont dd ul{position:absolute;width:auto;white-space: nowrap;top:0;padding:10px 0;line-height:20px;}
.notice .mainCont dd ul li{display:inline-block;width:auto;margin-right:20px;}
.notice .mainCont dd ul li a{color:#fff;}