@charset "utf-8";

/*
* customer style
*/

/*content*/
#content.customerIndex { position:relative; margin:0;}
#content.customerIndex .row1 { position:relative; margin-top:43px; padding-bottom:40px; border-bottom:1px solid #e7e7e7; height:150px; z-index:10;}
#content.customerIndex .row2 { position:relative; margin-top:35px; padding-bottom:39px; border-bottom:1px solid #e7e7e7; height:139px; z-index:9;}
#content.customerIndex .row3 { position:relative; margin-top:45px; padding-bottom:45px; height:126px; z-index:8;}

.downloadCenter { width:630px; height:272px; padding:20px 0 0 20px; background:url(/images/customer/bg_customerIndex.gif) no-repeat; float:left;}
.bannerCallcenter { float:left;}
.downloadBtn { margin:34px 0 0 33px;}
.downloadBtn li { display:inline; float:left;}

#content.customerIndex .faq ul li a.btn,
#content.customerIndex .notice,
#content.customerIndex .emergency,
#content.customerIndex .emergency ul li a.btn,
#content.customerIndex .center,
#content.customerIndex .center ul li a.btn,
#content.customerIndex .asApply,
#content.customerIndex .asApply ul li a.btn,
#content.customerIndex .pdtRegister,
#content.customerIndex .pdtRegister a.btn,
#content.customerIndex .asPolicy,
#content.customerIndex .asPolicy ul li a.btn,
#content.customerIndex .service,
#content.customerIndex .service ul li a.btn { background:url(/images/customer/customerContent.gif) 0 0 no-repeat; }
#content.customerIndex legend, #content.customerIndex label { display:none;}

#content.customerIndex .faq { position:absolute; width:580px; top:0; left:10px; padding-top:7px}
#content.customerIndex .faq ul { margin-top:17px; }
#content.customerIndex .faq li { display:inline; float:left; }
#content.customerIndex .faq li a.btn { display:block; text-indent:-99999px; }
#content.customerIndex .faq li.num1 a.btn { width:85px; height:110px; background-position:0 -590px; margin-right:37px; }
#content.customerIndex .faq li.num2 a.btn { width:78px; height:110px; background-position:-121px -590px; margin-right:31px; }
#content.customerIndex .faq li.num3 a.btn { width:96px; height:110px; background-position:-230px -590px; margin-right:33px;}
#content.customerIndex .faq li.num4 a.btn { width:78px; height:110px; background-position:-358px -590px; margin-right:39px; }
#content.customerIndex .faq li.num5 a.btn { width:81px; height:110px; background-position:-475px -590px; }

#content.customerIndex .notice { position:absolute; width:275px; top:0; left:650px; background-position:-557px -320px; padding-top:7px;}
#content.customerIndex .notice .txt { margin-top:32px; }
#content.customerIndex .notice .txt img { vertical-align:middle; }
#content.customerIndex .notice .txt a.btn{ margin-left:3px; }
#content.customerIndex .notice ul { margin-top:19px; }
#content.customerIndex .notice ul li { padding-left:10px; background:url(/images/common/bul_list.gif) 0 40% no-repeat; }
#content.customerIndex .notice ul li a.btn { font:12px/20px dotum; color:#888; letter-spacing:-0.1px; }

#content.customerIndex .emergency { position:absolute; width:275px; height:128px; top:0; left:10px; background-position:-4px 0; padding-top:11px;}
#content.customerIndex .emergency .txt { margin-top:18px; }
#content.customerIndex .emergency ul.wrap { margin-top:28px; }
#content.customerIndex .emergency li { display:inline; float:left; }
#content.customerIndex .emergency li a.btn { display:block; margin-top:-3px; text-indent:-99999px; }
#content.customerIndex .emergency li.num1 {}
#content.customerIndex .emergency li.num2 { float:right;}
#content.customerIndex .emergency li.num2 a.btn { width:88px; height:33px; background-position:0 -320px; margin-right:27px;}
#content.customerIndex .emergency .designedSelect p a span.bg { background:url("/images/js/ico_select_closed2.png") no-repeat center center;}
#content.customerIndex .emergency .designedSelect p.open a span.bg { background-image:url("/images/js/ico_select_open2.png");}

#content.customerIndex .center { position:absolute; width:275px; height:128px; top:0; left:330px; background-position:-290px 6px; padding-top:11px;}
#content.customerIndex .center .txt { margin-top:18px; }
#content.customerIndex .center ul.wrap { margin-top:28px; }
#content.customerIndex .center li { display:inline; float:left; }
#content.customerIndex .center li a.btn { display:block; margin-top:-3px; text-indent:-99999px; }
#content.customerIndex .center li.num1 {}
#content.customerIndex .center li.num1 legend, .emergencyLink label { display:none;}
#content.customerIndex .center li.num2 { float:right;}
#content.customerIndex .center li.num2 a.btn { width:88px; height:33px; background-position:0 -360px; margin-right:28px;}
#content.customerIndex .center .designedSelect p a span.bg { background:url("/images/js/ico_select_closed2.png") no-repeat center center;}
#content.customerIndex .center .designedSelect p.open a span.bg { background-image:url("/images/js/ico_select_open2.png");}

#content.customerIndex .asApply { position:absolute; width:275px; height:128px; top:0; left:650px; background-position:-550px 0; padding-top:11px;}
#content.customerIndex .asApply .txt { margin-top:18px; }
#content.customerIndex .asApply ul { margin-top:25px; }
#content.customerIndex .asApply li { display:inline; float:left; }
#content.customerIndex .asApply li a.btn { display:block; text-indent:-99999px; }
#content.customerIndex .asApply li.num1 a.btn { width:88px; height:33px; background-position:0 -400px; margin-right:5px; }
#content.customerIndex .asApply li.num2 a.btn { width:96px; height:33px; background-position:-93px -400px;}

#content.customerIndex .pdtRegister { position:absolute; width:275px; top:0; left:10px; background-position:-25px -160px;}
#content.customerIndex .pdtRegister .txt { margin-top:20px; }
#content.customerIndex .pdtRegister a.btn {margin-top:20px; display:block; text-indent:-99999px; width:88px; height:33px; background-position:0 -440px; margin-right:5px;}

#content.customerIndex .asPolicy { position:absolute; width:275px; top:0; left:330px; background-position:-300px -160px;}
#content.customerIndex .asPolicy .txt { margin-top:20px; }
#content.customerIndex .asPolicy ul { margin-top:20px; }
#content.customerIndex .asPolicy li { display:inline; float:left; }
#content.customerIndex .asPolicy li a.btn { display:block; text-indent:-99999px; }
#content.customerIndex .asPolicy li.num1 a.btn { width:88px; height:33px; background-position:0 -480px; margin-right:5px;}
#content.customerIndex .asPolicy li.num2 a.btn { width:88px; height:33px; background-position:-93px -480px;}

#content.customerIndex .service { position:absolute; width:275px; top:0; left:650px; background-position:-550px -160px;}
#content.customerIndex .service .txt { margin-top:20px; }
#content.customerIndex .service ul { margin-top:20px; }
#content.customerIndex .service li { display:inline; float:left; }
#content.customerIndex .service li a.btn { display:block; text-indent:-99999px; }
#content.customerIndex .service li.num1 a.btn { width:86px; height:33px; background-position:0 -520px; margin-right:5px;}
#content.customerIndex .service li.num2 a.btn { width:87px; height:33px; background-position:-91px -520px; margin-right:5px;}
#content.customerIndex .service li.num3 a.btn { width:88px; height:33px; background-position:-183px -520px;}

/* 
* customer> faq
*/

.bottomBanner { margin-top:50px;}
.bottomBanner li { display:inline; float:left; }
.bottomBanner li.first { margin-right:20px;}
.bottomBanner h3, .bottomBanner p { text-indent:-9999px; height:1%;}
.bottomBanner .right li { display:inline; float:left;}
.bottomBanner .right li a { display:block; width:86px; height:32px; margin-right:5px; text-indent:-9999px;}

/*customer:common listSearch*/

.faqHead { position:relative;}
.faqHead #sub_listSearch.p0 { position:absolute; top:0; right:0;}
.faqHead #sub_listSearch h3 { padding:6px 15px 6px 0; float:left;}
.faqHead #sub_listSearch { width:301px; height:28px;}
.faqHead #sub_listSearch .search_input { float:left;width:164px; height:25px; line-height:25px; padding:0 0 0 10px; border:1px solid #dadada; color:#888888; font-size:12px;}
.faqHead #sub_listSearch .search_input.unfilled { background:#fff url(/images/common/faqSearchText.gif) 10px 7px no-repeat; }
.faqHead #sub_listSearch .search_input.unfilled:focus { background:#fff; }
.faqHead #sub_listSearch .search_input.filled { background:#fff; }
.faqHead #sub_listSearch .btn { margin-left:6px; float:left;}

.praiseListHead { position:relative; height:28px;}
.praiseListHead .listTotal { float:left; margin-top:16px;} 
.praiseListHead #sub_listSearch.p0 { position:absolute; top:0; right:0;}
.praiseListHead #sub_listSearch h3 { padding:6px 15px 6px 0; float:left;}
.praiseListHead #sub_listSearch { width:301px; height:28px;}
.praiseListHead #sub_listSearch .search_input { float:left;width:164px; height:25px; line-height:25px; padding:0 0 0 10px; border:1px solid #dadada; color:#888888; font-size:12px;}
.praiseListHead #sub_listSearch .search_input.unfilled { background:#fff url(/images/common/listSearchText.gif) 10px 7px no-repeat; }
.praiseListHead #sub_listSearch .search_input.unfilled:focus { background:#fff; }
.praiseListHead #sub_listSearch .search_input.filled { background:#fff; }
.praiseListHead #sub_listSearch .btn { margin-left:6px; float:left;}


/*faq list*/
.tabTpC.f0 { float:left;}

.faqList { margin-top:30px; font-size:12px; color:#777;}
.faqList .listTotal strong { font-weight:bold; color:#f97b0b; text-decoration:underline;}
.faqList>ul { margin-top:8px; border-top:1px solid #aaa; border-bottom:1px solid #dfdfdf;}
.faqList>ul li { position:relative; border-top:1px solid #dfdfdf;}
.faqList>ul li:first-child { border-top:none;}
.faqList ul li h4 { background:url(/images/common/ico_faq_q.png) 15px 13px no-repeat;  cursor:pointer;}
.faqList ul li.fixed h4 { background:url(/images/common/ico_faq_q_fixed.png) 15px 13px no-repeat;}
.faqList ul li h4 strong { font-size:11px; margin-right:4px;}
.faqList ul li .answer { display:none; background:url(/images/common/ico_faq_a.png) 15px 15px no-repeat;  line-height:18px;}
.faqList ul li.on h4 { background:url(/images/common/ico_faq_q_on.png) 15px 13px no-repeat; color:#f97b0b;}
.faqList ul li.on h4 strong { color:#333;}
.faqList ul li.on .answer { display:block; background-color:#f7f7f7; border-top:1px solid #dfdfdf;}
.faqList ul li.on .answer h5 { font:bold 12px dotum; }
.faqList ul li.on .answer p ,.faqList ul li.on .answer p span ,.faqList ul li.on .answer span{ font:normal 12px/18px dotum !important; color:#777 !important; }
.faqList ul li h4, .faqList ul li div.answer, .faqList ul li div.answer.on { padding:13px 52px 13px 59px;}
.faqList ul li .btnReply { position:absolute; top:10px; right:16px; display:block; width:20px; height:20px; background:url(/images/btn/btn_faqReply.gif) no-repeat; text-indent:-9999px;}
.faqList ul li .btnReply { background-position:0 0;}
.faqList ul li.on .btnReply { background-position: 0 -20px;}

/*faqPdt_list*/
.faq_pdtSearch { background-color:#f9f9f9; border:1px solid #dfdfdf; padding:14px 0 14px 33px; margin-top:30px;}
.faq_pdtSearch .wrap { float:left; width:792px; margin-right:18px;}
.faq_pdtSearch .pdtSearch { float:left; display:block; padding:0; background-color:transparent; height:37px;}
.faq_pdtSearch .pdtSearch  legend,.faq_pdtSearch .faq_pdtSearch label { display:none;}
.faq_pdtSearch ul{ float:left;}
.faq_pdtSearch .pdtSearch  h3,.faq_pdtSearch .problem h3, .errorSelect h3 { float:left; margin-right:39px; }
.faq_pdtSearch .pdtSearch h3.error {margin-right:16px;}
.faq_pdtSearch .pdtSearch  h3, .errorSelect h3 { padding:6px 0 6px 0;}
.faq_pdtSearch .pdtSearch  ul li { display:inline; float:left; margin-right:10px;}
.faq_pdtSearch .pdtSearch  ul li:last-child { margin-right:0;}
.faq_pdtSearch .btn { margin-left:10px;}
.faq_pdtSearch .problem { float:left; margin-top:3px;}
.faq_pdtSearch .problem.lineTop { float:none; margin-top:5px; border-top:1px dotted #d0d0d0; padding-top:15px; }
.faq_pdtSearch .problem h3 { padding-top:3px  }
.faq_pdtSearch .problem ul li { display:inline; float:left; margin-right:15px;}
.faq_pdtSearch .problem .imgChk1 { color:#666; font-size:12px; padding:4px 0 2px 21px; line-height:16px; background-position:0 2px;}
.faq_pdtSearch .problem .imgChk1_on { color:#666; font-size:12px; padding:4px 0 2px 21px; line-height:16px;}
.faq_pdtSearch .errorSelect { height:37px;}
.faq_pdtSearch .errorSelect legend, .errorSelect label { display:none;}


/*center_list
.myCenterHead { margin-top:40px;}
.myCenterHead h4 { float:left;}
.myCenterHead a.btn { float:right;}
.myCenterList { margin-top:15px;}
.centerDirectHead { margin-top:40px;}
.centerDirectList { margin-top:15px;}
.centerSearchHead { margin-top:40px;}
.centerSearchHead.center { margin-top:0;}
.centerSearchMap { margin-top:12px; width:960px; height:410px;}
.sido { float:left; position:relative; width:390px; height:410px;}
.sido_tit { position:absolute; top:18px; left:0;}
.sigugun { float:left; position:relative;  width:470px; height:410px;}
.sigugun_tit { position:absolute; top:18px; left:0;}
.leftLine { float:left; width:1px; height:363px; margin-top:18px; margin-bottom:29px; margin-left:70px;  padding-left:28px; border-left:1px dashed #dadada;}
.centerSearchList { margin-top:24px;} */

/*seller_list
.bestSeller { margin-top:15px; border:1px solid #dfdfdf; background-color:#f9f9f9; padding:35px;}
.bestSeller .left { float:left; padding-right:40px; margin-right:39px; border-right:1px dashed #d0d0d0;}
.bestSeller .right { }
.bestSeller .info { float:left; width:205px;  padding-top:10px; margin-right:28px;}
.bestSeller h5 { height:18px; line-height:18px; vertical-align:top; font:bold 14px Dotum; color:#454545; }
.bestSeller h5 span { display:inline-block; vertical-align:middle;}
.bestSeller h5 img { display:inline-block; height:18px; vertical-align:middle;}
.bestSeller .txt { font:12px Dotum; color:#777; margin-top:10px; line-height:18px;}
.bestSeller .img { float:left;}
.bestSeller .img img{ border:1px solid #e4e4e4;}
.sellerDirectHead { margin-top:40px;}
.sellerDirectList { margin-top:15px;}
.sellerSearchHead { margin-top:40px;}
.sellerSearchList { margin-top:24px;} */


/*center_list*/
.myCenterHead h4 { float:left;}
.myCenterHead a.btn { float:right;}
.myCenterList { margin-top:15px;}
.centerDirectHead { margin-top:40px;}
.centerDirectList { margin-top:15px;}
.centerSearchHead { margin-top:40px;}
.centerSearchMap { width:960px; height:473px; background:url(/images/customer/bg_centerSearchMap.gif) no-repeat;}
.centerSearchMap.seller { margin-top:40px;}
.sido { position:relative; float:left; margin:30px 0 0 40px;  width:390px; height:410px;}
.sido_tit { position:absolute; top:18px; left:0;}
.sigugun { float:left; position:relative;  margin:30px 0 0 40px;  width:470px; height:410px;}
.sigugun_tit { position:absolute; top:18px; left:0;}
.leftLine { float:left; width:1px; height:363px; margin-top:18px; margin-bottom:29px; margin-left:70px;  padding-left:28px; border-left:1px dashed #dadada;}
.centerSearchList { margin-top:24px;}

/*seller_list*/
.bestSeller { margin-top:15px; border:1px solid #dfdfdf; border-top-color:#97cad3; background-color:#f9f9f9; padding:35px;}
.bestSeller .left { float:left; padding-right:40px; margin-right:39px; border-right:1px dashed #d0d0d0;}
.bestSeller .right { }
.bestSeller .info { float:left; width:205px; padding-top:10px; margin-right:28px;}
.bestSeller h5 { height:18px; line-height:18px; vertical-align:top; font:bold 14px Dotum; color:#126978; }
.bestSeller h5 span { display:inline-block; vertical-align:middle;}
.bestSeller h5 img { display:inline-block; height:18px; vertical-align:middle;}
.bestSeller .txt { font:12px Dotum; color:#777; margin-top:10px; line-height:18px;}
.bestSeller .img { float:left;}
.bestSeller .img img{ border:1px solid #e4e4e4;}
.sellerDirectHead { margin-top:40px;}
.sellerDirectList { margin-top:15px;}
.sellerSearchHead { margin-top:40px;}
.sellerSearchList { margin-top:24px;}


/* download_lis 
.findDownloads .findProduct { float:left;}
.findDownloads .findSubPdt { float:left;}
.findDownloads .findModel { float:left;}
.findDownloads .boxStyle { width:278px; height:225px; padding:13px 0; margin-top:13px; background-color:#f9f9f9; border:1px solid #dadada;}
.findDownloads .boxStyle li.activator a,.findDownloads .boxStyle li a:hover { background-color:#50b5c7; font:bold 12px/18px dotum; color:#fff;}
.findDownloads .boxStyle li a { display:block; padding:5px 20px; * padding-left:0; text-decoration:none; line-height:18px;}
.findDownloads .findProduct .boxStyle,.findDownloads .findSubPdt .boxStyle,.findDownloads .findModel .boxStyle { height:251px; overflow:auto; overflow-x:hidden; }
.findDownloads .arrow { float:left; margin:137px 20px 0;}
.downloadResultHead { margin-top:40px;}
.downloadResultHead h4 { float:left;}
.downloadResultHead p { float:right; height:20px; }
.downloadResultHead p span { display:inline-block; height:20px; margin-right:7px; font:11px/12px dotum; color:#a1a1a1; vertical-align:middle;}
.downloadResultHead p a { display:inline-block;}
.downloadResultList { margin-top:15px;}
.downloadResultList .pdtName { padding-left:20px; text-align:left;}
.downloadResultList col.num {width:62px;}
.downloadResultList col.download {width:373px;}
.fileDown { padding-left:20px;}
.fileDown li { display:inline; float:left; margin-right:20px;}
.fileDown li a { display:block; width:52px; height:16px; padding:4px 0 0 21px; background:url(/images/common/ico_file.gif) no-repeat; font-size:11px; white-space:nowrap; text-align:left;}
.fileDown li a.vari0 { width:42px;}
*/


/* download_lis - 개편150519 */
.findDownloads .findProduct { float:left;}
.findDownloads .findSubPdt { float:left;}
.findDownloads .findModel { float:left;}
.findDownloads .boxStyle { width:278px; height:225px; padding:13px 0; margin-top:13px; background-color:#f9f9f9; border:1px solid #dadada;}
.findDownloads .boxStyle li.activator a,.findDownloads .boxStyle li a:hover { background-color:#50b5c7; font:bold 12px/18px dotum; color:#fff;}
.findDownloads .boxStyle li a { display:block; padding:5px 20px; * padding-left:0; text-decoration:none; line-height:18px;}
.findDownloads .findProduct .boxStyle,.findDownloads .findSubPdt .boxStyle,.findDownloads .findModel .boxStyle { height:251px; overflow:auto; overflow-x:hidden; }
.findDownloads .arrow { float:left; margin:137px 20px 0;}
.downloadResultHead { margin-top:40px;}
.downloadResultHead h4 { float:left;}
.downloadResultHead p { float:right; height:20px; }
.downloadResultHead p span { display:inline-block; height:20px; margin-right:7px; font:11px/12px dotum; color:#a1a1a1; vertical-align:middle;}
.downloadResultHead p a { display:inline-block;}
.downloadResultList { margin-top:15px;}
.downloadResultList .pdtName { padding-left:20px; text-align:left;}
.downloadResultList .download { text-align:center;}
.downloadResultList col.num {width:62px;}
.downloadResultList col.download1 {width:110px;}
.downloadResultList col.download2 {width:90px;}
.downloadResultList col.download3 {width:85px;}
.downloadResultList col.download4 {width:85px;}
.downloadResultList col.download5 {width:85px;}
.downloadResultList col.download6 {width:85px;}
.downloadResultList td {font:11px/12px dotum;}
.downloadResultList td img {vertical-align:middle;}
.downloadResultList .txt1 {font-size:11px; text-align:center; }
.fileDown {margin-left:20px;}
.fileDown li { display:inline; float:left; margin-right:5px;text-align:center; }
.fileDown li a { display:block; width:24px; height:16px; padding:4px 0 0 0px; text-align:center;}
.fileDown li a.vari0 { width:23px;}


.Info { padding:29px 27px 29px 35px; background-color:#f9f9f9; border:1px solid #dfdfdf;}
.Info h3 { float:left; margin-top:7px;}
.Info p { float:left; margin-left:50px; border-left:1px solid #dfdfdf; padding-left:50px;}
.Info .btn { float:right;}
.Info.complain p { height:23px; padding-top:14px; }
.Info.complain1 p { height:52px; padding-top:4px; }


/* qna */

.qnaLogin { margin-top:40px; border-top:3px solid #f97b0b; }
.qnaLogin h5 { text-align:center; margin-bottom:30px;}
.qnaLogin .member, .qnaLogin .nonmember { float:left; padding:49px 0; height:165px;}
.qnaLogin .member { padding-left:60px; padding-right:58px;}
.qnaLogin .nonmember { padding-left:104px; padding-right:104px; }
.qnaLogin .nonmember1 { padding-left:62px; padding-right:62px; }
.qnaLogin .nonmember.boxStyle { border-left:none;}
.qnaLogin .boxStyle { border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; }

.pdtLogin { padding:29px 59px; border-top:3px solid #f97b0b; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; }
.pdtLogin .lineStyle { float:left; height:99px; width:1px; margin-left:59px; padding-left:59px; border-left:1px solid #e9e9e9;}
.pdtLogin .loginContainer { float:left; margin-top:10px;}
.pdtLogin .loginRight { width:358px; float:left; margin-top:15px; }
.pdtLogin .loginRight li { margin-top:5px;}
.pdtLogin .loginRight p { float:left; margin-top:5px;}
.pdtLogin .loginRight a { float:right;}
.pdtLogin .loginContainer .formBox { width:362px;}
.pdtLogin .loginContainer .formBox dd .inputText { width:196px;}
.pdtLogin .loginContainer .formBox dd .inputText2 { width:196px;}

.asLogin { margin-top:40px; border-top:3px solid #f97b0b; }
.asLogin h5 { text-align:center; margin-bottom:30px;}
.asLogin .member, .asLogin .nonmember { float:left; padding:49px 0; height:165px;}
.asLogin .member { padding-left:60px; padding-right:58px;}
.asLogin .nonmember { padding-left:59px; padding-right:59px; }
.asLogin .nonmember.boxStyle { border-left:none;}
.asLogin .boxStyle { border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; }
.asLogin .nonmeberFooter  { margin:35px 0 0 82px;}

.qnaList { margin-top:40px;}
.qnaList col.num {width:62px;}
.qnaList col.date {width:99px;}
.qnaList col.btn {width:122px;}
.qnaList td.subject strong { display:inline-block; width:90px; margin-right:19px; text-align:left;}

.qnaWrite .personalInfo { margin-top:40px;}
.personalInfo .boxStyle {  margin-top:15px; width:958px; height:191px; overflow:auto; overflow-x:hidden; border:1px solid #dadada;  }
.personalInfo .boxStyle .txt { margin:18px; line-height:18px; color:#777;}
.personalInfo .boxStyle .txt p { margin-top:25px;}
.personalInfo p { margin-top:7px;}
.personalInfo p i { font-size:11px; color:#a1a1a1;}

.userInfo { margin-top:50px;}
.userInfo h4 { float:left;}
.userInfo p.txt { margin-top:9px; float:right; font:11px dotum; color:#a1a1a1;}
.userInfo p.txt sup.require{ display:inline-block; width:7px; height:11px; background:url(/images/common/bul_require.gif) 50% 50% no-repeat;}
.userInfo .boardWriteTpA { margin-top:15px;}

.userWrite { margin-top:40px;}
.userWrite .boardWriteTpA { margin-top:15px;}
.userWrite .question ul li,.userWrite .sms ul li  { float:left; margin-right:15px;}
.userWrite .sms p.txt { float:left; padding-left:7px; background:url(/images/common/bul_arrow.gif) 0 50% no-repeat; line-height:18px; font-size:11px; color:#888;}
.userWrite .file p.txt { float:left; padding-left:7px; background:url(/images/common/bul_arrow.gif) 0 50% no-repeat; line-height:18px; font-size:11px; color:#888;margin-top:3px;}

.qnaView .txt { padding-right:20px;}
.qnaView .txt div.word-break { width:730px;}
.qnaView .file { vertical-align:top;}
.qnaView .file .limit{ width:730px; overflow:hidden;}
.qnaView .userWrite { margin-top:40px;}
.qnaView .userWrite h4 { font:bold 14px dotum; color:#454545;}
.qnaView .userWrite .boardWriteTpA { margin-top:15px;}
.qnaView .qnaReply .boardWriteTpB, .qnaView .qnaReply .boardWriteTpC{ margin-top:15px;}

.recommendWrite { margin-top:40px;}
.recommendWrite .boardWriteTpA { margin-top:15px;}

.complainWrite { margin-top:40px;}

/*done: pdt_done, as_register_done, qna_done, praise_done, complain_done*/
.customerComplete { position:relative; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:60px 64px 60px 64px; }
.customerComplete.pdtBg {background:url(/images/customer/img_pdtCompleteVisual.jpg) 560px 50% no-repeat;}
.customerComplete.qnaBg {background:url(/images/customer/img_qnaCompleteVisual.jpg) 560px 50% no-repeat;}
.customerComplete.praiseBg {background:url(/images/customer/img_qnaCompleteVisual.jpg) 560px 50% no-repeat;}
.customerComplete.complainBg {background:url(/images/customer/img_qnaCompleteVisual.jpg) 560px 50% no-repeat;}
.customerComplete.asNonmemberBg {background:url(/images/customer/img_asNonmemberVisual.jpg) 560px 50% no-repeat;}

.customerComplete  h3, .customerComplete h3 strong{ font-size:16px; line-height:28px; font-weight:bold; color:#454545;}
.customerComplete  strong, .customerComplete h3 strong, .customerComplete.asNonmemberBg strong{ color:#f97b0b;}
.customerComplete.asNonmemberBg strong { font-weight:bold;}
.customerComplete  i { color:#454545;}
.customerComplete  .txt{ margin-top:28px; font:11px/18px dotum; color:#777;}
.customerComplete  a.btn{ margin-top:25px; display:block;}
.customerComplete  ul.btn { margin-top:25px;}
.customerComplete  ul.btn li { float:left; margin-right:5px;}

.customerComplete .left { float:left;}
.customerComplete .right { float:right; width:422px;}
.customerComplete .right table colgroup col.width {width:140px; *width:120px;}
.customerComplete .right .tableTpA th,.customerComplete .right .tableTpA td { text-align:left; padding-left:20px; line-height:18px;}
.customerComplete .right ul { margin-top:15px;}
.customerComplete .right ul li { margin-top:5px; padding-left:8px; background:url(/images/common/bul_list2.gif) 0 6px no-repeat; font:11px dotum; color:#a1a1a1; line-height:18px;}


.pdtLoginInfo { border-top:1px solid #d4d4d4; padding:60px 0 60px 64px; background:url(/images/customer/img_pdtLoginVisual.jpg) 560px 50% no-repeat;}
.pdtLoginInfo .txt{ margin-top:28px; font:11px/18px dotum; color:#777;}

/*praise*/
.praiseWrite .boardWriteTpA tbody tr.subject .inputText,
.complainWrite .boardWriteTpA tbody tr.subject .inputText {width:712px;}
.complainWrite .boardWriteTpA tbody tr.subject ul li  { float:left; margin-right:15px;}

.praiseListHead { margin-top:50px;}
.praiseList { margin-top:10px;}
.praiseList col.num {width:62px;}
.praiseList col.date {width:95px;}
.praiseList col.name {width:74px;}

.praiseList .pagingList .imgBtn { margin-top:-44px;}
.praiseList .pagingList .imgBtn a { margin-left:0; padding-left:0; padding-right:0;}

.praiseView col.date {width:95px;}
.praiseView col.name {width:74px;}

.praiseView,.praiseWrite{ margin-top:40px;}
.praiseView .boardViewTpA td .board_contents .file a { height:12px; padding-left:15px; background:url(/images/common/ico_file2.gif) no-repeat; text-decoration:underline; line-height:12px;}

/*pdt_register*/
.pdtRegister .boardWriteTpA tbody tr.subject .inputText {width:712px;}

/*asRegister*/
.asLoginBanner { position:relative; margin-top:40px; width:960px; height:141px; background:url(/images/customer/bg_asLoginBanner.gif) no-repeat;}
.asLoginBanner h5{ position:absolute; top:40px; left:40px;}
.asLoginBanner div.txt { position:absolute; top:44px; left:269px;}
.asLoginBanner ul { position:relative;}
.asLoginBanner ul li.num1 { position:absolute; top:0; left:0;}
.asLoginBanner ul li.num2 { position:absolute; top:0; left:240px;}
.asLoginBanner ul li.num3 { position:absolute; top:0; left:480px;}

.asRegister, .visitDate { margin-top:40px;}
.asRegister .pdtRegisterAdd { padding-top:8px; clear:both;}
.asRegister .pdtRegisterAdd p { float:left; padding-left:7px; padding-top:5px; background:url(/images/common/bul_list.gif) 0 60% no-repeat; font:11px dotum;}
.asRegister .pdtRegisterAdd a { float:left; margin-left:10px;} 
.ui-datepicker-title select{ visibility:visible;}

.visitDate .boardWriteTpA { margin-top:15px;}
.visitDate .cost p { float:left; padding-top:5px;}
.visitDate .cost .btn { float:left; display:block; width:83px; height:23px;}

.visitEngineer .visitEngineerInfo { display:inline-block; *width:335px; height:100px; padding:3px; border:1px solid #dadada;}
.visitEngineer .visitEngineerInfo img { float:left; border:1px solid #dadada; }
.visitEngineer .visitEngineerInfo .txt { float:left; margin:35px 20px;}
.visitEngineer .visitEngineerInfo .txt li { padding-left:7px; background:url(/images/common/bul_list.gif) 0 6px no-repeat; margin-bottom:6px;}
.visitEngineer .visitEngineerInfo .txt strong { font-weight:bold; color:#454545;}

.progressInfo { position:relative; margin-top:40px; width:960px; height:208px; background:url(/images/customer/bg_progressInfo.gif) no-repeat;}
.progressInfo h4 { position:absolute; top:40px; left:40px;}
.progressInfo ul { position:absolute; top:80px; left:40px;}
.progressInfo ul li { float:left;}
.progressInfo ul li.num2, .progressInfo ul li.num3 { margin-left:110px;}

/*asService_aspolicy*/
.as_content{width:857px;padding-top:87px; margin-left:54px}
.as_content .row0 {}
.as_content .row1 { margin-top:40px}
.as_content .row2 { margin-top:40px}
.as_content .col { width:380px;}
.as_content .col.left { float:left;}
.as_content .col.right { float:right;}
.as_content .col h3 { margin-bottom:16px;}
.as_content .col p { padding-left:46px;}

/*asService_info*/
.as_content01{padding-top:39px;width:960px;}
.as_content01 h3{padding-bottom:18px;}
.as_content01 .txtList01{padding-bottom:29px;}
.as_content01  ul h4{padding-bottom:15px;}
.as_content01  ul .important{padding-top:13px;}
.as_content01  ul .last{margin-bottom:0;}
.as_content01  ul li{margin-bottom:5px;}
.as_content02{padding-top:40px;}
.as_content02 table .asAlign{text-align:left;padding-left:20px;}
.as_content02 table tbody th{text-align:left;padding-left:20px;}

/*customer notice_popup*/
.customer_notice_PopHead { width:100%; height:55px; background-color:#50b5c7;}
.customer_notice_PopHead .inner { width:670px; margin:0 auto;}
.customer_notice_PopHead .inner h1 { float:left; margin-top:19px;}
.customer_notice_PopHead .inner .btn { float:right; margin-top:21px;}
.customer_notice_PopCon { width:670px; margin:40px auto 0;}

.customer_notice_PopCon .noticeList { margin-top:20px;}
.customer_notice_PopCon .noticeList col.num, .winList col.num {width:62px;}
.customer_notice_PopCon .noticeList col.date, .winList col.date {width:95px;}
.customer_notice_PopCon .noticeList col.click, .winList col.click {width:74px;}

.customer_notice_PopCon .noticeView { }
.customer_notice_PopCon .noticeView col.num {width:62px;}
.customer_notice_PopCon .noticeView col.date {width:95px;}
.customer_notice_PopCon .noticeView col.click {width:74px;}

.customer_notice_PopCon .boardViewTpA td .board_contents { padding:0 5px 0 0;  margin:30px 20px; text-align:left; line-height:1.6; width:625px; height:410px; overflow:hidden;}
.customer_notice_PopCon  .jspDrag { background: #fff; position: relative; top: 0; left: 0; cursor: pointer; border-top:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:1px solid #dadada; background-color:#fff;}
.customer_notice_PopCon  .jspVerticalBar .jspArrowUp { background:#fff url("/images/js/jsparrowup.gif") no-repeat center center; border-top:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:1px solid #dadada;}
.customer_notice_PopCon  .jspVerticalBar .jspArrowDown { background:#fff url("/images/js/jsparrowdown.gif") no-repeat center center;  border-top:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:1px solid #dadada; }

/*complainRegister*/
.complainLoginBanner { position:relative; margin-top:300px; width:960px; height:141px; background:url(/images/customer/bg_complainLoginBanner.gif) no-repeat;}
.complainLoginBanner h5{ position:absolute; top:40px; left:40px;}
.complainLoginBanner div.txt { position:absolute; top:44px; left:200px;}
.complainLoginBanner ul { position:relative;}
.complainLoginBanner ul li.num1 { position:absolute; top:0; left:0;}
.complainLoginBanner ul li.num2 { position:absolute; top:0; left:128px;}
.complainLoginBanner ul li.num3 { position:absolute; top:0; left:265px;}
.complainLoginBanner ul li.num4 { position:absolute; top:0; left:390px;}
.complainLoginBanner ul li.num5 { position:absolute; top:0; left:515px;}
.complainLoginBanner ul li.num6 { position:absolute; top:0; left:650px;}



/*seller_map_popup*/
.seller_map_PopHead { width:100%; height:55px; background-color:#50b5c7;}
.seller_map_PopHead .inner { width:556px; margin:0 auto;}
.seller_map_PopHead .inner h1 { float:left; margin-top:19px;}
.seller_map_PopHead .inner .btn { float:right; margin-top:21px;}
.seller_map_PopCon { width:556px; margin:40px auto 0;}
.seller_map_PopCon .mapArea { width:554px; height:393px; border:1px solid #ebebeb;}
.seller_map_PopCon .btn { display:block; float:right; margin-top:20px;}

/* service_fee */
.serviceFee { margin-top:40px; background:url(/images/customer/bg_serviceFee.gif) 564px 79px no-repeat;}
.serviceFee dt { margin-top:27px;}
.serviceFee dd { margin-top:17px;}

/* ccm_contents sk_20130308*/
.CCMContent01{float:left;width:960px;margin-top:40px;}
.CCMContent01:after{content:''; display:block; clear:both;}
.CCMContent01 h2{float:left;}
.CCMContent01 dl{float:left;width:700px;margin-left:230px;}
.CCMContent01 dt{float:left;margin-bottom:9px; }



/*coo sk_20130311 */
.greeting_txt01{float:left;padding-top:40px;}
.greeting_txt02{float:left;padding-top:56px;padding-left:62px;}
.greeting_ceopht{float:right;margin-top:150px;}



/* 20150522 pop_seminar */
#seminar { float:left; margin:0; width:800px;}
#seminarTop {float:left; margin:0; width:800px;}
#seminarTab {float:left; margin:0; width:800px; height:51px; background:url(/images/customer/seminar/tab_bg.gif) repeat-x ;}

.smntabTpD { overflow:hidden; width:800px; height:51px;margin-left:30px; }
.smntabTpD li { float:left;}
.smntabTpD li a { display:block;  background:url(/images/customer/seminar/tab_seminar.jpg) no-repeat; width:140px; height:50px; cursor:pointer; text-indent:-99999px;}
.smntabTpD li.tab1 a { background-position:0 -1px;}
.smntabTpD li.tab1.on a { background-position:0 -51px;}
.smntabTpD li.tab2 a { background-position:-140px -1px;}
.smntabTpD li.tab2.on a { background-position:-140px -51px;}
.smntabTpD li.tab3 a { background-position:-280px -1px;}
.smntabTpD li.tab3.on a { background-position:-280px -51px;}

#seminarCont { float:left; margin:0; width:800px; text-align:center; }

.seminarInfo { float:left; margin:0 50px;}
.seminarInfo .userInfo { float:left;}
.seminarInfo .userInfo .boardWriteTpA{ float:left; margin-top:10px;margin-bottom:30px;}
.seminarInfo .userInfo h3 {text-align:left;}
.seminarInfo .userInfo h4 {float:left;text-align:left; margin-top:20px; margin-bottom:10px;}
.seminarInfo .userInfo h5 {float:right; padding-top:30px; margin-bottom:0px; font-size:11px;}
.seminarInfo .userInfo h6 {clear:both; text-align:left; margin-top:20px; margin-bottom:0px; font-size:12px; border:3px solid #EEEEEE; padding:10px;}
.seminarInfo .userInfo p.txt1 {text-align:left; margin:-20px 0 0 5px; font-size:12px; color:#777; }
.seminarInfo .userChoice { margin-top:40px;}
.seminarInfo .userChoice .boardWriteTpA { margin-top:15px;}
.seminarInfo .infoimg {float:left; width:700px; margin-top:50px; text-align:center;}
.seminarInfo .btnRequest {float:left; width:700px; margin:40px 0 50px 0; text-align:center;}
.seminarInfo .buttonC { float:left; width:700px; margin:20px 0 50px 0; text-align:center; }

.seminarList { margin-top:20px; margin-bottom:30px;}
.seminarList col.num, .winList col.num {width:62px;}
.seminarList col.date, .winList col.date {width:95px;}
.seminarList col.click, .winList col.click {width:74px;}


.boardWriteTpA tbody tr.seminar01 .inputText {width:180px;}
.boardWriteTpA tbody tr.seminar01 .inputText2 {width:100px;}
.boardWriteTpA tbody tr.seminar01 .chuchon {border:1px solid #ffb56c; background-color:#fdf4ec;}
.boardWriteTpA tbody tr.seminar03 .inputWidth1 {border:1px solid #FFF;width:280px;height:21px; background:#FFF;padding-left:3px;line-height:25px;}
.boardWriteTpA tbody tr.seminar03 .inputWidth2 .inputText {width:90px;}
.boardWriteTpA tbody tr.seminar03 .inputWidth3 .inputText {width:170px;}
.boardWriteTpA tbody tr.seminarEmail .inputText {float:left; width:120px;}
.boardWriteTpA tbody tr.seminarEmail2 .inputText {float:left; width:250px;}
.boardWriteTpA tbody tr.birth .inputText {float:left; width:40px;}
.boardWriteTpA tbody tr.address .addr3 {margin-top:8px;}
.boardWriteTpA tbody tr.address .addr3 .inputText {width:220px;}
.boardListTpA tr td.request {font-weight:bold;}
.boardListTpA thead tr.seminarNm {font-weight:bold;background-color:#FFF;}
.boardListTpA tr.disable3 {color:#999; text-decoration:line-through; cursor:default; }
.boardListTpA tr td.disable {color:#999; background-color:#FFF; text-decoration:line-through; cursor:default; }
.boardListTpA tr td.disable2 {color:#777; background-color:#FFF; cursor:default; }
.boardWriteTpA tbody tr td.seminar00 {font-weight:bold;}
.boardWriteTpA tbody tr p.banktxt1 { line-height:30px;}

div.div2 {text-align:left;margin-bottom:40px;}
div.div2 div.priv {width:682px;height:120px; padding:20px;padding-top:10px;line-height:18px;color:#777; overflow-y:scroll; border:1px solid #CCC;}
div.div2 div.priv p.txt1 {font-weight:bold;margin-top:10px;margin-bottom:10px;}
div.div2 div.priv p.txt2 {margin-bottom:10px;margin-left:15px;}
div.div2 fieldset {margin-top:35px; margin-left:10px; width:700px;}
div.div2 fieldset .txt1 {margin-top:8px;color:#666;font-size:12px;margin-bottom:10px;}
div.div2 fieldset .txt2 {margin-left:5px; margin-top:15px;color:#666;font-size:12px;margin-bottom:10px; text-align:left;}



/* board list type A-1 */
.boardListTpA1 { width:100%; border-top:1px solid #aaa; border-bottom:1px solid #d7d7d7;}
.boardListTpA1 thead th { font-size:12px; color:#454545; background:#f9f9f9; border-bottom:1px solid #d7d7d7;  text-align:center; }
.boardListTpA1 thead th,
.boardListTpA1 tbody td { height:40px; text-align:center; }
.boardListTpA1 tbody td { border-top:1px solid #e4e4e4; color:#777;}
.boardListTpA1 td a { color:#777; }
.boardListTpA1 td img.new { margin-left:7px; vertical-align:middle;}
.boardListTpA1 td.subject, .boardListTpA1 td.address, .boardListTpA1 td.pdtName, .boardListTpA1 td.pdtError { padding-left:18px; text-align:left;}
.boardListTpA1 tr.notice td.subject { font-weight:bold;}
.boardListTpA1 td .cate { font-size:11px; margin-right:14px;}
.boardListTpA1 td.date, .boardListTpA1 td.num, .boardListTpA1 td.click { font:11px verdana;}
.boardListTpA1 td.btn img{ vertical-align:middle;}
.boardListTpA1 tr:hover a { color:#777; text-decoration:none;}
.boardListTpA1 tr:hover td { background-color:#FFF;}
.boardListTpA1 tr:hover td.date, .boardListTpA1 tr:hover td.num, .boardListTpA1 tr:hover td.click, .boardListTpA1 tr:hover td.cate, .boardListTpA1 tr:hover td.name { color:#333;}
.boardListTpA1 tr.none th,
.boardListTpA1 tr.none td { border-top:0; padding-top:0; font-weight:bold;}
.boardListTpA1 td.noSearch { height:200px; }