.main-header{position:absolute;top:0;left:0;width:100%;}
#container{ }
.main-container{/* max-width: 1800px; */margin: 0 auto;padding: 30px 0;min-width: 1200px; /*background: #222;*/ position: relative;}

.main-floor1{position:relative;margin: 0 auto 20px;background-size: cover;text-align: center;max-width: 1800px;}
.main-visual{margin: 0 auto;border: 1px solid #f13fcf;border-image: linear-gradient(to right, #00b0c8,#772ffc) 10;}
.main-visual .visual-txt{position:absolute;top: 0;left: 4%;width: 37%;height: 100%;}
.main-visual .visual-txt p{display: table;height: 100%;}
.main-visual .visual-txt span{display: table-cell;vertical-align: middle;}
.main-visual .visual-txt img{max-width:100%;width: auto;}
.bx-wrapper{position:relative;padding:0;*zoom:1;text-align:center;}
.bx-wrapper img{max-width:100%;width: 100%;vertical-align: top;}
.bxslider li a > img{}
.bxslider li a.on > img{animation:animar_fondo 50s linear infinite alternate;}
@keyframes animar_fondo2 {
	from {transform: scale(1.5) translate(50px);}
	to {transform: scale(1.0) translate(0px);}
}

.bx-wrapper .bx-viewport{/* left:-5px; */}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom: 48px;right: 60px;height: 15px;text-align: center;}
.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align: right;color:#666;padding-right: 30px;display: none;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display: block;*zoom:1;*display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;font-size: 0;display:block;width: 14px;height: 14px;margin: 0 4px;outline:0;-moz-border-radius:5px;background: url(/img/slide_off.png) no-repeat;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff;background: url(/img/slide_on.png) no-repeat;}
.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{/* position:absolute; *//* top:50%; *//* margin-top:-16px; */outline:0;width: 8px;height: 14px;text-indent:-9999px;z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;display:block;padding:10px}

.main-floor1 .main-visual{position: relative;width: 100%;}
.main-floor1 .main-visual .banner-count{position: absolute;right: 100px;bottom: 42px;}
.main-floor1 .main-visual .banner-count > span{float: left;display: block;color: #fff;font-size: 18px;line-height: 24px;}
.main-floor1 .main-visual .banner-count > span#banner-index{font-weight: 700;}
.main-floor1 .main-visual .banner-count > span#banner-total{position: relative;font-weight: 400;padding-left: 7px;}
.main-floor1 .main-visual .banner-count > span#banner-total::before{content:"/";position:absolute;left: 0;font-size: 17px;}
.main-floor1 .main-visual .bx-controls-direction{float: left;overflow: hidden;position: absolute;bottom: 48px;right: 78px;width: 92px;}
.main-floor1 .main-visual .bx-controls-direction a{float: left;display: block;font-size: 0;width: 8px;height: 14px;}
.main-floor1 .main-visual .bx-controls-direction .bx-prev{background: url('/img/left.png') no-repeat;float: left;}
.main-floor1 .main-visual .bx-controls-direction .bx-next{background: url('/img/right.png') no-repeat;margin: 0 5px;float: right;}
.main-floor1 .main-visual .bx-controls-auto{float: left;}
.main-floor1 .main-visual .bx-controls-auto a{display: block;font-size:0;width: 10px;height: 15px;}
.main-floor1 .main-visual .bx-controls-auto a.bx-stop{background: url('/img/stop.png') no-repeat;}
.main-floor1 .main-visual .bx-controls-auto a.bx-start{background:url('/img/slides_start.png') no-repeat;display: none;}
.main-floor1 .main-visual .bx-controls-auto a.active{/* display: none; */}
.go-btn2 {display:inline-block; width:170px;font-weight: 700;padding:10px;color: #fff;background: #262628;}
.go-btn2 {background: #df9700;color: #111;}

.bxslider li a{display:block;}

.main-floor2{max-width: 1600px;/* height: 240px; */margin: 0px auto;}
.main-floor2 > ul{margin-left: -20px;overflow: hidden;}
/*.main-floor2 > ul > li{float: left;width: calc(100% / 6 - 20px);margin-left: 20px;padding: 1px;height: 280px;background: linear-gradient(45deg, #00b0c8, #772ffc);}*/
.main-floor2 > ul > li a{color: #fff;display: block;padding-top: 48px;padding: 48px 30px 0;position: relative;height: 100%;background-size: 100% 100% !important;transition:all 0.3s ease;}
.main-floor2 > ul > li i.iconfont{position:absolute;right:30px;;color:#73738b;}

.main-floor2 > ul > li{float: left;width: calc(100% / 5 - 20px);margin-left: 20px;padding: 1px;height: 280px;background: #39e5b3;}
.main-floor2 > ul > li:hover a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(1, 10, 43, 0.4);z-index: 0;}
.main-floor2 > ul > li:hover a::after{content:"";position:absolute;top: -1px;left: -1px;width: calc(100% + 2px);height: calc(100% + 2px);border: 2px solid #f13fcf;border-image: linear-gradient(45deg, ##39e5b3, ##39e5b3) 10;box-sizing: border-box;}
.main-floor2 > ul > li:hover a{background-size: 120% 120% !important;}

.main-floor2 > ul > li p.tit{font-size: 24px;font-weight: 700;color: #ebebeb;position: relative;}
.tit_ban { display:inline-block; width:170px; background-color:rgb(0,0,0,0.7); padding:10px; }
.main-floor2 > ul > li p.cont{font-size: 18px;font-family: 'MICEGothic Bold';position:absolute;width:100%;left:0px;bottom:0px;height:60px;background-color:#222;line-height:22px;padding-top:20px;display:inline-block;text-align:center;}
.main-floor2 > ul > li span.go-btn{position: absolute;left: 30px;right: 30px;bottom: 40px;height: 48px;line-height: 48px;text-align: center;font-size: 14px;font-weight: 700;color: #fff;background: #262628;}
.main-floor2 > ul > li:nth-child(1) a{background: url(/img/finports_main1.jpg) no-repeat center center;}
.main-floor2 > ul > li:nth-child(2) a{background:url(/img/finports_main2.jpg) no-repeat center center;}
.main-floor2 > ul > li:nth-child(3) a{background:url(/img/finports_main3.jpg) no-repeat center center;}
.main-floor2 > ul > li:nth-child(4) a{background:url(/img/lte_main4.jpg) no-repeat center center;}
.main-floor2 > ul > li:nth-child(5) a{background:url(/img/finports_main5.jpg) no-repeat center center;}
.main-floor2 > ul > li:nth-child(1) i{font-size: 45px;top: 40px;}
.main-floor2 > ul > li:nth-child(2) i{font-size: 32px;top: 44px;}
.main-floor2 > ul > li:nth-child(3) i,
.main-floor2 > ul > li:nth-child(6) i{top: 49px;}
.main-floor2 > ul > li:nth-child(4) i{font-size: 35px;top: 42px;}
.main-floor2 > ul > li:nth-child(5) i{font-size: 44px;top: 37px;}
.main-floor2 > ul > li a:hover span.go-btn{background: #df9700;color: #111;}



@media screen and (max-width:1560px){
	
	.main-floor2 > ul > li:nth-child(3) i,
	.main-floor2 > ul > li:nth-child(6) i{display:none;}

	.main-floor2 > ul{margin-left:-10px;}
	.main-floor2 > ul > li{width:calc(100% / 5 - 20px);margin-left:10px;}
	.main-floor2 > ul > li p.cont{letter-spacing:-1px;}

}

.main-floor3{max-width: 1600px;/* height: 240px; */margin: 0px auto;}
.main-floor3 > ul{margin-left: -20px;overflow: hidden;}
/*.main-floor3 > ul > li{float: left;width: calc(100% / 6 - 20px);margin-left: 20px;padding: 1px;height: 280px;background: linear-gradient(45deg, #00b0c8, #772ffc);}*/
.main-floor3 > ul > li a{color: #fff;display: block;padding-top: 48px;padding: 48px 30px 0;position: relative;height: 100%;background-size: 100% 100% !important;transition:all 0.3s ease;}
.main-floor3 > ul > li i.iconfont{position:absolute;right:30px;;color:#73738b;}

.main-floor3 > ul > li{float: left;width: calc(100% / 5 - 20px);margin-left: 20px;padding: 1px;height: 280px;background: #39e5b3;}
.main-floor3 > ul > li:hover a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(1, 10, 43, 0.4);z-index: 0;}
.main-floor3 > ul > li:hover a::after{content:"";position:absolute;top: -1px;left: -1px;width: calc(100% + 2px);height: calc(100% + 2px);border: 2px solid #f13fcf;border-image: linear-gradient(45deg, ##39e5b3, ##39e5b3) 10;box-sizing: border-box;}
.main-floor3 > ul > li:hover a{background-size: 120% 120% !important;}

.main-floor3 > ul > li p.tit{font-size: 24px;font-weight: 700;color: #ebebeb;position: relative;}
.tit_ban { display:inline-block; width:170px; background-color:rgb(0,0,0,0.7); padding:10px; }
.main-floor3 > ul > li p.cont{font-size: 18px;font-family: 'MICEGothic Bold';position:absolute;width:100%;left:0px;bottom:0px;height:60px;background-color:#222;line-height:22px;padding-top:20px;display:inline-block;text-align:center;}
.main-floor3 > ul > li span.go-btn{position: absolute;left: 30px;right: 30px;bottom: 40px;height: 48px;line-height: 48px;text-align: center;font-size: 14px;font-weight: 700;color: #fff;background: #262628;}
.main-floor3 > ul > li:nth-child(1) a{background: url(/img/kor_rul.jpg) no-repeat center center;}
.main-floor3 > ul > li:nth-child(2) a{background:url(/img/kor_ba.jpg) no-repeat center center;}
.main-floor3 > ul > li:nth-child(3) a{background:url(/img/kor_ba2.jpg) no-repeat center center;}
.main-floor3 > ul > li:nth-child(4) a{background:url(/img/kor_sblack.jpg) no-repeat center center;}
.main-floor3 > ul > li:nth-child(5) a{background:url(/img/kor_pblack.jpg) no-repeat center center;}
.main-floor3 > ul > li:nth-child(1) i{font-size: 45px;top: 40px;}
.main-floor3 > ul > li:nth-child(2) i{font-size: 32px;top: 44px;}
.main-floor3 > ul > li:nth-child(3) i,
.main-floor3 > ul > li:nth-child(6) i{top: 49px;}
.main-floor3 > ul > li:nth-child(4) i{font-size: 35px;top: 42px;}
.main-floor3 > ul > li:nth-child(5) i{font-size: 44px;top: 37px;}
.main-floor3 > ul > li a:hover span.go-btn{background: #df9700;color: #111;}


@media screen and (max-width:1560px){
	
	.main-floor3 > ul > li:nth-child(3) i,
	.main-floor3 > ul > li:nth-child(6) i{display:none;}

	.main-floor3 > ul{margin-left:-10px;}
	.main-floor3 > ul > li{width:calc(100% / 5 - 20px);margin-left:10px;}
	.main-floor3 > ul > li p.cont{letter-spacing:-1px;}

}

.main-floor4{max-width: 1600px;/* height: 240px; */margin: 0px auto;}
.main-floor4 > ul{margin-left: -20px;overflow: hidden;}
/*.main-floor4 > ul > li{float: left;width: calc(100% / 6 - 20px);margin-left: 20px;padding: 1px;height: 280px;background: linear-gradient(45deg, #00b0c8, #772ffc);}*/
.main-floor4 > ul > li a{color: #fff;display: block;padding-top: 48px;padding: 48px 30px 0;position: relative;height: 100%;background-size: 100% 100% !important;transition:all 0.3s ease;}
.main-floor4 > ul > li i.iconfont{position:absolute;right:30px;;color:#73738b;}

.main-floor4 > ul > li{float: left;width: calc(100% / 5 - 20px);margin-left: 20px;padding: 1px;height: 280px;background: #39e5b3;}
.main-floor4 > ul > li:hover a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(1, 10, 43, 0.4);z-index: 0;}
.main-floor4 > ul > li:hover a::after{content:"";position:absolute;top: -1px;left: -1px;width: calc(100% + 2px);height: calc(100% + 2px);border: 2px solid #f13fcf;border-image: linear-gradient(45deg, ##39e5b3, ##39e5b3) 10;box-sizing: border-box;}
.main-floor4 > ul > li:hover a{background-size: 120% 120% !important;}

.main-floor4 > ul > li p.tit{font-size: 24px;font-weight: 700;color: #ebebeb;position: relative;}
.tit_ban { display:inline-block; width:170px; background-color:rgb(0,0,0,0.7); padding:10px; }
.main-floor4 > ul > li p.cont{font-size: 18px;font-family: 'MICEGothic Bold';position:absolute;width:100%;left:0px;bottom:0px;height:60px;background-color:#222;line-height:22px;padding-top:20px;display:inline-block;text-align:center;}
.main-floor4 > ul > li span.go-btn{position: absolute;left: 30px;right: 30px;bottom: 40px;height: 48px;line-height: 48px;text-align: center;font-size: 14px;font-weight: 700;color: #fff;background: #262628;}
.main-floor4 > ul > li:nth-child(1) a{background: url(/img/Dragon_Tiger.png) no-repeat center center;}
.main-floor4 > ul > li:nth-child(2) a{background:url(/img/furit.jpg) no-repeat center center;}
.main-floor4 > ul > li:nth-child(3) a{background:url(/img/fly_j.jpg) no-repeat center center;}
.main-floor4 > ul > li:nth-child(4) a{background:url(/img/888_Dragons.png) no-repeat center center;}
.main-floor4 > ul > li:nth-child(5) a{background:url(/img/Treasure_Horse.png) no-repeat center center;}
.main-floor4 > ul > li:nth-child(1) i{font-size: 45px;top: 40px;}
.main-floor4 > ul > li:nth-child(2) i{font-size: 32px;top: 44px;}
.main-floor4 > ul > li:nth-child(3) i,
.main-floor4 > ul > li:nth-child(6) i{top: 49px;}
.main-floor4 > ul > li:nth-child(4) i{font-size: 35px;top: 42px;}
.main-floor4 > ul > li:nth-child(5) i{font-size: 44px;top: 37px;}
.main-floor4 > ul > li a:hover span.go-btn{background: #df9700;color: #111;}


@media screen and (max-width:1560px){
	
	.main-floor4 > ul > li:nth-child(3) i,
	.main-floor4 > ul > li:nth-child(6) i{display:none;}

	.main-floor4 > ul{margin-left:-10px;}
	.main-floor4 > ul > li{width:calc(100% / 5 - 20px);margin-left:10px;}
	.main-floor4 > ul > li p.cont{letter-spacing:-1px;}

}


.pointer { cursor:pointer; }

.board-wrap {
    width: 100%;
    height: auto;
    border-top: 1px solid #2b2b2b;
    border-bottom: 1px solid #000000;
    overflow: hidden;
    padding-bottom: 30px;
}

.board-list {
    margin-top: 30px;
    height: auto;
}

.list-b {
    width: 32.2%;
    height: 239px;
    float: left;
    margin-right: 20px;
    background: #262626;
    border: 1px solid #343434;
    border-radius: 8px;
}

.list-b table {
    font-family: dotum;
    margin-left: 25px;
    border-collapse: collapse;
    font-size: 12px;
    color: #fff;
    width: 90%;
}

.list-b table tr {
    border-bottom: 1px solid #373737;
    height: 40px;
    transition-duration: 0.3s;
}

.list-b table tr:hover {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.5);
    transition-duration: 0.3s;
    color: #ffc600;
}

.list-b h1 {
    width: 50%;
    font-size: 18px;
    margin-left: 30px;
    height: 31px;
    margin-top: 20px;
    color: #656565;
}

.list-b h1 span {
    color: #ff003b;
    font-weight: 400;
}

.popup_layer { 
	z-index:10000;
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);	
	overflow:none;
}

.popup_wrapper { 
	display:flex;
	position:absolute;
	width:100%;
	justify-content: center;		
	flex-wrap:wrap;
}

.popup_item { 			
	display:inline-block;
	z-index:10001;
	border:3px solid #0040ff;
	min-width:300px;		
	min-height:200px;

}

.popup_item .popup_title { 			
	padding: 5px;
	font-weight: 600;
	font-size: 20px;
	color: #ffc33b;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.popup_item .popup_content { 
	display:inline-block;
	min-width:300px;
	padding:10px;
	background-color:rgba(0,0,0,0.6);
	color:#fff;
	height: calc(100% - 40px);
}

.popup_item .popup_footer { 		
	display:block;
	position:relative;
	height:40px;
	cursor:pointer;
}
.popup_item .popup_footer i{ 		
	display:inline-block;
	position:absolute;
	top:5px;
	width:20px;
	height:20px;
}
.popup_item .popup_footer span {
	display:inline-block;
	position:absolute;
	top:10px;
	left:50px;
}
.popup_item .popup_footer .popup_dismiss { 
	background-color:#000;
	float:left;
	padding-left:10px;
	width:50%;
	height:100%;
	color:#fff;
	font-size:1.2rem;
}
.popup_item .popup_footer .popup_close { 
	display:inline-block;
	width:50%;
	height:100%;
	background-color:#000;
	text-align:right;
	padding-right:30px;
	color:#fff;
	font-size:1.2rem;
}

.titlebox{position:relative;padding:5px 0 4px 0;}
.titlebox h4{background:#39e5b3;width:130px;height:30px;font-size:18px;font-family:'MICEGothic Bold';text-align:center;color:#000;line-height:30px;border-left:8px solid var(--main-color);}
.titlebox .bt_all{position:absolute;right:0px;top:30px;width:80px;height:32px; line-height: 32px; padding-left: 10px; font-size:14px; font-weight: bold; border: 2px solid #fff; color: #CCC; background: none; border-radius: 5px; min-width: 80px; }
.titlebox .bt_all:hover{ color: #fff; border: 2px solid #FFF;  }