@charset utf-8;
/* 웹폰트 CSS */
/*@font-face{font-family:'NanumGo'; src:url(/jacf/webfont/NanumGothic.eot)}
@font-face{font-family:'NanumGo'; src:url(/jacf/webfont/NanumGothic.woff)}*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@font-face{font-family:'NanumS';
			src:url("/jacf/webfont/NanumSquareR.eot");
			src:url("/jacf/webfont/NanumSquareR.eot?#iefix") format('embedded-opentype'),url("/jacf/webfont/NanumSquareR.woff") format('woff');}
/* CSS 초기화 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:100%;
font-family: "Noto Sans KR", sans-serif;
background:transparent;
}
body{
font-family: "Noto Sans KR", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-size: 14px;
font-style: normal;
line-height:1;
text-shadow: none;
overflow-x:hidden;
overflow-y:auto;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;
}
nav ul, li{
list-style:none;
}
a{
margin:0;
padding:0;
font-size:100%;
text-decoration:none;
background:transparent;
font-family: "Noto Sans KR", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}
a:hover {
	text-decoration:none;
}
img{	 /*가변적으로 이미지가 변동된다.*/
/*width:100%;
max-width:100%;*/
/*vertical-align:top; *//* 태그의 간격을 없애기 위해 설정함 */
}
/*
table{
border-collapse:collapse;
border-spacing:0;
}
input{
margin:0;
padding:0;
box-sizing:content-box;
vertical-align:middle;
appearance:none;
border:1px solid #c9c9c9;
color:#a3a3a3;
border-radius:2px;
font-family:NanumGothic,나눔고딕,'NanumS','맑은 고딕',HelveticaNeue,DroidSans,Sans-serif,Helvetica;
}
input[type="radio"] {
	border:0;
}
input::-moz-input-placeholder{
color:#a3a3a3;
}
input::-webkit-input-placeholder {
color:#a3a3a3;
}
*/

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.mt120{margin-top:120px;}
.mt130{margin-top:130px;}
.mt140{margin-top:140px;}
.mt150{margin-top:150px;}
.mt200{margin-top:200px;}
.mt950{margin-top:950px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}
.mb130{margin-bottom:130px;}
.mb140{margin-bottom:140px;}
.mb150{margin-bottom:150px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt110{padding-top:110px;}
.pt120{padding-top:120px;}
.pt130{padding-top:130px;}
.pt140{padding-top:140px;}
.pt150{padding-top:150px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb110{padding-bottom:110px;}
.pb120{padding-bottom:120px;}
.pb130{padding-bottom:130px;}
.pb140{padding-bottom:140px;}
.pb150{padding-bottom:150px;}

/*********버튼**********/
.btn {
  font-weight: 600;
  letter-spacing: 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  text-transform: uppercase;
}

.btn-default:hover, .btn-default:focus {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

.btn-lg {
  padding: 14px 28px 13px 28px;
  font-size: 13px;
}

.btn:focus, .btn:hover {
  outline: 0;
  color: #fff;
}

.btn-xs {
  font-size: 12px;
}

.btn-theme-bg {
  border-color: #552d19;
  color: #fff;
  background-color: #552d19;
}

.btn i {
  margin-right: 10px;
}

.btn-theme-bg:hover {
  background-color: #333;
  border-color: #333;
}

.btn-theme-dark {
  background-color: #333;
  color: #fff;
}

.btn-theme-dark:hover {
  color: #fff;
  background-color: #552d19;
}
.border-black {
  border: 1px solid #333;
  color: #000;
  background-color: transparent;
}

.border-black:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.border-white {
  border: 1px solid #fff;
  color: #fff;
}

.border-white:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

.border-theme {
  border: 1px solid #552d19;
  color: #552d19;
}

.border-theme:hover {
  background-color: #552d19;
  border-color: #552d19;
  color: #fff;
}

.btn-3d {
  border-bottom: 3px solid rgba(0, 0, 0, 0.3);
}

.btn-ico i {
  margin-left: 5px;
}

#services-bg-wrap {
  padding: 80px 0;
  background-color: #f7f9fa;
}

.tablecss{width:100%;border-collapse:collapse;border:1px solid #ddd}.ko-n{font-family:SCDream4,Sans-Serif;font-weight:300}table{background-color:transparent}table{border-spacing:0;border-collapse:collapse}
.tablecss tr th{height:45px;padding:15px 0;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:1em;background:#f1f1f1}
.tablecss tr td{height:45px;padding:15px 0;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:1em}
.table-2{width:100%;border-collapse:collapse;border:1px solid #ddd}.ko-n{font-family:SCDream4,Sans-Serif;font-weight:300}table{background-color:transparent}table{border-spacing:0;border-collapse:collapse}
.table-2 tr th {
    height: 45px;
    padding: 15px 0;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 3px solid #111;
    font-size: 1em;
    background: #f1f1f1;
    padding-left: 20px;
}
.table-2 tr td {
    height: 45px;
    padding: 15px 0;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 1em;
    padding-left: 20px;
}




.item2 {
	position: relative;
    display: inline-block;
    background: #000;
    width: 100%;
	transition: .3s ease;

}
.image {
  opacity: 1;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.item2 img{max-width:100%;}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.item2:hover .image {
  opacity: 0.3;
}

.item2:hover .middle {
  opacity: 1;
}

.text-subject{
		color:#fff;
	}

.text3{
		border: 2px solid #f1f1f1;
		background: #f1f1f1;
		color: white;
		font-size: 14px;
		padding: 10px 10px;
		color: #000000;
		border-radius: 20px;
	}
.text2{
		border: 2px solid #cea139;
		background: #cea139;
		font-size: 14px;
		padding: 10px 10px;
		color: #ffffff;
		border-radius: 20px;
	}


/* 탭 콘텐츠 스타일 */
.tabcontent {
  display: none;
  padding: 20px;
}

/* 선택된 탭 콘텐츠 스타일 */
.tabcontent.active {
  display: block;
}

/*tab*/
.con_tab {overflow: hidden; margin-bottom:30px; clear:both;}
.con_tab li {background-color:#e2e2e2; width: 258px; height:26px; padding-top:0px; padding-bottom:2px; text-align: center; line-height: 28px; font-weight: bold; float: left;}
.con_tab li a{color:#333;}
.con_tab li.on {background-color:#E0CE97; width: 258px; height:26px; padding-top:0px; padding-bottom:2px; text-align: center; line-height: 28px; font-weight: bold; float: left;}
.con_tab li.on a{color:#fff}
.con_tab .tab01 a {color:#333;}
.con_tab .tab01 a:hover a:active {text-decoration: none;}

.con_tab2 {width:100%; overflow: hidden; margin-top:0px; margin-bottom:20px; clear:both; }
.con_tab2 li {background-color:#e2e2e2; border:1px solid #B0B0B0; color:#7C7C7C; width: 24.6%; height:48px; padding-top:0px; padding-bottom:2px; text-align: center; line-height: 48px; font-weight: bold; float: left;}
.con_tab2 li.active{display:block; color:#000;}
.con_tab2 li.active {background-color:#E0CE97; border:1px solid #B0B0B0; color:#7C7C7C;  width: 24.6%; height:48px; padding-top:0px; padding-bottom:2px; text-align: center; line-height: 48px; font-weight: bold; float: left;}
.con_tab2 li.active {display:block; color:#000}
.con_tab2 .tab01 {color:#000;}
.con_tab2 .tab01 .active:hover a:active {text-decoration: none; #000}

.con_tab3 {overflow: hidden; margin-bottom:30px; clear:both;}
.con_tab3 li {background-color:#e2e2e2; width: 109px; height:26px; padding-top:0px; padding-bottom:2px; text-align: center; line-height: 28px; font-weight: bold; float: left;}
.con_tab3 li a{color:#333;}
.con_tab3 li.on {background-color:#E0CE97; width: 244px; height:26px; padding-top:0px; padding-bottom:2px; text-align: center; line-height: 28px; font-weight: bold; float: left;}
.con_tab3 li.on a{color:#fff}
.con_tab3 .tab01 a {color:#333;}
.con_tab3 .tab01 a:hover a:active {text-decoration: none;}

.tapType2 a .btn {width:106px; padding:4px 0; font-size:14px; color:#000; border:1px solid #000; background:#fff; text-align:center; margin:0 auto}
.tapType2 a:hover .btn, .listType2 a:focus .btn {background:#E2D6BC; font-weight:bold; color:#fff}


.divide0 {
  width: 100%;
  height: 0px;
}

.divide2 {
  width: 100%;
  height: 2px;
}

.divide3 {
  width: 100%;
  height: 3px;
}

.divide5 {
  width: 100%;
  height: 5px;
}

.divide8 {
  width: 100%;
  height: 8px;
}

.divide10 {
  width: 100%;
  height: 10px;
}

.divide15 {
  width: 100%;
  height: 15px;
}

.divide20 {
  width: 100%;
  height: 20px;
}

.divide25 {
  width: 100%;
  height: 25px;
}

.divide30 {
  width: 100%;
  height: 30px;
}

.divide35 {
  width: 100%;
  height: 35px;
}

.divide40 {
  width: 100%;
  height: 40px;
}

.divide45 {
  width: 100%;
  height: 40px;
}

.divide50 {
  width: 100%;
  height: 50px;
}

.divide55 {
  width: 100%;
  height: 55px;
}

.divide60 {
  width: 100%;
  height: 60px;
}

.divide65 {
  width: 100%;
  height: 65px;
}

.divide70 {
  width: 100%;
  height: 70px;
}

.divide75 {
  width: 100%;
  height: 75px;
}

.divide80 {
  width: 100%;
  height: 80px;
}

.divide85 {
  width: 100%;
  height: 85px;
}

.quickmenu {position:absolute;width:90px;top:30%;margin-top:-50px;right:90px;z-index: 999;}
.quickmenu ul {position:relative;float:left;width:100%;display:inline-block;*display:inline;border:1px solid #ddd;background:#fff;}
.quickmenu ul li {float:left;width:100%;border-bottom:1px solid #ddd;text-align:center;display:inline-block;*display:inline;}
.quickmenu ul li a {position:relative;float:left;width:100%;height:80px;line-height:30px;text-align:center;color:#555555;font-size:9.5pt;padding-top: 15px;}
.quickmenu ul li a:hover {color:#000;}
.quickmenu ul li:last-child {border-bottom:0;}