@font-face {
		font-family: "NanumBarunGothic";
		font-style: normal;
		font-weight: normal;
		src: url("/fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("/fonts/NanumBarunGothic.woff") format("woff"), url("/fonts/NanumBarunGothic.ttf") format("truetype");
}

/*  ------------------ base  ------------------*/
/*  ------------------ base  ------------------*/
body{ color:#454545; font-family:'NanumBarunGothic',dotum,"돋움",gulim,"굴림",sans-serif;}
html,body { width:100%; height:100%;}
ol, ul { list-style:none; padding:0; margin:0;}
a { padding:0; margin:0;}
a:hover, a:focus { color:#454545;}

/* All Device */

/* nav */
.navbar { padding:0;}
.nav-area { max-width:980px; margin:0 auto;}
.navbar-default { background-color:#fff; border-bottom:5px solid #79552f;}
.navbar-nav { padding-top:0; margin:0;}
.navbar-nav li a { color:#454545; font-size:13px; padding:0;}
.nav li { padding-left:40px;} 
.navbar-right { margin-right:0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background-color:transparent; color:#b35108;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { background-color:transparent; color:#b35108;}

/* nav icon */
.nav-icon-area {position:absolute; right:25px; top:0; }
.nav-icon * { transition:all 0.3s; -webkit-transition:all 0.3s; box-sizing:border-box;}
.nav-icon { position:relative; width:30px; height:30px;}
.nav-icon input[type=checkbox] {display:none;}
.nav-icon label { cursor:pointer; position:absolute; width:100%; top:15px; left:0; z-index:99;}
.nav-icon .nav-bar { position:absolute; height:5px; width:100%; background-color:#79552f;}
.nav-icon .diagonal.part-1 { position:relative; float:left;}
.nav-icon .horizontal { position:relative; float:left; margin-top:6px;}
.nav-icon .diagonal.part-2 { position:relative; float:left; margin-top:6px; }

.nav-icon input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0;}
.nav-icon input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 { transform:rotate(45deg); -webkit-transform:rotate(45deg); margin-top:10px;}
.nav-icon input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); margin-top:-16px;}

/* cont-w */
.cont-w { position:relative; max-width:980px; margin:0 auto;}
.cont-w h2 { color:#535353; font-size:35px; letter-spacing:-1px; text-align:center; margin:0 0 50px;}
.cont-w h2:after { display:block; content:""; width:30px; height:4px; background-color:#79552f; margin:0 auto;}
.cont-w h2:hover { color:#79552f;}

/* home */
#home { padding:30px 0; animation:ani1 5s;}
.visual-txt { font-size:18px; letter-spacing:-1px; text-align:center;}
.visual-txt p { font-size:14px; padding-top:20px;}
.visual-img { opacity:1; text-align:center;}
.visual-img img { width:150px;}

.btn-area {margin:0 auto;}
.btn-area a { display:block; width:150px; height:60px; background-color:#503313; border-radius:30px; color:#fff; text-align:; padding:10px; margin:10px auto;}
.btn-area a img { width:30px;}
.btn-area a:hover { background-color:#8d6131; box-sizing:border-box;}
.btn-area a img { margin-right:10px; vertical-align:top;}
.btn-area a span { display:inline-block;}

.txt-c { color:#b35108;}


/* sub page */
	.sub-header { position:relative; width:100%; height:50px; border-bottom:5px solid #79552f;	}
	.sub-header h1 { margin:0; padding:5px 10px;}
	.sub-header h1 img { width:45px;}

	.sub-cont-area { color:#656565; font-size:15px; line-height:1.5; letter-spacing:-1px; font-weight:normal; padding:20px 10px;}
	.sub-cont-area h2 { color:#656565; margin-top:30px; font-size:15px; letter-spacing:-1px;}
	.sub-cont-area ul { padding:0; margin:0; margin-left:10px;}
	.sub-cont-area ul li { margin-top:5px;}
	.sub-cont-area p{ padding:0; margin:0; margin-top:20px; font-weight:normal;}

	.btn-close { position:absolute; right:20px; top:5px;}
	.btn-close { 
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out; 
	  -o-transition: all 0.3s ease-in-out; 
	  -ms-transition: all 0.3s ease-in-out; 
	  transition: all 0.3s ease-in-out; 
	}
	.btn-close:hover {
	  -webkit-transform: rotate(360deg); 
	  -moz-transform: rotate(360deg); 
	  -o-transform: rotate(360deg);
	  -ms-transform: rotate(360deg);
	  transform: rotate(360deg);
	} 
	.btn-close a { color:#79552f; 	font-size:30px;}

@keyframes ani1 {
	0% { opacity:0;}
	100% { opacity:1;}
}

/* services */
#services { padding:30px 0; }
ol.carousel-indicators li { width:30px; height:10px; background-color:#e1e1e1; border-radius:10px;}
ol.carousel-indicators li.active { width:10px; height:10px; background-color:#4d8bd2; border-radius:50%;}
a.carousel-control { display:block; position:absolute; top:25%; right:10%; width:50px; height:50px; color:#5c5c5c; text-shadow:none; }
a.carousel-control.left { left:0%; background:none;}
a.carousel-control.right { right:0%; background:none;}
a.carousel-control:hover, a.carousel-control:focus { color:#5c5c5c;}

/* about */
#about { padding:30px 0;}
.menu-l, .menu-r { width:260px; margin:0 auto;}
.menu-l .menu-txt { float:left; text-align:left;}
.menu-l .menu-icon { float:left; margin:0 10px;}
.menu-r .menu-txt { float:left; text-align:left;}
.menu-r .menu-icon { float:left; margin:0 10px;}
.menu-icon a { display:block;}
.menu-icon a .fa { width:50px; height:50px; color:#b35108; line-height:50px; text-align:center; border:2px solid #b35108; border-radius:50%; transition: all .55s;}
.menu-txt { color:#474747; font-size:14px; letter-spacing:-1px; padding-top:10px;}
.menu-txt li:nth-child(1) { font-size:16px; letter-spacing:-1px;}
.menu-icon a:hover .fa { background-color:#b35108; color:#fff;}

.menu-view { overflow:hidden; padding-top:15px;}

/* company */
#company { padding:30px 0;}
.slogan li { color:#646464; font-size:18px; text-align:center; margin:10px 0;}

/* faq */
#faq { padding:30px 0;}
.faq-list { padding:0 10px 40px;}
.faq_cont { margin-top:10px; color:#666;font-size:13px;}
.faq_cont dt { position:relative; background-color:#f3f3f3; border:1px solid #e1e0e0; height:45px; font-size:16px; line-height:45px; text-indent:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; font-weight:normal;}
.faq_cont dt span.faq_num { color:#f30000; font-size:14px;}
.faq_cont dd { display:none; background-color:#fff; border:1px solid #e1e0e0; border-top:none; line-height:20px; padding:5px;}

.icon_arrow_up { position:absolute; right:10px; top:13px; display:inline-block; background:url("../img/btn_arrow.png") 0 0 no-repeat; width:24px; height:13px;}
.icon_arrow_down { background-position: 0 -13px;}	
.icon_arrow_up { display:none;}

/* contact */
#contact { padding:30px 10px;}
#contact  ul li { overflow:hidden; font-size:14px; margin-bottom:20px;}
#contact  ul li strong { float:none; display:block; color:#79552f; font-size:16px;}
#contact  ul li span.ps { font-size:12px;}

/* footer */
#footer { background-color:#414141; color:#aeaeae; font-size:18px; padding:30px 10px;}
.terms { float:none; padding:0;}
.terms li { margin-bottom:15px;}
.terms li a { color:#fff; font-size:16px; letter-spacing:-1px; } 
.f-addr li { margin-bottom:20px; font-size:14px;}
.f-addr li:nth-child(1) { margin-bottom:30px; }

@media all and (max-width:767px) { 

/* nav */
.navbar-collapse { padding:0;}
.navbar-brand { height:50px; padding:5px 10px;}
.navbar-brand img { width:45px;}
.navbar-nav { padding-top:0; margin:0;}
.nav li { padding:10px; border-bottom:1px solid #b35108;} 
.nav li:last-child { border-bottom:none;}

/* services */
.service-slide-img { width:150px;}
.slide-w { padding-left:0; text-align:center; }
.slide-w .carousel-caption { position:static; width:180px; color:#454545; font-size:14px; letter-spacing:-1px; text-shadow:none;  margin:0 auto; } 
.service-slide-tit { color:#454545; font-size:18px;}
.carousel { height:580px; padding:20px 0 50px;}
ol.carousel-indicators { bottom:0; }

/* about */
.menu-open-img { display:none;}

/* company */
.slogan li img { width:300px;}

#btn-top { display:none;}

}


/* pc */
@media all and (min-width:768px) {

/* nav */
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { border-bottom:2px solid #b35108;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { border-bottom:2px solid #b35108;}
.navbar-nav { padding-top:33px;}
.navbar-nav li a { font-size:18px;}
.navbar-brand { height:79px; padding:5px 0;}

/* nav icon */
.nav-icon { display:none;}
.nav-icon input[type=checkbox] {display:none;}

/* cont-w */
.cont-w h2 { font-size:35px; letter-spacing:-1px;}
.cont-w h2:after { width:90px;}

/* home */
#home { padding:120px 20px; }
.visual-txt { float:left; font-size:40px; letter-spacing:-1px; text-align:left; padding-top:140px;}
.visual-txt p { font-size:20px; padding-top:40px;}
.visual-img { float:right; opacity:1;}
.visual-img img { width:100%;}
.btn-area { clear:both; width:365px; margin:50px auto 0;}
.btn-area a { display:inline-block; width:160px; height:60px; background-color:#503313; border-radius:30px; color:#fff; padding:10px; margin:0 10px;}

/* services */
#services { padding:120px 0; }
.service-slide-area { position:relative; max-width:950px;}
.slide-w { max-width:750px; padding-left:50px; margin:0 auto; }
.slide-w .carousel-caption { position:absolute; left:45%; top:15%; max-width:460px; text-shadow:none; color:#454545; font-size:20px; letter-spacing:-1px; text-align:left; } 
.service-slide-tit { color:#454545; font-size:35px;}
.carousel { padding:20px 0 50px;}
ol.carousel-indicators { bottom:0; }

/* about */
#about { padding:120px 0;}
#about:after { display:block; clear:both; content:"";}
.menu-l { float:left; width:35%;}
.menu-open-img {float:left; width:30%; text-align:center;}
.menu-r {float:left; width:35%;} 
.menu-l .menu-txt { float:right; text-align:right;}
.menu-l .menu-icon { float:right; margin-left:10px;}
.menu-r .menu-txt { float:left; text-align:left;}
.menu-r .menu-icon { float:left; margin-right:10px;}

.menu-view { overflow:hidden; padding-top:15px;}

.menu-icon a .fa { width:70px; height:70px; line-height:70px;}
.menu-txt { font-size:13px;}
.menu-txt li:nth-child(1) { font-size:18px; }

/* company */
#company { padding:120px 0;}
.slogan li { font-size:28px;}
.slogan li img { width:100%;}

/* faq */
#faq { padding:120px 0;}
.faq_cont { margin-top:10px; color:#666;font-size:13px;}
.icon_arrow_up { display:block;}
.btn_more { height:55px; background-color:#e4e4e4; border:1px solid #d0d0d0; color:#606060; font-size:20px; text-align:center; line-height:55px; cursor:pointer;}

/* contact */
#contact { padding:120px 20px;}
#contact  ul li { overflow:hidden; font-size:22px; margin-bottom:50px;}
#contact  ul li strong { float:left; width:30%; color:#79552f; font-size:26px;}
#contact  ul li span.ps { font-size:14px;}

/* footer */
#footer { padding:77px 0;}
.terms { float:left; padding:0 80px 0 40px;}
.terms li { margin-bottom:30px;}
.terms li a { font-size:20px;} 

#btn-top { position:fixed; right:5%; bottom:10%; color:#fff; font-size:40px;}

}

@media all and (min-width:1200px) {

/* about */
.menu-txt { font-size:16px;}
.menu-txt li:nth-child(1) { font-size:24px; }

/* contact */
#contact { padding:120px 0;}
#contact  ul li { overflow:hidden; font-size:30px; margin-bottom:50px;}
#contact  ul li strong { float:left; width:30%; color:#79552f; font-size:32px;}
#contact  ul li span.ps { font-size:16px;}


}