@charset "utf-8";

@import url("./font.css");	/* 나눔고딕 & 본고딕 */ 
@import url('https://fonts.googleapis.com/css?family=Rubik'); /* 영문 :: Rubik */
@import url('https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css');
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
@font-face { font-family: 'NanumSquareRound'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff'); font-weight: normal; font-style: normal; }/* 나눔스퀘어 라운드 */

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

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

/* ****************** 공통클래스 ********************** */
.cm-accessibility a { position:absolute; text-align:center; width:200px; display:block; background:#c52227; color:#fff; left:-9999px; }
.cm-accessibility a:hover { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:focus { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:active { z-index:999999; margin-left:-100px; left:50%; }
/* 공통 :: 가로값지정 */
.width10{width:10% !important;}
.width20{width:20% !important;}
.width30{width:30% !important;}
.width40{width:40% !important;}
.width50{width:50% !important;}
.width60{width:60% !important;}
.width70{width:70% !important;}
.width80{width:80% !important;}
.width90{width:90% !important;}
.width100{width:100% !important;}

.area{ max-width:1170px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.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);
}
.font-square{font-family:'NanumSquareRound', sans-serif;}
.font-rubik{font-family:'Rubik', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}

@media all and (max-width:1120px){
	.area{padding:0 9px;}/*muk 전체 가로넓이*/
/*.area{padding:0 15px;}*/
}


/* ****************** 상단 팝업 롤링 배너 ********************** */
#mainTopPopupBanner{position:relative; width:100%; height:100px; background:url no-repeat center top; z-index:99}
.main-top-popup-close-btn{position:absolute; top:40px; right:25px;}
.main-top-popup-close-btn span, .main-top-popup-close-btn img{float:right;}
.main-top-popup-close-btn span{font-size:13px; line-height:18px; color:#fff; margin-right:20px;}
.main-top-popup-slide-box{width:100%; height:100%; overflow:hidden;}
.main-top-popup-slide-box .slick-dots{position:absolute; bottom:17px; left:0; right:0; text-align:center; max-height:5px;}
.main-top-popup-slide-box .slick-dots > li{display:inline-block; vertical-align:top; width:5px; height:5px; cursor:pointer; margin:0 3px;}
.main-top-popup-slide-box .slick-dots > li.slick-active button{opacity:1.0;filter:Alpha(opacity=100);}
.main-top-popup-slide-box .slick-dots > li button{display:block; width:5px; height:5px; background-color:#fff; opacity:0.5;filter:Alpha(opacity=50); font-size:0; text-indent:-9999px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; }
.main-top-popup-slide-con{height:100%; text-align:center;}
.main-top-popup-slide-con p{font-size:24px; line-height:85px; color:#fff; letter-spacing:-0.35px;}
.main-top-popup-slide-con img{display:block; margin:0px auto; max-width:100%; max-height:100px;}

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

@media all and (max-width:800px){
	/* ****************** 상단 팝업 롤링 배너 ********************** */
	#mainTopPopupBanner{height:50px;}
	.main-top-popup-close-btn{top:0; right:0; width:50px; height:50px; text-align:center; line-height:50px; background-color:#ff8a00;}
	.main-top-popup-close-btn span{display:none;}
	.main-top-popup-close-btn img{float:none;}
	.main-top-popup-slide-box .slick-dots{right:auto; top:10px; bottom:10px; left:15px; max-height:none;}
	.main-top-popup-slide-box .slick-dots > li{display:block; margin:5px 0;}
	.main-top-popup-slide-con p{font-size:16px; line-height:50px;}
	.main-top-popup-slide-con img{max-height:50px;}
}

@media all and (max-width:480px){
	.main-top-popup-slide-con p{font-size:12px;}
}

/* ****************** HEADER ********************** */
#header{position:relative;}
headerInnerWrap_1{position:relative; height:160px; width:100%; z-index:99; background-color:#fff;  overflow: auto; -webkit-overflow-scrolling: touch;} /*muk 수정 상단메뉴고증 position: fixed;*/
#headerInnerWrap{position:fixed; height:160px; width:100%; z-index:99; background-color:#fff;  overflow: auto; -webkit-overflow-scrolling: touch;} /*muk 수정 상단메뉴고증 position: fixed;*/
/*#headerInnerWrap{position:relative; height:160px; width:100%; z-index:99; background-color:#fff; }*/
#headerInner{position:relative; height:100px; text-align:center;}
#header .logo{position:relative; z-index:999; display:inline-block; padding-top:29px;}
#header .logo a{display:block; }
#header .logo img{display:block; vertical-align:top;}

/* -------- Header :: UTIL BOX -------- */
.header-util-box{position:absolute; top:23px; left:0; bottom:0; right:0; width:100%; z-index:100;}

/* Header :: UTIL BOX :: Comment */
.header-comment-box{float:left;}
.header-before-comment{font-size:18px; line-height:24px; color:#333; letter-spacing:-0.5px; font-weight:500; text-align:left;}
.header-before-comment > span{display:block; color:#ea5415;}
.header-after-comment{font-size:12px; line-height:20px; color:#222; letter-spacing:-0.35px; text-align:left;}
.header-after-comment b, .header-after-comment em{display:block;}
.header-after-comment b{font-weight:500;}
.header-after-comment b span{color:#ea5415}
.header-after-comment em{font-size:11px;}
.header-after-comment em span{color:#4995d1}

/* Header :: UTIL BOX :: Util List */
.header-util-list{float:right;}
/* 로그인 전 */
.login-before-box{text-align:right;}
.login-before-box > p{margin-bottom:5px;}
.login-before-box > p span{display:inline-block; vertical-align:top;}
.login-before-box > p span:before{display:inline-block; content:"|"; margin:0 10px; color:#ddd; font-size:10px;}
.login-before-box > p span:first-child:before{display:none;}
.login-before-box > p span a{font-size:12px; line-height:24px; color:#222; letter-spacing:-0.35px;}
.login-input-box{text-align:left;}
.login-input-box > p{display:inline-block; vertical-align:top; width:128px; height:28px; background-color:#f3f3f3; border:1px solid #ddd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; overflow:hidden;}
.login-input-box > button{display:inline-block; vertical-align:top; width:70px; height:30px; background-color:#333; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; color:#fff; text-align:center;}
.login-input-box > p i{float:left; width:27px; font-size:20px; line-height:28px; vertical-align:middle; text-align:center; color:#bbb;}
.login-input-box > p input{float:left; width:calc(100% - 27px); border:0; background:none; padding:0; height:28px; text-indent:3px; font-size:11px;}
.login-input-box > p input::-webkit-input-placeholder{color:#aaa !important;}
.login-input-box > p input::-moz-placeholder{color:#aaa !important; opacity:1.0; }
/* 로그인 후 */
.login-after-box > p{float:left; position:relative; text-align:center; margin-left:18px;}
.login-after-box > p i{vertical-align:middle; color:#aaa;}
.login-after-box > p span{position:relative; display:block; font-size:12px; line-height:34px; color:#222; letter-spacing:-0.35px;}
.login-after-box > p span:before{position:absolute; top:50%; left:-9px; display:inline-block; content:""; width:2px; height:1px; background-color:#222;}
.login-after-box > p:first-child span:before{display:none;}
.new-mark{display:inline-block; position:absolute; top:-8px; right:0; width:17px; height:17px; text-align:center; font-size:9px; color:#fff; line-height:15px; font-weight:800; letter-spacing:-0.35px; background-color:#ea5415; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;}

/* -------- Header :: GNB(PC) -------- */
.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; /*background:rgba(0,0,0,0.7);*/ z-index:97;}	/* gnb overlay BG */
#gnb{position:absolute; top:100px; left:0px; width:100%; z-index:99;}
#gnb:before, #gnb:after{position:absolute; left:0; right:0; display:block; content:""; width:100%; height:1px; background-color:#ddd;}
#gnb:before{top:0; }
#gnb:after{bottom:0;}
#gnb > ul{position:relative; }
#gnb > ul > li{float:left; }
#gnb > ul.menu6 > li{width:calc(100% / 5 - 1px)}
#gnb > ul > li > a{position:relative; z-index:100; display:block; height:58px; line-height:58px; padding:1px 0; text-align:center; color:#333; font-size:16px; letter-spacing:-0.35px; font-weight:800; border-left:1px solid transparent; border-right:1px solid transparent; -webkit-transition:color 0.4s; -moz-transition:color 0.4s; -o-transition:color 0.4s; -ms-transition:color 0.4s; transition:color 0.4s;}/*muk 메뉴바*/
#gnb > ul > li > a:hover{color:#367aa9; border-color:#ddd;}/*muk 메뉴색상변경등*/
#gnb > ul > li.on > a{color:#367aa9; border-color:#ddd;}/*muk 메뉴색상변경등*/
#gnb > ul > li.active > a{color:#ffffff;  background-color:#367aa9;}/*muk 메뉴색상변경등*/
/*
#gnb > ul > li > a:before{position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background-color:transparent}

#gnb > ul > li > a:hover:before, #gnb > ul > li.on > a:before, #gnb > ul > li.active > a:before{background-color:#4995d1;}
*/
/* GNB :: 2차 각각메뉴 */
#gnb.each-menu > ul > li .gnb-2dep{
	display:none;
	position:absolute; 
	top:60px; 
	left:0px; 
	z-index:99;
	width:1098px; 
	text-align:left; 
	/*background:#fff url("<%=img_main%>/layout/gnb_2ep_bg.jpg") no-repeat right center;*/
	border:1px solid #ddd;
	border-top:0;
}
#gnb > ul > li .gnb-2dep ul{padding:10px 0; width:calc(100% / 6 - 2px); border-right:1px solid #ddd;}
#gnb > ul > li .gnb-2dep ul li{position:relative; }
#gnb > ul > li .gnb-2dep ul li a{ display:block; color:#666; font-size:13.5px; line-height:45px; letter-spacing:-0.35px; font-weight:800; padding-left:20px; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
#gnb > ul > li .gnb-2dep ul li a:hover{color:#4995d1;}

/* -------- Header :: GNB(Tablet) -------- */
#gnbTablet{display:none;}

/* -------- Header :: GNB(Mobile) -------- */
.nav-open-btn{display:none;}
#gnbM{display:none}


@media all and ( max-width: 1120px ){	
	/* -------- Header :: UTIL BOX -------- */
	.header-util-box{left:15px; right:15px; width:auto;}

	/* GNB :: 2차 각각메뉴 */
	#gnb.each-menu > ul > li .gnb-2dep{width:calc(100% - 32px); left:15px; background-size:calc(100% - 16.7%) auto;}
}

@media all and ( max-width: 800px ){
	/* -------- Header :: UTIL BOX -------- */
	.header-util-box{top:8px; right:60px;}/*muk 모바일 상단 하우스랭크 로고*/
	/*.header-util-box{top:8px; right:60px;}*/
	.header-comment-box{float:right;}
	.header-before-comment, .header-after-comment{font-size:11px; line-height:16px; letter-spacing:-0.75px;}
	.header-before-comment{padding-top:8px;}
	.header-util-list{display:none;}
	.header-after-comment em span{display:block;}

	/* -------- Header :: GNB(Pc) -------- */
	#headerInnerWrap{height:100px;}
	#headerInner{height:60px;}
	#header .logo{float:left; padding-top:15px;}
	#header .logo img{max-height:30px;}
	
	/* -------- Header :: GNB(Pc) -------- */
	#gnb{display:none;}

	/* -------- Header :: GNB(Tablet) -------- */
	#gnbTablet{position:relative; display:block; overflow:hidden; width:auto; margin:0 !important;}
	#gnbTablet:before{position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background-color:#ddd;}
	#gnbTablet:after{position:absolute; bottom:0; left:0; display:block; content:""; width:100%; height:1px; background-color:#ddd;}
	#gnbTablet ul{text-align:center; padding:0; }
	#gnbTablet ul li{position:relative; display:inline-block; vertical-align:top; width:24%;}
	#gnbTablet ul li:before{position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background-color:transparent; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
	#gnbTablet ul li > a{ position:relative; z-index:100; display:block; height:40px; line-height:40px; padding:0; text-align:center; color:#333; font-size:13px; font-weight:500; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
	#gnbTablet ul li > a:hover, #gnbTablet ul li.on > a, #gnbTablet ul li.active > a{color:#ffffff; background-color:#3f6bb4;}/*muk 모바일 메뉴색상변경등*/
	#gnbTablet ul li:hover:before, #gnbTablet ul li.on:before, #gnbTablet ul li.active:before{background-color:#3f6bb4;}/*muk 모바일 메뉴색상변경등*/
	
	/* -------- Header :: GNB(Mobile) -------- */
	.gnb-overlay-bg-m{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:101;}	
	#gnbM{ /* muk 모바일 햄버거 메뉴 설정*/
		display:block; 
		overflow-y:auto; 
		position:fixed; 
		top:0px; 
		right:-82%;
		width:80%; 
		height:100%;  
		max-width:280px; 
		background-color:#367aa9; 
		z-index:999; 
		box-shadow:-2px 1px 11px rgba(0, 0, 0, .3);
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);		/* gnb OPEN 속도 */
		visibility:hidden;
	}
	#gnbM.open{
		right:0px; 
		visibility:visible;
	}
	
	#gnbM .m-header-util-list{padding:15px 50px 0 10px; border-bottom:1px solid rgba(255,255,255,0.2);}
	#gnbM .m-header-util-list .login-after-box > p{margin-left:0; width:20%;}
	#gnbM .m-header-util-list .login-after-box > p i{color:#fff; font-size:18px;}
	#gnbM .m-header-util-list .login-after-box > p span{color:#fff; font-size:10.5px; letter-spacing:-0.65px;}
	#gnbM .m-header-util-list .login-after-box > p span:before{display:none;}
	#gnbM .m-header-util-list .login-after-box > p .new-mark{background-color:#fff; color:#ea5415; width:14px; height:14px; line-height:14px; top:-7px;}
	/*#gnbM .m-header-util-list .login-after-box{border-radius:4px; overflow:hidden; border:1px solid #ddd;}
	#gnbM .m-header-util-list .login-after-box > p{float:none; margin-left:0; text-align:left; background-color:#fff; border-top:1px solid #ddd;}
	#gnbM .m-header-util-list .login-after-box > p:first-child{border-top:0;}
	#gnbM .m-header-util-list .login-after-box > p a{display:block; padding-left:10px;}
	#gnbM .m-header-util-list .login-after-box > p i{color:#222;}
	#gnbM .m-header-util-list .login-after-box > p span{display:inline-block; vertical-align:middle; margin-left:5px;}
	#gnbM .m-header-util-list .login-after-box > p .new-mark{top:50%; margin-top:-8.5px; right:10px; line-height:17px;}*/

	#gnbM #navigation{/*margin-top:60px;*/}	/* Header 높이값 */
	/* GNB Mobile :: 1차 */
	#gnbM #navigation > li{border-bottom:1px solid rgba(255,255,255,0.2);}
	#gnbM #navigation > li > a {position:relative; display:block; padding:15px; color:#fff; font-size:17px;  }
	#gnbM #navigation > li.active > a{color:#fff;}
	#gnbM #navigation > li.has-2dep > a{}
	#gnbM #navigation > li.has-2dep.active > a{}
	#gnbM #navigation > li .gnb-icon{position:absolute; top:50%; right:10px; margin-top:-14px;}
	#gnbM #navigation > li .gnb-icon i{font-size:24px;}
	/* GNB Mobile :: 2차 */
	#gnbM #navigation > li .gnb-2dep{display:none; padding:15px 0; background-color:#fff; box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .3);}
	#gnbM #navigation > li .gnb-2dep > li{}
	#gnbM #navigation > li .gnb-2dep > li > a{display:block; color:#333; font-size:14px; padding:10px 15px;}
	#gnbM #navigation > li .gnb-2dep > li.on > a{color:#ea5415; text-decoration:underline;}
	
	/* -------- Header :: 네비게이션 오픈 버튼 -------- */
	.nav-open-btn{
		display:block; position:fixed; top:0;  right:0; z-index:100; /*muk 수정 상단메뉴고증 position: fixed;*/
		width:60px; height:60px; margin-top:0;
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
	}
	.nav-open-btn .line{
		display:block; width:20px; height:2px; background-color:#333; border-radius:5px; margin: 3px auto;
		-webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
	.nav-open-btn.active{position:fixed; top:0px; width:50px;}
	.nav-open-btn.active .line{background-color:#fff;}
	.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
	.nav-open-btn.active .line:nth-child(1){
		 -webkit-transform: translateY(5px) rotate(45deg);
		  -ms-transform: translateY(5px) rotate(45deg);
		  -o-transform: translateY(5px) rotate(45deg);
		  transform: translateY(5px) rotate(45deg);
	}
	.nav-open-btn.active .line:nth-child(3){
		 -webkit-transform: translateY(-5px) rotate(-45deg);
		  -ms-transform: translateY(-5px) rotate(-45deg);
		  -o-transform: translateY(-5px) rotate(-45deg);
		  transform: translateY(-5px) rotate(-45deg);
	}
	
	#header.fixed-header .nav-open-btn .line{background-color:#fff}
}

@media all and ( max-width: 480px ){
	/* -------- Header :: GNB(Pc) -------- */
	#header .logo{padding-top:18px;}
	#header .logo img{max-height:27px;}
}

/* ****************** FOOTER ********************** */
#footer{ background-color:#fff;}
#footerTop{}
#footerBottom{padding:40px 0; border-top:1px solid #ddd;}
#footerBottom > div{position:relative;}

/* Footer :: TOP버튼 */
.to-top-btn{display:none;}

/* Footer :: 푸터 SNS */
.fotter-sns-list{width:100%; text-align:center; padding-top:34px; padding-bottom:28px;}
.fotter-sns-list > li{float:left; width:11.11%; width:calc(100% / 9); }
.fotter-sns-list > li img{margin-bottom:16px;}
.fotter-sns-list > li p{font-size:14px; line-height:25px; color:#888; letter-spacing:-0.25px;}

/* Footer :: 주소 */
.footer-left-con{float:left; width:calc(50% - 29px); padding-left:29px;}
.family-address{position:absolute; top:106px; left:29px; padding-bottom:30px;}
.family-address p{color:#aaa; font-size:15px; line-height:24px; letter-spacing:-0.35px;}
.family-address span{margin-right:15px; display:inline-block; word-break:keep-all;}
.family-address a{color:inherit}

/* Footer :: 푸터로고 */
.foot-logo{}
.foot-logo img{width:80px;}

/* Footer :: 푸터메뉴 */
.foot-menu{padding:20px 0;}
.foot-menu li{float:left; margin-right:22px;}
.foot-menu li:last-child{margin-right:0;}
.foot-menu li a{color:#555; font-size:15px; line-height:24px; letter-spacing:-0.5px;}
.foot-menu li:last-child a{color:#ea5415;}

/* Footer :: 오른쪽정보  */
.footer-right-con{float:right; width:calc(50% - 29px); padding-left:29px;}
.foot-tel-tit{font-size:18px; line-height:24px; color:#333; font-weight:700; letter-spacing:-0.35px; margin-bottom:24px;}
.foot-tel-tit > span{color:#ea5415;}
.footer-tel-txt{font-size:14px; line-height:24px; color:#555; letter-spacing:-0.25px;}
.footer-tel-txt strong{display:block; font-size:18px; line-height:35px; color:#222; letter-spacing:-0.25px; font-weight:400; margin-bottom:15px;}
.footer-tel-txt strong b{font-size:35px; font-weight:400;}
.footer-tel-txt a{color:inherit; margin-right:15px;}
.footer-tel-txt span{display:block; font-size:13.5px; line-height:24px; color:#aaa; letter-spacing:-0.35px; padding-top:14px;}
.footer-tel-txt span em{margin-right:15px;}
.copyright{font-size:15px; line-height:24px; color:#999; letter-spacing:-0.35px; padding-top:35px;}
.copyright span{color:#ea5415}


@media all and (max-width:1120px){
	#footerBottom{padding-bottom:60px;}
	.family-address{left:44px; width:calc(50% - 44px);}
}

@media all and (max-width:800px){
	#footerTop{padding:0;}
	#footerBottom{padding:30px 0;}
	
	/* Footer :: TOP버튼 */
	.to-top-btn{
		position:fixed; bottom:-100px; right:15px; display:block; width:45px; height:45px; background-color:#d7d7d7; text-align:center; line-height:45px; color:#fff; z-index:99;
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s
	}
	.to-top-btn.fixed{bottom:15px; opacity:1.0;filter:Alpha(opacity=100);}
	
	/* Footer :: 푸터 SNS */
	.fotter-sns-list{padding-top:18px; padding-bottom:22px;}
	.fotter-sns-list > li{width:20%; padding-bottom:18px;}
	.fotter-sns-list > li.wide{width:25%; padding-bottom:0; padding-top:20px; border-top:1px solid #ddd;}
	.fotter-sns-list > li img{margin-bottom:10px; max-height:40px;}
	.fotter-sns-list > li p{font-size:11px; line-height:17px;}

	/* Footer :: 주소 & Footer :: 오른쪽정보 */
	.footer-left-con, .footer-right-con{float:none; width:auto; padding-left:0;}
	.footer-left-con{margin-bottom:30px;}
	.family-address{position:static; width:auto;}
	.family-address p{font-size:11px; line-height:18px; word-break:keep-all;}
	.family-address p span{margin-right:10px; display:inline-block;}

	/* Footer :: 푸터로고 */
	.foot-logo{float:none; margin-bottom:5px;}
	.foot-logo img{max-width:139px;}

	/* Footer :: 푸터메뉴 */
	.foot-menu{float:none; padding:7px 0;}
	.foot-menu li{margin-right:0; margin-left:11px;}
	.foot-menu li:first-child{margin-left:0}
	.foot-menu li a{font-size:11px; line-height:15px; letter-spacing:-0.35px;}

	/* Footer :: 오른쪽정보  */
	.foot-tel-tit{display:none;}
	.footer-tel-txt{font-size:11px; line-height:18px;}
	.footer-tel-txt strong{font-size:12px; line-height:22px; margin-bottom:10px;}
	.footer-tel-txt strong b{font-size:22px; }
	.footer-tel-txt a{margin-right:10px;}
	.footer-tel-txt span{font-size:12px; line-height:18px; padding-top:0; margin-bottom:20px;}
	.footer-tel-txt span em{display:inline-block;}
	.copyright{font-size:11px; line-height:18px; padding-top:25px;}
}

/* ****************** SUB LAYOUT ********************** */
/*  SUB LAYOUT :: 비주얼 */
#visual{width:100%; padding-top: 130px;} /*muk 메인화면 body 상단고정 바로 밑 하단부분 위쪽에 맞게 붙이기 즉 위에서 150px에 위치*/

/*  SUB LAYOUT :: 배너 비주얼 */
#subBannervisual{width:100%; overflow:hidden; border-bottom:1px solid #ddd;}
.main-banner-slide-wrap{display:none;}
.main-banner-slide-item img{display:block; margin:0px auto; max-width:100%;}


#subMenu{display:none;}
/*  SUB LAYOUT :: 서브 메뉴 */

#subMenu{position:relative; height:129px; text-align:center; background-color:#f3f3f3;}
#subMenu:after{display:block; content:""; width:100%; height:1px; background-color:#ddd; position:absolute; bottom:0; left:0;}

.sub-menu-inner{height:100%; overflow:hidden;}
.sub-menu-tit{position:relative; display:inline-block; height:100%; font-size:12px; line-height:129px; letter-spacing:-0.5px; font-weight:400; color:#367aa9; padding:0 49px; overflow:hidden;}
/*.sub-menu-tit{position:relative; display:inline-block; height:100%; font-size:12px; line-height:129px; letter-spacing:-0.5px; font-weight:400; color:#367aa9; padding:0 49px; overflow:hidden;}*/
.sub-menu-tit:after{display:block; content:""; width:100%; height:1px; position:absolute; bottom:0px; left:0; background-color:#367aa9; z-index:2;}/*muk 메뉴 바로밑 타이틀 색상변경등*/
.sub-page-controls-btn{font-size:19px; line-height:24px; color:#222; font-weight:800; letter-spacing:-0.5px; margin-top:52px;}
.sub-page-controls-btn span, .sub-page-controls-btn strong{display:inline-block; vertical-align:middle;}
.sub-prev-page-btn{float:left;}
.sub-prev-page-btn i{margin-right:10px; vertical-align:middle;}
.sub-next-page-btn{float:right;}
.sub-next-page-btn i{margin-left:10px; vertical-align:middle;}

/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#middleArea{position:relative; /*background-color:#f3f3f3;*/}
#content{padding-top:20px; padding-bottom:0px;} /*muk 오른쪽 뉴스 높이조정   padding-bottom:50px;->0*/
#content_1{padding-top:180px; padding-bottom:0px;} /*muk 오른쪽 뉴스 높이조정  padding-top:20px->180px padding-bottom:50px;->0*/
#content_2{padding-top:80px; padding-bottom:0px;} /*muk 오른쪽 뉴스 높이조정  padding-top:20px->180px padding-bottom:50px;->0*/

/*#content{padding-top:20px; padding-bottom:50px;}*/
#content.padt0{padding-top:0;}

@media all and (max-width:1920px){
	/* 수강연장  */
	.notice-inner{padding:10px 30px;}
	#visual{width:100%; padding-top: 130px;} /*muk 메인화면 body 상단고정 바로 밑 하단부분 위쪽에 맞게 붙이기 즉 위에서 150px에 위치*/
}

@media all and (max-width:1120px){
	#visual{width:100%; padding-top: 130px;} /*muk 메인화면 body 상단고정 바로 밑 하단부분 위쪽에 맞게 붙이기 즉 위에서 150px에 위치*/
	/*  SUB LAYOUT :: 서브 메뉴 */
	#subMenu{height:103px;}
	.sub-menu-inner{position:relative; line-height:103px;}
	.sub-menu-tit{line-height:103px;}
	.sub-page-controls-btn{position:absolute; top:0; margin-top:42px;}
	.sub-prev-page-btn{left:15px;}
	.sub-next-page-btn{right:15px;}
}

@media all and (max-width:800px){
	#visual{width:100%; padding-top: 100px;} /*muk 메인화면 body 상단고정 바로 밑 하단부분 위쪽에 맞게 붙이기 즉 위에서 150px에 위치*/
	/*  SUB LAYOUT :: 배너 비주얼 */
	#subBannervisual .main-banner-con{display:none;}
	.main-banner-slide-wrap{display:block;}

	/*  SUB LAYOUT :: 서브 메뉴 */
	#subMenu{height:60px; display:block;}
	.sub-menu-inner{padding-left:0; padding-right:0;}
	.sub-menu-inner{line-height:60px;}
	.sub-menu-tit{font-size:16px; line-height:60px; padding:0 16px;}/*muk 타이틀 모바일*/
	.sub-page-controls-btn{font-size:11px; margin-top:20px;}
	.sub-prev-page-btn{left:10px;}
	.sub-prev-page-btn i{margin-right:5px;}
	.sub-next-page-btn{right:10px;}
	.sub-next-page-btn i{margin-left:5px;}

	/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
	#content{padding-top:30px; padding-bottom:30px;}
	#content_1{padding-top:80px; padding-bottom:0px;} /*muk 오른쪽 뉴스 높이조정  padding-top:20px->180px padding-bottom:50px;->0*/
	#content_2{padding-top:50px; padding-bottom:0px;} /*muk 오른쪽 뉴스 높이조정  padding-top:20px->180px padding-bottom:50px;->0*/
}

@media all and (max-width:480px){
	.sub-page-controls-btn strong{display:none;}
}

/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.modal-inner-pop-newfunc{text-align:left; max-width:500px; margin-left:auto; margin-right:auto;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; background-color:#fff; z-index:999;}
.footer-modal-content h1{height:40px; line-height:40px; font-size:14px; font-weight:600; z-index:999; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#3e6bb4; color:#fff;}/*muk 매물보기 오픈창 칼라변경등*/
.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.modal-close-btn i{font-size:20px; z-index:999;}/*muk 매물오픈창 상단 X자사이즈 조정*/
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:2px; z-index:999;}/*muk 매물오픈창 두께 조정*/
.footer-inner{padding:1px; height:100%; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }/*muk 매물오픈창 두께 조정*/
/*.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }*/

/* 사이트맵 */
.sitemap-wrapper{padding:30px;}
.sitemap-wrapper > ul{overflow:hidden;}
.sitemap-wrapper > ul > li{float:left; width:20%; text-align:center;}	/* 메뉴 갯수에 맞게 %로 계산, 두줄로 들어갈 경우 height값 설정 */
.sitemap-wrapper.menu4 > ul > li{width:25%;}
.sitemap-wrapper.menu6 > ul > li{width:16.6%;}
.sitemap-wrapper.menu7 > ul > li{width:14.2%;}
.sitemap-wrapper > ul > li > h2{color:#191919; margin:0 2% 20px 2%; padding-bottom:20px; font-size:16px; border-bottom:1px solid #888; letter-spacing:-1.0px; margin-bottom:20px; font-weight:500;}
.sitemap-wrapper > ul > li .sitemap-2dep {padding:0 5%;}
.sitemap-wrapper > ul > li .sitemap-2dep a{display:block; padding:10px 0; color:#666; font-size:13px; font-weight:400; line-height:1.2em;}
.sitemap-wrapper > ul > li .sitemap-2dep a:hover{color:#000; text-decoration:underline;}

/* 학교명 찾기 */
.memb-find-school-modal-content{max-width:500px;}
.memb-find-school-inner{}
.memb-find-school-inner > p{font-size:15px; line-height:20px; color:#333; margin-bottom:10px;}
.memb-find-school-inner > p span{display:block; font-size:13px; color:#888;}
.memb-find-school-input{margin-bottom:10px;}
.memb-find-school-input > input{float:left; width:360px; padding:0; height:38px; text-indent:10px; border:1px solid #888;}
.memb-find-school-input > button{float:right; width:70px; height:40px; background-color:#999; color:#fff; text-align:center;}
.memb-find-school-search-box{height:150px; border:1px solid #E0E0E0; padding:10px; overflow-y:auto; margin-bottom:10px;}
.memb-find-school-search-box > a{display:block; color:#979797; font-size:13px; line-height:18px; margin:5px 0;}
.memb-find-school-search-box > a:hover{color:#007ac1;}







/* Header :: 검색버튼 */
.header-search-box{position:relative; float:left; margin-left:20px; z-index:101; }
.header-search-open-btn, .header-search-close-btn, .header-search-btn{width:42px; height:42px;}
.header-search-open-btn{ color:#333; border-color:#dddddd;}
/*.header-search-inner{position:relative; top:0px; right:0; width:200px; padding-right:42px; text-align:right;   }*/

.header-search-inner{position:relative; top:0px; right:0;  padding-right:42px; text-align:right;   }	/* padding-right: 닫기버튼의 width만큼*/
.header-search-inner .header-search-inner-box{ height:42px; border:1px solid #dddddd; background-color:#fff; border-radius: 20px 20px 20px 20px; }
.header-search-inner .header-search-word{height:42px; width:calc(100% - 52px); vertical-align:top; background-color:transparent; border:0; color:#333; text-indent:5px;}
.header-search-inner .header-search-btn{vertical-align:top; margin-left:-4px; color:#ff6100; }
.header-search-inner .header-search-close-btn{position:absolute; top:0px; right:0px; background-color:#333; color:#fff; }
.header-search-box.open .header-search-inner{display:block;}


@media all and ( max-width: 800px ){
	.header-search-box{ display:none;}
	.header-search-inner .header-search-word{height:38px; width:calc(90% - 52px); vertical-align:top; background-color:transparent; border:0; color:#333; text-indent:5px;}

}