@charset "utf-8";

/************************************************************************
 * ÆÄÀÏ¸í      : callcenter.css
 * ¼³¸í        : °í°´¼¾ÅÍ
 * ÀÛ¼ºÀÚ      : (ÁÖ)½º¸¶ÀÏÀ¥ µðÀÚÀÎÆÀ
 * ÀÛ¼ºÀÏ      : 2009.05.11
 * ÃÖÁ¾¼öÁ¤ÀÏ  : 2010.01.15
 * Copyright (c) 2009 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************/

@import "base.css";
@import "table.css";
@import "layout.css";

/* contents area */
.callcenter_content2 {display:inline; float:right; width:700px;}

.callcenter_topimg {height:142px; background:url('/images/callcenter/img_callcenter.gif'); margin:0 auto;}
.callcenter_topimg ul {position:relative; right:0; padding:50px 30px 0 0;}
.callcenter_topimg li {display:inline; margin:0 5px;}
.callcenter_topimg li.right {float:right;}
.callcenter_topimg a img.over {display:none;}
.callcenter_topimg a:hover {border:0px;}
.callcenter_topimg a:hover img {display:none;}
.callcenter_topimg a:hover img.over {display:inline;}

.callcenter_snb {display:inline; width:190px; float:left; margin:10px 7px 0 0; background:#fff;} 
.callcenter_snb .bx_list_top {background:url('/images/callcenter/left_bg1.gif') no-repeat 0 0;}
.callcenter_snb .bx_list_mid {background:url('/images/callcenter/left_bg2.gif') repeat-y 0 0;}
.callcenter_snb .bx_list_btm {background:url('/images/callcenter/left_bg3.gif') no-repeat 0 bottom;}
.callcenter_snb dl {width:140px; margin:0 23px;}
.callcenter_snb dt {font-weight:bold; line-height:14px; background: url('/images/common/icon/bu_square_blue2.gif') no-repeat 0px 8px; text-align:left; padding:7px 0 5px 16px;}
.callcenter_snb dt.line {border-bottom:1px #e6e6e6 solid;}
.callcenter_snb dd {line-height:18px; background: url('/images/common/icon/arr_gray2.gif') no-repeat 0px 45%; text-align:left; padding:0 0 0 8px;}

/* faq */
.faq_search {position:relative; height:45px; background:url('/images/callcenter/bg_faq_search.gif') no-repeat 0 0; margin-top:5px; padding-top:46px;}
.faq_search2 {position:relative; height:37px; background:url('/images/callcenter/bg_faq_search2.gif') no-repeat 0 0; margin-top:10px; padding:8px 0 0 110px;}
.faq_search li {display:inline;}
.faq_search li.f_search {float:left; padding:8px 0 0 110px; font-weight:bold;}

.faq_tab {overflow:hidden; background:url('/images/callcenter/tab_faq_bg1.gif') repeat-x;}
.faq_tab li {display:inline; float:left; margin:0 -1px; font-size:11px; font-weight:bold;}
.faq_tab a {font-size:11px; text-decoration:none; float:left; position:relative;}
.faq_tab span {height:22px; padding:4px 16px 0 16px; cursor:pointer; float:left;}
.faq_tab li.menu_off a, .tab_callcenter li.menu_off a:hover {font-weight:bold; background:url('/images/callcenter/tab_faq_bg2.gif') no-repeat 0 -70px; color:#8E8E8E; letter-spacing:-1px;}
.faq_tab li.menu_off span, .tab_callcenter li.menu_off a:hover span {background:url('/images/callcenter/tab_faq_bg3.gif') no-repeat 100% -70px;}
.faq_tab li.menu_on a, .tab_callcenter li.menu_on a:hover {background:url('/images/callcenter/tab_faq_bg2.gif') no-repeat 0px -35px; z-index:20; color:#F3F4FF; letter-spacing:-1px;}
.faq_tab li.menu_on span, .tab_callcenter li.menu_on a:hover span {background:url('/images/callcenter/tab_faq_bg3.gif') no-repeat 100% -35px;}

.faq_list {height:232px;  background:url('/images/callcenter/bg_faq_list.gif');}
.faq_list ul {margin-left:25px; padding-top:11px;}
.faq_list li {margin:0 0 11px 0; }

/* list */
.cs_notice {float:left; width:363px; margin-top:10px;}
.cs_notice ul {padding-top:11px;}
.cs_notice li .dot {position:relative; padding-left:15px; background:url('/images/common/icon/bu_square_gray2.gif') no-repeat 5px 30%; line-height:15px; white-space:nowrap;}
.cs_notice li.line {width:363px; height:24px; padding:3px; background:url('/images/product/bg_note_dotline.gif');}
.cs_notice li.no {width:363px; height:24px; padding:3px;}
.cs_center2 {float:right; margin-top:15px; width:309px; height:145px; background:url('/images/callcenter/bg_dealer.gif');}
.cs_center2 ul {padding:92px 0 0 25px;}
.cs_center2 li {display:inline; margin:5px;}

.unaccount {overflow:hidden; border:3px solid #eee; overflow-y: auto; margin-top: 2em; padding:15px; vertical-align: top;}
.unaccount .u_text {background:#F7F7F7; border:1px solid #eee;}
.unaccount .u_text li {background:url('/images/common/icon/bu_square_gray.gif') no-repeat 5px 50%; margin:5px; padding-left:15px;}
.unaccount .u_search {position:relative; width:665px; height:55px; background:url('/images/callcenter/img_unaccount.gif') no-repeat 0 0; margin-top:10px; padding-top:10px;}
.unaccount .u_search li {display:inline;}
.unaccount .u_search li {float:right; padding:8px 0 0 0; font-weight:bold;}
.unaccount .u_search li {float:right; padding:10px 0 0 0; font-size:11px;}
.unaccount .textarea {font-family:Dotum, Gulim; border:1px solid #ccc; padding:5px; font-size:1em; color:#777; line-height:130%; width:98%; height:120px;}