@charset 'utf-8';

@font-face {
  font-family: 'NanumGothic-Regular';
  src: url('font/NanumGothic-Regular.eot');
  src: url('font/NanumGothic-Regular.woff2') format('woff2'),
       url('font/NanumGothic-Regular.woff') format('woff'),
       url('font/NanumGothic-Regular.ttf') format('truetype');

  font-weight: normal;
  font-style: normal;
}

/** 공통 레이아웃 **/

a:visit{
	text-decoration:none;
	color:#333;
	}
	
a:hover{
	text-decoration:none;
	color:#333;
	}

.wrap{min-width:320px;max-width:100%;margin:0 auto;position:relative;}

.visual-section{
	position:absolute;
	width:1920px;
	height:200px;
	left:50%;
	margin-left:-960px;
}
/* header */

.brand-menu{position: absolute; left:50%; margin-left:500px; top:0px;}



/* 메인 */
.main{background:#ffffff;}
.main-v-btn{position:absolute;display:block;right:-50px;top:0px;width:107px;height:22px;z-index:1000;text-indent:-9999px;}

.main-v-close{background:url(http://hndapt.co.kr/common/menu_close.jpg) 0 0 no-repeat;}
.main-v-open{background:url(http://hndapt.co.kr/common/menu_open.jpg) 0 0 no-repeat;}

.site_con{
	width:1100px;
	margin : 0 auto;
	padding-top:0px;

}

.navi_con{
	width:1092px;
	height:138px;
	margin : 0 auto;
	position:relative;
}
	


.nav{width:1092px; float:right;}
.nav:after{ content:''; clear:both;}
.topnav{text-align:center;width:182px;cursor:pointer; font-weight:600; color:#FFF; background-color:#00517e; box-sizing:border-box; border-right: 1px solid #bec1c3;font-family: "NanumGothic"; }
.topnav:hover{background-color:#003452;}

.navi_set:nth-last-child(1) .topnav{text-align:center;width:182px;cursor:pointer; font-weight:600; color:#FFF; box-sizing:border-box; border:none; }

.topnav>a{ font-weight:500; display:inline-block; height:44px; line-height:44px; width: 100%; text-decoration:none; font-family: "NanumGothic"; font-size:15px; color:#FFF; text-align: center;}

.navi_set{float: left;position: relative;}
.subnav{ position:absolute; display:none; z-index:100}
.subnav li{width:182px; text-align:center; cursor:pointer; line-height:40px; background:#e4e4e4;  box-sizing:border-box;}
.navi_set .subnav li{width:182px; text-align:center; cursor:pointer; line-height:40px; background:#00517e;  box-sizing:border-box; border-bottom:#005180 1px solid;}
.subnav li:last-child{ border-bottom:#003452 2px solid;}
.subnav li:hover{background:#003452}
.subnav li a{ color:#fff; display:inline-block; line-height:40px; text-align: center; width:100%; text-decoration:none; font-size:13px; font-family: 'NanumGothic-Regular', san-serif; }








.sub_tab {width:1092px;height:50px;margin:0 auto;margin-bottom:0px; margin-top: 20px; background-color: #eee;}
.sub_tab ul li 
{float:left;
width:546px;
border-top: 1px solid #ae8a55;
border-left: 1px solid #ae8a55;
border-right: 1px solid #ae8a55;
box-sizing:border-box;
margin-left:-1px;
background-color: #eee;}



.sub_tab ul li a {display:block;font-size:15px;color:#ae8a55;line-height:50px;text-align:center; font-family: "NanumGothic",arial,Helvetica,sans-serif;}
.sub_tab ul li.on a {
    
	font-family: "NanumGothic",arial,Helvetica,sans-serif;
    color:#ae8a55;
    line-height:48px;
    background:#fff;
	border-top: 1px solid #ae8a55;
	border-bottom: 1px solid #fff;
	font-weight:500;

}



.sub_tab2 {width:1092px;height:50px;margin:0 auto;margin-bottom:0px; margin-top: 20px; background-color: #eee;}
.sub_tab2 ul li {float:left;
width:364px;
border-top: 1px solid #ae8a55;
border-left: 1px solid #ae8a55;
border-right: 1px solid #ae8a55;
box-sizing:border-box;
margin-left:-1px;
background-color: #eee;}

.sub_tab2 ul li a {display:block;font-size:15px;color:#ae8a55;line-height:50px;text-align:center; font-family: "NanumGothic",arial,Helvetica,sans-serif;}
.sub_tab2 ul li.on a {
    
	font-family: "NanumGothic",arial,Helvetica,sans-serif;
    color:#ae8a55;
    line-height:48px;
    background:#fff;
	border-top: 1px solid #ae8a55;
	border-bottom: 1px solid #fff;
	font-weight:500;

}



.main_con{
	position:relative;
	width:1092px;
	height:688px;
	margin : 0 auto;
}

.sub_con{
	position:relative;
	width:1092px;
	margin : 0 auto;
}


.main_img_con{
	width:1092px;
}
.main_bg{
	position:absolute;
	top:0px;
	left:0%;
	margin-left:0px;
	
}


.copy1{
	position:absolute;
	top: 124px;
	left:50%;
	transform: translateX(-50%);
	opacity: 0;
	
}

.copy2{
	position:absolute;
	top:110px;
	left:50%;
	transform: translateX(-50%);
	opacity: 0;
	
	
}

.copy3{
	position:absolute;
	top:185px;
	left:50%;
	transform: translateX(-50%);
	opacity: 0;
}

.copy4{
	position:absolute;
	top:230px;
	left:50%;
	transform: translateX(-50%);
	opacity: 0;
	
}





.subtab{
	width: 500px;
	margin: 0 auto;
	clear: both;
	display: flex;
	justify-content: space-around;
	padding: 30px 0;
}

.subtab li{
	float: left;
	width: 200px;
}

.subtab li a{
	width:100%;
	font-size: 15px;
	text-align: center;
	height: 50px;
	display: block;
	line-height: 50px;
	border: 1px solid #ccc;
}

.subtab li a.on{
	background-color: #1f5431;
	border: 1px solid #1f5431;
	color: #fff
}




.shortcut{
	position:absolute;
	bottom:-3px;
	margin-left:-4px;
}

.pre_box{
	margin-top:30px;
	margin-bottom:30px;
}