@charset "utf-8";
@import url(/js/bundle/css/nanumgothic.css);
/* 
font-family: 'Nanum Gothic';
Regular 400
Bold 700
ExtraBold   800
*/


@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 400;
  src: local("img/NanumSquareRoundR"), /* computer */
    url("/img/NanumSquareRoundR.eot"), /* IE9 Compat Modes */
    url("/img/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/img/NanumSquareRoundR.woff2") format("woff2"), /* Modern Browsers */    
    url("/img/NanumSquareRoundR.woff") format("woff"), /* Modern Browsers */
    url("/img/NanumSquareRoundR.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 700;
  src: local("img/NanumSquareRoundB"), /* computer */
    url("/img/NanumSquareRoundB.eot"), /* IE9 Compat Modes */
    url("/img/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/img/NanumSquareRoundB.woff2") format("woff2"), /* Modern Browsers */
    url("/img/NanumSquareRoundB.woff") format("woff"), /* Modern Browsers */
    url("/img/NanumSquareRoundB.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 800;
  src: local("img/NanumSquareRoundEB"), /* computer */
    url("/img/NanumSquareRoundEB.eot"), /* IE9 Compat Modes */
    url("/img/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/img/NanumSquareRoundEB.woff2") format("woff2"), /* Modern Browsers */
    url("/img/NanumSquareRoundEB.woff") format("woff"), /* Modern Browsers */
    url("/img/NanumSquareRoundEB.ttf") format("truetype"); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'MICEGothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-01@1.0/MICEGothic Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* **** Common Reset **** */
*{margin:0;padding:0;list-style:none;font-size:13px;font-weight:400;font-family: "NanumSquareRound",sans-serif;box-sizing:border-box;}
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;}
li,p,span,strong,a,i,em{font-size:inherit;color:inherit;font-family:inherit;}
b, strong{font-weight:700;color: inherit;font-size: inherit;}
font{font-weight:700;font-size:inherit;}
body, html{width:100%;height:100%;background: #f4f7f9;}
input,select,img{vertical-align:middle;}
img{border:0;}
table{width:100%;border-collapse: collapse;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clear{clear:both;}
.clearfix::after{content:"";display:block;clear:both;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
a{display:inline-block;text-decoration:none;transition:all 0.2s ease-in-out;}
i{font-style:normal;}
input[type="password"]{font-family: 'Nanum Gothic';}

.blue{color: #317efe !important;}
.blue2{color: #21b4f1 !important;}
.green{color: #33f80c !important;}
.red{color: #e75300 !important;}
.grey{color:#989898 !important;}
.pink{color:#ff0e7f !important;}
.qing{color:#19f3f0 !important;}
.qing2{color:#00d2ff !important;}
.orange{color:#fb7d0e !important;}
.yellow2{color:#f2f511 !important;}



/* 20201025 */
.login-p{display:inline-block;line-height:40px !important;min-width: 210px;border: none;border-radius: 10px;text-align: center;text-decoration: none;transition: border-color 0.25s, background-color 0.25s, color 0.25s;background: #0040ff;color: #fff; font-weight:bold}
.login-before{/*float:right;*/height: 40px;margin-right: 100px;overflow: hidden;}
.login-before ul{float:left;}
.login-before ul > li{float:left;color: #fff;border-right: 1px solid #272f4b;}
.login-before ul > li:first-child{border-left: 1px solid #272f4b;}
.login-before ul > li a{display:block;padding: 0 20px;}
.login-before ul > li a i{vertical-align: -2px;margin-right: 5px;}

.login-box { display:none;z-index:11;border: 2px solid #f13fcf;border-image: linear-gradient(45deg, #c8c200, #f7d146) 10;}
.pop-bg{display:none;position:fixed;top:0;left:0;z-index:9;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);}
.join-box{display:none;z-index:10;border: 2px solid #f13fcf;border-image: linear-gradient(45deg, #00b0c8, #772ffc) 10;}
.join-box{position:absolute !important;top: 6%;left: 0;right: 0;padding: 0 !important;}
.pop-close{position:absolute;top: 20px;right: 20px;}
.pop-close i{font-size: 30px;color:#fff;}
/* //20201025 */



.left-quick{position: absolute;left: 0;z-index: 1;width: 70px;height: 100%;border-right: 1px solid #2a2b2c;background: #060606;}
.left-quick a{display:block;position: relative;padding-top: 16px;height: 70px;box-sizing: border-box;border-bottom: 1px solid #2a2b2c;}
.left-quick a span{display:block;width:100%;text-align:center;}
.left-quick a span.icon{font-size:20px;color:#fff;}
.left-quick a:hover span.icon{color: #ed0104; text-decoration:none}
.left-quick a span.txt{position: absolute;top: 45px;font-size:12px;font-weight:700;color:#fff;}






#footer {background: #000;text-align:center;position: relative;width:100%;min-width:1140px;}
.footer-tp{height: 97px;font-size:0;padding-top: 20px;border-bottom: 1px solid #313133;border-top: 1px solid #303032;}
.footer-tp a{margin: 0 35px;}
.footer-tp a.on{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.footer-bt{ background:#1a1a1c; height: 76px;line-height:76px;padding: 0 60px;overflow:hidden;}
.footer-bt .left{float:left;color:#797979;}
.footer-bt .left strong{font-weight:700;color:#bcbcbc;}
.footer-bt .right{float:right;font-size:14px;color:#fff;}
.footer-bt .right img{margin-right:12px;}
.footer-bt .right strong{font-size:18px;}

.mobileview a{width: 137px;height: 39px;line-height: 39px;text-align:center;background: #27272a;border: 1px solid #313133;color: #828282;border-radius: 5px;}

@media screen and (max-width:1780px){
	.header-bt-rt a{padding-left: 10px;}
	.header-bt-rt a:first-child{padding-right: 10px;}
}
@media screen and (max-width:1700px){
	.nav{}
	.nav > ul > li{margin-left: 10px;}
	.header-tp-lf{width: 35%;}
	.header-tp-lf .notice{/* width: 100%; */padding-left:30px;white-space: nowrap;/* overflow: hidden; *//* text-overflow: ellipsis; */}
	.header-tp-rt{margin-right:30px;}
	.header-tp-rt ul > li{padding: 0 4px;}
	.logo{left:30px;}
	.header-bt-rt{right:30px;}
	.header-bt-rt a:first-child{/* margin-right:15px; */}
}
@media screen and (max-width:1500px){
	.nav{}
	.nav > ul > li{margin-left: 10px;}
	.header-tp-lf{width: 35%;}
	.header-tp-lf .notice{/* width: 100%; */padding-left:30px;white-space: nowrap;/* overflow: hidden; *//* text-overflow: ellipsis; */}
	.header-tp-rt{margin-right:30px;}
	.header-tp-rt ul > li{padding: 0 4px;}
	.logo{left:30px;}
	.header-bt-rt{right:30px;}
	.header-bt-rt a:first-child{/* margin-right:15px; */}
}
@media screen and (max-width:1300px){
	.nav > ul > li{margin-left:5px;}
	.nav > ul > li > a{font-size:17px;}
}