@charset "utf-8";

/* common */
body {width:100%; min-width:1330px!important;}
.inner {width:1200px; margin-left:auto; margin-right:auto;}

/* 상단 */
#ABA-head-top {padding:30px 0px 38px 50px; position:relative; z-index:500;}
#ABA-head-top .ABA-container-box:after {content:''; display:block; clear:both}
#ABA-head-top .logo {float:left; font-size:0;}
#ABA-head-top .logo h1 {display:inline-block; vertivcal-align:top;}
#ABA-head-top .logo p {display:inline-block; width:130px; /*height:24px;*/ color:#fff; background:#3d8de4; text-align:left; line-height:24px; font-size:17px; font-weight:bold;  vertical-align:top; position:relative; top:0px;}
#ABA-head-top .menu {float:right; margin-top:-5px; margin-right:2px}

#ABA-head-top.fixedgnb {position:fixed; top:0; left:0; right:0; z-index:100; background: rgba(255,255,255,0.9); padding-top:17px; padding-bottom:25px;}
#ABA-head-top.fixedgnb + div{margin-top:93px}

@media screen and (max-width: 1700px) {
	#ABA-head-top .logo {margin-bottom:30px;}    
}

/* 메인 비주얼 영역*/
.visual_wrap:before {position:absolute; bottom:0; left:50%; margin-left:-960px; width:59px; height:355px; background:url(../img/main/visual_text.png) no-repeat 0 100%; content:'';}
.slide_wrap {position:relative; top:0; left:50%; margin-left:-120px;}
.temp-div .slide_wrap {position:relative; top:0; left:0%; margin-left:30px;}/* 관리자 */

/* 메인 비주얼 텍스트 */
.visual_text {position:absolute; top:109px; left:50%; margin-left:-578px; color:#0c2540;}
.visual_text h3 {font-size:43px; color:#0c2540; line-height:53px; padding-bottom:15px;}
.visual_text p {font-size:16px; }
.temp-div .visual_text {position:relative; top:auto; left:auto; margin-left:-0; color:#0c2540;}/* 관리자 */


/* 메인 요금 메뉴 */
.main_pay {position:absolute; bottom:0; width:240px;left:50%; margin-left:-360px; z-index:10; }
.temp-div .main_pay {position:relative; bottom:0; width:240px; left:0%; margin-left:30px;  background: #fff;} /* 관리자 */
.main_pay .tit {border-bottom:1px solid #c9c9c9; font-size:24px; color:#0c2540; padding-bottom:5px}
.main_pay a.box {display:block; height:60px; background: url(../img/main/main_arrow.png) no-repeat 100% 50%; text-indent:5px; line-height:60px; font-size:16px; color:#0c2540}
.main_pay a.box.activeSlide {width:285px; background: #3d8de4 url(../img/main/main_plus.png) no-repeat 100% 50%; text-indent:20px; color:#fff; box-shadow:5px 5px 10px rgba(0,0,0,.1); }


/* 메인 상담 신청 */
.consulting {position:relative; height:484px; margin-bottom:110px; padding-top:98px; box-sizing:border-box}
.consulting:before {position:absolute; top:0; width:100%; left:0; right:0; height:373px; background: linear-gradient(45deg, #235791, #0c2540); content:'';}
.consulting .inner {position:relative; z-index:2;}
.consulting .inner1 {padding-bottom:130px;}
.consulting .inner1 .title {font-size:14px; color:#fff; line-height:24px; font-weight:300;}
.consulting .inner1 .title h4 {font-size:24px; color:#fff; padding-bottom:10px;}
.consulting .inner1 .title h4 img {position:relative; top:-2px}
.consulting .inner1 .board {padding-top:22px; font-size:0; vertical-align:top;}
.consulting .inner1 .board input[type=text],
.consulting .inner1 .board input[type=tel]  {background: transparent; border:0px solid #fff; border-bottom:2px solid #fff; margin:0; height:50px; line-height:48px; padding:0; text-indent:10px; color:#fff; font-size:15px;}
.consulting .inner1 .board input[type=text] {width:174px; margin-right:30px;}
.consulting .inner1 .board input[type=tel] {width:358px; margin-right:20px;}
.consulting .inner1 .board a {color:#fff; font-size:16px; }
.consulting .inner1 .board a.submit {display:inline-block; width:136px; height:50px; line-height:50px; background:#3d8de4; text-align:center; position:relative; top:5px;}
.consulting .inner2 {text-align:center;}
.consulting .inner2 .ABA-container-box-230 { margin:0 5px;}
.consulting .inner2 a[class*=box] {display:inline-block; width:230px; height:180px; box-sizing:border-box; border:1px solid #ddd; font-size:22px; font-weight:700; padding: 18px 15px; text-align:left; color:#0c2540; letter-spacing:-1px; transition: transform 0.5s; }
.consulting .inner2 a[class*=box] span {display:block; font-size:13px; font-weight: 400;}
.consulting .inner2 a.box1 {background: url(../img/main/main_box1.jpg) no-repeat 50% 50%;}
.consulting .inner2 a.box2 {background: url(../img/main/main_box2.jpg) no-repeat 50% 50%;}
.consulting .inner2 a.box3 {background: url(../img/main/main_box3.jpg) no-repeat 50% 50%;}
.consulting .inner2 a.box4 {background: url(../img/main/main_box4.jpg) no-repeat 50% 50%;}
.consulting .inner2 a.box5 {background: url(../img/main/main_box5.jpg) no-repeat 50% 50%;}
.consulting .inner2 a[class*=box]:hover {background: url(../img/main/main_box_over.jpg) no-repeat 50% 50%; color:#fff; border-color: transparent; box-shadow:2px 2px 11px rgba(0,0,0,0.1); transform: translate(0px, -20px); transition: transform 0.5s; }

.location .map {position:relative;}
.location .map:after {display:block; clear:both; content:'';}
.location .map .map_btn {width:235px; position:absolute; top:0; left:0; border-bottom:1px solid #ddd; z-index:15}
.location .temp-div .map .map_btn {position:relative; }/* 관리자 */
.location .map .map_btn .box {height:68px; line-height:67px; border-top:1px solid #ddd; font-size:18px; color:#0c2540; text-indent:20px; background: url(../img/main/main_arrow.png) no-repeat 100% 50%; cursor:pointer; box-sizing:border-box;}
.location .map .map_btn .box a{color:#0c2540;}
.location .map .map_btn .box:last-child {height:69px; line-height:68px;}
.location .map .map_btn .box.on { background: #3d8de4 url(../img/main/main_plus.png) no-repeat 100% 50%; color:#fff; box-shadow:5px 5px 10px rgba(0,0,0,.1); width:260px;}
.location .map .map_btn .box.on a{color:#fff; display:block; width:100%; height:100%;}
.location .map .map_wrap {border:1px solid #ddd; overflow:hidden; width:475px; height:340px; float:right;}
.location .map .map_wrap iframe {position:absolute; top:1px; right:1px; z-index:5;}
.location .map .map_wrap a.ABD-o iframe {position:relative; top:0px; right:0px; z-index:5;} /* 관리자 */
.location .map .map_wrap iframe:frist-child {z-index:6;}
.location .map .map_wrap iframe.on {z-index:10;}

.location .title {padding-left:23px; padding-bottom:9px}
.location .title h3 {display:inline-block; color:#0c2540; font-size:24px; font-weight:700;}
.location .title span {color:#0c2540; font-size:13px;}
.location .ABA-wrap-box {padding:0 5px;}
.location .ABA-wrap-box .board {padding:13px 5px; box-sizing:border-box; border:1px solid #ddd; border-width:1px 0; margin-left:10px;  height:341px; box-sizing:border-box;}
.location .ABA-wrap-box .board h3 {font-size:24px; color:#0c2540; font-weight:700; padding-bottom:10px;}
.location .ABA-wrap-box .board h3 span {font-size:13px; color:#0c2540; font-weight:400;}
.location .ABA-wrap-box .board .notice {border-bottom:1px solid #ddd; margin-bottom:20px; padding:0 15px 20px 15px; position:relative;}
.location .ABA-wrap-box .board .notice table span.comment_1 {display:block; width:310px;}
.location .ABA-wrap-box .board .notice .date {position:absolute; bottom:20px; right:15px; color:#999; font-size:12px; }
.location .ABA-wrap-box .board .estimate {padding:0 15px 20px 15px; position:relative;}
.location .ABA-wrap-box .board .tplMore {top:3px; right:15px;}


/* 푸터 */
#ABA-footer {border-top:1px solid #ddd; padding-top:35px; margin-top:180px; padding-bottom:30px;}
#ABA-footer .footerBox1 img {display:block;}
#ABA-footer .footerBox1 p {padding:5px 0; font-size:12px; color:#999;}
#ABA-footer .footerBox1 a {display:inline-block; padding:3px 8px; margin:0 5px 5px 0; border-radius:22px; background:#555; color:#fff; font-size:11px;}
#ABA-footer .footerBox1 a:last-child {background:#737373;}

#ABA-footer .footerBox2 p,
#ABA-footer .footerBox3 p,
#ABA-footer .footerBox3 a,
#ABA-footer .footerBox4 p {font-size:12px; color:#999; line-height:2}
 
#ABA-footer .footerBox3 a {display:inline-block; width:104px; padding-left:10px; position:relative; width:104px; box-sizing:border-box;}
#ABA-footer .footerBox3 a:before {position:absolute; top:0; left:0; content:'·'; font-weight:bold;}
#ABA-footer .footerBox3 a:nth-child(2n-1) {width:350px}

#ABA-footer .footerBox2 p.title,
#ABA-footer .footerBox3 p.title,
#ABA-footer .footerBox4 p.title {font-size:14px; color:#999; line-height:1.2; margin-bottom:5px;}

#ABA-footer .footerBox4 p.tel {font-size:23px; font-weight:700; line-height:28px; color:#737373;}