@charset "utf-8";

@import url("font.css");	/* 나눔고딕 */ 
@import url('https://fonts.googleapis.com/css?family=Volkhov:400,700');


/* layout */
body, table, th, td, button, select, input {
	font-family:'Noto Sans KR','Volkhov', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	font-size:13px;
	color:#666;
}

body { background-color:#fff; }
#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; } /* min-width 홈페이지 컨텐츠 가로값에 맞게 변경 */

.font-volk {font-family:'Volkhov', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}

/* ****************** 공통클래스 ********************** */
.area{ max-width:1200px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area-box{ max-width:1600px; margin:0px auto; }
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.material-icons{line-height:inherit; color:inherit; vertical-align:middle;}
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.over-img{overflow:hidden;}
.over-img img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
a:hover .over-img img{
	-ms-transform: scale(1.1) rotate(0.02deg);
	  -o-transform: scale(1.1) rotate(0.02deg);
	  -moz-transform: scale(1.1) rotate(0.02deg);
	  -webkit-transform: scale(1.1) rotate(0.02deg);
	  transform: scale(1.1) rotate(0.02deg);
}
@media all and (max-width:1620px){
	.area-box{padding:0 15px;}
}
@media all and (max-width:1220px){
	.area{padding:0 15px;}
}

/* ****************** FOOTER ********************** */
#footer{padding:25px 0; background-color:#fff; border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; position:relative; z-index:1006; }
#footerInner{position:relative;}
#footerTop{margin-bottom:30px}

.footer-wrap {position:relative; }
.footer-request {position:relative; overflow:hidden;}
.footer-wrap.open .footer-request {overflow:visible;}
.footer-request {height: 104px;}

/* Footer :: TOP버튼 */
.to-top-btn{
	position:fixed; width:45px; height:42px; padding-top: 3px; background-color:#fff; text-align:center; z-index:1007;
	opacity:0;filter:Alpha(opacity=0); bottom:0; right:25px;
	-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s;
	border:1px solid #CECECE; font-size:13px; line-height: 18px; letter-spacing: -0.25px; color:rgba(51, 51, 51, 0.7);
}
.to-top-btn.fixed{bottom:15px; opacity:1.0;filter:Alpha(opacity=100);}


/* Footer :: 푸터로고 */
.foot-logo{float:left; padding-right:40px;}

/* Footer :: 왼쪽정보 */
.footer-left-con{float:left; }
.family-address {}
.family-address p{color:#9a9a9a; font-size:13px; line-height:24px; letter-spacing: -0.5px; padding-bottom:10px; word-break:break-all;}
.family-address span{margin-right:15px}
.family-address a{color:inherit}
.family-address .footer-caution-txt{color:#888; font-size:12.5px; padding-bottom:10px;}
.family-address .copyright{font-size:13px; font-weight: 300;}

/* Footer :: 오른쪽정보  */
.footer-right-con{float:right;}

/* Footer :: 오른쪽정보 :: 패밀리사이트 */
.family-site-box{/* position:absolute; top:20px; right:0;*/ position:relative; width:215px; text-align:left; letter-spacing:-0.25px;}
.family-site-box .family-site-open-btn{display:block; height:50px; line-height:50px; text-indent:10px; font-size:14.3px; border:1px solid #111; background-color:#111; color:#fff; }
.family-site-box .family-site-open-btn i{position:absolute; right:3px; top:50%; margin-top:-12px;}
.family-site-box.open .family-site-open-btn i{transform:rotate(180deg); right:-5px}
.family-site-list{position:absolute; bottom:52px; left:0px; width:100%;  padding:10px 0; background-color:#fff; border:1px solid #ddd; border-bottom:0;  z-index:11; display:none; box-sizing:border-box;}
.family-site-list a{display:block; padding:10px; color:#333; font-size:12px;}
.family-site-list a:hover{color:#000; text-decoration:underline;}

@media all and (max-width:1220px){
	#footer{padding:25px 0; text-align:center;}
	#footerTop{margin-bottom:15px;}

	.to-top-btn {margin:0 auto; margin-top: 15px;}

	/* Footer :: 푸터로고 */
	.foot-logo{float:none; display:block; padding-right:0; margin-bottom:15px;}
	/* Footer :: 푸터메뉴 */
	.foot-menu{float:none; display:inline-block;}
	/* Footer :: 왼쪽정보 */
	.footer-left-con,.footer-right-con{float:none; }
	/* Footer :: 하단정보 */
	.family-address span{margin:0 7px;}
	/* Footer :: 패밀리사이트 */
	.family-site-box{position:static; position:relative; top:0px; margin:15px auto 0;}
}
@media all and (max-width:800px){
	.footer-request {height: 55px;}
	/* Footer :: 푸터로고 */
	.foot-logo img{height:14px;}
	/* Footer :: 푸터메뉴 */
	.foot-menu li a{font-size:14px;}
	.foot-menu li:before{width:3px; height:3px;}
	/* Footer :: 하단정보 */
	.family-address p{font-size:12px; line-height:18px;}
	.family-address a{display:block;}
	.family-address .footer-caution-txt{font-size:11px; word-break:keep-all}
	.family-address .copyright{font-size:12px;}
	.footer-right-con {margin-top: 15px;}
	/* Footer :: 패밀리사이트 */
	.family-site-box{width:150px;	}
	.family-site-box .family-site-open-btn{height:34px; line-height:34px; font-size:13px;}
	.family-site-list{bottom:36px;}
}

@media all and ( max-width: 800px ){
	/* modal layer content */

	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px;}
	
}