.skip{color: #fff;background: #000;text-align: center;width: 100%;height:50px;display: block;
	line-height: 50px;position: absolute;left:0;top: -100px;transition: 0.35s;}
/*.skip:after{content: '';border-style: solid;border-width: 0.7em;
border-color: #000 transparent  transparent  transparent;
position: absolute;bottom: 0;top: 100%;left: 50%;transform: translateX(-50%);}*/
.skip:focus{top: 0;}
body{font-family: 'Hepta Slab', serif;font-family: 'Nanum Gothic', sans-serif;}
/*header*/
header{width: 100%;background:#fff;box-shadow: 0 0 5px rgba(0,0,0,0.5);height: 90px;z-index: 888;
border-bottom: 3px solid #82caf3;}
header h1{position: absolute;left: 50px;top:12px;padding-top: 7px;}
header h1 a{width: 194px;height: 51px;display: block;color: transparent;
background-image: url(../images/logo2.png);text-indent: -999px;}

/*Gnb*/
header .gnb{text-align: center;}
header .gnb > ul > li{display: inline-block;position: relative;}
header .gnb > ul > li > a{display: block;padding: 0 25px;height: 90px;font-size: 17px; color: #696666;
line-height: 90px;font-weight: bold;
}
header .gnb ul ul{display: none;position: absolute;left: -50%;top: 90px;background: #000;width: 200%;z-index: 98;
}
header .gnb ul ul li{padding: 20px 30px;}
header .gnb ul ul li a{color: #fff;font-size: 13px;}
header .gnb ul ul li:hover a{color: darkorange;}
header .gnb ul ul li a:after{position: relative;content: '';display: block;width: 0;height: 2px;background:#fff;
	bottom: -10px;transition: 0.2s;}

header .gnb ul ul li:hover a:after{width: 100%;}
header .gnb >ul > li:after{
	display: none;content: '';border-style: solid;border-width: 0.5em;
	border-color: #fff transparent transparent transparent;
	position: absolute; top: 100%;left: 50%;transform: translateX(-50%);z-index: 99;}
header .gnb > ul > li:hover > a{color: darkorange;}
header .gnb > ul > li:hover ul{display: block;}
header .gnb > ul > li:hover:after{display: block;}


/*btn_all_menu*/
header .btn_all_menu{display: none;position:absolute;right: 50px;top: 0;z-index: 400;width: 50px;height: 50px;
line-height: 90px;cursor: pointer;}
header .btn_all_menu:after{display: block;content: '\e91c';font-family: 'xeicon';font-size: 50px;}

/*visual*/
/*.visual{
	position: relative;margin-bottom: 25px;
	visibility: hidden;
	padding-top: 90px;
}*/
.visual{position: relative;overflow: hidden;visibility: hidden;}

.visual .slider img{width: 100%;height: 100%;}
.visual .imgDesc h1{font-size: 3.5em;white-space: nowrap;letter-spacing: 5px;
	margin-bottom: 1.5em;margin-top:-60px;opacity: 0;
transition: 0.7s;}
.visual .imgDesc h1 strong{color: #50b5bf;}
.visual .imgDesc span{position:relative;font-size: 1.2em;line-height: 1.6em;white-space: nowrap;
   top: 60px;opacity: 0;transition: 0.8s;
}
.visual .slider li.active .imgDesc{
	opacity: 1;
}
.visual .slider li.active .imgDesc h1{
	opacity: 1;
	margin-top: 0;
}
.visual .slider li.active .imgDesc span{
	opacity: 1;
	top: 0;
}
.visual .imgDesc{position: absolute;top: 50%;left:50%;color: #fff;opacity: 0;
	transform: translate(-50%,-50%);border: 1px solid #fff;padding: 2em;border-radius: 2em;
	background-color: rgba(255,255,255,0.1);text-align: center;transition: 0.5s;}

.imageShadow{background: url(../images/shadow.png)no-repeat;background-size: 100%;height: 60px;}

.empty{position: absolute;}
/* next ,prev*/
.bx-controls-direction a{
	display:block;font-size: 50px;color: #fff;width: 50px;height: 50px;overflow: hidden;
}
.bx-controls-direction .bx-prev{
	position: absolute;top: 50%;left: 0;transform: translateY(-50%);
}
.bx-controls-direction .bx-next{
	position: absolute;top: 50%;right: 0;transform: translateY(-50%);
}

.bx-controls-direction .bx-prev:before{
	content: '\e93b';
	font-family: xeicon;
}
.bx-controls-direction .bx-next:before{
	content: '\e93e';
	font-family: xeicon;
}
/* play ,pause*/
.bx-wrapper{
	position: relative;
}
.bx-controls-auto{
	position: absolute;left: 0;bottom:0;margin-bottom: 10px;
}
.bx-controls-auto .bx-controls-auto-item{
	display: inline-block;
}
.bx-controls-auto .bx-controls-auto-item .bx-start:before{
	content: '\ea3e';
	font-family: xeicon;
}
.bx-controls-auto .bx-controls-auto-item .bx-stop:before{
	content: '\ea3b';
	font-family: xeicon;
}

.bx-controls-auto .bx-controls-auto-item a{
	display: block;color: #fff;width: 16px;height: 16px;overflow: hidden;opacity: .5;
}
.bx-controls-auto .bx-controls-auto-item a.active{opacity: 1}
/*pagesing*/
.bx-pager {position: absolute;width: 100%;text-align: center;bottom:7px;}
.bx-pager div{display: inline-block;left: 0;padding:0 3px;}
.bx-pager div a{display: block;width:20px;height: 3px;background: #fff;color: transparent;opacity: .5;}
.bx-pager div a.active{opacity: 1;}


/*main_icon_list*/
.main_icon_list{background: #fff;padding: 20px;}
.main_icon_list ul{width: 100%;display: inline-flex;height: 150px;border-radius: 10px;}
.main_icon_list ul li{position: relative;flex:1;background: #f0f2f3;padding: 0 20px;margin: 0 20px;
list-style: none;}
.main_icon_list ul li a .icon_box { position: absolute;
width: 45%;height: 100%;left: 0;top: 0; background-color: #e8eaeb;background-repeat: no-repeat;background-position: center center;background-size: 50%;
}
.main_icon_list ul li:nth-child(1) a .icon_box{background-image: url(../images/main_icon1.png)}
.main_icon_list ul li:nth-child(2) a .icon_box{background-image: url(../images/main_icon2.png)}
.main_icon_list ul li:nth-child(3) a .icon_box{background-image: url(../images/main_icon3.png)}
.main_icon_list ul li a .txt_box{position: absolute;top: 50%;left: 41%;transform:translateY(-50%);right: 10px;color: #000;}
.main_icon_list ul li a .txt_box strong{display: block;font-weight: bold;line-height: 24px;
margin-bottom: 20px; }
.main_icon_list ul li a .txt_box p{margin-bottom: 20px; }
.main_icon_list ul li a .txt_box span ,em{font-size: 12px;color: #c50e0e;}
.main_icon_list ul li a .number{position: absolute;font-size: 100px;top:50%;right: 0;
color: #86754d;opacity: .1;transform: translateY(-50%);}

/*main_introduce_list*/
.main_introduce_list{width: 100%;}

.main_introduce_list h1{position: relative;font-size: 30px;line-height: 100px;
	margin-left: 20px;}
.main_introduce_list h1:before{content: '';position: absolute;display: block;width: 10px;height: 10px;
background: red;left: 5px;top:20px;}


.main_introduce_list ul{display: flex;justify-content: center;flex-wrap: wrap;}
.main_introduce_list ul li{list-style: none;position: relative;width: 370px;height: 270px;
	overflow: hidden;margin:5px;}
.main_introduce_list ul li span{position: absolute;top: 100%;left: 0;right: 0;bottom: 0;top: 0;
	text-align: center;line-height: 45px;background: rgba(0,0,0,0.5);color: #fff;transition: 0.5s;
	font-size: 15px;font-weight: bold;}
.main_introduce_list ul li:hover span{top: 0;bottom: 0;}


/*Support*/
.mainSec{width: 100%;margin-bottom: 40px;}
.mainSec .main_top{margin-top: 30px 0;}
.mainSec .main_top h1{position: relative;font-size: 30px;line-height: 100px;
	margin-left: 20px;}
.mainSec .main_top h1:before{content: '';position: absolute;display: block;width: 10px;height: 10px;
background: red;left: 5px;top:20px;}
.mainSec .main_top .main_txt_box a{float: right;margin-right: 20px;font-size: 12px;color: #666;
transform: translateY(18px);}
.mainSec .main_top:after{content: '';display: block;clear: both;}

.mainSec .container{display: flex;justify-content:center;flex-wrap: wrap;}
.mainSec .container .thumbBox{position: relative;width: 300px; height: 150px;margin: 10px;
	overflow: hidden;}

.mainSec .container .thumbBox img{position: absolute;transition-duration: 0.5s;top: 50%;
	transform: translateY(-50%);display: none;}
.mainSec .container > div:hover .thumbBox img{transform: scale(2) translateY(-25%);}
.mainSec .container .txt_box{padding-left: 10px;}
.mainSec .container strong{display: block;font-size: 16px;line-height: 24px;color: #1c3d6e;}
.mainSec .container p{font-size: 14px;line-height: 22px;color: #000;margin: 12px 0 24px;}
.mainSec .container span{display: inline-block;font-size: 12px;color: #666;line-height: 15px;}
vertical-align: top;}




/*Authenticity*/
.Authenticity{background: #f0f2f3;}
.Authenticity h1{position: relative;font-size: 30px;margin-left: 20px;line-height: 100px;}
.Authenticity h1:before{content: '';position: absolute;display: block;width: 10px;height: 10px;
background: red;left: 5px;top:20px;}
/*.Authenticity .inner{background: #d8d8d8}*/
.Authenticity .inner ul{display: flex;padding-bottom: 30px;justify-content: center;flex-wrap: wrap;}
.Authenticity .inner ul li{position: relative;list-style: none;width: 200px;padding: 0 10px;
}
.Authenticity .inner ul li:after{content: '';display: block;position: absolute;width: 200px;height: 20px;
bottom:-18px;background: #000;box-sizing: border-box;z-index: 40;}
.Authenticity .inner ul li .videoBox{position: relative;overflow: hidden;
box-shadow: 0 0 30px rgba(0,0,0,.1)}
.Authenticity .inner ul li .videoBox:after{content: '';position: absolute;
background-image: url(../images/icon_play.png);background-repeat: no-repeat
;top: 50%;left: 50%;width: 90px;height: 90px;transform: translate(-50% , -50%);}
.Authenticity .inner ul li a:hover img{transform: scale(2);}
.Authenticity .inner ul li p{position: absolute;bottom: -24px;margin: 5px 0;font-size: 12px;line-height: 24px;
	color:#fff;z-index: 50;left: 50%;transform: translateX(-50%);
}
.Authenticity .inner ul li img{width:100%;transition: all 0.35s;background-position: center center;
	box-sizing: border-box;}

/*footer*/
footer{display: inline-block;text-align: center;
	background:#282828;width: 100%;overflow: hidden;box-sizing: border-box;}
footer .copy{color:#fff;}
footer .footer_tit{display:block;font-size: 20px;margin:10px 0;}
footer ul li{list-style: none;margin:10px;}
footer ul li p{margin:5px;font-size: 13px}

/*aside Menu*/
.asideGnb{display: none;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.5);width: 100%;height: 100%;}
.asideGnb .bg{position: absolute;width: 100%;height: 100%;background: #fff;left: -250px;}
.asideGnb .close{position: absolute;left:-250px;top: 10px;cursor: pointer;width: 30px;height: 30px;
z-index: 500;opacity: .5}
.asideGnb .close:after{position: relative;display: block;content: '\e921';font-family: 'xeicon';font-size: 30px;
}
.asideGnb .gnb{position: absolute;top: 80px;width: 230px;left: -250px;}
.asideGnb h1{position: absolute;left: 10px;top:0;padding-top: 7px;left: -250px;}
.asideGnb h1:after{content: '';display: block;width: 250px;height: 1px;background: #666;
margin:10px 0 0 -10px;box-shadow: 0 0 5px 0 rgba(0,0,0,.5)}
.asideGnb h1 a{width: 54px;height: 51px;display: block;color: transparent;
background-image: url(../images/logo.jpg);text-indent: -999px;}
.asideGnb .gnb ul ul{display: none;}
.asideGnb .gnb > ul > li{width: 100%;padding: 0;margin: 0;border-bottom: 1px solid #ddd;}
.asideGnb .gnb > ul > li > a{display: block;height: 30px;font-size: 13px; color: #000;
line-height: 40px;padding: 10px;}

.asideGnb .gnb ul ul li a{display: block;color: #000;font-size: 12px;padding: 10px;margin: 1px 10px;}
.asideGnb .gnb > ul > li>a:after{display: none;position: relative;content: '\e914';display: block;font-family: 'xeicon';
font-size: 20px;;color: #666;left: 190px;top: -40px;}
.asideGnb .gnb > ul > li.on > a{color: darkorange;}
.asideGnb .gnb > ul > li.on > a:after{color: darkorange;}
.asideGnb .gnb > ul > li.active > a{color: darkorange;background: #000;}
.asideGnb .gnb > ul > li.active > a:after{color: darkorange;content: '\e91b';}
.asideGnb  .gnb > ul > li.active ul{display: block;}
.asideGnb .gnb ul ul li:hover a{color: #fff;background: #000;}


/*btn_all_menu*/
header .btn_all_menu{display: none;position:absolute;right: 50px;top: 0;z-index: 400;width: 50px;height: 50px;
line-height: 90px;cursor: pointer;}
header .btn_all_menu:after{display: block;content: '\e91c';font-family: 'xeicon';font-size: 50px;}

@media screen and (max-width: 1530px){
	header .gnb{display: none;}
	header .btn_all_menu{display: block;}
}
@media screen and (max-width: 1200px){
	.visual .imgDesc h1{font-size: 2.5em;}
	.visual .imgDesc span{font-size: 20px;left:0px;}
}
@media screen and (max-width: 1100px){
	.visual .imgDesc h1{font-size: 2em;}
	.visual .imgDesc span{font-size: 18px;left:0px;}
}
@media screen and (max-width: 980px){
	.visual .imgDesc h1{font-size: 1.5em;}
	.visual .imgDesc span{font-size: 16px;left:0px;}
}
@media screen and (max-width: 870px){
	.visual .imgDesc h1{font-size: 1.2em;}
	.visual .imgDesc span{font-size: 14px;left:0px;}
}

@media screen and (max-width: 800px){
	.visual .imgDesc{top: 50%;left: 50%;transform:translateY(-50%)translateX(-50%);padding:.5em;}
	.visual .imgDesc span{font-size: 15px;display: none;}
	.visual .imgDesc h1{font-size: 30px;margin: 0}

}
@media screen and (max-width: 600px){
	
	.visual .imgDesc h1{font-size: 30px;}
	
}
@media screen and (max-width: 450px){
	.visual .imgDesc{top: 50%;left: 50%;transform:translateY(-50%)translateX(-50%);}
	.visual .imgDesc h1{font-size: 17px;}
	.visual .imgDesc span{/*font-size: 10px;line-height: 15px;top: 0px;*/display: none;}
	.visual .bx-wrapper .bx-viewport{height: 300px;}
	footer ul li p {font-size: 12px;}
	header{height: 60px;}
	header h1 {left: 5px;padding-top: 4px;top: 6px;}
header h1 a{width: 152px;height: 40px;background-image: url(../images/logo_moblie.png);}
	input[id="menuicon"] + label {top: 30px;right: -40px;}
	header .btn_all_menu{right: 10px;line-height: 60px;}
}
/*media*/
/*@media screen and (max-width: 960px) {
	.gnb{
		display: none;
	}
	header{
		height: 45px;
	}
	header h1{
		padding-top: 2px;
	}

	.visual{
		padding-top: 45px;
	}
	header h1 a{
		background-image: url(../images/logo_small.png); 
		background-repeat: no-repeat;
	}
	input[id="menuicon"] + label{
		top: 0;
		transform: translateY(50%);
	}
}*/

/*visual old*/
/*.visual{
	padding: 0 50px;position: relative;
}
.visual .con > div{
	height: 690px;
}
.visual .con .slide{
	background :url(../images/mv02.jpg) no-repeat center;
	color: #fff;font-size: 32px;
}
.visual .con .slide p{
	font-size: 20px;
}
.visual .con .slide .txt{
	position: absolute;top:77px;left: 50%;
}

.visual .next ,
.visual .prev{
	display:block;position: absolute;width: 22px;height: 38px;
	color: transparent;top: 50%;transform: translateY(-50%);
}
.visual .next{
	background: url(../images/slick-arrow_next.png) no-repeat;
	right: 82px;
}
.visual .prev{
	background: url(../images/slick-arrow_prev.png) no-repeat;
	left: 82px;
}

.visual .control{
	position: absolute;left: 0;bottom: 40px; text-align: center;width: 100%;
}
.visual .control > div {
	display: inline-block;position: relative;padding:0 45px 0 0;
}

.visual .control > div > div{
	position: absolute;right:0;
}

.visual .control a{
	color: transparent;
}
.visual .control ul{
	position: relative;
	font-size: 0;
	display: inline-block;
}
.visual .control li{
	display: inline-block; padding: 0 3px;
}
.visual .control li.on a{
	background:rgba(255,255,255,1);
}
.visual .control li a{
	display: block;width: 30px;height: 3px;background:rgba(255,255,255,0.5);
}

.visual .control > div > div  a{
	display: inline-block;
	width: 8px;height: 9px;overflow: hidden;
	cursor: pointer;margin : 0 0 0 7px;
	opacity: .5;
}
.visual .control > div > div  a.on{
	opacity: 1
}

.visual .control > div > div  a.play{
	background: url(../images/play.png)no-repeat center;
}
.visual .control > div > div  a.pause{
	background: url(../images/pause.png)no-repeat center;
}*/

/*.visual .control  a{
	border : 1px solid red;
}

.visual .control > div > ul > li a{
	border : 1px solid blue;
}*/