@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';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    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;}

/*#header{width:100%;position: relative;z-index: 1;text-align: center;background: #000000;min-width:1364px}*/
#header{width:100%;position: fixed;top:0px; z-index: 1;text-align: center;background: #000000;min-width:1364px}
.header-tp{width:100%;height: 40px;line-height: 40px;background: #111;border-bottom: 1px solid #737300;min-width:1300px}
.header-tp-cont{ width:100%;display:flex; margin:0 auto; }
.header-tp-lf{float:left;}
.header-tp-lf > div{float:left;}
.header-tp-lf .date{color:#d2d2d2;margin-right:80px;}
.header-tp-lf .notice{color: #a5a5aa;padding-left: 60px;}
.header-tp-lf .notice span{color: #deef1b;}

/* 20201025 */
.login-before{float:right;height: 40px;margin-right: 60px;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, #00b0c8, #772ffc) 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 */

.header-tp-rt{float:right;height: 40px;margin-right: 30px; min-width:1000px}
.header-tp-rt ul{float:left;}
.header-tp-rt ul:first-child{margin-left:0;background:none;}
@media screen and (max-width:1280px){
	.header-tp-rt ul > li{float:left;color: #ffb900;padding: 0 15px;border-right: 1px solid #272f4b;}
}
@media screen and (min-width:1281px){
	.header-tp-rt ul > li{float:left;color: #ffb900;padding: 0 20px;border-right: 1px solid #272f4b;}
}

.header-tp-rt ul.ul1 > li{/* margin-left: 15px; */}
.header-tp-rt ul.ul1 > li:first-child{margin-left:0;}
.header-tp-rt ul.ul2 > li{/* margin-left: 20px; */}
.header-tp-rt ul.ul2 > li:first-child{border-left: 0;}
.header-tp-rt ul.ul2 > li:first-child .iconfont{font-size: 21px;vertical-align: middle;margin-right: 5px;}
.header-tp-rt ul > li:first-child{/* padding-left:0; */background:none;border-left: 1px solid #2e2c44;}
.header-tp-rt ul > li:last-child{/* padding-right:0; */}
.header-tp-rt ul > li .yellow{color: #e5e750;}
.header-tp-rt ul > li .white{color: #fff;}
.header-tp-rt ul > li .iconfont{margin-right:5px;vertical-align:middle;;}
.header-tp-rt ul > li .purple{color: #a5a5aa;vertical-align: middle;}
.header-tp-rt ul > li .purple i{font-size: 14px;color: #ffffff;}
.header-tp-rt ul > li .dark-purple{color: #a5a5aa;vertical-align: middle;}
.header-tp-rt ul > li .dark-purple i{font-size: 14px;color: #ffffff;}
.header-tp-rt ul > li span.blue{color: #7599eb;}
.header-tp-rt ul > li span.green{color: #a2e00e;}
.header-tp-rt ul > li span.red{color:#f95157;}
.header-tp-rt ul > li .point{height: 22px;line-height: 22px;background: #2b50ff;font-weight: 700;color: #fff;margin-left: 10px;padding: 0 7px;}
.header-tp-rt ul > li a.tp-btn{margin:0 12px 0 6px;}
.header-tp-rt ul.ul3 > li{/* margin-left: 15px; */}
.header-tp-rt ul.ul3 > li:last-child{border-right: 0;padding-right: 0;}

.header-bt{ display:flex;width:100%; height: 90px;flex-direction: row;position: relative;text-align: center; }

.nav{}
.nav::after{content:"";display:block;clear:both;}
.nav > ul > li{position:relative;margin-left: 30px;display: inline-block;}
.nav > ul > li:first-child{margin-left:0;}
.nav > ul > li > a{font-size: 18px;color: #ffffff;line-height: 40px;margin-right: 30px;}
.nav > ul > li > a:hover, 
.nav > ul > li > a.on{color: #f1d721;}

@media screen and (max-width:1280px){
	.header-bt-ct{
		height: 90px;
	}

	.logo{ width:150px; max-width:150px; margin:auto 0;}
	.logo img{width: 120px;}
	.nav > ul > li > a{font-size: 18px;color: #ffffff;line-height: 40px;margin-right: 10px;}
}
@media screen and (min-width:1281px){
	.header-bt-ct{
		width:calc(100% - 100px);
		min-width:1230px;
		height: 90px;
	}
	.logo{ width:200px; max-width:200px; margin:auto 0;}
	.logo img{width: 120px;}
	.nav > ul > li > a{font-size: 18px;color: #ffffff;line-height: 40px;margin-right: 30px;}
}

.nav > ul > li > .deph2{display:none;position:absolute;top: 38px;left: -10px;z-index: 1;width: 200px;padding: 12px 0;background: #030303;border: 1px solid #737300;box-shadow: 0px 5px 20px rgba(19, 154, 210, 0.35);}
.nav > ul > li > .deph2::before{display: none;content:"";position: absolute;top: -6px;left: 27px;background: url(../images/common/menu_icon.png) no-repeat;width: 14px;height: 6px;}
.nav > ul > li > .deph2 > li{margin-top: 6px;line-height: 20px;text-align: left;}
.nav > ul > li > .deph2 > li:first-child{margin-top:0;}
.nav > ul > li > .deph2 > li > a{display: block;font-size: 14px;font-weight: 700;color:#fff;padding: 0px 25px;height: 40px;line-height: 40px;}
.nav > ul > li > .deph2 > li > a:hover{/* background: #2d3e51; */text-decoration: underline;color: #139ad2;}

.nav2{}
.nav2::after{content:"";display:block;clear:both;}
.nav2 > ul > li{position:relative;margin-left: 20px; border: 2px solid #EFDC82; width: 120px; border-radius: 20px; background-color: #51372b; line-height: 3px;padding-top: 3px;background: rgb(167,128,0);background: radial-gradient(circle, rgba(107,82,0,1) 50%, rgba(0,0,0,1) 100%); display: inline-block;}
.nav2 > ul > li:first-child{margin-left:0;}
.nav2 > ul > li > a{font-size: 14px;color: #ffffff;line-height: 30px;}
.nav2 > ul > li > a:hover, 
.nav2 > ul > li > a.on{color: #f1d721;}

.nav2 > ul > li > .deph2{display:none;position:absolute;top: 73px;left: -10px;z-index: 1;width: 200px;padding: 12px 0;background: #030303;border: 1px solid #737300;box-shadow: 0px 5px 20px rgba(19, 154, 210, 0.35);}
.nav2 > ul > li > .deph2::before{display: none;content:"";position: absolute;top: -6px;left: 27px;background: url(../images/common/menu_icon.png) no-repeat;width: 14px;height: 6px;}
.nav2 > ul > li > .deph2 > li{margin-top: 6px;line-height: 20px;text-align: left;}
.nav2 > ul > li > .deph2 > li:first-child{margin-top:0;}
.nav2 > ul > li > .deph2 > li > a{display: block;font-size: 14px;font-weight: 700;color:#fff;padding: 0px 25px;height: 40px;line-height: 40px;}
.nav2 > ul > li > .deph2 > li > a:hover{/* background: #2d3e51; */text-decoration: underline;color: #139ad2;}

.header-bt-rt{ width:300px;max-width:300px;margin:auto 0; padding-right:20px;}
.header-bt-rt a{position:relative;display:inline-block;box-sizing: border-box;padding-left: 30px;}
.header-bt-rt a:first-child{padding-right: 30px;}
.header-bt-rt a:first-child::after{content:"";position:absolute;top: calc(50% - 17px);right:0;width:1px;height:35px;background:#2e2c44;}
.header-bt-rt a span{text-align:center;vertical-align: middle;}
.header-bt-rt a span.iconfont{font-size: 45px;color: #fff;width: 100%;margin-right: 10px;}
.header-bt-rt a span.tit{font-size: 17px;color: #fff;}
.header-bt-rt a:hover span.iconfont{color: #f1d721;}
.header-bt-rt a:first-child span.iconfont{font-size: 49px;}
.header-bt-rt a:first-child span.tit{}

.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;}
.left-quick a span.txt{position: absolute;top: 45px;font-size:12px;font-weight:700;color:#fff;}





.top{display: none;position:fixed;bottom: 100px;right: 50%;z-index: 1;margin-right: -899px;}


#footer {background: #1a1a1c;text-align:center;position: relative;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{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;}