/**
* File Name : main.css
* Description : 메인 스타일시트
* Author : Web business Team / White
* Date : 2015.03.20
* Update : 2015.03.20
*/

/* Layout Selector */
#contents { z-index:1;}

/* event */
.event { z-index:10; float:left; width:692px; height:452px; margin:0 10px 10px 0;}

.event_list { z-index:10; position:relative; width:665px; height:34px; padding:16px 0 0 25px; background:#fcfcfc; border:solid 1px #d0d0d0; margin:0 10px 10px 0;}
.event_list h2 { float:left; color:#3a3a3a; font-size:15px; font-weight:bold; padding-right:30px;}
.event_list p a { color:#575757; font-size:14px; letter-spacing:-0.05em;}
.event_list p a:hover { text-decoration:underline;}
.event_list .btn_more { position:absolute; top:16px; right:25px;}
.event_list .btn_more a:hover { position:relative; top:1px;}

.event_box { margin-top:10px;}
#image_list_2 { width:690px; height:338px; border:solid 1px #d0d0d0;}
.clsBannerScreen { overflow:hidden; position:relative; width:690px; height:338px; cursor:pointer; clear:both;}
.clsBannerScreen .images { position:absolute; display:none;}

.clsBannerButton { width:692px;cursor:pointer;float:left;}
.clsBannerButton li:first-child { float:left; display:block; width:135px; height:30px; margin:5px 0 0 0px; padding-top:15px; background:#e1e1e1; border:solid 1px #d0d0d0; text-align:center; color:#5c5c5c; font-size:15px; letter-spacing:-0.05em; font-weight:bold;}
.clsBannerButton li { float:left; display:block; width:135px; height:30px; margin:5px 0 0 1px; padding-top:15px; background:#e1e1e1; border:solid 1px #d0d0d0; text-align:center; color:#5c5c5c; font-size:15px; letter-spacing:-0.05em; font-weight:bold;}
.clsBannerButton li.fir {color:#fff; background:#eb5465;}
.clsBannerButton li.labelOverClass { color:#fff; background:#0e024c;}

/* log_box */
.log_box { float:left; width:270px; height:400px; padding:25px; border:solid 1px #d0d0d0; margin-bottom:10px;}
.login { position:relative; height:100px;}
.login .input_text { vertical-align:middle; padding:6px 3px; width:150px; height:18px; border:1px solid #cecece; font-size:13px; background:#f9f9f9; margin-bottom:6px;}
.login .btn_login { position:absolute; top:0; right:0; display:block; width:100px; height:70px; background:url('../image/com/btn_login.gif') no-repeat; border:0;}
.login .log_bot { padding-top:10px;}
.login .log_bot li { float:left; color:#5f5f5f; font-size:13px; letter-spacing:-0.05em;}
.login .log_bot li a { color:#5f5f5f; font-size:13px; letter-spacing:-0.05em;}
.login .log_bot li a:hover { text-decoration:underline;}
.login .p_log { padding-top:5px; color:#656565; font-size:13px;}
.login .p_log span { color:#2f2f2f; font-weight:bold;}
.login .log_list { padding:25px 0 0 0;}
.login .log_list li { padding-bottom:10px; color:#545454;}
.login .log_list li span { color:#eb5465; font-weight:bold;}
.login .log_top { position:absolute; top:0; right:0;}
.login .log_top li { float:left; margin-left:5px;}
.login .log_top li a { display:block; border:solid 1px #cecece; font-size:12px; padding:4px 0; width:60px; text-align:center; color:#2f2f2f; background:#f2f2f2;}
.login .log_top li a:hover { position:relative; top:1px;}


.menu { position:relative; background:url('../image/com/bg_dotline.gif') repeat-x top left; padding-top:20px; margin-top:20px;}
.menu h2 { color:#3a3a3a; font-size:15px; font-weight:bold; background:url('../image/com/ico_h2.gif') no-repeat left center; padding-left:10px;}
.menu ul:after { content:" "; display:block; clear:both;}
.menu li { width:79px; margin-right:15px; padding-top:20px; float:left; text-align:center;}
.menu li a { color:#656565; font-size:12px; font-weight:bold; letter-spacing:-0.05em;}
.menu li a img { padding-bottom:7px;}
.menu li a:hover { text-decoration:underline;}
.menu .btn_more { position:absolute; top:20px; right:0;}
.menu .btn_more a:hover { position:relative; top:1px;}


/* btn_class */
.btn_class:after { content:" "; display:block; clear:both;}
.btn_class li { margin-bottom:10px; float:left;}
.btn_class li a { display:block;}
.btn_class01 { width:341px; height:182px; background:url('../image/main/btn_class01_off.jpg') no-repeat; margin-right:10px;}
.btn_class01:hover { background:url('../image/main/btn_class01_on.jpg') no-repeat;}
.btn_class02 { width:341px; height:182px; background:url('../image/main/btn_class02_off.jpg') no-repeat; margin-right:10px;}
.btn_class02:hover { background:url('../image/main/btn_class02_on.jpg') no-repeat;}
.btn_class03 { width:341px; height:182px; background:url('../image/main/btn_class03_off.jpg') no-repeat; margin-right:10px;}
.btn_class03:hover { background:url('../image/main/btn_class03_on.jpg') no-repeat;}
.btn_class04 { width:341px; height:182px; background:url('../image/main/btn_class04_off.jpg') no-repeat; margin-right:10px;}
.btn_class04:hover { background:url('../image/main/btn_class04_on.jpg') no-repeat;}


/* review */
.review { position:relative; width:645px; height:135px; padding:26px 21px 21px 26px; background:#f0f0f0 url('../image/main/ico_review.gif') no-repeat 35px 53px; margin-right:10px; float:left;}
.review h2 { color:#3a3a3a; font-size:15px; font-weight:bold; background:url('../image/com/ico_h2.gif') no-repeat left center; padding-left:10px;}
.review .btn_more { position:absolute; top:36px; right:36px;}
.review .btn_more a:hover { position:relative; top:1px;}
.review_box { position:absolute; top:21px; left:180px; width:491px; height:140px; background:url('../image/main/bg_review.gif') no-repeat;}
.review_box dl { margin:26px 33px 0 63px; letter-spacing:-0.05em;}
.review_box dt { padding-bottom:13px;}
.review_box dt a { font-size:15px; font-weight:bold; color:#eb5465;}
.review_box dd a { color:#5f5f5f; line-height:1.5em;}
.review_box dt a:hover, .review_box dd a:hover { text-decoration:underline;}

/*고객센터*/
#cscenter {position:relative; float:left; width:322px; height:182px; background:#666666;}
#cscenter .call {position:relative; float:right; width:302px; height:182px; padding-bottom:14px; background:url(../image/main/call_ico.png) no-repeat 220px top;}
#cscenter .call li {font-size:1.04em; color:#ffffff; line-height:1.44em;}