@charset "utf-8";

/* 
* Asan - Homebilder
* main skin type [ scs1 ] - Style Sheet
* 
*/

/*메인 header shadow*/
#headerWrap { position:relative; z-index:999;
-webkit-box-shadow:0px 2px 3px 0px rgba(50, 50, 50, 0.02);
-moz-box-shadow:0px 2px 3px 0px rgba(50, 50, 50, 0.02);
box-shadow:0px 2px 3px 0px rgba(50, 50, 50, 0.02);}

/* layout */
#innerContent.mainStyleScs1 { width:100%; overflow:hidden; background:#e6e5e9;}
#innerContent.mainStyleScs1 .mainCon { width:100%; overflow:hidden; position:relative;}
.mainStyleScs1 .row1 { width:100%; overflow:hidden; position:relative;}
.mainStyleScs1 .row2 { width:100%; height:460px; margin-bottom:30px; overflow:hidden; position:relative;}
.mainStyleScs1 .row3 { width:100%; height:160px; margin-bottom:30px; overflow:hidden; position:relative;}

/* mainStyleScs1_ row1 */
#innerContent.mainStyleScs1 .row1 {}
.mainStyleScs1 .mainVisual { width:100%; height:411px; overflow:hidden; position:relative;}
.mainStyleScs1 .mainVisual .mainTit { position:absolute; top:308px; left:650px;}
.mainStyleScs1 .mainVisual h3 { font-size:50px; color:#006769; line-height:1.2; margin-bottom:20px;}
.mainStyleScs1 .mainVisual p { font-size:18px; color:#333;}

/* mainStyleScs1_ row2 */
#innerContent.mainStyleScs1 .row2 {}
.mainStyleScs1 .row2 .box1 { float:left; width:600px; height:460px; background:url('/asan/images/homebuilder/main/scs_banner_1.jpg') no-repeat 0 0;}
.mainStyleScs1 .row2 .box1 h3,
.mainStyleScs1 .row2 .box1 p { margin-left:50px; color:#333; font-size:18px;}
.mainStyleScs1 .row2 .box1 h3 { margin-top:52px;}
.mainStyleScs1 .row2 .box1 h3 a { font-size:50px; color:#333; line-height:1.2;}
.mainStyleScs1 .row2 .box1 h3 a:hover { text-decoration:none;}
.mainStyleScs1 .row2 .box1 h3 span { color:#006769;}
.mainStyleScs1 .row2 .box1 p { margin-top:28px;}
.mainStyleScs1 .row2 .box2 { float:right; width:600px; height:78px; overflow:hidden; background:#fff; line-height:1.2;}
.mainStyleScs1 .row2 .box2 h3 { float:left; width:103px; margin:30px 0 0 20px; color:#111;}
.mainStyleScs1 .row2 .box2 p { float:left; width:440px; margin-top:32px; overflow:hidden;}
.mainStyleScs1 .row2 .box2 p a { float:left; display:block; width:330px;}
.mainStyleScs1 .row2 .box2 p a span { display:inline-block; height:18px; overflow:hidden; max-width:300px;}
.mainStyleScs1 .row2 .box2 p a:hover .txt{ text-decoration: underline;}
.mainStyleScs1 .row2 .box2 p img { display:inline-block; vertical-align:top; padding-top:3px;}
.mainStyleScs1 .row2 .box2 p .date { float:right; font-size:13px;}
.mainStyleScs1 .row2 .box3 { float:right; width:600px;}
.mainStyleScs1 .row2 .box3 ul { width:100%; overflow:hidden;}
.mainStyleScs1 .row2 .box3 ul li { float:left; position:relative; width:100%; height:190px; overflow:hidden;}
.mainStyleScs1 .row2 .box3 ul li h3 { width:240px; margin-top:86px; margin-left:30px; font-size:24px; overflow:hidden;}
.mainStyleScs1 .row2 .box3 ul li p { width:240px; margin-left:30px; font-size:15px; overflow:hidden;}
.mainStyleScs1 .row2 .box3 .banner1 a,.mainStyleScs1 .row2 .box3 .banner1 p { color:#fff;}
.mainStyleScs1 .row2 .box3 .banner1 .con { position:absolute; top:0; left:0; width:300px; height:190px; padding-right:7px; background:url('/asan/images/homebuilder/main/scs_banner_bg_2.png') no-repeat 0 0;}
.mainStyleScs1 .row2 .box3 .banner1 .imgBox { position:absolute; top:0; right:0;}
.mainStyleScs1 .row2 .box3 .banner1 .imgBox a { position:absolute; top:70px; right:125px;}
.mainStyleScs1 .row2 .box3 .banner2 h3 a { color:#111;}
.mainStyleScs1 .row2 .box3 .banner2 p { color:#666;}
.mainStyleScs1 .row2 .box3 .banner2 .con { position:absolute; top:0; right:0; width:300px; height:190px; padding-left:7px; background:url('/asan/images/homebuilder/main/scs_banner_bg_3.png') no-repeat 0 0;}
.mainStyleScs1 .row2 .box3 .banner2 .imgBox { position:absolute; top:0; left:0;}
.mainStyleScs1 .row2 .box3 .con { z-index:1;}

/* mainStyleScs1_ row3 */
#innerContent.mainStyleScs1 .row3 { }
.mainStyleScs1 .row3 .banner>li { height:435px; background:#fff; position:relative;}
.mainStyleScs1 .row3 .banner .more { position:absolute; top:108px; right:0;}
.mainStyleScs1 .row3 h3 { line-height:1.2;}
.mainStyleScs1 .row3 h3 a { color:#fff;}
.mainStyleScs1 .row3 ul li p { color:#fff;}
.mainStyleScs1 .row3 .box2 h3,
.mainStyleScs1 .row3 .box4 h3,
.mainStyleScs1 .row3 .box6 h3 { width:150px; height:70px; padding:30px 25px 38px 25px; background:#333; color:#fff; font-size:14px;}
.mainStyleScs1 .row3 .tit { font-size:24px; font-weight:bold;}
.mainStyleScs1 .row3 .box1,
.mainStyleScs1 .row3 .box2,
.mainStyleScs1 .row3 .box3,
.mainStyleScs1 .row3 .box4,
.mainStyleScs1 .row3 .box5,
.mainStyleScs1 .row3 .box6 { width:200px; overflow:hidden; float:left;}
.mainStyleScs1 .row3 .titBox { width:150px; height:70px; padding:30px 25px 38px 25px;}
.mainStyleScs1 .row3 .titBox h3 { font-size:24px;}
.mainStyleScs1 .row3 .titBox p { font-size:15px;}
.mainStyleScs1 .row3 .box1 .titBox{ background:#108084;}
.mainStyleScs1 .row3 .box3 .titBox{ background:#db330c;}
.mainStyleScs1 .row3 .box5 .titBox{ background:#6097c2;}
.mainStyleScs1 .row3 .listBox { width:150px; height:240px; padding:27px 24px;}
.mainStyleScs1 .row3 .listBox h4 { padding-bottom:20px; font-size:18px; color:#333; line-height:1.2;}
.mainStyleScs1 .row3 .listBox li { height:18px; overflow:hidden; margin-bottom:10px; line-height:1.2;}
.mainStyleScs1 .row3 .listBox li a { dispaly:inline-block; padding-left:10px; font-size:15px; color:#666; line-height:1.2; background:url('/asan/images/homebuilder/main/m1_bul_list_bg.gif') no-repeat 1px 7px;}