@charset "utf-8";

#footerWrap {min-width: 1200px;}
.clearfix {width: 100% !important}

/* 비주얼 */
#innerContent .visual { width: 100%; height: 479px; position: relative; overflow: hidden;}
#innerContent .visual .visualWrapBox { width: 1920px; margin: 0 50%; overflow: hidden;position: absolute; top: 0; left: -960px;}
#innerContent .visual ul.visualWrap {width: 5800px; position: relative;}
#innerContent .visual .visualWrap li.visuaImg {width:1920px;height: 479px; float: left; position: relative;}
#innerContent .visual .visualWrap li.visuaImg .vTextArea {width: 1200px; position: absolute; top: 0; left: 50%; margin:90px -600px 0; text-align: right;}
#innerContent .visual .visualWrap li.visuaImg .vTextArea2 {width: 1200px; position: absolute; top: 0; left: 50%; margin:90px -600px 0; text-align: left;}
#innerContent .visual .visualWrap li.visuaImg .vTextArea a {display: inline-block; margin-top: 30px;}
#innerContent .visual .visualWrap li.visuaImg .vTextArea2 a {display: inline-block; margin-top: 30px;}
#innerContent .visual .visualWrap .visuaImg .quickTitle {height: 85px;display: inline-block;font-size: 18px;color: #fff;padding: 90px 0 0 0;}
#innerContent .visual .visualWrap .visuaImg .quickTitle span {display: block;font-size: 40px;font-weight: 600;}

/* 배경 */
#innerContent .visual .visualWrap li.vBg01 {background: url(../image/vBg04.jpg) no-repeat 0 0;}
#innerContent .visual .visualWrap li.vBg02 {background: url(../image/vBg02.jpg) no-repeat 0 0;}
#innerContent .visual .visualWrap li.vBg03 {background: url(../image/vBg03.jpg) no-repeat 0 0;}

/* 퀵배경 */
#innerContent .visual .visualWrap li.vBg01 {background: url(/asan/images/homebuilder/heart/vBg04.jpg) no-repeat 50% 0;}
#innerContent .visual .visualWrap li.vBg02 {background: url(/asan/images/homebuilder/heart/vBg02.jpg) no-repeat 50% 0;}
#innerContent .visual .visualWrap li.vBg03 {background: url(/asan/images/homebuilder/heart/vBg03_new03.jpg) no-repeat 50% 0;}

/* 비주얼 네비게이션 */
/*#innerContent .visual .vNaviPrev {position: absolute; top: 200px; left: 0; z-index: 10;}
#innerContent .visual .vNaviNext {position: absolute; top: 200px; right: 0; z-index: 10;}*/
#innerContent .visual .naviBtnArea {position: absolute;top: 420px;left: 50%;z-index: 100;width: 130px;margin-left: -65px;}
#innerContent .visual .naviBtnArea a { width: 12px; height: 12px; margin: 5px; display: inline-block; float:left;}
#innerContent .visual .naviBtnArea a.vNaviBtn {background: url(/asan/images/homebuilder/heart/vNaviOff.png) no-repeat 0 0}
#innerContent .visual .naviBtnArea a.vNaviBtnOn {background: url(/asan/images/homebuilder/heart/vNaviOn.png) no-repeat 0 0}
#innerContent .visual .naviBtnArea a:hover.vNaviBtn {background: url(/asan/images/homebuilder/heart/vNaviOn.png) no-repeat 0 0}
#innerContent .visual .naviBtnArea a img {vertical-align: top;}

/* 콘텐츠 */
.mainContWrap { width: 1200px; margin: 0 auto; padding: 30px 0}
.mainContWrap ul.boxArea {width: 1200px;height: 169px;}
.mainContWrap ul.boxArea li {width: 338px;padding: 20px 20px 25px 20px;background: #fff;float: left;margin: 0 30px 0 0; border: 1px solid #e5e5e5;height: 125px;}
.mainContWrap ul.boxArea li.webZine {margin: 0;}
/*.mainContWrap ul.boxArea li.webZine p{ background: none; padding: 0 10px 5px 0;}*/
.mainContWrap ul.boxArea li .boardTitle {font-size: 15px;font-weight: 600;position: relative;border-bottom: 1px solid #f5f5f5;padding: 0 0 7px 0;margin-bottom: 13px;}
.mainContWrap ul.boxArea li .boardTitle a { font-size: 13px; font-weight:normal; position: absolute; bottom:20; right: 0px }
.mainContWrap ul.boxArea li p {padding: 0 75px 5px 8px;position: relative; background: url(/asan/images/homebuilder/heart/bullet.gif) no-repeat 0 10px;}
.mainContWrap ul.boxArea li p span {position: absolute; top: 0; right: 0; font-size: 13px; color: #999}


/* 센터 */
.canterList {width: 1200px; height: 166px; padding: 30px 0;}
.canterList li a {float: left; width: 132px; height: 120px; padding: 20px 0 25px; text-align: center; font-size: 15px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.canterList li a:hover {border: 2px solid #006769 !important; width: 129px; height: 117px;padding:18px 0 27px;}
/*.canterList li a.on {border: 2px solid #006769 !important; width: 129px; height: 117px;padding: 20px 0 25px;}*/
.canterList li.canterTitle {background: #006769; color: #fff; font-weight: 600; line-height: 120px; border: 1px solid #006769; border-top: 0;float: left; width: 132px; height: 120px; padding: 20px 0 25px; text-align: center;}
.canterList li a.fLine {border-left: 1px solid #e5e5e5; }
.canterList li a:hover.fLine {width: 130px; }
.canterList li a.bLine {border-bottom: 0;}
.canterList li span {display:inline-block; padding:15px 0 0 0 ; height: 41px; width:100px;}


.hotLineWrap {width: 788px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;position: relative;/* padding: 0 0 55px 0; */}
.hotLineWrap ul.hotLineNum {height: 157px;}
.hotLineWrap ul.hotLineNum li { font-size: 15px; width: 196px;padding: 26px 0; border-right:1px solid #e5e5e5; float: left; text-align: center; height: 107px;}
.hotLineWrap ul.hotLineNum li p { padding: 15px 10px 15px 35px; display: inline-block; position: relative; background: url(/asan/images/homebuilder/heart/bullet.gif) no-repeat 22px 25px;}
.hotLineWrap ul.hotLineNum li.last { border: none;}
.hotLineWrap ul.hotLineNum li.online { background: #006769; margin: 0; padding: 40px 0; color: #fff; width: 197px;}
.hotLineWrap ul.hotLineNum li span {font-size: 26px; display: inline-block; font-weight: 600; letter-spacing: -1.5px; color: #339999; position: absolute; top: 8px; left: 170px; width: 200px;}
.hotLineWrap ul.hotLineNum li.online a {display: inline-block; border: 1px solid #fff; color: #fff; font-size: 15px; padding: 6px 45px; margin-top: 15px; font-weight: 600;}
.hotLineWrap ul.hotLineNum li.online a:hover {display: inline-block; background: #fff; border: 1px solid #fff; color: #006769 !important; font-size: 15px; padding: 6px 45px; margin-top: 15px; font-weight: 600;}
.hotLineWrap .applyBtn01 {display: inline-block;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.hotLineWrap .applyBtn02 {position:absolute;right: 0;top: 0;}
.hotLineWrap .BtnSt {padding: 15px 10px;height: 23px;width: 372px;position: relative;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.hotLineWrap a.BtnSt01 {position: absolute;top: 10px;right: 10px;background: #339999; color: #fff;padding: 5px 10px;}
.hotLineWrap a:hover.BtnSt01 { background: #1f7f7f; color: #fff; text-decoration: none;}
.hotLineWrap a.BtnSt02 {position: absolute;top: 10px;right: 10px;background: #ff9933; color: #fff;padding: 5px 10px;}
.hotLineWrap a:hover.BtnSt02 { background: #d87717; color: #fff; text-decoration: none;}
.hotLineWrap a.BtnSt03 {position: absolute;top: 10px;right: 10px;background: #6699cc; color: #fff;padding: 5px 10px;}
.hotLineWrap a:hover.BtnSt03 { background: #4776a7; color: #fff; text-decoration: none;}
.hotLineWrap a.BtnSt04 {position: absolute;top: 10px;right: 10px;background: #505050; color: #fff;padding: 5px 10px;}
.hotLineWrap a:hover.BtnSt04 { background: #37383a; color: #fff; text-decoration: none;}



.vodWrap {height: 212px;width: 380px;position: absolute;right: -410px;bottom: 0;border: 1px solid #e5e5e5;}