@charset "utf-8";

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

/* žÀ̹ÌÁö */
.cs_top {position:relative; height:90px; background:url('/images/callcenter/bg_cs_top.gif'); margin:0 auto;}
.cs_top h2 {padding:22px 0 0 27px;}
.cs_top ul {position:absolute; top:0; right:0;}
.cs_top li {display:inline; float:left; width:133px; height:90px;}
.cs_top li strong {display:block; padding:21px 0 0 12px; font-size:16px;}
.cs_top li span.txt {display:block; padding:10px 12px 0 12px; font-size:11px; color:#999; line-height:13px;}

/* ¿ÞÂʸ޴º */
.cs_snb {display:inline; width:156px; float:left; margin:20px 20px 0 0; padding:20px; background:#fff; border:1px solid #ddd;}
.cs_snb h2 {display:block; height:24px; border-bottom:1px solid #7e7d7d; font:bold 14px dotum; color:#444;}
.cs_snb li {height:19px; line-height:14px; border-bottom:1px solid #e8e8e8; text-align:left; padding:7px 0 0 14px;}
.cs_snb .call_bnr {position:relative; margin-top:30px;}
.cs_snb .phone {font:normal 20px/16px tahoma; height:29px; color:#4858da; margin-top:12px; background:url('/images/callcenter/bg_phone.gif') repeat-x 0 bottom;}
.cs_snb .time span {font-size:11px; display:block; line-height:17px; color:#737171;}

.cs_snb1 {display:inline; width:156px; float:left; margin:0 20px 0 0; padding:20px; background:#fff; border:1px solid #ddd;}
.cs_snb1 h2 {display:block; height:24px; border-bottom:1px solid #7e7d7d; font:bold 14px dotum; color:#444;}
.cs_snb1 li {height:19px; line-height:14px; border-bottom:1px solid #e8e8e8; text-align:left; padding:7px 0 0 10px;}
.cs_snb1 .call_bnr {position:relative; margin-top:30px;}
.cs_snb1 .phone {font:normal 20px/16px tahoma; height:29px; color:#4858da; margin-top:12px; background:url('/images/callcenter/bg_phone.gif') repeat-x 0 bottom;}
.cs_snb1 .time span {font-size:11px; display:block; line-height:17px; color:#737171;}

/* ¿ìÆí°æ¸Å */
.cs_snb2 {display:inline; width:166px; float:left; margin:0 20px 0 0; padding:20px 10px 20px 20px; background:#fff; border:1px solid #ddd;}
.cs_snb2 h2 {display:block; height:24px; border-bottom:1px solid #7e7d7d; font:bold 14px dotum; color:#444;}
.cs_snb2 li {height:19px; line-height:14px; border-bottom:1px solid #e8e8e8; text-align:left; padding:7px 0 0 0px;}
.cs_snb2 .call_bnr {position:relative; margin-top:30px;}
.cs_snb2 .phone {font:normal 20px/16px tahoma; height:29px; color:#4858da; margin-top:12px; background:url('/images/callcenter/bg_phone.gif') repeat-x 0 bottom;}
.cs_snb2 .time span {font-size:11px; display:block; line-height:17px; color:#737171;}


/* ÄÁÅÙÃ÷ */
.cs_cont {display:inline; float:right; width:682px; margin-top:20px;}
.cs_cont1 {display:inline; float:right; width:682px;}
.cs_cont h3.m_cs_tit {font:bold 20px/20px dotum; color:#444; display:inline;}
.cs_cont span.m_cs_txt {font-size:12px; color:#888; margin-left:12px; display:inline;}
.cs_cont h3.cs_tit {font:bold 16px/16px dotum; color:#444; display:inline;}
.cs_cont strong.cs_txt {font-size:12px; color:#444; display:inline;}
.cs_cont .txt_box {background:#fafafa; margin:10px 0 20px; padding:10px 20px; color:#444; line-height:160%;} /* ÅؽºÆ®¹Ú½º */

/* faq °Ë»ö */
.faq_search, .board_search, .u_search {position:relative; width:682px; height:41px; background:url('/images/callcenter/bg_faq_search.gif') no-repeat 0 0; margin:2px auto 0 auto; padding-top:15px; clear:both;}
.faq_search strong.tit {font:bold 11px dotum; color:#444; padding:5px 37px 0 35px; .padding:7px 37px 0 35px; display:inline-block;}
.u_search li.txt {color:#444444; float:left; font-size:12px; padding:0 0 0 29px; margin-top:-2px; .margin-top:-4px;}
.u_search li.search_bx {float:right; padding:2px 15px 0 0;}

/* faq ÅÇ */
.faq_tab {width:681px; height:34px; margin-top:20px;}
.faq_tab ul {background:url('/images/callcenter/bg_faq_tab.gif') repeat-x 0 0; float:left; width:100%; border-right:1px solid #d4d4d4;}
.faq_tab li {float:left; text-align:center;}
.faq_tab li a {background:#f7f7f7; border:1px solid #d4d4d4; border-bottom:none; color:#959595; display:block; float:left; height:22px; padding:10px 15px 0 15px; position:relative; font-weight:bold; margin-right:-1px;}
.faq_tab li.on a {background:#fff; color:#444; font:bold 15px; height:23px; border:1px solid #4858da; border-bottom:none; z-index:5;}

/* faq ¸®½ºÆ® */
.faq_list {position:relative;}
.faq_list li {padding:8px 0 8px 27px; border-bottom:1px solid #e6e6e6; background:url('/images/common/icon/question.gif') no-repeat 0 center; line-height:15px;}

/* ¸ÞÀÎ °øÁö»çÇ×, ¼îÇÎ Q&A */
.cs_notice {position:relative; float:left; width:331px; margin:30px 20px 0 0;}
.cs_notice h3, .cs_qna h3 {font:bold 16px dotum; color:#444; display:inline-block; width:331px; height:25px; border-bottom:1px solid #7e7d7d;}
.cs_notice ul, .cs_qna ul {margin-top:15px;}
.cs_notice li, .cs_qna li {position:relative; height:20px; padding-left:12px; background:url('/images/common/icon/dot_gray.gif') no-repeat 0 center; line-height:20px; white-space:nowrap;}
.cs_notice .more, .cs_qna .more {position:absolute; top:5px; right:7px;}
.cs_qna {position:relative; float:right; width:331px; margin-top:30px;}

/* board ¼öÁ¤, »èÁ¦ */
.bx_line {position:relative; border:1px solid #ddd; margin-top:10px; padding:50px;}
.bx_line .cs_bx {width:200px; margin:0 auto;}
.bx_line .cs_bx li {padding-top:5px;}
.bx_line .cs_bx .txt_big {font:bold 16px/18px dotum; color:#444;}

/* ¸®Çà */
.reply {border:1px solid #ddd; background:#fbfbfb; margin-top:10px; padding:15px; overflow:hidden;}
.reply h2 {font:bold 12px dotum; color:#444; margin-bottom:5px; display:block;}
.reply li {float:left;}
.reply .textarea {border-color:#a4a4a4 #c7c7c7 #c7c7c7 #a4a4a4; border-style:solid; border-width:1px; font-size:12px; color:#666; line-height:150%; width:570px; height:49px;}

.board_list2 {position:relative; text-align:left; padding-left:0px; border-top:1px solid #E8E8E8; overflow-y:hidden;}
.board_list2 thead tr th {background:#F6F6F6; font-size:11px; clear:both; height:auto !important; text-align:center; border-bottom:1px solid #E8E8E8; font-weight:bold; padding:6px 0;}
.board_list2 tbody tr td {clear:both; height:auto !important; height:18px; min-height:18px; text-align:center; font-size:0.9em; padding:5px 0;}
.board_list2 .gap {color:#D4D4D4; font-weight:normal; font-size:10px;}
.board_list2 .ta_l {text-align:left;}
.board_list2 tr.gray {background: #F9F9F9;}
.board_list2 tbody tr td.b_line {border-bottom:1px solid #ddd;}

.board_list3 {position:relative; text-align:left; padding-left:0px; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}/* ha@20120612 */
.board_list3 thead tr th {background:#F6F6F6; font-size:11px; clear:both; height:auto !important; text-align:center; border-bottom:1px solid #E8E8E8; font-weight:bold; padding:6px 0;}
.board_list3 tr td {clear:both; text-align:center; font-size:0.9em; padding:8px 0; line-height:16px;}/* ha@20120612 */
.board_list3 .gap {color:#D4D4D4; font-weight:normal; font-size:10px;}
.board_list3 .ta_l {text-align:left;}
.board_list3 .cont {background:url('/images/common/icon/qna_row.gif') #F9F9F9 no-repeat 10px 10px; text-align:left; padding:6px 10px 6px 45px;}/* ha@20120612 */
.board_list3 tr.gray_re td {background:url('/images/common/icon/ico_reply.gif') #F9F9F9 no-repeat 10px 10px; padding:6px 10px 6px 45px; text-align:left; margin-left:20px; vertical-align:top; line-height:16px;}/* ha@20120612 */
.board_list3 tr.gray2 td {background:#ddd; height:1px; min-height:1px; padding:0;}
.board_list3 tbody tr td.b_line{border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.board_list3 tbody tr td.h_1 {height:1px;}


.list_page_l {float:left; width:180px; display:inline;}
.list_paging {float:left; width:100%; text-align:center;}
.list_page_r {float:right; width:180px; text-align:right; font-size:11px; }

.board_write table {width:100%;table-layout:fixed; border:0; border-top:2px #e6e6e6 solid; word-wrap:break-word;}
.board_write table tr th {text-align:center; font-size:11px; border-bottom:1px #e6e6e6 solid; padding:7px; margin:0; background: #f5f5f5;  font-weight:bold;}
.board_write table tr td {font-size:11px; text-align:left; border-bottom:1px #e6e6e6 solid; padding:7px; }
.board_write table tr td textarea {font-family:Dotum, Gulim; border:1px solid #ccc; padding:5px; font-size:1em; color:#777; line-height:130%; width:98%; height:200px;}

.read_reply {position:relative; border:1px solid #efefef; background:#f7f7f7; padding:10px; overflow:auto; overflow-y:hidden;}
.read_reply textarea.reply_textarea {border:1px solid #DEDEDE; padding:5px; font-size:1em; color:#888; width:89%; height:36px; overflow-x:hidden; overflow-y:auto;}
.read_reply ul li {width:98%; position:relative; padding:0 5px;}
.read_reply ul li span {position:absolute; right:0px;}
.read_reply .byte {position:relative; right:60px; float:right; display:inline; letter-spacing:0;}
.read_reply h2.reply {font-weight:bold; font-size:11px; background:url('/images/common/icon/bu_square_blue.gif') no-repeat 5px 30%; padding-left:15px;}

.board_line2 {position:relative; border:3px solid #eee; padding:10px 0; vertical-align: top;}

/* phto list */
.photo_list {position:relative; overflow:hidden;}
.photo_list .photo2 {position:relative; float:left; margin:15px 17px 0 0; border:1px solid #ddd; padding:5px;}

/* ¿ÀÇÁ¶óÀÎ °æ¸Å¾È³» */
.info_tit{font-weight:bold; padding:18px 0 6px 16px; }