@charset "utf-8";
/*
 파일명:			sub.css
 기능설명:		sub css
 작성자:			nowNsurvey
 최종수정일:	2013.3.26
 */



/***********20130610 우측 로그인정보**************/
.w175 {width:175px !important;}
.w80 {width:80px !important;}
.pr80	{padding-right:80px !important;}
.w120 {width:120px !important;}
.w200 {width:200px !important;}
.pl35 {padding-left:35px !important;}
.subjoin {margin:10px 0;}
.subjoin button {width:188px; height:25px; background:#fd913e; color:#fff; border:1px solid #de7a38;}


/****************20130528 결제**************/
.pay-bigf { font-size:13px; font-weight:bold;}
.pay-midf { font-size:11px; font-weight:bold;}

.pay-bg {background:url(/img/pay/pay1.png) no-repeat left;}
.pay-bg2 {background:url(/img/pay/pay2.png) no-repeat left;}

.pay-cash dl {padding-left:10px; padding-top:10px; text-align:left; overflow:hidden;}
.pay-cash dt {width:90px; height:30px; float:left; background:url(/img/common/bul-dot-02.gif) no-repeat left 7px; padding-left:10px;}
.pay-cash dd {width:300px; height:30px; float:left;}

.pay-r {padding-left:10px;}
.pay-r ul {overflow:hidden;}
.pay-r li { width:150px; float:left;}

.w400 {width:400px !important;}
.pay-info {width:330px;}
.pay-info li {background:url(/img/common/bul-dot-02.gif) no-repeat left 7px; padding-left:10px; height:25px; text-align:left; color:#333;}

.pay-e {font-size:20px; font-weight:bold; color:#333; line-height:30px; text-align:center; margin-bottom:50px;}
.pay-e2 {font-size:16px; font-weight:bold; line-height:24px; text-align:center; margin:30px 0;}
.t-sblue {color:#00afc4;}

/* 20130529 추가 */
.board-list4 {border-top:1px solid #00afc4;margin: 3px 0;}
.board-list4 tbody th {color:#1668a6; border-right:1px solid #00afc4; border-bottom:1px solid #00afc4; padding: 8px 0;text-align:center;}
.board-list4 tbody td {padding: 8px 20px; border-bottom:1px solid #00afc4; text-align:left;}
.board-list4 tbody tr:hover { background:none;}

/***********20130524 마이페이지 추가***********/
.btstyle {width:75px; height:23px; background:#00afc4; border:1px solid #0d8f9f; color:#fff; font-size:12px;}
.btstyle2 {background:#999; border:1px solid #666; color:#fff; font-size:12px; padding:2px 3px;}
.btstyle3 {background:#fff; border:1px solid #666; color:#666; font-size:12px; padding:2px 3px;}

.w180 {width:180px !important;} 
.w200 {width:200px !important;}
.w400 {width:400px !important;}

.poptitle {height:30px; border-bottom:1px solid #e3e3e3; margin-bottom:15px;}
.poptitle span {display:inline-block; float:left; width:485px;}
.poptitle button {display:inline-block; float:left; width:15px;}

.mypop li {background:url("/img/common/bul-blue.gif") no-repeat 0 7px; padding: 0 0 3px 10px;}
.mypopbtn {border-top:1px solid #e3e3e3; padding-top:10px;}
.mypoptext textarea {width:740px; height:100px;}


/***********20130510 로그인페이지 추가***********/
#login-wrap {width:680px;height:413px; position:absolute; top:50%; left:50%; margin-top:-206px; margin-left:-340px;}
#login-wrap .logintop {width:100%; height:45px; border-bottom:2px solid #666; margin-top:50px;}
#login-wrap .logintop span {display:inline-block; margin-right:10px;}

#login-wrap .logincont {width:100%; height:250px;}

#login-wrap .loginform {width:330px; float:left; margin-top:50px;}

#login-wrap .loginform dl {width:200px; float:left;}
#login-wrap .loginform dl dt {font-size:0px; visibility:hidden;}
#login-wrap .loginform dl dd {display:inline;}
#login-wrap .loginform .login-input .id {width:190px; height:21px; color:#333; font-size:13px; margin-bottom:12px; padding-top:6px; border:1px solid #c8c8c8; background:url("/images/member/bg_loginform.gif") no-repeat -55px -11px;}
#login-wrap .loginform .login-input .id_focus {width:190px; height:21px; color:#333; font-size:13px; margin-bottom:12px; padding-top:6px; border:1px solid #c8c8c8;}
#login-wrap .loginform .login-input .pwd {width:194px; height:21px; color:#333; font-size:13px; margin-bottom:8px; padding-top:5px; border:1px solid #c8c8c8; background:url("/images/member/bg_loginform.gif") no-repeat -55px -53px;}
#login-wrap .loginform .login-input .pwd_focus {width:194px; height:21px; color:#333; font-size:13px; margin-bottom:8px; padding-top:5px; border:1px solid #c8c8c8;}
#login-wrap .loginform .login-input input.seleced {background:url("/img/member/bg_loginform.gif") no-repeat -55px -70px;}
#login-wrap .loginform .login-input .login-btn {width:80px;}

#login-wrap .loginform .logintext {width:370px; margin-top:30px;}
#login-wrap .loginform .logintext span { display:inline-block; margin-right:10px; padding-bottom:10px;}
#login-wrap .loginimg {width:340px; float:left; padding-top:10px;}
#login-wrap .footer {width:100%; height:50px; border-top:1px solid #ccc; padding-top:15px; text-align:center; background:#fff; }


/*layout*/
.h850 {height:850px;}


/* tab*/

.tab-section .tab {overflow:hidden; *zoom:1; height:34px; line-height:33px;border-left:1px solid #c8c8c8; background:url("/img/common/tab-back.gif") repeat-x 0 bottom; margin-bottom:20px;}
.tab-section .tab li {float:left; width:95px; height:35px; }/* width:90px; */
.tab-section .tab li a {display:inline-block;width:100%;text-align:center;border:1px solid #c8c8c8; margin-left:-1px; background:#f6f6f6 url("/img/common/tab-back.gif") repeat-x 0 bottom; color:#c8c8c8; }
.tab-section .tab li a.on  {background:#fff;color:#1870b4;}

.tab-section {position:relative; margin-bottom:30px;}
.tab-section span.right-con {position:absolute; right:0; top:7px; color:#1870b4; font-size:11px;}

.tab-section .tab_templete {overflow:hidden; *zoom:1; height:34px; line-height:33px;border-left:1px solid #c8c8c8; background:url("/img/common/tab-back.gif") repeat-x 0 bottom; margin-bottom:20px;}
.tab-section .tab_templete li {float:left; width:94px; height:35px; }/* width:90px; */
.tab-section .tab_templete li a {display:inline-block;width:100%;text-align:center;border:1px solid #c8c8c8; margin-left:-1px; background:#f6f6f6 url("/img/common/tab-back.gif") repeat-x 0 bottom; color:#c8c8c8; }
.tab-section .tab_templete li a.on  {background:#fff;color:#1870b4;}


/*list*/

.sort-level {width:660px; height:40px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; float:left;}
.sort-level p {float:left; margin:8px 5px 5px 5px; background-image:url(/img/issue/bg_inglist.gif); background-repeat:no-repeat; background-position:right;}
.sort-level p>button {margin-left:2px; margin-bottom:-2px;}
.ing-list li {height:80px; border-bottom:1px solid #e3e3e3; float:left; padding-top:3px;}
.ing-list li:hover {background:#e5f7f9;}
.ing-list {width:660px; float:left; margin-bottom:30px;}
.ing-list .ing_num {width:40px; height:77px; text-align:center; float:left;}
.ing-list .ing_category {width:90px; height:77px; text-align:left; float:left; padding-left:10px;}
.ing-list .ingtitle {height:25px; font-size:14px; color:#00afc4;}
/*.ing-list .ingtitleview {width:340px; display:block; border:1px solid #e3e3e3;}*/
.ing-list .ingtitle a:link {font-size:14px; color:#00afc4;}
.ing-list .ingtitle a:hover {font-size:14px; color:#f47709; text-decoration:underline;}
.ing-list .ingtitle a:active {font-size:14px; color:#00afc4;}
.ing-list .ingtitle a:visited {font-size:14px; color:#00afc4;}
.ing-list .ing_cont {width:340px; height:77px; float:left;}
.ing-list .inginfo {width:340px; margin-top:5px;}
.ing-list .inginfo dt {font-size:0px; display:inline; display:none;}
.ing-list .ingmem {width:195px; padding-left:15px; background-image:url("/img/issue/ico_mem.png"); background-repeat:no-repeat; background-position:left; float:left;}
.ing-list .ingmem .brc-list {background:url("/img/issue/ico_listnews.gif") no-repeat; padding-left:30px; color:#1870b4; font-size:11px;}
.ing-list .ingmem .brc-num {color:#ff9900; font-size:11px; font-weight:bold; padding-left:5px;}
.ing-list .inganum {width:195px; padding-left:15px; background-image:url("/img/issue/ico_ans.png"); background-repeat:no-repeat; background-position:left; float:left;}
.ing-list .ingdate {width:130px; float:left; text-align:right;}
.ing-list .ing_rw {width:114px; height:77px; text-align:center; float:left; padding-top:8px;}
.ing-list .ing_rw dt {font-size:0px; display:inline; display:none;}
.ing-list .ingcash img {margin-right:5px;}
.ing-list .datetitle {color:#999;}

.ing-list li span.buttons {float:right; width:65px; height:80px; display:inline-block; padding-top:8px;}
.ing-list li span.buttons button {width:53px; height:27px; font-size:11px; margin-bottom:5px}
.ing-list li span.buttons button.join {background:#00afc4; color:#fff; border:1px solid #0d8f9f;}
.ing-list li span.buttons button.view-result {background:#fff; color:#666666; border:1px solid #c8c8c8;}




.join-survey {width:55px; background:#00afc4; color:#fff; height:30px; border:1px solid #0d8f9f; margin-bottom:5px; font-size:12px;}
.view-survey {width:55px; background:#fff; color:#666; height:30px; border:1px solid #c8c8c8; font-size:12px;}


/* paginate */
.paginate2 {width:660px; text-align:center; float:left;}
.paginate2 .page-num {margin: 0 7px; padding-top:2px; display:inline-block;}
.paginate2 a, .paginate .page-num a  {display:inline-block; width:50px; height:18px; border:1px solid #c8c8c8; cursor:pointer; }
.paginate2 .page-num a {margin-right:2px;}
.paginate2 a:hover, .paginate a.selected {border:1px solid #5e9abd; color:#15629e; font-weight:bold;}

.page-pre {background:url("/img/common/btn-page-pre.png") no-repeat 50% 50%; text-indent:-9000px;}
.page-pre:hover {background:url("/img/common/btn-page-pre-o.png") no-repeat 50% 50%; }
.page-next {background:url("/img/common/btn-page-next.png") no-repeat 50% 50%; text-indent:-9000px;}
.page-next:hover {background:url("/img/common/btn-page-next-o.png") no-repeat 50% 50%; }
.page-next2 {background:url("/img/common/btn-page-next2.png") no-repeat 50% 50%; text-indent:-9000px;}
.page-next2:hover {background:url("/img/common/btn-page-next-o2.png") no-repeat 50% 50%; }
.page-pre2 {background:url("/img/common/btn-page-pre2.png") no-repeat 50% 50%; text-indent:-9000px;}
.page-pre2:hover {background:url("/img/common/btn-page-pre-o2.png") no-repeat 50% 50%; }

/* sub right-side banner*/
.rbanner {width:210px; border-bottom:1px solid #e3e3e3; padding-top:20px; padding-bottom:20px;}
.rbanner2 {width:210px; height:100px; padding-top:20px;}
.rbanner2 li {list-style:none; display:inline-block; width:70px; height:61px; margin-bottom:10px; float:left;}
.rbanner2 a {width:70px; height:61px; display:inline-block;}
.rbanner2 a.rlink1 {background-image:url(/img/common/ico_mv.gif); background-repeat:no-repeat;}
.rbanner2 a.rlink2 {background-image:url(/img/common/ico_gd.gif); background-repeat:no-repeat;}
.rbanner2 a.rlink3 {background-image:url(/img/common/ico_pt.gif); background-repeat:no-repeat;}
.rbanner2 a.rlink4 {background-image:url(/img/common/ico_mk.gif); background-repeat:no-repeat;}
.rbanner2 a.rlink5 {background-image:url(/img/common/ico_ch.gif); background-repeat:no-repeat;}
.rbanner2 a.rlink6 {background-image:url(/img/common/ico_cs.gif); background-repeat:no-repeat;}
.rbanner2 a:hover {background-position:0 -61px;}
.rbanner2 li span {font-size:0; display:none;}


.login-info .info1 p {float:left; width:90px;}

.login-info .form-st {width:120px; float:left; margin-right:13px;}
.login-info .form-st input[type="text"] {width:120px; height:20px; border:1px solid #c8c8c8; font-size:13px; color:#666; margin-bottom:5px; padding:5px 2px 0 2px; }
:root .login .form-div #mb_id { padding-top:2px; padding-bottom:2px; }
.login-info .form-st input[type="password"] {width:120px; height:20px; border:1px solid #c8c8c8; font-size:13px; color:#666; margin-bottom:10px; padding:5px 2px 0 2px; }
:root .login .form-div #mb_id { padding-top:2px; padding-bottom:2px; }


/**service**/
/* tab*/

.tab-section2 .tab {overflow:hidden; *zoom:1; height:34px; line-height:33px;border-left:1px solid #c8c8c8; background:url("/img/common/tab-back.gif") repeat-x 0 bottom; margin-bottom:20px;}
.tab-section2 .tab li {float:left; width:204px; }/* width:90px; */
.tab-section2 .tab li a {display:inline-block;width:100%;text-align:center;border:1px solid #c8c8c8; margin-left:-1px; background:#f6f6f6 url("/img/common/tab-back.gif") repeat-x 0 bottom; color:#c8c8c8; }
.tab-section2 .tab li a.on  {background:#fff;color:#1870b4;}

.tab-section2 {position:relative;}
.tab-section2 span.right-con {position:absolute; right:0; top:7px; color:#1870b4; font-size:11px;}

/* banner */
.ar-banner {width:660px;height:100px;}
.ar-banner .arb1 {width:320px; background-image:url(/img/service/arb1.gif); background-repeat:no-repeat; padding-left:10px; float:left;}
.ar-banner .arb2 {width:320px; background-image:url(/img/service/arb2.gif); background-repeat:no-repeat; padding-left:10px; float:left;}
.ar-banner .arb1 span {margin-bottom:10px;}
.ar-banner .arb2 span {margin-bottom:10px;}

/* table */
.priceinfo {width:330px;color:#666; border:1px solid #e3e3e3; float:left;} /**20130628 수정*/
.priceinfo th {height:40px; color:#333; background-color:#cef0f4; border-bottom:1px solid #e3e3e3}/**20130628 수정*/
.priceinfo td {height:40px; color:#666; line-height:16px; border-bottom:1px solid #e3e3e3; text-align:center; border-right:1px solid #e3e3e3;}
.priceinfo .freemem {background-color:#f7f7f7;}

.priceinfo2 .svc-price {overflow:hidden}
.priceinfo2 .svc-price p {float:left; margin:10px 0;}
.priceinfo2 .svc-price .btnplace {height:48px; float:right; padding-right:10px; margin-top:15px;}

.priceinfo2 {width:660px; color:#666; border:1px solid #e3e3e3; float:left;}/**20130628 수정*/
.priceinfo2 th {height:40px; color:#333; background-color:#cef0f4; border-bottom:1px solid #e3e3e3}/**20130628 수정*/
.priceinfo2 th.left-side {border-right:1px solid #9dbcc0}/**20130628 수정*/
.priceinfo2 td {height:40px; color:#666; line-height:16px; border-bottom:1px solid #e3e3e3; text-align:center; border-right:1px solid #e3e3e3;}
.priceinfo2 .freemem {background-color:#f7f7f7;}

.btn-pos {position:absolute; top:15px; right:15px;}

.mem-rewd {text-align:left; }
.mem-rewd li {margin-left:5px; padding-right:5px; padding-top:3px; font-size:11px; line-height:14px;}

.graybg {background-color:#e8e8e8; color:#333;}
.common-service ol { text-align:left; margin-left:30px; margin-bottom:20px;}
.common-service ol li {list-style-type:decimal; text-align:left; }

.mstate {color:#00afc4; font-weight:bold;}

/*estimate*/
.pnl-est {width:660px;}
.pnl-est-title {color:#1870b4; font-size:15px; float:left;}
.pnl-est-title span {width:330px; float:left;}
.pnl-est-title .estinfo {color:#666; font-size:11px; text-align:right; background-image:url(/img/service/ico_pnlinfo.gif); background-repeat:no-repeat; background-position:195px 0;}
.estcomment {width:630px; border:1px solid #c8c8c8; padding:15px; float:left;}
.estcomment li { margin-bottom:5px;}
.estunit {width:660px; background-image:url(/img/service/bg_pnlinfo.gif); background-repeat:no-repeat; background-position:0 110px; float:left; margin-top:30px;}
.estunit dt {width:230px; height:25px; border-bottom:1px solid #e3e3e3; float:left; margin-left:70px; padding-top:5px;}
.estunit dd {width:350px; height:25px; border-bottom:1px solid #e3e3e3; float:left; padding-top:5px;}
.estsum {width:660px;}
.estsum dt {width:230px; height:25px; border-top:1px solid #333; float:left; padding-left:70px; padding-top:5px;}
.estsum dd {width:350px; height:25px; border-top:1px solid #333; float:left; padding-top:5px;}

/*right side login*/
.sub-login {width:120px; float:left;}
.sub-login input {width:120px; height:25px; border:1px solid #c8c8c8; margin-bottom:5px;}



/** customer **/

/* board-list */

.board-list { border-top:1px solid #00afc4;margin: 3px 0;}
.board-list thead th { color:#1668a6; border-bottom:2px solid #00afc4; padding: 8px 0;text-align:center;}
.board-list tbody th, .board-list tbody td {padding: 8px 0; border-bottom:1px solid #e3e3e3; text-align:center;}
.board-list tbody tr:hover {background:#ecf8ff; }
.no-data {padding:25px 0 !important;}

/* 20130522 추가 */
.board-list2 { border-top:1px solid #00afc4;margin: 3px 0;}
.board-list2 thead th, .board-list2 tbody th { color:#1668a6; border-bottom:2px solid #00afc4; padding: 8px 0;text-align:center;}
.board-list2 tbody td {padding: 8px 0; border-bottom:1px solid #00afc4; text-align:center;}
.board-list2 tfoot th {width:150px; color:#1668a6; padding: 8px 0;text-align:center; vertical-align:top;border-bottom:1px solid #00afc4;}
.board-list2 tfoot td {width:150px; padding: 8px 0;text-align:left; vertical-align:top;border-bottom:1px solid #00afc4;}
.board-list2 tbody tr:hover { background:none;}

table {table-layout:fixed; }
th.left, td.left {text-align:left !important; padding-left:7px !important;}
th.right, td.right {text-align:right !important; padding-right:7px !important;}
th.right img, td.right img {margin-left:3px;}
/*table input {margin-right:0 !important;}*/
/*.board-list.ellipsis td {overflow: hidden; text-overflow: ellipsis; text-overflow-mode: ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}*/

/* paginate */
.paginate { text-align:center; margin-top:20px;}
.paginate .page-num {margin: 0 7px; padding-top:2px; display:inline-block;}
.paginate a, .paginate .page-num a  {display:inline-block; width:35px; height:18px; border:1px solid #c8c8c8; cursor:pointer; font-size:9.5px; }
.paginate .page-num a {margin-right:2px;}
.paginate a:hover, .paginate a.selected {border:1px solid #5e9abd; color:#15629e; font-weight:bold;}

.page-pre {background:url("/img/common/btn-page-pre.png") no-repeat 50% 50%; text-indent:-9000px;}
.page-pre:hover {background:url("/img/common/btn-page-pre-o.png") no-repeat 50% 50%; }
.page-next {background:url("/img/common/btn-page-next.png") no-repeat 50% 50%; text-indent:-9000px;}
.page-next:hover {background:url("/img/common/btn-page-next-o.png") no-repeat 50% 50%; }


/* board view */
.view-templete {width:660px;}
.view-header { border-top:1px solid #00afc4;}
.view-header dt {width:60px; height:28px; float:left; border-bottom:1px solid #e3e3e3; background:url("/img/common/th-back.gif") no-repeat right 11px; color:#1870b4; vertical-align:top; padding-top:7px; padding-left:15px;}
.view-header dd {width:80px; height:28px; float:left; border-bottom:1px solid #e3e3e3;padding-top:7px; padding-left:15px;}
.view-cont {width:660px; border-bottom:1px solid #e3e3e3; float:left; margin-bottom:10px;}
.view-cont p {width:620px; margin:10px; line-height:20px; float:left;}
.view-cont-notice {width:660px; border-bottom:1px solid #e3e3e3; float:left; margin:15px 0 10px 0;}
.view-cont-notice p {width:620px; line-height:20px; float:left;}

.view-list {width:660px; border-top:1px solid #e3e3e3;}
.view-list dt {width:50px; height:28px; float:left; border-bottom:1px solid #e3e3e3; color:#1870b4; vertical-align:top; padding-top:7px; padding-left:20px;}
.view-list dd {width:590px; height:28px; float:left; border-bottom:1px solid #e3e3e3;padding-top:7px;}
.view-list .view-list-title {width:350px; float:left;}
.view-list .view-list-writer {width:150px; float:left;}
.view-list .view-list-date {width:80px; float:none; text-align:right; padding-right:10px;}


/*FAQ*/
.link-wrap2 {overflow:hidden; *zoom:1; padding-top:30px; padding-bottom:50px;}     /**********************************20130326 수정*/
.link-wrap2 .link {float:left; width:128px; margin-right:49px; margin-bottom:50px; height:250px; position:relative;}
.link-wrap2 .link h1 {color:#333; font-size:15px; margin-bottom:5px;}
.link-wrap2 .link img {margin-bottom:5px;}
.link-wrap2 span {width:128px;}

.gbox {height:40px; background:#f6f6f6; line-height:1.8em; text-align:center; padding-top:20px; margin-bottom:10px;}
.gbox input {width:300px; height:18px; color:#666; font-size:11px;}
.search-title {color:#1870b4; margin-right:10px;}

.faq-list {width:660px; padding-top:50px; border-top:1px solid #e3e3e3;}
.faq-list h2 {color:#333; font-size:15px;}
.faq-list ul {width:330px; float:left; margin-top:10px;}
.faq-list li {background:url("/img/common/bul-dot-02.gif") no-repeat 0 7px; padding: 0 0 3px 10px;}/*gray dot*/

.customer-img {float:left; vertical-align:top;}
.customer-cmt {width:340px; vertical-align:top; padding-left:10px; float:left; font-size:14px; font-weight:bold; letter-spacing:-0.04em; padding-top:10px;}
.customer-cmt2 {width:340px; vertical-align:top; padding-left:10px; float:left; margin-bottom:10px;}

.ns-list2 {width:660px; border-top:1px solid #e3e3e3; margin-top:30px; overflow:hidden;}
.ns-list2 li {width:660px; height:27px; border-bottom:1px solid #e3e3e3; float:left; padding-top:8px;}
.ns-list2 li:hover {background:#ecf8ff; }
.ns-list2 .ns-info2 {width:660px;}
.ns-list2 .ns-info2 dt {font-size:0px; display:none; float:left;}	
.ns-list2 .ns-info2 dd {float:left;} 								
.ns-list2 .ns-info2 .fthm {width:90px; color:#00afc4}
.ns-list2 .ns-info2 .fq {width:15px; color:#1870b4; font-weight:bold}					
.ns-list2 .ns-info2 .fq_a {width:15px; padding-left:10px; color:#f47709; font-weight:bold}					
.ns-list2 .ns-info2 .fa {width:15px; color:#09F}					
.ns-list2 .ns-info2 .fnatxt {width:530px; padding-left:5px;}					
.ns-list2 .ns-info2 .fnatxt2 {width:545px; padding-left:5px;}					
.ns-list2 .ns-info2 .inquire_cate {width:100px; padding-left:15px; color:#00afc4}
.ns-list2 .ns-info2 .inquire_subject {width:425px; padding-left:5px;}
.ns-list2 .ns-info2 .inquire_subject_a {width:415px; padding-left:5px;}
.ns-list2 .ns-info2 .inquire_date {width:90px; padding-left:5px;}
.ns-list2 .ns-info2 .inquire_isValid {width:65px; padding-left:5px; color:#1870b4;}
.ns-list2 .ns-info2 .nsart {width:440px; padding-left:20px; color:#1870b4;}
.ns-list2 .ns-info2 .nsdate {width:140px; padding-left:20px;}
.ns-list2 .ns_view {width:660px; border-bottom:1px solid #e3e3e3; float:left;}
.ns-list2 .ns_view p {padding:15px; background-color:#f7f8f9; float:left;}

.ns-list2 .ns-info2 .sample_cate {width:100px; padding-left:15px; color:#00afc4}
.ns-list2 .ns-info2 .sample_subject {width:340px; padding-left:5px;}
.ns-list2 .ns-info2 .sample_btn01 {width:75px; padding-left:5px;}
.ns-list2 .ns-info2 .sample_btn02 {width:110px; padding-left:5px;}


.fnaview {padding:10px 0px 10px 10px; background-color:#ecf8ff; border-bottom:1px solid #e3e3e3; overflow:hidden;display:none;}
.fnaview .fa {width:15px; color:#F60; font-weight:bold; float:left;}
.fnaview .fnatxt {width:530px; padding-left:5px; float:left;}

.fnaview2 {padding:10px 0px 10px 90px; background-color:#ecf8ff; border-bottom:1px solid #e3e3e3; overflow:hidden;}
.fnaview2 .fnatxt {width:530px; padding-left:5px; float:left;}

/*Q&A*/
.qna-search {width:660px; text-align:right; margin-bottom:10px;}
.gbox2 {background:#f6f6f6; padding:15px; margin-bottom:30px;}

.insert-mem {width:660px; height:430px; background-color:#f7f8f9; border-top:1px solid #00afc4; margin-top:20px; border-bottom:1px solid #e3e3e3; margin-bottom:10px;}
.insert-mem dt {width:60px; height:43px; float:left; border-bottom:1px solid #e3e3e3; background:url("/img/common/th-back.gif") no-repeat right 11px; color:#1870b4; vertical-align:top; padding-top:7px; padding-left:15px;}
.insert-mem dd {width:570px; height:43px; float:left; border-bottom:1px solid #e3e3e3; padding-top:7px; padding-left:15px;}
.insert-mem input {width:520px;font-size:11px;}
.insert-mem select {width:525px;}
.insert-mem textarea {width:515px; height:400px; margin-top:5px;}

.insert-mem2 {width:660px; height:520px; background-color:#f7f8f9; border-top:1px solid #00afc4; margin-top:20px; border-bottom:1px solid #e3e3e3; margin-bottom:10px;}
.insert-mem2 dt {width:120px; height:43px; float:left; border-bottom:1px solid #e3e3e3; background:url("/img/common/th-back.gif") no-repeat right 11px; color:#1870b4; vertical-align:top; padding-top:7px; padding-left:15px; display:inline-block;}
.insert-mem2 dd {width:510px; height:43px; float:left; border-bottom:1px solid #e3e3e3; padding-top:7px; padding-left:15px; display:inline-block;}
.insert-mem2 input {width:135px; font-size:11px;}
.insert-mem2 select {width:473px;}
.insert-mem2 textarea {width:460px; height:320px; margin-top:5px;}

.insert-mem3 {width:660px; height:60px; background-color:#f7f8f9; margin-bottom:10px;}
.insert-mem3 dt {width:120px; height:60px; float:left; border-bottom:1px solid #e3e3e3; background:url("/img/common/th-back.gif") no-repeat right 11px; color:#1870b4; vertical-align:top; padding-top:7px; padding-left:15px; display:inline-block;}
.insert-mem3 dd {width:510px; height:60px; float:left; border-bottom:1px solid #e3e3e3; padding-top:7px; padding-left:15px; display:inline-block;}

.insert-mem4 {width:660px; height:190px; background-color:#f7f8f9; margin-bottom:10px;}
.insert-mem4 dt {width:120px; height:190px; float:left; border-bottom:1px solid #e3e3e3; background:url("/img/common/th-back.gif") no-repeat right 11px; color:#1870b4; vertical-align:top; padding-top:7px; padding-left:15px; display:inline-block;}
.insert-mem4 dd {width:510px; height:190px; float:left; border-bottom:1px solid #e3e3e3; padding-top:7px; padding-left:15px; display:inline-block;}

.reply-cont {width:600px; background:#eef6fa; padding:10px; float:left; margin:0px;}
.reply-writer {width:620px; height:20px; color:#1870b4; padding-top:10px; text-align:right; float:left;}

/* News */
.ns-cont {border-top:1px solid #e3e3e3; padding-top:50px;}
.ns-cont .ns-title p {margin-top:10px; width:660px; font-size:13px;}
.ns-unit {width:380px; padding-bottom:20px; border-bottom:1px solid #e3e3e3; padding-top:20px;}
.ns-unit .ns-unit-title {background:url("/img/common/bul-blue.gif") no-repeat 0 6px; padding-bottom:5px; padding-left:10px;color:#333; font-size:15px;}
.ns-unit li {margin-bottom:3px; font-size:11px;}

.ns-cont {border-top:1px solid #e3e3e3; padding-top:50px;}
.ns-cont .ns-title p {margin-top:10px; width:660px; font-size:13px;}
.ns-unit2 {width:535px; padding-bottom:20px; border-bottom:1px solid #e3e3e3; padding-top:20px;}
.ns-unit2 .ns-unit-title {background:url("/img/common/bul-blue.gif") no-repeat 0 6px; padding-bottom:5px; padding-left:10px;color:#333; font-size:15px;}
.ns-unit2 li {width:535px; margin-bottom:10px; font-size:11px; line-height:18px;}

.ns-list {width:660px; border-top:1px solid #e3e3e3; margin-top:30px;}
.ns-list li {width:660px; height:27px; border-bottom:1px solid #e3e3e3; float:left; padding-top:8px;}
.ns-list li:hover {background:#ecf8ff; }
.ns-list .ns-info {width:660px;}
.ns-list .ns-info dt {font-size:0px; display:inline; display:none; float:left;}
.ns-list .ns-info dd {display:inline; float:left;}
.ns-list .ns-info .nsname {color:#999; width:100px; padding-left:20px;}
.ns-list .ns-info .nsart {width:360px; padding-left:20px; color:#1870b4;}
.ns-list .ns-info .nsdate {width:140px; padding-left:20px;}
.ns-list .ns-info .nsstate {width:70px; padding-left:20px; color:#fd913e;}
.ns-list .ns_view {width:660px; border-bottom:1px solid #e3e3e3; float:left;}
.ns-list .ns_view p {padding:15px; background-color:#f7f8f9;}

.ns-list2 {width:660px; border-top:1px solid #e3e3e3; margin-top:30px;}
.ns-list2 li {width:660px; height:27px; border-bottom:1px solid #e3e3e3; float:left; padding-top:8px;}
.ns-list2 li:hover {background:#ecf8ff; }
.ns-list2 .ns-info2 {width:660px;}
.ns-list2 .ns-info2 dt {font-size:0px; display:inline; display:none; float:left;}
.ns-list2 .ns-info2 dd {display:inline; float:left;}
.ns-list2 .ns-info2 .nsart {width:440px; padding-left:20px; color:#1870b4;}
.ns-list2 .ns-info2 .nsdate {width:140px; padding-left:20px;}
.ns-list2 .ns_view {width:660px; border-bottom:1px solid #e3e3e3; float:left;}
.ns-list2 .ns_view p {padding:15px; background-color:#f7f8f9; float:left;}

.rc-info {width:640px; border-bottom:1px solid #e3e3e3; padding-top:10px; float:left; padding-left:20px; background-color:#f7f8f9;}
.rc-info dt {width:60px; color:#1870b4; font-size:11px; display:inline-block; margin-bottom:10px; vertical-align:top; }
.rc-info dd {width:240px; font-size:11px; display:inline-block; margin-bottom:10px; vertical-align:top;}

.pl13 {padding-left:13px;}
.pl37 {padding-left:37px;}
.pl57 {padding-left:57px;}


/*guide*/
.guide {width:660px; padding-top:50px; border-top:1px solid #e3e3e3;}
.guide-prog {width:330px; height:350px; float:left;}
.guide-prog span {width:254px; font-size:11px; color:#999; line-height:18px; padding-left:48px; margin:10px 0px;display:block;}
.guide-prog .guide-list {width:254px; padding-left:48px;}
.guide-prog .guide-list li {width:254px; margin-bottom:5px; padding-left:10px; background:url("/img/common/bul_sq.gif") no-repeat left 5px;}

.guide-prog2 {width:330px; height:350px; float:left;}
.guide-prog2 span {width:254px; font-size:11px; color:#999;line-height:18px; padding-left:76px; margin:10px 0px; display:block;}
.guide-prog2 .guide-list {width:254px; padding-left:76px;}
.guide-prog2 .guide-list li {width:254px; margin-bottom:5px; padding-left:10px; background:url("/img/common/bul_sq.gif") no-repeat left 5px;}



/** MyPage **/


.mypage-link .ml-title {font-size:15px; padding-left:10px; background-image:url(/img/common/bul-blue2.gif); background-repeat:no-repeat; background-position:left; font-weight:bold; margin-bottom:10px; color:#333;}
.mypage-link .gbox2 {width:630px; margin-top:10px; text-align:center; margin-bottom:10px;}
.mypage-link .confirm-pw {width:230px; margin:0 auto;}
.mypage-link .confirm-pw dt {width:80px; height:25px; display:inline-block; text-align:left; color:#333;}
.mypage-link .confirm-pw dd {width:150px; height:25px; display:inline-block; text-align:left;}
.mypage-link .confirm-pw input {border:1px solid #c8c8c8; height:25px;}
.mypage-link .button-section button { display:inline-block;}


.myinfo-table-wrap {width:660px;}
.myinfo-table {width:330px; float:left;}
.myinfo-table .myinfo-title {width:90px; height:150px; background-color:#f2f2f2; float:left; font-weight:bold; color:#333; vertical-align:top; padding:10px 0px 0px 10px; border-bottom:1px solid #ccc;}
.myinfo-table dl {width:230px; height:160px; float:left; display:block; border-bottom:1px solid #ccc;}
.myinfo-table dt {width:70px; height:22px; float:left; color:#333; border-bottom:1px solid #e3e3e3; padding-left:10px; display:inline-block; padding-top:8px; line-height:16px;}
.myinfo-table dd {width:150px; height:22px; float:left; color:#999; border-bottom:1px solid #e3e3e3; display:inline-block; padding-top:8px;}

.myinfo-table2 {width:330px; float:left;}
.myinfo-table2 .myinfo-title {width:90px; height:114px; background-color:#f2f2f2; float:left; font-weight:bold; color:#333; vertical-align:top; padding:10px 0px 0px 10px; border-bottom:1px solid #ccc;}
.myinfo-table2 dl {width:230px; height:124px; float:left; display:block; border-bottom:1px solid #ccc;}
.myinfo-table2 dt {width:70px; height:22px; float:left; color:#333; border-bottom:1px solid #e3e3e3; padding-left:10px; display:inline-block; padding-top:8px; line-height:16px;}
.myinfo-table2 dd {width:150px; height:22px; float:left; color:#999; border-bottom:1px solid #e3e3e3; display:inline-block; padding-top:8px;}

.t-blue2 {color:#00afc4;}
.t-blue2 a:link {color:#00afc4;}
.t-blue2 a:hover {color:#ff9900;}
.t-blue2 a:active {color:#00afc4;}
.t-blue2 a:visited {color:#00afc4;}

.t-blue-bullet {padding-left:10px; padding-top:3px; background-image:url(/img/common/bul_sq.gif); background-repeat:no-repeat; background-position:left; margin-left:20px; }


/*회원정보*/
.tab-comment {width:640px; margin-top:20px; margin-bottom:20px; line-height:18px; padding-left:12px;}

.modify-info {width:620px; background-color:#f7f8f9; padding:20px; margin-bottom:10px;}
.modify-info dt {width:100px; height:20px; background-image:url(/img/common/th-back.gif); background-repeat:no-repeat; background-position:right 7px; padding:5px 10px; color:#1870b4; border-bottom:1px solid #e3e3e3; display:inline-block; vertical-align:top; margin:0px;}
.modify-info dd {width:475px; height:20px; padding:5px 10px; color:#666; border-bottom:1px solid #e3e3e3; display:inline-block; margin:0px;}
.modify-info span {width:473px; font-size:11px; line-height:16px;}
.modify-info img {margin-top:-5px;}
.modify-info select {font-size:11px;}
.modify-info input {font-size:11px; border:1px solid #c8c8c8; height:18px; padding-top: 3px;}
 

/* tab 추가*/

.tab-section3 .tab {overflow:hidden; *zoom:1; height:34px; line-height:33px;border-left:1px solid #c8c8c8; background:url("/img/common/tab-back.gif") repeat-x 0 bottom; margin-bottom:20px;}
.tab-section3 .tab li {float:left; width:80px; }/* width:90px; */
.tab-section3 .tab li a {display:inline-block;width:100%;text-align:center;border:1px solid #c8c8c8; margin-left:-1px; background:#f6f6f6 url("/img/common/tab-back.gif") repeat-x 0 bottom; color:#c8c8c8; }
.tab-section3 .tab li a.on  {background:#fff;color:#1870b4;}

.tab-section3 {position:relative; padding-top:10px;}
.tab-section3 span.right-con {position:absolute; right:0; top:7px; color:#1870b4; font-size:11px;}

.sub-tab {width:660px; background-color:#e3eff1; margin-bottom:20px; padding-top:3px; padding-bottom:5px; float:left;}
.sub-tab li {width:100px; float:left; color:#ccc; font-size:11px; margin-top:5px; padding-left:10px;}
.sub-tab .on {color:#333; font-weight:bold;}



/************* svy.css에서 가져옴 *************/

/* 적정 응답수 계산 (레이어 팝업 스텝 스타일)*/

.layer-step { padding:10px;}
.layer-step li {overflow:hidden; *zoom:1; padding-bottom:10px;}
.layer-step .step-num { float:left; display:inline-block; width:100px; font-size:24px; color:#1870b4; font-weight:bold;}
.layer-step .step-question-form { width:500px; margin-left:100px;}
.layer-step .step-question-form span {display:block; margin-bottom:10px;}


/************* common.css에서 가져옴 *************/

/*button */

/*button {line-height:1em;}*/
.button-section {text-align:left; margin:7px 0; position:relative;}
.button-section button {/*margin-right: 3px;*/}
.button-section.right {text-align:right;}
.button-section.right button {margin-left:3px;}
.button-section.center {text-align:center;}
.button-section.center button {margin: 0 1px;}

.button-type1 {font-size:11px; color:#fff; background:#8e8e8e; text-align:center; padding: 3px 7px; letter-spacing:-1; }
.button-type1.fixed {width: 65px; padding: 3px 0;}

.button-type2 {border-radius:5px;  border:1px solid #cacaca; width:125px; padding: 7px 0;}
.button-type2:hover, .button-type2.selected {background:#f57900;   color:#fff;}/* ?대?吏€?ｊ린 ??媛€濡쒕꼻??fixed ?뚯깋 */

.button-type3 { background:#666; color:#fff; font-size:11px; padding: 5px 17px;} /* ?닿납???ｊ린, ?닿납?먮났?? ?뱀뀡 ?ｊ린 ??諛앹??뚯깋 ?묒?踰꾪듉*/

.button-type4 {background:#5c5c5c; color:#fff; width:60px; text-align:center; padding: 7px 0;}/* ?€?? 珥덇린?? ?リ린 ???덉씠?댁븞??w60 fixed button*/

.button-type5 { background:#fff; border:1px solid #c8c8c8; color:#666; padding:5px 10px; font-size:12px; min-width:77px;}
.button-type6 { background:#666; border:1px solid #666; color:#fff; padding:5px 10px; font-size:12px; min-width:77px;}

.button-type7 { background:#2179bd;color:#fff; padding:5px 10px; min-width:70px; font-size:11px;}
.button-type8 { background:#b2b2b2;color:#fff; padding:5px 10px;min-width:70px; font-size:11px;}

.button-type9 {background:#00afc4; color:#fff; padding:5px 10px; border:1px solid #0d8f9f;} /************************20130326 수정, 추가*/
.button-type10 {width:185px; height:43px; background:#fd913e; color:#fff; border:1px solid #de7a38;}     /************************20130326 수정, 추가*/
.button-type11 {width:57px; height:57px; background:#666; color:#fff;}     /************************20130326 수정, 추가*/

.button-type12 {background:#00afc4; color:#fff; padding:3px 10px; border:1px solid #0d8f9f;}

.rollover>button{border:1px solid #fff;padding:1px;}
.rollover>button:hover{border:1px solid #c8c8c8;}


.button-type-board {padding: 3px 5px; border:1px solid #c8c8c8; font-size:11px;}
.arrow {background:url("/img/common/ico-arrow.png") no-repeat 35px 50% ; padding-right:17px;}


/* list */
.star li {background:url("/img/common/bul-star.gif") no-repeat 0 6px; padding: 0 0 5px 10px; text-align:left;}/*star*/
.dot-st01 li {background:url("/img/common/bul-dot-01.gif") no-repeat 0 7px; padding: 0 0 5px 10px;}/*orange dot*/
.dot-st02 li , .dot-st02{background:url("/img/common/bul-dot-02.gif") no-repeat 0 7px; padding: 0 0 10px 10px;}/*gray dot*/
.dot-st03 li {background:url("/img/common/bul-blue.gif") no-repeat 0 8px; padding-bottom:5px; font-size:11px; padding-left:10px;} /* blue dot */ /************************수정******/
/*.dot-st03 li {background:url("/img/common/bul-blue.gif") no-repeat 0 5px; padding-bottom:5px; font-size:11px; padding-left:10px;}*/
.dot-st04 li , .dot-st04{background:url("/img/common/bul-dot-02.gif") no-repeat 0 7px; padding: 0 0 3px 10px;}/*gray dot*/  /************20130522 추가*/

/* box */
.bbox {background:#eef6fa; padding:7px; margin-bottom:10px; line-height:1.8em; text-align:left;}
.bbox li {margin-bottom:3px;} 


/* 설문 응답창 스타일 */

.survey-answer-wrap {width:100%; position:relative; display:block;} /****************************20130513 수정**********/
.survey-answer-con-wrap {padding: 0 30px; position:relative; background-color:#fff;}   /*******************************************************20130322 수정 */    
/*.survey-answer-con-wrap {padding: 0 30px; height:684px;  overflow-y:scroll;  overflow-x:hidden; position:relative;} */

.survey-con-title {overflow:hidden; *zoom:1;padding: 10px 0;}/* width:940px */
.survey-con-title .logo { width:210px; float:left; text-align:center;}
.survey-con-title .title { margin-left:210px; padding: 10px 20px; background: url("/img/svy/tit-back.gif") no-repeat 0 10px; font-size:20px; font-weight:bold; line-height:1.5em;}

.sub-title {background:#ffe5bf; font-size:16px; color:#00466f; height:40px; vertical-align:top;}
.sub-title span { font-weight:bold; color:#666; display:inline-block; margin-right:20px;}


.graph-wrap {position:relative; margin-bottom:10px; height:75px;}
.graph-div {position:relative; width:450px; margin: 0 auto; }

.p-txt-tooltip {display:inline-block; width:63px; height:34px; background:url("/img/svy/back-tooltip.png") no-repeat 0 0; position:absolute; color:#fff; text-align:center; margin-left:-31.5px;}
.graph-back {width: 448px; top:38px;  margin: 0 auto; background:#c8c8c8; border:1px solid #666; border-radius:5px; height:15px; position:relative;}
.graph {position:absolute; left:0; top:0; background:#448ed8; border-radius:5px; height:15px;}
.graph-txt {position:absolute;  top:17px; margin-left:-23px; width:46px; }
.graph-txt span {font-weight:bold; color:#3c94ed; }

.survey-detail { background:#eaf5ff; border:1px solid #c6d9e4; padding: 20px 10px; font-size:13px; margin-bottom:30px;}

.survey-question-wrap  * {font-size:13px;}
.survey-answer-con-wrap .survey-question {position:relative; margin-bottom: 50px;}
.survey-answer-con-wrap .survey-question input[type="text"]:hover {background:#fff !important; border:1px solid #c8c8c8 !important;}

.survey-answer-con-wrap .survey-question .q-num {display:inline-block; position:absolute; background:url("/img/svy/num-back.gif") repeat-y 0 0; padding: 5px 0; color:#fff; font-size:20px; font-weight:bold; border:1px solid #126487; width:38px; text-align:center;}

.survey-answer-con-wrap .survey-question .q-num .required {background:url("/img/svy/back-required.png") no-repeat 0 1px; position:absolute; right:0; top:30px; width:27px; height:20px; font-size:11px; font-weight:normal;}


.survey-con {padding-bottom:10px;} 

.step1-title {margin-left:50px; margin-bottom:25px; vertical-align:bottom !important;}
.step1-title span {display:block; margin-bottom:10px;}
.survey-exam li input {margin-right:5px;}
.survey-exam li {padding: 3px 0 3px 50px;}
.survey-exam li:hover {background:#e5f7f9;}

div.survey-exam {padding: 3px 0 3px 50px;}
div.survey-exam textarea {width:100%; height:38px;}

.input-img {margin-bottom:20px; margin-top:5px;}
.input-txt {margin-bottom:20px;  margin-top:5px; font-size:11px;}

.step-2 .survey-exam {overflow:hidden; *zoom:1;}
.step-2 .survey-exam li {float:left; margin-left:350px;}

table.survey-exam {margin:10px 0 50px 0;}
table.survey-exam tbody tr:hover {background:#e5f7f9;}
table.survey-exam th, table.survey-exam td {text-align:center; padding: 3px 0; border-right:1px solid #c8c8c8; vertical-align:top;}
table.survey-exam th.last, table.survey-exam td.last {border-right:none;}
table.survey-exam tbody th {text-align:left; padding-left:50px;}
table.survey-exam tbody th span.step-2-tit-num { color:#006699; font-weight:bold; font-size:16px; margin-right:15px}

th .input-img, th .input-txt {text-align:left; padding-right:15px;}
thead th img { display:block; margin: 5px auto ;}

/* 03 ranking-select */
.ranking-select .survey-exam li {position:relative;} 
.ranking-select .survey-exam li select {width:100px; margin-right:10px;}
.ranking-select .survey-exam label.checking {position:absolute; right:10px; top:5px; text-align:right;}
.ranking-select .survey-exam label.no-checking {color:#c8c8c8;}

/* step2-주관식 */
.step-2-subjective { margin-bottom:20px;}
.step-2-subjective .title {margin-bottom:5px;}
.step-2-subjective .title span {margin-right:15px; font-size:16px; font-weight:bold; color:#006699;}

button.exit {position:absolute; right:0; top:0;}

.survey-answer-wrap footer {padding: 20px 0; width: 660px; text-align:center; background:#999; bottom:0; } /********************************수정(?) */
/*.survey-answer-wrap footer {padding: 20px 0; width: 1000px; text-align:center; background:#999; position:absolute; bottom:0; } */


.survey-exam.input .input-img {text-align:center;}

.survey-answer-wrap .button-section {text-align:center; margin: 20px 0;}  /********************************수정(?) */   
/*.survey-answer-wrap .button-section {text-align:center; margin: 30px 0;}   */                  
.survey-answer-wrap .button-section button {width:70px; height:25px; color:#fff; background:#666;}


/*************************2013.04.01 추가****************/

/*issue - 설문광장*/
a.issue-tooltip {position:relative;}
a.issue-tooltip span {display:none;}
a.issue-tooltip:hover span { width:330px; display:block; position:absolute; top:1.5em; left:2em; padding:0.2em 0.6em; border:1px solid #c8c8c8; background-color:#fff; text-decoration:none; color:#555; font-size:11px;  
    -webkit-box-shadow: 5px 5px 10px #d9d9d9;  /* Safari and Chrome */
    -moz-box-shadow: 5px 5px 10px #d9d9d9;  /* Firefox */
    box-shadow: 5px 5px 10px #d9d9d9;  /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9, Direction=135, Strength=6);  /* IE */
}

.survey-question {width:660px; display:block; background-color:#fff; padding:0px; position:absolute; margin-top:82px;}
.survey-question .survey-title {width:640px; font-size:15px; background-color:#ffe5bf; display:inline-block; margin-bottom:20px; padding:10px;}
.survey-question .q-num {display:inline-block; position:absolute; background:url("/img/svy/num-back.gif") repeat-y 0 0; padding: 5px 0; color:#fff; font-size:20px; font-weight:bold; border:1px solid #126487; width:38px; text-align:center;}
.survey-question .q-text {padding-left:50px; padding-top:5px; font-size:13px; display:inline-block; margin-bottom:30px;}
.survey-question .q-exam ul {float:left; margin-top:50px;}
.survey-question .q-exam li {list-style:none; width:610px; height:25px; padding-left:50px; float:left; border:0px;}
.survey-question footer {width:660px; height:45px; background-color:#ccc; text-align:center; color:#666; padding:0px;}

  
/*사이트맵 팝업*/
.sitemap {position:absolute;left:auto !important ;  right: 0px !important; top:35px;width: 800px; height: 260px; background:#fff; z-index:10000; border:2px solid #333; display:none;} /********20130705 수정*************/
 /********20130705 추가*************/
.sitemap .s-map-ttl {position:absolute; width:760px; height:40px; top:20px; left:20px; border-bottom:1px solid #CCC}
.sitemap .s-map-ttl>img {position:absolute; left:0 ; top:0}
.sitemap .s-map-ttl>button {position:absolute; right:0 ; top:0}
.sitemap .s-map-cont {position:absolute; width:760px; top:80px; left:20px; overflow:hidden}
.sitemap .s-map-cont dl {width:190px; float:left}
.sitemap .s-map-cont dt {width:190px; height:43px; font-size:15px; font-weight:bold; text-align:left; text-indent:-99999px}
.sitemap .s-map-cont dt.cate1 {background:url("/img/common/cate_1.png") no-repeat 0 0}
.sitemap .s-map-cont dt.cate2 {background:url("/img/common/cate_2.png") no-repeat 0 0}
.sitemap .s-map-cont dt.cate3 {background:url("/img/common/cate_3.png") no-repeat 0 0}
.sitemap .s-map-cont dt.cate4 {background:url("/img/common/cate_4.png") no-repeat 0 0}
.sitemap .s-map-cont dd>a{width:190px; font-size:13px; color:#666; padding:0 0 0 10px; background:url("/img/common/ico-sitemap.png") no-repeat 0 5px; margin:0 0 !important; clear:both; line-height:23px; display:inline;}
.sitemap .s-map-cont dd>a:hover {width:190px; font-size:13px; color:#666; text-decoration:underline; background:url("/img/common/ico-sitemap.png") no-repeat 0 5px}
.sitemap .s-map-cont .s-map-sns {width:150px; height:40px; clear:both; margin-right:5px; padding-top:10px} 
.sitemap .s-map-cont .s-map-sns span a {margin:0 0; padding-right:5px; background:none; display:inline}
.sitemap .s-map-cont .s-map-sns span a:hover {margin:0 0; padding-right:5px;  background:none}


/*********** 설문양식**************/
.temp-list {background-image:url(/img/svytemp/bg_svytemp.gif); overflow:hidden; padding:0 20px}
.temp-list dt {width:420px; display:inline-block; padding-top:8px;}
.temp-list dd {width:200px; height:32px; display:inline-block; padding-top:7px; text-align:right}


/*서비스 이용약관*/
.policy h3 {font-size:15px; margin-bottom:30px}
.policy h4 {font-size:13px; color:#00afc4; margin-bottom:10px}
.policy .pl-cont1 {margin-bottom:30px}
.policy .pl-cont2 {margin-bottom:30px} 
.policy .pl-cont1 p {margin-bottom:15px}

/*충전금, 결제 20130807*/
.board-list-cash {border-top:1px solid #e3e3e3}
.board-list-cash th { height:40px; border-bottom:1px solid #e3e3e3; border-right: 1px solid #e3e3e3; color:#1668a6}
.board-list-cash td { height:40px; border-bottom:1px solid #e3e3e3; padding-left:20px}


/*서비스가격 20130807*/
.svc-app {width:660px; overflow:hidden}
.svc-app .svc-cont {overflow:hidden;}
.svc-app .svc-cont .title-g {background:url("/img/common/bul-blue.gif") no-repeat 0px 18px; padding:10px}
.svc-app .svc-cont .cont-g {width:628px; border:1px solid #c8c8c8; padding:15px; float:left; position:relative; margin-bottom:20px}
.svc-app .svc-cont .cont-g table {margin-top:10px;}
.svc-app .svc-cont .cont-g table td {background:#efefef; padding:10px}
.svc-app .svc-cont .cont-g table td .add-id {background:#c8dde2; padding:0 5px; margin-right:5px; display:inline-block; margin-bottom:5px} /********20130819 추가*************/
.svc-app .svc-cont .cont-g table td input[type="image"] {width:8px; height:9px; margin-left:10px} /********20130819 추가*************/
.svc-app .svc-cont .cont-g input[type="image"] {width:90px; height:33px}
.svc-app .svc-cont .cont-g p.add-sid {position:absolute; top:15px; right:10px}
.svc-app .svc-cont .cont-g p.add-sid input[type="image"] {width:80px; height:25px}


.add-id-list {height:210px; overflow-y:scroll}
.add-id-search {width:60px; height:25px; margin-left:5px}


/* 서비스 > 가격테이블 */
.price_table { margin-bottom: 10px; width: 660px; border: 1px solid #aaaaaa; border-collapse:collapse; }
.table_header{ text-align: center; color: #2d3234; background-color:#c3dee8; }
.table_header th{ height: 34px; font-size:13px; font-weight: bold; border: 1px solid #aaaaaa; }
.t_body td{ border: 1px solid #aaaaaa; /*padding-left: 10px;*/ height: 30px; 	color: #454a4c; }
.t_left{ padding-left: 5px;  }
.t_center{ text-align:center; background-color: #eff3f4; }
.t_right{ text-align:right; padding-right: 10px; background-color: #eff3f4; }


/* 설문 대행 */
.ag_wrap {padding: 13px;border:2px solid #c3dee8;}
.ag_txt {margin-bottom: 15px;line-height: 25px;}
.agent_area .boxes{ float: left; margin: 3px; width: 280px; }
.agent_area .boxes .boxwrap{ margin: 10px 0 10px 0; border:1px solid #acacac; }
.agent_area .ag_txt ul li{ list-style-position:outside; !important; }
.agent_area .ag_txt ul .chk{ list-style-position:outside; !important; }
.box_title{ padding: 10px; height: 20px; font-size: 16px; font-weight: bold; background-color: #02a3d2; color: #ffffff; }
.box_txt{ padding: 15px; font-size: 13px; height: 130px; }
.button-section-center{ margin-left: 210px; }

/* show-hide-right  */
.show-hide-right {right:0!important;  top:25px; padding: 10px;background:#fff; z-index:9999;  box-shadow: 5px 5px 10px #d9d9d9; behavior: url("/css/PIE/PIE.htc"); line-height:1.2em;

		zoom: 1;
        filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=0,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=315,strength=1);

 }
.show-hide-right h1 {border-bottom:none !important; color:#1668a6!important; padding-bottom:7px; display:block; font-size:15px; text-align:left;}
.show-hide-right .gbox label.w100 {margin-right:5px;}
.show-hide-right .img-form {display:block; padding-bottom:7px;}
.show-hide-right .layer-close {position:absolute; top:10px; right:10px;}

.button-type {background:#5c5c5c; color:#fffff; width:80px; text-align:center; padding: 7px 10px;}


/* 서비스 구매하기(160608 추가) */
input[type="checkbox"], input[type="radio"] {position: relative; top: -1px;}
.srv_tit,.odr_type .tit,.odr_type2 .tit   {font-size:16px; color:#4b4b4b; font-weight:bold; }
.srv_type table {width:100%; border:0; border-spacing:0; color:#666; border-top:2px solid #c6c3c3;} 
.srv_type table th {background-color:#f3f3f3; height:140px; font-size:13px; color:#555; font-weight:bold; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3;} 
.srv_type table th:first-child {border-left:0px solid #e3e3e3;} 
.srv_type table th dl dt {font-size:15px; color:#363636; font-weight:bold; } 
.srv_type table th dl dd {font-size:23px; color:#00aec7; font-weight:bold; padding:8px 0 5px 0; letter-spacing:-2px;} 
.srv_type table th dl dd.free {font-size:23px; padding:8px 0 10px 0; margin-top:1px;} 
.srv_type table th dl dd span {font-size:16px; margin-left:3px;} 
.srv_type table th dl dd p {color:#666; font-size:12px; margin-left:3px;} 
.srv_type table th dl dd.btn1 a {display:inline-block; width:100px; height:29px; background:#00aec7; line-height:29px; text-align:center; color:#fff; font-size:13px;  letter-spacing:0px; font-weight:normal;} 
.srv_type table th dl dd.btn2 a {display:inline-block; width:100px; height:29px; background:#666; line-height:29px; text-align:center; color:#fff; font-size:13px;  letter-spacing:0px; font-weight:normal;} 
.srv_type table td {border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; height:45px; text-align:center; font-size:13px; line-height:16px; padding:5px 0;}  
.srv_type table td:first-child {border-left:0px solid #e3e3e3;} 
.srv_type table td.tit {color:#333;}  
.srv_type table td dl dd {font-size:27px; color:#00aec7; font-weight:bold; padding:8px 0 5px 0; letter-spacing:-2px;}
.srv_type table td dl dd.btn1 a {display:inline-block; width:123px; height:29px; background:#00aec7; line-height:29px; text-align:center; color:#fff; font-size:13px;  letter-spacing:0px; font-weight:normal;} 
.srv_type table .bg-font { text-align:left; font-size: 13px; background-color:#f3f3f3; padding:15px 5px; line-height:21px; }
.srv_type table .bg-color { background-color:#f3f3f3; }
.srv_tip {font-size:14px; color:#666; line-height:20px;}
.srv_tip p {padding-bottom:5px;}
.srv_tip p span { color:#00aec7; font-weight:bold; }

.odr_type table {width:100%; border:0; border-spacing:0; color:#666; border-top:2px solid #c6c3c3;} 
.odr_type table th {background-color:#f3f3f3; height:40px; font-size:14px; color:#555; font-weight:bold; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3;} 
.odr_type table th:first-child {border-left:0px solid #e3e3e3;} 
.odr_type table td {border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; line-height:16px; padding:5px 0 5px 15px; }  
.odr_type table td:first-child {border-left:0px solid #e3e3e3;}  
.odr_type label {margin:0 20px 0 3px;}  
.odr_type .i_70 {width:70px;}
.odr_type .scrollbox {border:1px solid #c6c3c3; height:100px; overflow-y:auto; padding:10px; font-size:13px; text-align:justify; color:#888;}  
.odr_type .scrollbox p {font-weight:bold; margin:5px;}  
.odr_type .btn3 a {display:inline-block; width:118px; height:33px; background-color:#fff; border:1px solid #c8c8c8; color:#777; font-size:15px; line-height:35px; text-align:center; }
.odr_type .btn4 a {display:inline-block; width:120px; height:35px; background-color:#00aec7; color:#fff; font-size:15px; line-height:35px; text-align:center; }

.odr_type2 table {width:100%; border:0; border-spacing:0; color:#666; border-top:2px solid #c6c3c3;} 
.odr_type2 table th {background-color:#f3f3f3; height:40px; font-size:14px; color:#555; font-weight:bold; border-bottom:1px solid #e3e3e3; text-align:center;} 
.odr_type2 table td {border-bottom:1px solid #e3e3e3; line-height:16px; padding:5px 0 5px 0px; height:60px; text-align:center;}  
.odr_type2 table td.price {font-size:18px;}  
.odr_type2 table td.price2 {font-size:18px; color:#00aec7; font-weight:bold;}  

.msg dl {text-align:center; margin:50px 0;}
.msg dl dd {font-size:20px; color:#777; margin-top:10px;}
.msg dl dd span {color:#00aec7; font-weight:bold;}