@charset "euc-kr";


/* visual */
#visual__ { position:relative; width:100%; height:365px;}

.ap_right { position:absolute; right:0; top:0; width:434px; height:606px; }
.ap_right .mobile { height:214px; padding:21px 22px 0 38px; background-color:#45474a; }
.ap_right .mobile h2 { padding:3px 0 11px 35px; background:url(../images/common/bl_ck_mobile.png) no-repeat 0 0;}
.ap_right .mobile .tt { display:block; float:left; width:51px; text-align:justify; padding-top:4px; letter-spacing:0.03em;}


.notice_area { height:205px; position: relative; margin-top:6px; background:#e9e9e9; }
.lay .tit { position:relative; padding:30px 30px 25px 30px;}
.lay .tit h2 {font-size:20px; font-weight:600; color:#363636; }
.btn_more { position:absolute; right:30px; top:20px; }
.btn_more a { display:block; padding:6px 8px 8px 8px; font-size:13px; color:#414141; }
.notice_area ol { margin:0 0 0 30px; background:url('../images/main/icon_notice.png') no-repeat 0 4px; padding:0 0 0 104px;}
.notice_area ol li a { display:block; font-weight:600; padding:3px 15px; background:url('../images/common/bl_notice.gif') no-repeat 0 8px;}


/* content */
#content {width:1200px; margin:0 auto; padding:12px 0 40px 0; }

#section_1 {position:relative; margin-top:10px;}

.qbn {}
.qbn ul { overflow:hidden; }
.qbn ul li { float:left; text-align:center; height:242px; margin-right:10px;}
.qbn ul li.st01 { width:245px; background:#ffec00; }
.qbn ul li.st02 { width:250px; background:#e2e2e2; }
.qbn ul li.st03 { width:240px; background:#d0e5f4; }
.qbn ul li a { display:block; padding:25px 20px; line-height:1.3;}
.qbn ul li:hover { background:#017ed8; }
.qbn ul a:hover h2{color:#fff;}
.qbn ul a:hover p{color:#fff; }
.qbn ul li h2 { font-size:20px; font-weight:600; color:#363636; padding:3px 0 12px 0;}
.qbn ul li p { padding-top:15px; color:#51685b;}


.customer { position:absolute; right:0; bottom:0; overflow:hidden; width:434px; height:242px; margin-top:10px; background:url('../images/common/bl_call.png') no-repeat 116px 13px #fff;}
.customer h2 { padding:26px 10px 22px 26px;}
.customer .time { padding:0 0 0 144px; font-weight:600; font-size:14px; color:#767676; background:url('../images/main/call.gif') no-repeat 33px 7px; line-height:1.3; letter-spacing:1px; }
.customer .call { padding:0 4px 9px 0; color:#3c506d; font-size:27px; letter-spacing:2px; font-weight:600; }
.btn_cus {position:absolute; top:60px; left:190px; width:190px; height:26px; line-height:26px; font-size:16px; font-weight:600; text-align:center; color:#fff; background: url('../images/main/btn_bg_custom.png') no-repeat 0 0; }


#section_2 { overflow:hidden; position:relative; margin-top:10px; }
#section_2 .side { float:left; position: relative; display:block; width:506px; height:245px; margin-right:10px; background:url(../images/main/vi03_01.jpg) no-repeat 0 0; }
#section_2 .side .vi03 { width:100%; height:245px; text-align:center; font-size:25px; font-weight:600; z-index:10; }
#section_2 .side .vi03 a { display:block; color:#fff; line-height:245px;}
#section_2 .side .vi03 a:hover { color: #ffec00;}

#section_2 .side_ p { font-size:19px; font-weight:600; padding:27px 0 10px 0; line-height:130%; color:#0f3e7e;} 
#section_2 .side_ p span { color:#ff4200; font-size:27px;}

#section_2 #photo_gallery { width:680px; height:245px; float:left; display:block; position:relative; background:#fff;}
#photo_gallery ul { padding:0 0 0 9px; overflow:hidden; }
#photo_gallery li { float:left; display:block; padding-left:14px; }
#photo_gallery li img { width:145px; height:145px;
 -moz-border-radius: 100px; /*¸ðÁú¶ó*/
-webkit-border-radius: 100px; /*À¥Å¶*/
/*IE9+,FF4+,chrome,Safari5,+opera*/
border-radius: 100px;
border:2px solid #fff;
}
#photo_gallery li a:hover img {border:2px solid  #ffec00;}

.form {font-family:µ¸¿ò; font-size:9pt; color:#5E5E5E; margin-top:0; margin-bottom:0;  border: 1px solid #D0D0D0; padding-left:3; line-height:125%; height:18px; }