@charset "utf-8";
@import url("base.css");



body{box-sizing:border-box}

/* 본문바로가기 */
.skip a{display:block;position:absolute;left:-9999px;width:200px;background:#c52227;color:#fff;text-align:center}
.skip a:hover,.skip a:focus,.skip a:active{left:50%;z-index:999999;margin-left:-100px}

/* layout */
body, table, th, td, input,
textarea, button, select {
	font-family:"돋움", Dotum, Arial, sans-serif;
	font-size:13px;
	color:#666;
}
body { /* background-color:#444; */ position:relative; }
#wrap { min-width:320px; }
#header { position:relative; overflow:hidden; background-color:#fff; }
#header .logo { font-size:0; }
#header .logo img { width:100%; }
#container { position:relative; overflow:hidden; background-color:#fff; font-size:0; }
#container img { width:100%; }
#bottomBanner { font-size:0; }
#bottomBanner img { width:100%; }
#footer { font-size:0; }
#footer img { width:100%; }


/* main */
#mainVisual { width:100%; height:510px; position:relative; overflow:hidden; background-color:#fff; }
#mainVisual ul { width:100%; height:510px; position:absolute; top:0; left:0; overflow:hidden; }
#mainVisual ul li { float:left; width:100%; height:510px; }
#mainVisual ul li img { width:100%; }
#mainVisual .paging { position:absolute; left:0; bottom:10%; width:100%; text-align:center; overflow:hidden; z-index:99999; }
#mainVisual .paging .btn-page {
	display:inline-block; width:15px; height:15px; margin:0 6px 0 6px;
	font-size:0px; line-height:0; text-indent:-9999px; vertical-align:middle;
	background: #fff; border-radius:50%; opacity: 0.3;
	background-size:15px 15px;
}
#mainVisual .paging .btn-page.on {opacity: 1; }

#mainVisual .btn_counselWrap{}
#mainVisual .btn_counsel{position:absolute; bottom:20%; left:0; right:0;  width:70% !important; max-width: 300px; display:block; height:50px; line-height: 50px; margin:0 auto; font-size:16px; font-weight: bold; background: #ff6b00; color:#fff; letter-spacing: -0.05em; border-radius:30px; z-index: 99999; text-align: center;}

#mainContainer { background-color:#fff; }
#mainContainer .st1 { font-size:0; }
#mainContainer .st1 img { width:100%; }
#mainContainer .con-banner1 { font-size:0; }
#mainContainer .con-banner1 img { width:100%; }
#mainContainer .con-banner2 { font-size:0; }
#mainContainer .con-banner2 img { width:100%; }
#mainContainer .con-banner3 { font-size:0; }
#mainContainer .con-banner3 img { width:100%; }
#mainContainer .con-banner4 { font-size:0; }
#mainContainer .con-banner4 img { width:100%; }



.cs{padding:20px 0; border-bottom:1px solid #eee;}
/* 고객상담 현황 */

#vertical-ticker{width:100%; height: 141px; overflow: hidden; margin: 0; padding: 0; }
#vertical-ticker li {display: block;}
.cs .cs_cont{ width: 100%; padding-left:15px; box-sizing: border-box;}
.cs .cs_cont:after{clear:both; display:block; content: '';}
.cs .cs_cont p{width:100%; height:35px; line-height: 35px; padding:5px 0; font-size:15px; color:#444; vertical-align: middle;}
.cs .cs_cont em, .cs .cs_cont i{display:inline-block; vertical-align: top;} 
.cs .cs_cont em{position:relative;  width:calc(100% - 110px); padding-left:10px; overflow:hidden; white-space:nowrap !important; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.cs .cs_cont em:before{position:absolute;  top:16px; left:0; clear:both; display: inline-block; content:''; height:3px; width:3px; background: #ddd; margin-right:5px; vertical-align: middle;}
.cs .cs_cont i{width:55px; height:25px; line-height:25px;  margin-left:20px; font-size:13px; color:#fff; background: #a2a6ac; border-radius:13px; text-align: center;}
.cs .cs_cont i.end{ background: #f77d47;}



/* 상담 팝업*/
.modal{width:100%; margin-bottom:10px;}
.modal a.close-modal {background: url(../images/ico_close.png) 50% 50% no-repeat;}

.modal-header{width:100%; height:50px; line-height: 50px; border-bottom:1px solid #ddd; font-size:16px; font-weight: bold; border-top:1px solid #eee; text-align: center; box-sizing:border-box;}
.counsel_pop{background:#f8f8f8; padding:20px 10px;}
#counsel_pop .btns{width:100%; display:block; color:#fff; font-weight:bold; background: #ff6900; font-size:22px; height:60px; line-height: 60px; text-align: center;}
.pop_info{width:100%; font-size:15px; line-height: 1.6em; margin-bottom:25px; text-align: center; word-break: keep-all;}



#counsel_pop table{width: 100%; text-align: left;}


table th, table td{white-space: normal; padding:5px; height:45px; line-height: 45px; font-weight: 400; font-size:14px; text-align: left; vertical-align: middle; letter-spacing: 0;color:#555;}
table th{ font-size:13px; color:#555; font-weight: bold;}


.main-top-banner { font-size:0; }
.main-top-banner img { width:100%; }