@charset "utf-8";

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

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

/* ³»¿ë¿µ¿ª */
.callcenter_content2 {display:inline; float:right; width:700px; margin-top:10px;}

/* topimg */
.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;}

/* menu */
.callcenter_snb {display:inline; width:185px; float:left; margin-top:10px; background:#fff;} 
.callcenter_snb .bx_list_top {background:url('/images/callcenter/left_mu_top.gif') no-repeat 0 0;}
.callcenter_snb .bx_list_mid {background:url('/images/callcenter/left_mu_mid.gif') repeat-y 0 0;}
.callcenter_snb .bx_list_btm {background:url('/images/callcenter/left_mu_btm.gif') no-repeat 0 bottom; margin-bottom:5px;}
.callcenter_snb dl {padding-top:70px;}
.callcenter_snb dt {line-height:27px; padding-top:5px;}
.callcenter_snb dd {height:25px; background:url('/images/common/icon/bu_arrow_blue3.gif') no-repeat 16px 5%; padding-left:37px; font-size:12px; letter-spacing:-0.05em; font-weight:bold;}
.callcenter_snb a img.over {display:none;}
.callcenter_snb a:hover {border:0px; text-decoration:none;}
.callcenter_snb a:hover img {display:none;}
.callcenter_snb a:hover img.over {display:inline;}
.callcenter_snb .c_center {padding-bottom:1px;}

/* 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 0; text-align:center;}
.faq_search li {display:inline;}
.faq_search li.f_search {float:left; padding:8px 0 0 110px; font-weight:bold;}

.faq_tab {overflow:hidden;}
.faq_tab li {display:inline; float:left; margin:0 -1px -1px 0; font-size:11px; font-weight:bold; padding-top:5px;}
.faq_tab a {font-size:11px; text-decoration:none; float:left; position:relative;}
.faq_tab span {height:22px; padding:4px 25px 0 25px; 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:#949AA5; 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:#313030; 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_tab2 {overflow:hidden;}
.faq_tab2 li {display:inline; float:left; margin:0 -1px -1px 0; font-size:11px; font-weight:bold; padding-top:5px;}
.faq_tab2 a {font-size:11px; text-decoration:none; float:left; position:relative;}
.faq_tab2 span {height:22px; padding:4px 25px 0 25px; cursor:pointer; float:left;}
.faq_tab2 li.menu_off a, .tab_callcenter li.menu_off a:hover {font-weight:bold; background:url('/images/callcenter/tab_faq2_bg2.gif') no-repeat 0 -70px; color:#949AA5; letter-spacing:-1px;}
.faq_tab2 li.menu_off span, .tab_callcenter li.menu_off a:hover span {background:url('/images/callcenter/tab_faq2_bg3.gif') no-repeat 100% -70px;}
.faq_tab2 li.menu_on a, .tab_callcenter li.menu_on a:hover {background:url('/images/callcenter/tab_faq2_bg2.gif') no-repeat 0px -35px; z-index:20; color:#fff; letter-spacing:-1px;}
.faq_tab2 li.menu_on span, .tab_callcenter li.menu_on a:hover span {background:url('/images/callcenter/tab_faq2_bg3.gif') no-repeat 100% -35px;}

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

.bx_txt_top {background:url('/images/mypage/bx_txt_top.gif') no-repeat 0 0; margin-top:10px;}
.bx_txt_mid {background:url('/images/mypage/bx_txt_mid.gif') repeat-y 0 0; font-size:11px; letter-spacing:-0.05em;}
.bx_txt_mid ul li {background:url('/images/common/icon/bu_square_gray.gif') no-repeat 15px 50%; padding-left:25px; font-size:11px;}
.bx_txt_btm {background:url('/images/mypage/bx_txt_btm.gif') no-repeat 0 bottom; padding:8px 8px 5px 0; width:100%; margin-bottom:10px;}

.u_search {position:relative; width:700px; height:55px; background:url('/images/callcenter/img_unaccount.gif') no-repeat 0 0; margin-top:10px; padding-top:10px;}
.u_search li {display:inline;}
.u_search li {float:right; padding:8px 0 0 0; font-weight:bold;}
.u_search li {float:right; padding:10px 0 0 0; font-size:11px;}
.textarea {font-family: Dotum, Gulim; border:1px solid #ccc; padding:5px; font-size:1em; color:#777; line-height:130%;  width:98%; height:120px;}