@charset "euc-kr";
/* CSS Document */

/*공통속성*/
* {
	margin:0;
	padding:0;
}
body, h1, h2, h3, h4, h5, h6, div, dt, dd, form, fieldset {
	margin:0;
	padding:0;
}
body, table {
	font:normal normal 9pt "돋움", "맑은고딕", "굴림", dotdum, malgungothic, gulim, arial, hevetica;
	-webkit-text-size-adjust: none;
	line-height:150%;
}
.footer {
	font:normal normal 8pt "돋움", "맑은고딕", "굴림", dotdum, malgungothic, gulim, arial, hevetica;
	color:#666666
}
.orange {
	font:normal normal 10pt "돋움", "맑은고딕", "굴림", dotdum, malgungothic, gulim, arial, hevetica;
	color:#ff760b
}
.small_font {
	font:normal normal 8pt "돋움", "맑은고딕", "굴림", dotdum, malgungothic, gulim, arial, hevetica;
	color:#626262;
	line-height:170%;
}
/* 테이블 속성 시작*/
.table_st01 {
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	font-family: dotum;
	font-size: 12px;
}
.table_st01 .brn_main {
	border-bottom: medium none;
}
.table_st01 .brn_main_r {
	border-right: medium none;
}
.table_st01 .borderm {
	border-right: medium none;
	border-bottom: medium none;
	border-left: medium none;
}
.table_st01 td {
	border-right: 1px solid #e5e5e5;
	color: #6D6D6D;
	font-family: dotum;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
}



.table_st02 {
	border-bottom: 1px solid #ADADAD;
	border-top: 1px solid #ADADAD;
	font-family: dotum;
	font-size: 12px;
}
.table_st02 .brn {
	border-right: medium none;
}
.table_st02 td {
	border-bottom: 1px solid #a5aaa8;
	border-right: 1px solid #a5aaa8;
	color: #6D6D6D;
	font-family: dotum;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	padding: 10px 0 10px 7px;
}
.table_st02 th {
	background-color: #d6f0e4;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #a5aaa8;
	color: #6D6D6D;
	font: bold 11px Dotum;
	padding: 7px 0 5px 0;
	text-align: center;
	white-space: nowrap;
	padding:10px 0 10px 0;
}
table th {
	letter-spacing: -1px;
	vertical-align: top;
}
/* 테이블 속성 끝*/

.sub02_02img {
	padding:9px 0 9px 0;
}
.sub02_03img {
	padding:9px 25px 9px 25px;
}
ul, li, ol, dl {
    list-style: none outside none;
}

/* 기본 서비스*/
.s_dot {
	background: url("../../image/sub/s_dot.gif") no-repeat scroll 0 1px transparent;
	line-height: 1.3em;
	margin-top: 10px;
	margin-right: 12px;
	padding-left: 14px;
}

.orange1 {
    color: #ff760b;
}


#header {background:url(../../image/header_line.jpg); background-repeat:repeat-x; height:151px;  }
#header .cont_center{width:970px; margin:0 auto; }
#header h1{display:block; margin:0; padding:0; width:285px; margin-right:auto; overflow:hidden;}
#header h1 a{display:block; float:left;}
#header h1>img{width:85px; padding-top:16px;float:left;}

#header #nav{ position:relative;}
#header #nav a{text-decoration:none; font-family:'Noto Sans KR', sans-serif;}
#nav .nav_list	{text-align:center;}
#nav .nav_list>li	{display:inline-block; position:relative; width:19%; box-sizing:border-box;}
#nav .nav_list>li .dep1	{position:relative; display:block; padding:14px 0;  font-size:15px; font-weight:600; color:#fff;font-family:'Noto Sans KR', sans-serif;}
#nav .nav_list>li:hover .dep1{background:#f7951e; color:#fffc01; }
#nav .nav_list>li .dep2 {overflow:hidden; position:absolute; left:50%; top:45px; width:184px; transform:translate(-50%,0); z-index:300; height:0; transition:all 0.5s; text-align:center; background:rgba(0,0,0,0.7)}
#nav .nav_list>li:hover .dep2 {height:auto; padding:5px 0;  }
#nav .nav_list>li .dep2 li {}
#nav .nav_list>li .dep2 li a {display:block; padding:6px 0; text-align:center; font-size:14px; color:#fff; letter-spacing:0; font-weight:600; }
#nav .nav_list>li .dep2 li a:hover { }

.visual_wrap{width:100%; overflow:hidden; background:#000; position:relative; height:444px; }
#visual{height:444px; overflow:hidden; position:absolute; width:2910px; top:0; left:50%; transform:translateX(-50%);}
#visual .swiper-slide{width:970px !important; opacity:0.3; transition:all 1s !important; transition-timing-function:ease-in;}
#visual .swiper-slide-active{opacity:1; }
#visual .swiper-pagination-bullet-active{background:#f37021 !important;}

.busi_wrap {position:relative; width:680px; overflow:hidden; }
.busi_wrap  .swiper-slide{opacity:1; }
.busi_wrap .gallery-thumbs .swiper-slide{ }
.busi_wrap .gallery-thumbs .swiper-slide img{width:134px; }

.modal {	display: none;	z-index: 500;	width: 100%;	height: 100vh;	position: fixed;
	top: 0;	left: 0;	background-color: rgba(0, 0, 0, 0.3);}
.modal button {	position: absolute;	top: 3rem;	right: 3rem;	background: transparent;	border: 0;	color: #ffffff;	font-size: 3rem;}
.modal-conx {	position: relative;	top: 20%;	left: 50%;	transform: translate(-50%, -20%);	background-color: #ffffff;	width: 30%;	height: 30%;	text-align: center;}
.modalBox img {	width: 100%;}
.modalBox p {	color: #ffffff;	background-color: #000;	font-size: 2rem;	padding: .2rem;}