@charset "utf-8";

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

/* layout */
#innerContent.mainStyle11 { width:100%; height:740px; overflow:hidden;}
.mainStyle11 .mainCon { width:100%; overflow:hidden; position:relative;}
.mainStyle11 .row1 { width:100%; overflow:hidden; margin-bottom:30px;}
.mainStyle11 .row2 { width:100%; overflow:hidden; margin-bottom:30px;}
.mainStyle11 .row3 { width:100%; overflow:hidden;}
#innerContents.mainStyle11 .admBtns  { margin-top:50px;}

/* main1_ row1 */
#innerContents.mainStyle11 .row1 { margin-top:66px; color:#fff;}
.mainStyle11 .r1Info { width:399px; height:300px; background:#606060;}
.mainStyle11 .r1Info .atcCon { position:absolute; top:42px; left:31px; width:340px; overflow:hidden;}
.mainStyle11 .r1Info .atcCon h2.conTits { padding-bottom:9px; font-size:23px; font-weight:normal; line-height:1.2;}
.mainStyle11 .r1Info .atcCon h2.conTits span { display:inline-block; padding-top:12px; font-size:32px; font-weight:bold;}
.mainStyle11 .r1Info .bkNumber { position:absolute; bottom:40px; left:31px; width:340px;}
.mainStyle11 .r1Info .bkNumber dt { font-size:23px; font-weight:bold;}
.mainStyle11 .r1Info .bkNumber dd { font-size:35px; line-height:1; font-weight:bold; text-align:left;}

/* main1_ row2 */
#innerContents.mainStyle11 .row2 { height:200px; margin-top:114px; margin-bottom:60px; overflow:hidden;}
#innerContents.mainStyle11 .row2 .col1 { width:398px; height:200px; float:left; overflow:hidden; background:#267376; border-right:1px solid #19676c;}
#innerContents.mainStyle11 .row2 .col11 { height:200px; background:url('/asan/imageDown/homebuilder/20150318?fileName=bg_main_col1.png') no-repeat right bottom;}
#innerContents.mainStyle11 .row2 .col11 h2 { padding:25px 0 0 20px; font-size:24px; font-weight:bold; color:#fff;}
#innerContents.mainStyle11 .row2 .col11 .aimsCol1 {margin-top:5px;}
#innerContents.mainStyle11 .row2 .col11 .aimsCol1 li {line-height:30px; padding-left:40px;}
#innerContents.mainStyle11 .row2 .col11 .aimsCol1 li a {color:#fff;}
#innerContents.mainStyle11 .row2 .col2 { width:800px; height:200px; float:left; overflow:hidden;}
.mainStyle11 .row2 .articleBox { float:left;}
.mainStyle11 .asanInfoMenu { width:399px; overflow:hidden; background:#fff;}
.mainStyle11 .asanInfoMenu ul { width:100%; overflow:hidden;}
.mainStyle11 .asanInfoMenu ul li { height:99px; overflow:hidden; border-right:1px solid #dedede; border-bottom:1px solid #dedede;}
.mainStyle11 .asanInfoMenu ul li h3 { width:200px; line-height:1.4;}
.mainStyle11 .asanInfoMenu ul li h3 a { display:block; font-size:18px; color:#111;}
.mainStyle11 .asanInfoMenu ul li p { width:200px; padding-top:3px; overflow:hidden; font-size:14px;}
.mainStyle11 .asanInfoMenu .info0 { height:99px; background:url('/asan/images/homebuilder/main/m3_banner_1.png') no-repeat 32px 17px;}
.mainStyle11 .asanInfoMenu .info1 { background:url('/asan/images/homebuilder/main/m3_banner_2.png') no-repeat 20px 20px;}
.mainStyle11 .asanInfoMenu .articleBox { width:235px; height:61px; margin:25px 0 0 144px;}
.mainStyle11 .asanInfoMenu .info1 .articleBox {}
.mainStyle11 .mainBoard { width:347px; height:145px; overflow:hidden; margin:30px 0 0 27px;}
.mainStyle11 .mainBoard .boardNavi { position:absolute; top:30px; width:347px; height:23px; }
.mainStyle11 .mainBoard .boardNavi h3 { float:left; padding:0 12px 0 10px;  line-height:1; background:url('/asan/images/homebuilder/main/m3_tab_bg.gif') no-repeat right 0;} 
.mainStyle11 .mainBoard .boardNavi h3 a { display:inline-block; padding-bottom:5px; font-size:16px; color:#fff; text-decoration:none; font-weight:normal;}
.mainStyle11 .mainBoard .boardNavi h3.on a,
.mainStyle11 .mainBoard .boardNavi h3 a:hover { font-weight:bold; border-bottom:2px solid #fff;}
.mainStyle11 .mainBoard .boardNavi h3.last { background:none;}
.mainStyle11 .mainBoard .article { width:100%; padding-top:23px;}
.mainStyle11 .mainBoard .article ul { width:100%; padding-top:14px; overflow:hidden;}
.mainStyle11 .mainBoard .article li { width:100%; float:left; height:28px; overflow:hidden; color:#111; font-size:15px; line-height:1; background:url('/asan/images/homebuilder/main/m1_bul_list_bg_w.gif') no-repeat 0 9px;}
.mainStyle11 .mainBoard .article li a { float:left; display:inline-block; height:25px; overflow:hidden; width:240px; padding-left:10px; color:#fff; font-size:15px; line-height:1.5;}
.mainStyle11 .mainBoard .article li a img { display:inline-block;  margin-top:6px; vertical-align:top;}
.mainStyle11 .mainBoard .article li a .txt { display:inline-block; height:25px; max-width:220px; overflow:hidden;}
.mainStyle11 .mainBoard .article li a:hover .txt{text-decoration:underline;}
.mainStyle11 .mainBoard .article .date { float:right; display:inline-block; color:#fff; font-size:12px; padding-top:6px;}
.mainStyle11 .mainBoard .moreBtn { position:absolute; top:33px; right:23px; color:#fff;}
.mainStyle11 .qualityControl { position:relative; width:400px; height:200px; overflow:hidden; margin-left:0; background:url('/asan/images/homebuilder/main/m3_banner_3.png') no-repeat 0 0;}
.mainStyle11 .qualityControl .atcCon { position:absolute; top:27px; left:165px;}
.mainStyle11 .qualityControl .atcCon h3 { line-height:1.2; margin-bottom:13px;}
.mainStyle11 .qualityControl .atcCon h3 a { color:#111; font-size:22px; text-decoration:none; font-weight:bold;}
.mainStyle11 .qualityControl .atcCon h3 a span { color:#187a81; font-size:25px; text-decoration:none; font-weight:bold;}
.mainStyle11 .qualityControl .atcCon p { width:100%; overflow:hidden; margin-bottom:18px; color:#6e6e6e; line-height:1.2;}

/* add 20140627 :: h2가 밑으로 쳐지는 현상 처리 */
.fullCont .mainStyle11 h2{padding-top:0;}