@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
.nanumgothic * { font-family: 'Nanum Gothic', sans-serif; }

a {	
	color:#333333;
	text-decoration:none;
}

a:hover {	
	text-decoration:none;
}


html{
	height: 100%
}
body, html {
    font-family: 'Nanum Gothic', sans-serif;
}
body {
	height: 100%
}

.none{
	display:none;
}

img{
	width:100%;
	vertical-align:top;
}

.top_header{
	width:100%;
	position:relative;
    z-index: 99;
}


.top_header div{
	float:left;
}


#tel_btn{
	width:20%;
}

#menu_btn{
	width:20%;
}

#logo_con{
	width:60%;
}


#menu_bar{
	clear:both;
	width:100%;
	height:2px;
	background-color:#1a2b57;
}




	#nav {  position: fixed; top:0; left:0; width:100%; display:none; z-index:9999; height:110%; min-height:100%; overflow: hidden; }
	#nav ul{ width:100%; margin:0; padding:0; background: #fff; height: 100%; min-height: 100%;}
	#nav ul.menu li{ position:relative; float:left; width:100%; list-style-type:none;  font-size:15px; border-bottom:1px solid #ddd;  }
	#nav ul.menu li a{ display:block; width:100%; line-height:45px; text-indent:20px; color:#444; font-weight:bold; text-decoration:none; background-color:#fff;}
	#nav ul.menu li a:hover{ background:#fff; color:#1a2b57; }
	#nav ul.menu li .sub a{ position:relative; font-size:15px; float:left; display:block; width:100%; z-index:999; background:#eee; list-style-type:disc; color:#777; }
	#nav ul.menu li .sub a:hover{ background:#1a2b57; color:#fff; }
	



	#menu_top{
        width: 100%;
		background-color:#1a2b57;	
		height:99px;
        top: 0px;

	}
	

#company_name a {
    display: block; width: 100%; 
    position: absolute;
    left: 0;
}
#company_name a {
    width: 230px;
}

	#close_btn{
		margin-top:30px;
		margin-right:10px;
		width:30px;
		height:30px;
		float:right;
	}

	#main_con{
		width:100%;
		position:relative;
	}
	
	#main_copy{
		position:absolute;
		top:0;
		left:0;
		z-index:999;
	}
	
    .swiper-container {
        width: 100%;
        padding: 0;
        margin: 0;
        position: relative;
    }
    .swiper-slide {
        
      text-align: center;
      font-size: 18px;
        border: 0;
        padding: 0;
        margin: 0;        
    }



.swiper2 {
    position: relative;
    outline: none;
}



.swiper-button-next {
    width: 6%;
    background: url(../img/arrow.png) no-repeat 0 0;
    padding: 0;
    margin: 0;
    z-index: 99999;
    right: 10.4%;
    top: 86%;   
}
.swiper-button-prev {
    width: 6%;
    background: url(../img/arrow.png) no-repeat -54px 0;
    padding: 0;
    margin: 0;
    z-index: 99999;
    right: 4.6%;
    top: 86%;
}	

#icon_con{
	position:relative;
	width:100%;

}

#icons li{
	float:left;
	width:20%;
	/*height:60px;*/
	/*padding-bottom:5px;*/

}


#icons li a{
	display:block;
	width:100%;
	/*height:60px;*/

}

.bottom {
    margin-bottom: 9%;
}

#footer_con{

	height:100%;

}


#sub_top {
    position: relative;
    
}

.stx {
    position: absolute;
    top: 50%;
    margin-top: 5%;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: .9rem;
    
}

#sub_top #page_tit{
    position: absolute;
	text-align:center;
	font-size:20px;
    width: 100%;
    height: 171px;
	font-weight:500;	
}

#sub_menu{
    position: absolute;
	width:auto;
	margin:0 auto;
    bottom: 0;
     width: 100%;
}

#sub_menu  ul{
    margin: 0 auto;
    display: flex;
    justify-content:center;
}


#sub_menu  ul li{
	float:left;
	opacity:1;
    margin-right: 1px;
}


#sub_menu li a{
	display: inline-block;
    text-align: center;
	border-right: #1a2b57 1px solid;
	box-sizing:border-box;
	background-color: #1a2b57;
	color:#fff;
	font-weight:500;
    width: 10em;
    height: 2.9em;
    line-height: 2.7em;
    font-size: 11px;
    letter-spacing: -0.6px;
    
}



#sub_menu li a:hover{

	background-color: #fff;
	color:#1a2b57;
}

#sub_menu li .btn_on{

	background-color: #fff;
	color:#1a2b57;

}

#sub_menu li:last-child  a{	
	border-right:none;
	box-sizing:border-box;
}

#sub_con{
margin-top: 0px;
width: 100%;
}
.s_tab {
    width: 100%;
}
.s_tab ul {
    display: flex;
    justify-content: center;
    width: 90%;
    margin: 0 auto;
}
.s_tab li {
    width: 100%;
}
.s_tab li:first-child {
    margin-right: 6px;
}
.s_tab .on a {
    width: 100%;
    line-height: 33px;
    text-align: center;
    background: #1a2b57;
    color: #fff;
    display: block;
}
.s_tab li a {
    width: 100%;
    line-height: 33px;
    text-align: center;
    background: #fff;
    color: #999;
    display: block;
    font-size: 12px;
    border: 1px solid #ddd;
}
#sub_con img{
	width:98%;
	margin-left:1%;
}



.btnss img {
    width: 50%;
}
/* stab */

.stab {
    width: 100%;
    padding: 40px 0;
}
.stab li {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 14px;
    border: 1px solid #ddd;
    margin-left: -1px;
    box-sizing: border-box;
}
.stab ul {
    font-size: 0;
}
.stab li a {
    color: #444;
    display: block;
    width: 100%;
    height: 45px;
    line-height: 40px;
    text-align: center;

    
}
.stab .on {
    background: #3e2c1e;
    border: none;
}
.stab .on a {
    color: #fff;
}

/**/

.swiper-pagination {
    position: absolute;
    top: 75%;
}
.swiper-pagination-bullet {
    
    width: 9px; height: 9px;
    opacity: 1;
    border: 1px solid #fff;
    background: none;
}
.swiper-pagination-bullet-active {
    background: #fff;
}

/*tab*/


.fmpm_con{
	position:relative;
	width:100%;
	padding-bottom:50px;
}

.result_btns{
	width:254px;
	height:50px;
	margin: 5px auto;
	font-size:12px;
	text-align: center;
}

.result_btn{
	border: 1px solid #1a2b58;
	float:left;
	width:127px;
	box-sizing: border-box;
	line-height: 30px;
	color:#777;
}

#fm_btn{
	background-color: #1a2b58;
	color:#fff;
}





.result_box{
	width:255px;
	height:380px;
	overflow: hidden;
	margin: 0px auto;
	position: relative;
}

.result_con{
	position:absolute;
	top:0;
	width:255px;
	height:380px;

	
}

#fm_con{
	position:absolute;
	left:0;
}

#pm_con{
	position:absolute;
	left:256px;
}

    .slider {
        width:100%;
    }


		   


.late_con{
	width:255px;
	height:380px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background-color: #fff;

}

#fm_con{}

#pm_con{

}


.gall_text_info{
	margin:20px;
	
}

.info_table{
	border-spacing: 0;
}


.info_tit{
	font-size:17px;
	font-weight: bold;
}

.info_table{
	margin-top:20px;
	font-size:12px;
}

.info_table th{
	text-align: left;
	vertical-align: middle;
	height:28px;
	width:50px;
	font-weight: bold;
}

.info_table td{
	text-align: left;
	color:#555;
	vertical-align: middle;
	padding-left:20px;
	line-height: 14px;
}