@charset "utf-8";

/*Reset*/
html, body{font:12px/1.4em 'Malgun Gothic','돋움',Dotum,Arial,Helvetica,sans-serif;color:#666;margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-size:12px}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote {margin:0;padding:0}
ul, ol, li {list-style:none;padding:0;margin:0}
img {border:0;vertical-align:middle}
table {border-collapse:separatel;border-spacing:0;border:0;font-size:12px;font-family:'Malgun Gothic','돋움',Dotum,Arial,Helvetica,sans-serif}
caption {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
form, fieldset {border:0;padding:0;margin:0}
select, input {color:#666;font-size:12px;font-family:'Malgun Gothic','돋움',Dotum,Arial,Helvetica,sans-serif}
legend {position:absolute;width:0;height:0;overflow:hidden;font:0/0sans-serif;visibility:hidden}

a {text-decoration:none;font-family:'Malgun Gothic','돋움',Dotum,Arial,Helvetica,sans-serif;color:#666}


/* 본문바로가기 */
#skip_navi {text-align:center}
#skip_navi a {display:block;font-size:0;color:#333;height:1px;line-height:0;overflow:hidden;padding:0}
#skip_navi a.focusIn {display:block;font-size:12px;background:#0C78FC;color:#fff;padding:16px 0 20px}

#wrap {width:993px;margin:0 auto;letter-spacing:-1px}

#header {margin:54px 0 22px;*zoom:1}
#header:after {clear:both;content:'';display:block}
#header h1 {float:left}
#header p {float:right;margin-top:6px}

/* partners host: suggest header brand (logo + text) */
.sug-home-link {text-decoration:none;}
.sug-brand {display:flex; align-items:flex-end; gap:10px;}
.sug-brand__logo {display:block; height:28px; width:auto;}
.sug-brand__service {
	display:inline-block;
	font-weight:800;
	font-size:20px;
	line-height:1;
	letter-spacing:-0.5px;
	color:#111;
	padding-bottom:2px;
}

/* partners host: dhtmlxGrid partner skin이 직접 그리는 상단 연두 라인(#bed232) -> 블루로 오버라이드 */
#noticeGrid div.gridbox_dhx_partner,
#noticeGrid div.gridbox_dhx_partner_new,
div.gridbox_dhx_partner,
div.gridbox_dhx_partner_new{
	border-top: 2px solid #1b76d8 !important;
}

/* partners host: scm 스킨(xhdr 상단 라인)도 블루로 통일 */
div.gridbox_scm .xhdr{
	border-top: 2px solid #1b76d8 !important;
}

/* partners host: main.css의 .table(연두 보더) -> 블루 보더로 분기 */
.table{
	border-top: 2px solid #1b76d8 !important;
}

#gnb li {background-color: black;}
#gnb ul {*zoom:1}
#gnb ul:after {clear:both;content:'';display:block}
#gnb li {float:left;width:182px}
#gnb li a {display:block;text-align:center;color:#fff;font-weight:bold;font-size:13px;padding:12px 0 14px 0;border-top:1px solid #3e3e3e;border-bottom:1px solid #3e3e3e}
#gnb li a.on {color:#fff;background:#0C78FC;border:1px solid #1b76d8}
#gnb li.home {width:125px}
#gnb li.home a {background:url(../../images/withnet/sug/img/bg_icon_home_off.png) no-repeat 13px 14px;padding:12px 0 14px 0}
#gnb li.home a.on {background:#0C78FC url(../../images/withnet/sug/img/bg_icon_home_on.png) no-repeat 13px 14px;padding-left:15px;color:#fff;border:1px solid #1b76d8}
#gnb li.last {float:right;width:140px}
#gnb li.last a {padding:12px 0 14px 0}
#gnb li.last a.on {padding:12px 0 14px 0;border:1px solid #1b76d8}
.submenu {display: none; position: absolute;z-index: 1;}
.parent:hover ul.submenu {display: flex; flex-direction: column;}



/* 메인 */
#main_container {padding:0 55px 0 60px;margin:60px 0;*zoom:1}
#main_container:after {content:'';display:block;clear:both}

#main_contents {width:610px;float:left;border-right:1px solid #d9d9d9}

#main_contents .visualArea {background:url(../../images/partner/sug/img/bg_main_visual.jpg) no-repeat 130px 65px;height:350px;padding:5px 0}
#main_contents .visualArea p {font-size:14px;margin:15px 5px 20px;line-height:1.6}
#main_contents .visualArea a {margin-left:5px}

#main_contents .mainTbl {width:100%;margin:30px 0 0 5px}
#main_contents .mainTbl th {color:#767676;font-size:14px;text-align:left}
#main_contents .mainTbl th, .mainTbl td {vertical-align:top;padding:5px 0 0}
#main_contents .mainTbl td {border-left:1px solid #ccc;padding-left:25px}
#main_contents .mainTbl td.dat01 {background:url(../../images/withnet/sug/img/bg_main_down1.jpg) no-repeat 210px 10px}
#main_contents .mainTbl td.dat02 {background:url(../../images/withnet/sug/img/bg_main_down2.jpg) no-repeat 180px 11px}
#main_contents .mainTbl dt {font-weight:bold;color:#333;font-size:14px}
#main_contents .mainTbl dd {padding:5px 0}

#side_contents {float:left;margin-left:45px;width:215px}

#side_contents .main_info {position:relative}
#side_contents .main_info .more_link {position:absolute;top:0;right:0}

#side_contents .main_info .procText {margin-top:10px}
#side_contents .main_info .procChart {background:url(../../images/withnet/sug/img/bg_main_process.jpg) no-repeat top left;margin:20px 0 40px;border-bottom:1px solid #ccc}
#side_contents .main_info .procChart a {display:block;text-align:center;color:#666;font-weight:bold;height:34px}
#side_contents .main_info .procChart a span.txt_num {display:inline-block;width:32px;padding:7px 0 0}
#side_contents .main_info .procChart a span.txt_menu {display:inline-block;width:183px;padding:7px 0 0}


#side_contents .main_info .bbsList {margin-top:10px}
#side_contents .main_info .bbsList li {margin-bottom:5px}





/* 컨텐츠 */
#container {margin-top:35px;*zoom:1}
#container:after {content:'';display:block;clear:both}


/* s : lnb 영역 */
#lnb {float:left;width:188px}
#lnb h2 {border:1px solid #ccc;text-align:center;padding:35px 0}

.sub_procChart.step1 {background:url(../../images/partner/sug/img/bg_lnb_step1.jpg) no-repeat 0 -1px}
.sub_procChart.step2 {background:url(../../images/partner/sug/img/bg_lnb_step2.jpg) no-repeat 0 -1px}
.sub_procChart.step3 {background:url(../../images/partner/sug/img/bg_lnb_step3.jpg) no-repeat 0 -1px}
.sub_procChart.step4 {background:url(../../images/partner/sug/img/bg_lnb_step4.jpg) no-repeat 0 -1px}
.sub_procChart.step5 {background:url(../../images/partner/sug/img/bg_lnb_step5.jpg) no-repeat 0 -1px}
.sub_procChart.step6 {background:url(../../images/partner/sug/img/bg_lnb_step6.jpg) no-repeat 0 -1px}
.sub_procChart.step7 {background:url(../../images/partner/sug/img/bg_lnb_step7.jpg) no-repeat 0 -1px}
.sub_procChart.step8 {background:url(../../images/partner/sug/img/bg_lnb_step8.jpg) no-repeat 0 -1px}

.sub_procChart a {display:block;text-align:center;color:#666;font-weight:bold;height:34px;font-size:12px}
.sub_procChart a span.txt_num {display:inline-block;width:32px;padding:7px 0 0}
.sub_procChart a span.txt_menu {display:inline-block;width:156px;padding:7px 0 0}

.sub_procChart li.on a {color:#000}
.sub_procChart li.on a span.txt_menu {font-size:14px}

.docList {border:1px solid #d9d9d9;margin:25px 0 20px}
.docList li {padding:13px 20px 15px;background:url(../../images/withnet/sug/img/bg_icon_register.jpg) no-repeat 120px 60px}
.docList li.last {border-top:1px solid #d9d9d9;background:url(../../images/withnet/sug/img/bg_icon_download.jpg) no-repeat 120px 60px}
.docList dt {font-weight:bold;color:#333;font-size:14px}
.docList dd {font-size:11px;letter-spacing:-1px;margin-top:5px}


.infoList {background:#f5f6f7;padding:0 20px}
.infoList li {padding:10px 0}
.infoList li.last {border-top:1px solid #cecece}
.infoList dt {font-weight:bold;color:#333}
.infoList dd {margin-top:5px}
.infoList dd span {font-size:14px;font-weight:bold}
/* e: lnb 영역 */


/* s : 컨텐츠 영역 */
#contents {float:left;width:740px;margin:0 0 50px 64px}
#contentsQA {float:left;width:740px;margin:0 0 50px 64px}
#contentsDE {float:left;width:740px;margin:0 0 50px 64px}

#contents .titleArea {padding:25px 0 20px;border-bottom:1px solid #333;position:relative}
#contents .titleArea h3 {}
#contents .titleArea .stepList01 {*zoom:1;position:absolute;top:20px;right:0;width:250px;height:49px;}
#contents .titleArea .stepList01:after {content:'';display:block;clear:both}
#contents .titleArea .stepList01.step01 {background:url(../../images/partner/sug/img/bg_step02_01.jpg) no-repeat 0 0}
#contents .titleArea .stepList01.step02 {background:url(../../images/partner/sug/img/bg_step02_02.jpg) no-repeat 0 0}
#contents .titleArea .stepList01 li {float:left;width:120px;font-size:0;}

#contents .titleArea .stepList02 {*zoom:1;position:absolute;top:20px;right:0;width:495px;height:49px;text-align:right}
#contents .titleArea .stepList02:after {content:'';display:block;clear:both}
#contents .titleArea .stepList02.step01 {background:url(../../images/partner/sug/img/bg_step04_01.jpg) no-repeat 0 0}
#contents .titleArea .stepList02.step02 {background:url(../../images/partner/sug/img/bg_step04_02.jpg) no-repeat 0 0}
#contents .titleArea .stepList02.step03 {background:url(../../images/partner/sug/img/bg_step04_03.jpg) no-repeat 0 0}
#contents .titleArea .stepList02.step04 {background:url(../../images/partner/sug/img/bg_step04_04.jpg) no-repeat 0 0}
#contents .titleArea .stepList02 li {float:left;width:115px;font-size:0;}

#contents .titleArea p.titDesc {position:absolute;background:url(../../images/withnet/sug/img/bg_title_bar.jpg) no-repeat 0 3px;top:22px;left:90px;padding-left:20px}

#contents .sub_titleArea {margin:35px 0 5px;*zoom:1}
#contents .sub_titleArea:after {content:'';display:block;clear:both}
#contents .sub_titleArea h4 {float:left;color:#222;font-size:18px;font-weight:bold;padding-bottom:10px}
#contents .sub_titleArea h4 span {color:#666;font-size:12px;font-weight:normal;float:none;letter-spacing:0}
#contents .sub_titleArea span {font-size:11px;letter-spacing:-1px;float:right}


.inputTbl {border-top:1px solid #d9d9d9;width:100%}

.inputTbl td {padding:15px 0;vertical-align:top;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.inputTbl td.firstChild {border-left:0}

.inputTbl label, .inputTbl span.txtLabel {float:left;width:120px;color:#333;font-size:14px;font-weight:bold;padding:10px 0 10px 15px;text-align:left}
.inputTbl label.no-icon {padding-left:25px;width:110px}
.inputTbl label span {font-size:11px;letter-spacing:-1px;font-weight:normal;padding-left:10px;display:inline-block}
.inputTbl span.div-icon {display:inline-block;width:15px;padding:0;text-align:center}
.inputTbl textarea {width:560px;height:100px}

label.txtValue {font-weight:normal;color:#666;text-align:left;padding:0;width:50px}

p.txtComment {font-size:11px;letter-spacing:-1px;margin:10px 0;padding-left:15px;background:url(../../images/withnet/sug/img/bg_icon_dot2.jpg) no-repeat 5px 8px;color:#666}
p.txtComment_btm {font-size:11px;letter-spacing:-1px;margin:10px 0;padding-left:15px;background:url(../../images/withnet/sug/img/bg_icon_dot2.jpg) no-repeat 5px 13px;color:#666}
p.txtComment_btm a {vertical-align:middle}

.txt_box {border:1px solid #d9d9d9;padding:20px 30px}
.txt_box span {margin-left:20px !important}

.btn_area {text-align:center;margin:20px 0}

label.txtPoint span {font-size:14px !important}

p.step_alert {background:url(../../images/withnet/sug/img/bg_icon_alert.jpg) no-repeat 30px 3px;font-size:11px;letter-spacing:-1px;margin:10px 0;padding-left:45px}



.dotList01 {border-top:1px solid #d9d9d9;margin:15px 0;padding:10px}
.dotList01 li {background:url(../../images/withnet/sug/img/bg_icon_dot.jpg) no-repeat 0 9px;padding-left:10px;margin:5px 0}
.dotList01 li span {color:#1b76d8}

.dotList02 {border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;*zoom:1;margin:15px 0}
.dotList02:after {content:'';display:block;clear:both}
.dotList02 li {float:left;padding:15px;width:200px}
.dotList02 li.mid {border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;width:240px}
.dotList02 dt {background:url(../../images/withnet/sug/img/bg_icon_dot.jpg) no-repeat 0 9px;color:#333;font-weight:bold;font-size:14px;padding-left:10px}
.dotList02 dd {font-size:11px;letter-spacing:-1px;padding-left:10px;margin-top:10px}
.dotList02 dd span {color:#1b76d8}

.dotList03 {border-bottom:1px solid #d9d9d9;padding:10px}
.dotList02 li {float:left;padding:15px;}
.dotList03 li span {color:#1b76d8}
.dotList03 dt {background:url(../../images/withnet/sug/img/bg_icon_dot.jpg) no-repeat 0 9px;color:#333;font-weight:bold;font-size:14px;padding-left:10px}
.dotList03 dd {font-size:11px;letter-spacing:-1px;padding-left:10px;margin-top:10px}
.dotList03 dd span {color:#1b76d8}

.datList01 {border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;*zoom:1;margin:15px 0}
.datList01:after {content:'';display:block;clear:both}
.datList01 li {float:left;padding:25px 15px;width:320px}
.datList01 li.last {border-left:1px solid #d9d9d9;width:320px}
.datList01 dt {color:#333;font-weight:bold;font-size:14px;padding-left:10px}
.datList01 dd {padding-left:10px;margin-top:10px}
.datList01 dd.link {padding-left:10px;margin-top:30px}

.datList01 .dashList {margin:0}
.datList01 .dashList li {padding:0 0 0 10px;margin:3px 0}

.datList02 {border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;*zoom:1;margin:15px 0}
.datList02:after {content:'';display:block;clear:both}
.datList02 li {float:left;padding:15px;width:200px}
.datList02 li.mid {border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;width:240px}
.datList02 dt {color:#333;font-weight:bold;font-size:14px;padding-left:10px}
.datList02 dd {padding-left:10px;margin-top:10px}
.datList02 dd.link {padding-left:10px;margin-top:30px}


.txtArea {}
.txtArea p {margin-top:10px}
.txtArea p.txtPoint {font-weight:bold;color:#333}

.procList {border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:20px 0;margin:40px 0}
.procList dl {*zoom:1;margin-top:25px}
.procList dl:after {content:'';display:block;clear:both}
.procList dt {float:left;font-weight:bold;color:#333;font-size:14px;padding:0 20px}
.procList dd {float:left;border-left:1px solid #d9d9d9;padding:0 20px}


.orderList01 {margin:20px 0}
.orderList01 li {margin:0 0 20px}
.orderList01 li.imgArea {position:relative}
.orderList01 li.imgArea p {width:300px;position:absolute;top:80px;right:0}
.orderList01 li span {color:#1b76d8}
.orderList01 li .txtOrdTitle {font-size:14px;color:#444;font-weight:bold;color:#333;display:block;margin-bottom:5px}

.orderList02 {margin:20px 0}
.orderList02 span {font-size:16px;color:#333;font-weight:bold}
.orderList02 p {margin:10px 0 20px 20px}
.orderList02 p.imgArea {margin:10px 0 20px}

.dashList {margin:30px 5px 25px}
.dashList li {background:url(../../images/withnet/sug/img/bg_icon_dash.jpg) no-repeat 0 9px;padding-left:10px;margin:5px 0}
.dashList span {color:#1b76d8}

.numberList {margin:30px 5px 25px}
.numberList li {padding-left:10px;margin:5px 0}


.boxList {width:723px;margin:10px 0;border:1px solid #d9d9d9}
.boxList p {font-weight:bold;color:#333;margin:25px 30px 10px;padding-bottom:15px;border-bottom:1px solid #d9d9d9}
.boxList dl {margin:25px 30px;*zoom:1}
.boxList dl:after {content:'';display:block;clear:both}
.boxList dt, .boxList dd {float:left}
.boxList dt {padding:0 20px;font-size:14px;font-weight:bold;color:#333}
.boxList dd {padding:0 20px;border-left:1px solid #d9d9d9}


.contract_step {}
.contract_step li {*zoom:1}
.contract_step li:after {content:'';display:block;clear:both}
.contract_step span {float:left;display:block;font-size:14px;color:#333;font-weight:bold}

.tabArea {margin:30px 0 0;height:30px;border-bottom:1px solid #d9d9d9;position:relative;*zoom:1}
.tabArea:after {content:'';display:block;clear:both}
.tabArea li {position:absolute;width:124px;height:30px;text-align:center;background:url(../../images/withnet/sug/img/bg_tab_off.jpg) no-repeat 0 3px}
.tabArea li.tab01 {left:0;top:1px}
.tabArea li.tab02 {left:125px;top:1px}
.tabArea li.tab02.on {left:124px;top:1px}
.tabArea li.tab03 {left:250px;top:1px}
.tabArea li.tab03.on {left:249px;top:1px}
.tabArea li.tab04 {left:0;top:1px}
.tabArea li.tab05 {left:125px;top:1px}
.tabArea li.tab05.on {left:124px;top:1px}
.tabArea li.tab06 {left:250px;top:1px}
.tabArea li.tab06.on {left:249px;top:1px}
.tabArea li a {display:block;padding:7px 0 8px;color:#fff}
.tabArea li.on {background:url(../../images/withnet/sug/img/bg_tab_on.jpg) no-repeat 0 0;height:30px;width:128px}
.tabArea li.on a {font-weight:bold;color:#333;padding:7px 0 7px;border:0}

/*
.tabArea .tab01, .tabArea .tab02, .tabArea .tab03 {position:absolute;width:125px;text-align:center;background:#aaacae;border-top:3px solid #fff;border-left:1px solid #fff}
.tabArea .tab01 a, .tabArea .tab02 a, .tabArea .tab03 a {display:block;padding:4px 0 8px;color:#fff}
.tabArea .tab01 {top:0;left:0}
.tabArea .tab02 {top:0;left:126px}
.tabArea .tab03 {top:0;left:252px}
.tabArea .on {border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;background:#fff;z-index:999}
.tabArea .on a {padding:6px 0 9px;font-weight:bold;color:#333}

*/

.tabDat01, .tabDat02, .tabDat03 {margin:20px 0 30px}
.tabDat01 p.imgArea {position:relative}
.tabDat01 p.imgArea span {position:absolute;right:20px;bottom:15px}



.datTbl01 {width:100%;border-top:1px solid #e1e3e6}
.datTbl01 thead th {font-weight:bold;color:#444;padding:10px 0 13px;border-bottom:1px solid #e1e3e6;border-right:1px solid #e1e3e6}
.datTbl01 tbody th {font-weight:normal;text-align:left;padding:2px 0 3px 10px;border-right:1px solid #e1e3e6}
.datTbl01 tbody td {padding:2px 0 3px 10px}
.datTbl01 th.lastChild {border-right:0}
.datTbl01 .topChild {padding-top:12px}
.datTbl01 .btmChild {border-bottom:1px solid #e1e3e6;padding-bottom:15px}


.datTbl02 {width:100%;border-top:1px solid #e1e3e6}
.datTbl02 td {padding:20px 15px 35px 25px;border-left:1px solid #e1e3e6;border-bottom:1px solid #e1e3e6;vertical-align:top}
.datTbl02 td.firstChild {border-left:0}
.datTbl02 dt {font-size:14px;color:#444;font-weight:bold;margin-bottom:10px}


.datTbl03 {width:100%;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.datTbl03 th {border-left:1px solid #d9d9d9;}
.datTbl03 th.first{border-left:0}
.datTbl03 td {border-left:1px solid #d9d9d9;padding:20px 15px}
.datTbl03 td.firstChild {border-left:0}
.datTbl03 label {font-size:14px;color:#333;font-weight:bold;display:inline-block;width:80px}


.datTbl04 {width:100%;border-top:1px solid #d9d9d9}
.datTbl04 thead th {font-size:14px;font-weight:bold;color:#333;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.datTbl04 tbody th {border-bottom:1px solid #d9d9d9;text-align:left}
.datTbl04 th, .datTbl04 td {padding:10px 15px 13px}
.datTbl04 td {border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.datTbl04 th.firstChild {border-left:0;font-weight:bold}
.datTbl04 td.firstChild {border-left:0}
.datTbl04 td.al-cnt {text-align:center}



.datTbl05 {width:100%;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.datTbl05 th {border-right:1px solid #d9d9d9}
.datTbl05 th.txtCate {font-size:14px;font-weight:bold;color:#333;vertical-align:top}
.datTbl05 th, .datTbl05 td {text-align:left;padding:5px 0 5px 20px}
.datTbl05 th.topChild, .datTbl05 td.topChild {padding-top:20px}
.datTbl05 th.btmChild, .datTbl05 td.btmChild {padding-bottom:20px}
.datTbl05 span {display:inline-block;padding:0 20px;*padding:0 10px}

.datTbl06 {width:100%;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.datTbl06 th {border-left:1px solid #d9d9d9;padding:10px 0;font-size:14px;font-weight:bold;color:#333}
.datTbl06 td {border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9;padding:10px 10px;text-align:center}
.datTbl06 span {font-weight:bold;color:#1b76d8}
.datTbl06 th.firstChild, .datTbl06 td.firstChild {border-left:0;text-align:center;padding:10px 0}


.datTbl07 {width:100%;border-top:1px solid #d9d9d9}
.datTbl07 th {font-size:14px;font-weight:bold;color:#333;padding:10px 0 10px 20px;text-align:left;border-left:1px solid #d9d9d9}
.datTbl07 th.firstChild {border-left:0}
.datTbl07 th.topChild, .datTbl07 td.topChild {padding-top:20px}
.datTbl07 th.btmChild, .datTbl07 td.btmChild {padding-bottom:20px;border-bottom:1px solid #d9d9d9}
.datTbl07 td {font-size:14px;text-align:left;padding:10px 20px}
.datTbl07 td.txtResult {font-weight:bold;color:#1b76d8}
.datTbl07 td p.txtTitle {font-size:14px;font-weight:bold;color:#333;margin-bottom:15px}
.datTbl07 p span {font-weight:normal;font-size:11px}
.datTbl07 p {font-size:12px}


.inputForm {border-top:1px solid #d9d9d9;width:100%}
.inputForm th {font-size:14px;color:#333;font-weight:bold;text-align:left;padding:5px 0 5px 28px;text-indent:-13px}
.inputForm td {padding:5px 0 5px 10px}
.inputForm td.txtCont {color:#333}
.inputForm th.no-icon {padding-left:27px;text-indent:0}
.inputForm .top {padding-top:20px}
.inputForm .btm {padding-bottom:20px;border-bottom:1px solid #d9d9d9}
.inputForm .r_line {border-right:1px solid #d9d9d9}
.inputForm .v_top {vertical-align:top}
.inputForm span.div-icon {display:inline-block;width:15px;padding:0;text-align:center}
.inputForm dl {*zoom:1}
.inputForm dl:after {content:'';display:block;clear:both}
.inputForm dt {float:left;color:#333;width:80px;padding-top:5px}
.inputForm dd {float:left;width:500px}
.inputForm dd span.txtTitle {color:#333;display:inline-block;width:50px}
.inputForm dd input {margin-bottom:5px}
.inputForm span.txtComment {background:url(../../images/withnet/sug/img/bg_icon_dot2.jpg) no-repeat 5px 8px;display:inline-block;width:300px;padding-left:15px;vertical-align:bottom}
.inputForm span.txtDesc {font-size:11px;color:#666;letter-spacing:-1px;font-weight:normal;display:inline-block;text-indent:0}
.inputForm textarea {border:1px solid #c8cbcc;width:550px;height:90px;padding:10px;background:#fafafa;resize:none}
.inputForm .fileArea input[type="file"] {margin:5px 0}
.inputForm .fileDesc {padding-left:10px}
.inputForm p.txtTitle {font-size:14px;font-weight:bold;color:#333;margin-bottom:10px}


.datTbl08 {border-top:1px solid #d9d9d9;color:#333;width:100%}
.datTbl08 th {font-weight:bold;text-align:center}
.datTbl08 th.sub {font-weight:normal}
.datTbl08 th, .datTbl08 td {border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:center;padding:10px 0}
.datTbl08 .first {border-left:0}
.datTbl08 .cont {text-align:left;padding-left:20px}
.datTbl08 .cont ol > li {margin:10px 0}


.inputList {*zoom:1}
.inputList:after {content:'';display:block;clear:both}
.inputList li {float:left}
.inputList li.titArea {width:80px;padding:7px 0}
.inputList li.contArea {width:400px}
.inputList input[type="text"] {margin-bottom:7px}

.datBank {*zoom:1}
.datBank:after {content:'';display:block;clear:both}
.datBank li {float:left;margin-right:20px;background:#f6f7f8;width:200px;height:80px;text-align:center;font-size:11px;letter-spacing:-1px}
.datBank li p {margin-top:5px;color:#534741}


.inputArea {border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:10px 20px}
.inputArea li {padding:5px 0}
.inputArea label {font-size:14px;color:#333;font-weight:bold;display:inline-block;width:160px}
.inputArea span.txtComment {background:url(../../images/withnet/sug/img/bg_icon_dot2.jpg) no-repeat 5px 8px;display:inline-block;width:300px;padding-left:15px;vertical-align:bottom}


.resultBox {background:url(../../images/withnet/sug/img/bg_arrow_down.jpg) no-repeat 50% 0;margin:30px 0 0;padding:50px 0 0}


.btnLineArea {border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:20px 0 20px 10px}

.searchArea {border:5px solid #d9d9d9;padding:10px 0}
.searchArea span.txtLabel1, .searchArea span.txtLabel2 {display:inline-block;padding:15px 10px 15px 20px;font-size:14px;font-weight:bold;color:#333;vertical-align:middle}
.searchArea span.txtLabel2 {border-left:1px solid #d9d9d9;margin-left:20px}

.faqList {margin:30px 20px 0;border-bottom:1px solid #aaacae}
.faqList dt, .faqList dd {background:url(../../images/withnet/sug/img/bg_faq_line.jpg) repeat-x 0 bottom}
.faqList dt {padding:10px 15px 13px;font-weight:bold}
.faqList dd {padding:10px 30px 14px}


.pagingArea {text-align:right;margin-top:20px;padding:0 10px}
.pagingArea a {display:inline-block;width:32px;height:27px;font-weight:bold;color:#5a5b5c}
.pagingArea a.on {background:url(../../images/partner/sug/img/bg_paging_on.jpg) no-repeat 0 0;color:#1b76d8}
.pagingArea a span {display:block;padding:5px 0;text-align:center}


/* footer */
/* [SR02160720040] 입점제안시스템 Footer영역에 개인정보취급방침 추가 */
#footer {clear:both;overflow:hidden;margin-top:65px;padding:15px 0;border-top:1px solid #1b76d8;}
/*#footer p {height:8px;background:url('../img/k_copyright.gif') no-repeat right;font-size:0;line-height:0;} e¸°i¡´ ?´e?i§€ ?¸i?° */
.footer-copyrights {float:left;font-size:13px;color:#666;}
.footer-menu {float:right;}
.footer-menu-company {color:#666;}
/** .footer-menu-privacy {margin-left:5px;padding-left:10px;background:url('../img/k_split.gif') no-repeat 0 3px;} **/
.footer-menu-privacy>strong {color:#666;}

.family_site {clear:both;text-align:right;margin-top:-30px;}

/* 팝업 */
#pop_wrap {border-top:7px solid #0C78FC}
#pop_header {position:relative;margin:20px}
#pop_header h1 {border-bottom:2px solid #0C78FC;background:url(../../images/partner/sug/img/bg_pop_h1_icon.png) no-repeat 0 0;font-size:18px;font-weight:bold;color:#222;padding:0 0 20px 25px}
#pop_header span {position:absolute;top:8px;right:0}

#pop_container {margin:20px;padding:0 5px;line-height:1.4;min-height:120px}
#pop_container p.txtPoint {font-size:14px;font-weight:bold;color:#444;margin-bottom:10px}

#pop_container p.txtAlert {font-size:14px;font-weight:bold;color:#1b76d8;margin-bottom:5px}
#pop_container p.imgArea {background:#f1f1f1}

#pop_container p.txtTitle {font-weight:bold;color:#444;padding-bottom:20px;border-bottom:1px solid #e1e4e6}
#pop_container span.txtAlert {font-size:14px;font-weight:bold;color:#1b76d8}

#pop_container .datList {margin:0 0 25px}
#pop_container .datList dt {font-weight:bold;color:#444;margin:5px 0}
#pop_container .datList dd li {text-indent:-14px;padding-left:14px;margin:5px 0}

#pop_container .halfArea01 {width:50%;float:left;border-right:1px solid #e1e3e6}
#pop_container .halfArea02 {width:45%;float:left;padding-left:20px}
#pop_container dl.dotList dt {font-size:14px;color:#444;font-weight:bold;margin-bottom:10px}
#pop_container dl.dotList dd {background:url(../../images/withnet/sug/img/bg_icon_dot2.jpg) no-repeat 0 8px;padding:0 10px;margin:5px 0}

#pop_container .loginForm li {margin:10px 0}
#pop_container .loginForm label {font-weight:bold;color:#333;display:inline-block;width:110px;padding-left:10px}
#pop_container .dotList li {font-size:11px;letter-spacing:-1px;margin:5px 0;background:url(../../images/withnet/sug/img/bg_icon_dot3.jpg) no-repeat 0 8px;padding-left:10px}

#pop_container .linkPwd {margin-left:125px}

#pop_footer {border-top:1px solid #e1e4e6;padding:10px 20px 11px;background:#f6f9fa;*zoom:1;margin-top:20px;clear:both}
#pop_footer:after {display:block;content:'';clear:both}
#pop_footer a.link_close {background:url(../../images/withnet/sug/img/btn_pop_close.png) no-repeat 0 4px;color:#444;font-weight:bold;display:inline-block;padding-left:15px}

#pop_footer.white_bg {background:#fff !important}

/* 공통부분 */


input[type="text"], input[type="password"] {background:url(../../images/withnet/sug/img/bg_input_text.jpg) repeat-x 0 0;height:25px;border:1px solid #ccc;font-size:14px;padding:0 10px;vertical-align:middle}
input[type="text"]:focus, input[type="password"]:focus {border:1px solid #0C78FC}

.aLink_blk {display:inline-block;padding-right:10px;background:url(../../images/partner/sug/img/bg_link_arrow.png) no-repeat right 50%;color:#444;font-size:12px;font-weight:bold;letter-spacing:-1px}
.aLink_small {display:inline-block;padding-right:10px;background:url(../../images/partner/sug/img/bg_link_arrow.png) no-repeat right 6px;color:#1b76d8;font-size:11px;letter-spacing:-1px}
.aLink {display:inline-block;padding-right:10px;background:url(../../images/partner/sug/img/bg_link_arrow.png) no-repeat right 6px;color:#1b76d8;font-size:12px}
.aLink_blk:hover, .aLink_small:hover, .aLink:hover {text-decoration:underline}

.btn_blue {height:21px;min-width:50px;padding:6px 20px 3px 20px;display:inline-block;font-size:14px;font-weight:bold;text-decoration:none;text-align:center;color:#fff;border:1px solid #1b76d8;background:#0C78FC}
.btn_blue:visited{text-decoration:none;color:#fff}
.btn_blue:hover, .btn_blue:focus{text-decoration:none;color:#fff;background:#1b76d8}
.btn_blue:active{text-decoration:none;color:#fff;background:#155fb5 url(../../images/partner/sug/img/btn_bg_blue_click.gif) repeat-x 0 0;}

.btn_blue_s {height:19px;padding:3px 24px 3px 24px;display:inline-block;font-size:12px;font-weight:bold;text-decoration:none;text-align:center;color:#fff;border:1px solid #1b76d8;background:#0C78FC}
.btn_blue_s:hover, .btn_blue_s:focus{text-decoration:none;color:#fff;background:#1b76d8}
.btn_blue_s:active{text-decoration:none;color:#fff;background:#155fb5 url(../../images/partner/sug/img/btn_bg_blue_click.gif) repeat-x 0 0;}

.btn_blue_c {height:19px;padding:3px 24px 3px 24px;display:inline-block;font-size:12px;font-weight:bold;text-decoration:none;text-align:center;color:#fff;border:1px solid #1b76d8;background:#0C78FC}
.btn_blue_c:hover, .btn_blue_c:focus{text-decoration:none;color:#fff;background:#1b76d8}
.btn_blue_c:active{text-decoration:none;color:#fff;background:#1b76d8 url(../../images/partner/sug/img/btn_bg_blue_click.gif) repeat-x 0 0;}



.btn_blue_b {height:23px;min-width:62px;padding:10px 20px 5px 20px;display:inline-block;font-size:16px;font-weight:bold;text-decoration:none;text-align:center;color:#fff;border:1px solid #1b76d8;background:#0C78FC}
.btn_blue_b:visited{text-decoration:none;color:#fff}
.btn_blue_b:hover, .btn_blue_b:focus{text-decoration:none;color:#fff;background:#1b76d8}
.btn_blue_b:active{text-decoration:none;color:#fff;background:#155fb5 url(../../images/partner/sug/img/btn_bg_blue_click.gif) repeat-x 0 0;}



.btn_white_m, .btn_white_s, .btn_white, .btn_white_b {text-indent:0 !important}

.btn_white_s {height:17px;padding:1px 10px 3px 10px;display:inline-block;*display:inline;font-size:12px;text-decoration:none;text-align:center;font-weight:normal;color:#444;border:1px solid #c8cacc;background:url(../../images/withnet/sug/img/btn_bg_white_23.gif) repeat-x 0  50%}
.btn_white_s:hover, .btn_white_s:focus{text-decoration:none;color:#444;background:#edeff2}
.btn_white_s:active {text-decoration:none;color:#444;background:#e1e4e6 url(../../images/withnet/sug/img/btn_bg_white_click.gif) repeat-x 0 0;}


.btn_white_m{height:21px;padding:6px 20px 3px 20px;display:inline-block;font-size:14px;font-weight:bold;text-decoration:none;text-align:center;color:#444;border:1px solid #c8cacc;background:url(../../images/withnet/sug/img/btn_bg_white.gif) repeat-x 0  50%}
.btn_white_m:visited{text-decoration:none;color:#444}
.btn_white_m:hover, .btn_white_m:focus{text-decoration:none;color:#444;background:#edeff2}
.btn_white_m:active{text-decoration:none;color:#444;background-color:#e1e4e6;background:url(../../images/withnet/sug/img/btn_bg_white_click.gif) repeat-x 0 0;}

.btn_white {height:19px;padding:3px 24px 3px 24px;display:inline-block;font-size:12px;font-weight:bold;text-decoration:none;text-align:center;color:#444;border:1px solid #c8cacc;background:url(../../images/withnet/sug/img/btn_bg_white.gif) repeat-x 0  50%}
.btn_white:hover, .btn_white:focus{text-decoration:none;color:#444;background:#edeff2}
.btn_white:active{text-decoration:none;color:#444;background-color:#e1e4e6;background:url(../../images/withnet/sug/img/btn_bg_white_click.gif) repeat-x 0 0;}

.btn_white_b{height:23px;padding:10px 20px 5px 20px;display:inline-block;font-size:14px;font-weight:bold;text-decoration:none;text-align:center;color:#444;border:1px solid #c8cacc;background:url(../../images/withnet/sug/img/btn_bg_white.gif) repeat-x 0  50%}
.btn_white_b:hover, .btn_white_d:focus{text-decoration:none;color:#444;background:#edeff2}
.btn_white_b:active{text-decoration:none;color:#444;background-color:#e1e4e6;background:url(../../images/withnet/sug/img/btn_bg_white_click.gif) repeat-x 0 0;}

.btn_white_m span, .btn_white span, .btn_white_s span, .btn_white_b span {color:#444 !important}

.icon-cal {margin-left:3px}


.mgt0 {margin-top:0 !important}
.mgt10 {margin-top:10px !important}
.mgt11 {margin-top:10px !important; margin-bottom:11px}
.mgt20 {margin-top:20px !important}
.mgt30 {margin-top:30px !important}
.mgt50 {margin-top:50px !important}

.mgl10 {margin-left:10px}
.mgl20 {margin-left:20px}

.mgr10 {margin-right:10px}
.mgr20 {margin-right:20px}
.mgb20 {margin-bottom:20px}

.pdt20 {padding-top:18px !important}
.pdb20 {padding-bottom:20px !important}

.pd0 {padding:0}

.txt_blind {visibility:hidden;font-size:0}

.hide {display:none}

.btnArea {margin:15px 0}

.al-cnt {text-align:center !important}
.al-left {text-align:left !important}
.al-right {text-align:right !important}

.fl_left {float:left}
.fl_right {float:right}


/* 달력 */
.calendar_box{position:relative; display:inline; vertical-align:top; left:-40px; top:30px; z-index:999; }
.calendar_box2{position:relative; display:inline; vertical-align:top; left:-20px; top:30px; z-index:999; }
.calendar{position:absolute; left:0; top:0; width:192px; padding:0; border:1px solid #d1d1d1; background-color:#fff;}
/*.calWrap {width:192px;border:1px solid #d1d1d1;position:relative}*/
.calTitle {width:154px;margin:30px auto 10px;text-align:center}
.calTitle span {display:inline-block;width:90px;color:#333;vertical-align:middle}
.calTitle a {display:inline-block;width:11px;height:10px;vertical-align:middle}
.calTitle button span {visibility:hidden;font-size:0;line-height:0}
.calTitle .prevYear {background:url(../../images/withnet/sug/img/common/btn_cal_prev_year.jpg) no-repeat 0 0;width:11px;height:10px;padding:0;border:0}
.calTitle .prevMonth {background:url(../../images/withnet/sug/img/common/btn_cal_prev_month.jpg) no-repeat 0 0;width:10px;height:10px;padding:0;border:0}
.calTitle .nextYear {background:url(../../images/withnet/sug/img/common/btn_cal_next_year.jpg) no-repeat 0 0;width:11px;height:10px;padding:0;border:0}
.calTitle .nextMonth {background:url(../../images/withnet/sug/img/common/btn_cal_next_month.jpg) no-repeat 0 0;width:10px;height:10px;padding:0;border:0}

.tblCalendar {width:154px;font-size:11px;margin:0 auto 20px}
.tblCalendar th {font-weight:normal;color:#767676;padding:2px 0 5px;border-top:1px solid #e1e4e6;border-bottom:1px solid #e1e4e6}
.tblCalendar td {text-align:center;padding:3px 0;color:#333}
.tblCalendar td.txtSun {color:#ad003d}

.calendar .cal_close {position:absolute;top:10px;right:10px}


/* tooltip */
.tooltipArea {display:inline-block;position:relative}
.tooltipArea .toolTipBox_hor {position:absolute;top:-35px;left:5px;background:url(../../images/withnet/sug/img/bg_tooltip_horizon.png) no-repeat 0 0;width:208px;height:73px}
.tooltipArea .toolTipBox_hor .topCont {padding:8px 25px;position:relative;text-indent:0}
.tooltipArea .toolTipBox_hor .topCont a.tipClose {position:absolute;top:12px;right:15px}
.tooltipArea .toolTipBox_ver {position:absolute;top:10px;left:-60px;background:url(../../images/withnet/sug/img/bg_tooltip_vertical.png) no-repeat 0 0;width:199px;height:98px}
.tooltipArea .toolTipBox_ver .topCont {padding:15px;position:relative;font-size:12px;color:#666;font-weight:normal;text-indent:0}
.tooltipArea .toolTipBox_ver .topCont a.tipClose {position:absolute;top:20px;right:15px}


a.tooltip {display:inline-block;font-size:12px;color:#1b76d8;background:url(../../images/partner/sug/img/bg_icon_tooltip.jpg) no-repeat 0 3px;padding:2px 0 2px 20px;font-weight:normal;text-indent:0}
a.tooltip:hover {text-decoration:underline}


.checkTotal {display:inline-block;text-indent:0;vertical-align:middle;*display:inline}
.radioTotal {display:inline-block;text-indent:0;vertical-align:middle;*display:inline}

/* Select */
.gs-select {/*display:inline-block;*/position:relative;width:140px;margin-right:4px;border:1px solid #cfd2d4;text-align:left;background:#fff;vertical-align:middle;*margin-right:8px;*display:inline;*zoom:1}
.gs-select a:hover {text-decoration:none}
.gs-select .current {display:block;height:25px;overflow:hidden;padding:0 28px 0 9px;cursor:pointer;font:bold 12px/26px dotum;color:#666;background:url(../../images/partner/sug/img/common/tmp_sprite_btn.png) repeat-x 0 -584px;line-height:27px\9}
.gs-select .current:hover {color:#5a5b5c;box-shadow:1px 1px 2px #cfd2d4;cursor:pointer;background:url(../../images/partner/sug/img/common/tmp_sprite_btn.png) repeat-x 0 -645px;}
.gs-select .ico_btn {display:block;width:28px;height:25px;position:absolute;top:0;right:0;background-position:2px -80px}
.gs-select ul {display:none;width:100%;height:auto;position:absolute;top:25px;left:-1px;padding:5px 0;border:1px solid #cfd2d4;background:#fff;z-index:100;max-height:100px;overflow-y:auto}
.gs-select ul li {position:relative;overflow:hidden}
.gs-select ul li input {position:absolute;top:-100%}
.gs-select ul li a, .gs-select ul li label {display:block;height:1%;padding:5px 9px 3px;line-height:1.3em;color:#666}
.gs-select ul li a:hover, .gs-select ul li label:hover, .gs-select ul li.over a, .gs-select ul li.over {background-color:#edf0f2;color:#333;cursor:pointer}
.gs-select ul li.on a, .gs-select ul li.on label {color:#1b76d8;font-weight:bold}
.gs-select ul.chk-lst {display:block;left:-5000%}
.gs-select.on .current {background:#e8ebed/*#f5f8fa*/;box-shadow:0 1px 3px #ddd inset;*background:#f5f8fa url(../../images/partner/sug/img/common/tmp_sprite_btn.png) repeat-x 0 -557px}
.gs-select.on ul {display:block}
.gs-select.on ul.chk-lst {left:-1px}

/* Select2 */
.gs-select2 {display:inline-block;position:relative;width:100%;margin-right:4px;border:1px solid #cfd2d4;text-align:left;background:#fff;vertical-align:middle;*margin-right:8px;*display:inline;*zoom:1}
.gs-select2 a:hover {text-decoration:none}
.gs-select2 .current {display:block;height:25px;overflow:hidden;padding:0 28px 0 9px;cursor:pointer;font:bold 12px/26px dotum;color:#666;background:url(../../images/partner/sug/img/common/tmp_sprite_btn.png) repeat-x 0 -584px;line-height:27px\9}
.gs-select2 .current:hover {color:#5a5b5c;box-shadow:1px 1px 2px #cfd2d4;cursor:pointer;background:url(../../images/partner/sug/img/common/tmp_sprite_btn.png) repeat-x 0 -645px;}
.gs-select2 .ico_btn {display:block;width:28px;height:25px;position:absolute;top:0;right:0;background:url(../../images/partner/sug/img/common/tmp_sprite_btn.png) no-repeat 3px -701px}
.gs-select2 ul {display:none;width:100%;height:auto;position:absolute;top:25px;left:-1px;padding:5px 0;border:1px solid #cfd2d4;background:#fff;z-index:100;max-height:100px;overflow-y:auto}
.gs-select2 ul li {position:relative;overflow:hidden}
.gs-select2 ul li input {position:absolute;top:-100%}
.gs-select2 ul li a, .gs-select2 ul li label {display:block;height:1%;padding:5px 9px 3px 25px;line-height:1.3em;color:#666}
.gs-select2 ul li a:hover, .gs-select2 ul li label:hover, .gs-select2 ul li.over a, .gs-select2 ul li.over {background-color:#edf0f2;color:#333;cursor:pointer}
.gs-select2 ul li.on a, .gs-select2 ul li.on label {background:url(../../images/partner/sug/img/common/tmp_sprite_btn.png) no-repeat 5px -350px;}
.gs-select2 ul.chk-lst {display:block;left:-5000%}
.gs-select2.on .current {background:#e8ebed/*#f5f8fa*/;box-shadow:0 1px 3px #ddd inset;*background:#f5f8fa url(../../images/partner/sug/img/common/tmp_sprite_btn.png) repeat-x 0 -557px}
.gs-select2.on ul {display:block}
.gs-select2.on ul.chk-lst {left:-1px}

/* Select3 */
.gs-combo {display:inline-block;position:relative;width:140px;margin-right:4px;border:1px solid #cfd2d4;text-align:left;background:#fff;vertical-align:middle;*margin-right:8px;*display:inline;*zoom:1}
.gs-combo a:hover {text-decoration:none}
.gs-combo .current {display:block;height:25px;overflow:hidden;padding:0 28px 0 9px;cursor:pointer;font:bold 12px/26px dotum;color:#666;background:url(../../images/partner/sug/img/common/tmp_sprite_btn.png) repeat-x 0 -673px;line-height:27px\9}
.gs-combo .ico_btn {display:block;width:23px;height:25px;position:absolute;top:0;right:0;border-left:1px solid #cfd2d4;background:url(../../images/partner/sug/img/common/tmp_sprite_btn.png) no-repeat 0 -80px}
.gs-combo ul {display:none;width:100%;height:auto;position:absolute;top:25px;left:-1px;padding:5px 0;border:1px solid #cfd2d4;background:#fff;z-index:100;max-height:100px;overflow-y:auto}
.gs-combo ul li {position:relative;overflow:hidden}
.gs-combo ul li input {position:absolute;top:-100%}
.gs-combo ul li a, .gs-combo ul li label {display:block;height:1%;padding:5px 9px 3px;line-height:1.3em;color:#666}
.gs-combo ul li a:hover, .gs-combo ul li label:hover, .gs-combo ul li.over a, .gs-combo ul li.over {background-color:#edf0f2;color:#333;cursor:pointer}
.gs-combo ul li.on a, .gs-combo ul li.on label {color:#1b76d8;font-weight:bold}
.gs-combo ul.chk-lst {display:block;left:-5000%}
.gs-combo.on ul {display:block}
.gs-combo.on ul.chk-lst {left:-1px}

/* radio */
.ui-buttonset .ui-helper-hidden-accessible {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.ui-buttonset .ui-state-default {vertical-align:middle; display:inline-block; height:18px; color:#999; background:url(../../images/partner/sug/img/common/tmp_sprite_rdo.png) 0 2px no-repeat;}
.ui-buttonset .ui-state-hover, .ui-buttonset  .ui-state-focus {vertical-align:middle; display:inline-block; height:18px; color:#999; background:url(../../images/partner/sug/img/common/tmp_sprite_rdo.png) 0 -24px no-repeat;}
.ui-buttonset .ui-state-down {vertical-align:middle; display:inline-block; height:18px; color:#999; background:url(../../images/partner/sug/img/common/tmp_sprite_rdo.png) 0 -50px no-repeat;}
.ui-buttonset .ui-button-text {display:inline-block; /*margin-top:2px;*/ margin:0 5px 0 20px; color:#666; cursor:pointer;font-size:12px}
.ui-buttonset .ui-state-active {cursor:pointer; color:#333; background:url(../../images/partner/sug/img/common/tmp_sprite_rdo.png) 0 -76px no-repeat;}


/* checkbox */
.ui-buttonset-chk .ui-helper-hidden-accessible {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.ui-buttonset-chk .ui-state-default {vertical-align:middle; display:inline-block; height:18px; color:#999; background:url(../../images/partner/sug/img/common/tmp_sprite_chk.png) 0 2px no-repeat;}
.ui-buttonset-chk .ui-state-hover, .ui-buttonset-chk  .ui-state-focus {vertical-align:middle; display:inline-block; height:18px; color:#999; background:url(../../images/partner/sug/img/common/tmp_sprite_chk.png) 0 -24px no-repeat;}
.ui-buttonset-chk .ui-state-down {vertical-align:middle; display:inline-block; height:18px; color:#999; background:url(../../images/partner/sug/img/common/tmp_sprite_chk.png) 0 -50px no-repeat;}
.ui-buttonset-chk .ui-button-text {display:inline-block; margin-top:2px; margin:0 5px 0 20px;font-size:12px; color:#666; cursor:pointer}
.ui-buttonset-chk .ui-state-active {cursor:pointer; color:#333; background:url(../../images/partner/sug/img/common/tmp_sprite_chk.png) 0 -76px no-repeat;}


/* Tab Menu */
.tab_menu {width:100%; clear:both;}
.tab_menu:after {content:""; display:block; clear:both}
.tab_menu li {float:left; margin-left:5px;}
.tab_menu li:first-child {margin-left:0px;}
.tab_menu > li {height:30px; padding-left:4px; margin-right:3px; background:#e6e6e6 url(../../images/withnet/sug/img/common/bg_tab_lt_5x5.png) no-repeat 0 0;}
.tab_menu > li > a { display:block; overflow:hidden; margin-right:-4px; padding:8px 13px 0 7px; min-width:130px; height:22px; letter-spacing:-1px; background:#e6e6e6  url(../../images/withnet/sug/img/common/bg_tab_rt_5x5.png) no-repeat 100% 0; color:#767676; text-align:center;}
.tab_menu > li.on,
.tab_menu > li:hover {background:#0C78FC url(../../images/withnet/sug/img/common/bg_tab_lt_5x5.png) no-repeat 0 0; z-index:1}
.tab_menu > li.on > a,
.tab_menu > li > a:focus,
.tab_menu > li > a:hover {text-decoration:none; background:#0C78FC url(../../images/withnet/sug/img/common/bg_tab_rt_5x5.png) no-repeat 100% 0; color:#433d2d; position:relative; z-index:1}

/* shop list basic */
.shop_list {width:940px;}
.shop_list ul {width:920px; margin:0 auto;}
.shop_list ul:after {content:""; display:block; clear:both;}
.shop_list ul li {float:left; width:160px; height:296px; margin-left:30px; line-height:18px;}
.shop_list ul li.first_child {margin-left:0;}
.shop_list ul li div,
.shop_list ul li div > img {width:160px; height:160px;}
.shop_list ul li strong.brand {display:block; padding-top:10px; color:#666;}
.shop_list ul li strong.price {display:block; padding-top:8px; color:#2c2a1a; font-family:Arial, Helvetica, sans-serif;}
.shop_list ul li p {color:#666; line-height:18px;}
.shop_list ul li span.ico {display:inline-block; padding-top:3px;}



/* 2016-05-09 add css */
.infoList {padding-bottom:10px !important;}
#contents .titleArea .stepList02.step-update {width:auto;} /* 2016-05-24 update */
#contents .titleArea .stepList02.step-update li {width:auto !important;display:inline;} /* 2016-05-24 update */
.inputForm.tbl-cpInfo .top {padding-bottom:15px;padding-top:30px;}
.inputForm.tbl-cpInfo .btm {padding-bottom:30px;}
.inputForm.tbl-cpInfo {margin-bottom:-1px;}
.inputForm .top input {vertical-align:middle;}
.inputForm .top .btn_white {vertical-align:2px;}
.inputForm .gs-select2 {vertical-align:middle;}
.checkTotal input {margin-right:-1px;}
.delivery-chkList {*zoom:1;margin:-3px 0;}
.delivery-chkList:after {content:""; display:block; clear:both;}
.delivery-chkList li {width:142px;float:left;padding:3px 0;}
.delivery-chkList li.etc {width:130px;}
#contents .sub_titleArea h4.color-blue {color:#1b76d8;}
.proxy-delivery-wrap {overflow:hidden;border:1px solid #d9d9d9;border-width:1px 0;padding:5px 0 20px 25px;}
.proxy-delivery-header {background:url('../../images/partner/sug/img/common/u_delivery_guide.gif') no-repeat 30px 0%;padding:22px 0 0 125px;height:62px;font-size:14px;line-height:20px;color:#222;}
.proxy-delivery-guide {*zoom:1;}
.proxy-delivery-guide:after {content:""; display:block; clear:both;}
.proxy-delivery-box {background-color:#f4f4f4;color:#222;width:228px;float:left;margin-left:14px;padding:25px 0;}
.proxy-delivery-box:first-child {margin-left:0;}
.proxy-delivery-box dt {font-size:14px;font-weight:bold;padding:0 0 0 18px;height:38px;}
.proxy-delivery-box dd {font-size:12px;padding:0 0 0 90px;height:75px;}
.proxy-delivery-box dd.icon-img1 {background:url('../../images/withnet/sug/img/common/u_delivery_kind_01.gif') no-repeat 20px 0%;}
.proxy-delivery-box dd.icon-img2 {background:url('../../images/withnet/sug/img/common/u_delivery_kind_02.gif') no-repeat 20px 0%;}
.proxy-delivery-box dd.icon-img3 {background:url('../../images/withnet/sug/img/common/u_delivery_kind_03.gif') no-repeat 20px 0%;padding-left:80px;}
.proxy-delivery-notice {padding:25px 0 12px;}
.proxy-delivery-notice dt {font-size:14px;color:#222;font-weight:bold;padding-bottom:5px;}
.proxy-delivery-notice dd {font-size:12px;color:#666;line-height:16px;}
.proxy-delivery-desk {font-size:14px;color:#222;font-weight:bold;background:url('../../images/partner/sug/img/common/u_notice_gs.gif') no-repeat 0% 0%;padding:0 0 0 25px;line-height:20px;}
.proxy-delivery-request {border-bottom:1px solid #d9d9d9;padding:40px 0;}
.request-select {font-size:18px;line-height:normal;font-weight:bold;color:#222;padding:5px 0 5px 20px;}
.proxy-delivery-request-refuse {padding:10px 0 0 45px;font-size:12px;}
.proxy-delivery-request-refuse-txt {color:#1b76d8;padding:0 0 5px 0;}


/* 개인정보 취급방침 */
.privacy-head {position:relative;margin-top:-10px;letter-spacing:-1px;}
.privacy-head-h2 {font-size:21px;line-height:normal;color:#222;}
.privacy-head-h3 {padding-top:20px;font-size:14px;color:#222;}
.privacy-head-h4 {padding:20px 0 5px;font-size:13px;color:#666;font-weight:normal;}
.privacy-older {position:absolute;right:0;top:7px;}
.privacy-older>span {display:block;padding-right:10px;background:url('../img/k_jadeArrow2.gif') no-repeat right;color:#1b76d8;}
.privacy-contents {margin-top:10px;border-top:1px solid #333;letter-spacing:-1px;font-size:13px;line-height:normal;}
.privacy-contents .privacy-head-h4:first-child {padding-top:10px;}
.privacy-contents-list1 {color:#666;}
.privacy-contents-list1>li {padding-top:5px;}
.privacy-contents-list2 {color:#666;}
.privacy-contents-list2>li {padding-top:3px;}
.privacy-contents-indent {padding:10px 20px;}
.privacy-table {}
.privacy-table th {padding:10px 20px;border:1px solid #d9d9d9;}
.privacy-table td {padding:10px 20px;border:1px solid #d9d9d9;}

/** 거래처등록 **/
.btnEXup input {position:absolute;left:0;opacity:0;filter:alpha(opacity=0);z-index:10;cursor:pointer;width:95px;height:26px;}

/* button */
.button-box {clear:both;overflow:hidden;zoom:1;padding-bottom:4px;margin-bottom:-4px;}
.button-box.email-consult {padding-top:20px;padding-bottom:70px;}
a.button-s {display:inline-block;zoom:1;*display:inline;height:24px;font:normal 12px/23px 'Malgun Gothic';color:#111;border:1px solid #ccc;padding:0 9px 0 9px;background:#fff url('../../images/withnet/k_button.gif') repeat-x 0% 100%;vertical-align:middle;text-align:center;letter-spacing:-1px;white-space:nowrap;}
a.button-s.size-large {height:32px;line-height:31px;padding:0 12px;}
a.button-s.size-middle {height:26px;line-height:25px;}
a.button-s.size-mini {height:22px;line-height:21px;padding:0 7px;}
a.button-s:hover {text-decoration:none;border-color:#888;}
a.button-s:active {border-color:#ccc;}
a.button-s.ico-write {height:27px;line-height:26px;}
a.button-s.act-closed {min-width:50px}
a.button-s.ico-del {padding:0 7px;}
a.button-s.ico-only-del {padding:0 5px;}
a.button-s.ico-del.act-disable {color:#888;}
a.button-s.ico-del.act-disable:hover {border-color:#ccc;cursor:default;}
a.button-s.ico-mix {min-width:37px}
a.button-s.ico-search-s {min-width:42px;}
a.button-s.ico-arrow-n {min-width:84px;}
a.button-s.act-apply {min-width:52px;}
a.button-s.ico-question-s {width:14px;height:14px;padding:0 0 0 0;height:14px;line-height:13px;text-align:center;vertical-align:2px;*vertical-align:middle;}
a.button-s.ico-mix-green {background:#0C78FC url('../../images/partner/k_button_act.gif') repeat-x 0% 100%;border-color:#1b76d8;box-shadow:2px 3px 4px #dcdcdc;}

a.button-s.size-big {height:38px;line-height:37px;}
a.wide-big {background:#0C78FC url('../../images/partner/k_button_act.gif') repeat-x 0% 100%;border-color:#1b76d8;box-shadow:2px 3px 4px #dcdcdc;padding:2px 0;width:278px;color:#222;font-size:18px;height:42px;line-height:41px;}
a.act-certify-cp:hover,
a.wide-big:hover {border-color:#155fb5;}
a.act-copy {font-size:14px;color:#666;width:60px;}
a.button-s.act-close {width:24px;height:18px;padding:6px 0 0 0;}
a.ico-arrow-link {vertical-align:1px;color:#888;}
a.act-certify-cp {background:#0C78FC url('../../images/partner/k_button_act.gif') repeat-x 0% 100%;border-color:#1b76d8;box-shadow:2px 3px 4px #dcdcdc;min-width:68px;color:#222;font-size:14px;}
a.button-s.ico-zoom {*width:62px;}

a.button-s i {vertical-align:-4px;line-height:12px;display:inline-block;zoom:1;*display:inline;*float:left;*margin-top:6px;text-indent:-9999px;height:12px;width:12px;background-image:url('../../images/withnet/i_set.png');background-repeat:no-repeat;}
a.button-s.ico-plus i {background-position:-63px -21px;vertical-align:-3px;*margin-top:7px;}
a.button-s.ico-help i {background-position:-63px -42px;margin-right:3px;vertical-align:-2px;}
a.button-s.ico-del i {background-position:-21px 0;margin-right:1px;vertical-align:-3px;}
a.button-s.ico-only-del i {width:12px;height:12px;background-position:-21px 0;margin-right:0;margin-top:6px;}
a.button-s.ico-write i {background-position:-21px -42px;margin-right:5px;vertical-align:-5px;width:16px;height:16px;line-height:16px;}
a.button-s.act-closed i {background-position:-84px -21px;margin-right:1px;vertical-align:-4px;*margin-top:8px;}
a.button-s.ico-del.act-disable i {background-position:-42px 0%;margin-right:1px;vertical-align:-3px;}
a.button-s.ico-mix i {background-position:-84px 0;}
a.button-s.ico-search-s i {background-position:0 -21px;margin-right:3px;}
a.button-s.ico-arrow-n i {background-position:-42px -21px;margin-right:3px;}
a.button-s.ico-camera i {background-position:-21px -21px;margin-right:3px;width:16px;height:16px;line-height:16px;vertical-align:-6px;*vertical-align:0px;}
a.button-s.ico-camera-modify i {background-position:-21px -63px;margin-right:3px;width:16px;height:12px;line-height:12px;vertical-align:-3px;}
a.button-s.ico-text i {background-position:-63px 0;margin-right:3px;width:12px;height:13px;}
a.button-s.ico-reset i {background-position:0 -42px;margin-right:3px;}
a.button-s.ico-write-s i {background-position:-42px -42px;margin-right:3px;}
a.button-s.ico-question-s i {background-position:-84px -42px;width:6px;height:9px;margin-top:3px;*float:none;*display:block;}
a.button-s.ico-mov-gude i {background-position:0 -63px;width:15px;height:10px;margin-right:4px;vertical-align:-3px;}
a.button-s.ico-note i {background-position:-63px 0;width:12px;height:13px;margin-right:4px;vertical-align:-4px;}
a.button-s.ico-filter i {background-position:-42px -63px;width:12px;height:11px;margin-right:4px;vertical-align:-3px;}
a.button-s.ico-setting i {background-position:-63px -63px;width:13px;height:13px;margin-right:4px;vertical-align:-3px;}
a.button-s.ico-attach i {background-position:-84px -63px;width:9px;height:14px;margin-right:4px;vertical-align:-3px;}
a.button-s.ioc-once-modify i {background-position:0 -84px;width:12px;height:12px;margin-right:4px;vertical-align:-3px;}
a.button-s.ico-download-xls i {background-position:0 -105px;width:13px;height:13px;margin-right:4px;vertical-align:-4px;}
a.button-s.ico-download-box i {background-position:-21px -84px;width:15px;height:13px;margin-right:4px;vertical-align:-4px;}
a.button-s.ico-mix-green i {background-position:-84px 0;vertical-align:-5px;}
a.button-s.ico-zoom i {background-position:0 -21px;width:13px;height:13px;margin-right:4px;vertical-align:-4px;}
a.button-s.ico-arrow-dn i {background-position:-42px -84px;width:9px;height:11px;margin-right:4px;vertical-align:-3px;}
a.button-s.ico-arrow-up i {background-position:-63px -84px;width:9px;height:11px;margin-right:4px;vertical-align:-3px;}
a.button-s.ico-arrow-next i {background-position:-42px -21px;margin-left:3px;float:none;*vertical-align:0px;}
a.button-s.ico-arrow-back i {background-position:-105px -21px;*margin-right:-2px;*vertical-align:0px;}
a.button-s.add-remove {min-width:46px;*line-height:19px;}

a.button-s.ico-arrow-link i {background-image:url('../../images/withnet/u_arrow_link_1.png');width:4px;height:7px;vertical-align:0px;*vertical-align:3px;margin-left:5px;*float:none;*margin-top:0;}
a.button-s.ico-arrow-link2 i {background-image:url('../../images/withnet/u_arrow_link_2.png');width:6px;height:5px;vertical-align:1px;*vertical-align:5px;margin-left:5px;*float:none;*margin-top:0;}
a.button-s.vs1-mail i {background-image:url('../../images/withnet/i_mail.png');margin-right:8px;width:15px;height:14px;}
a.button-s.help-chat i {background-image:url('../../images/withnet/i_help.png');margin-right:4px;width:15px;height:14px;vertical-align:-5px;}
a.button-s.act-close i {background-image:url('../../images/withnet/i_close_1.gif');width:13px;height:12px;}
a.button-s.clr-padding {padding-left:0;padding-right:0;width:50px;}
a.button-s.clr-padding i {vertical-align:-5px;}

a.button-s.click-hold {background:#999;color:#fff;font-weight:bold;border-color:#828282;}

a.explain {color:#444;font-size:11px;}

a.save-ch-off,
a.save-ch-on {min-width:69px;}

a.save-ch-off em,
a.save-ch-on em {vertical-align:middle;margin-left:3px;*vertical-align:-1px;}
a.save-ch-off em {color:#666;font-weight:normal;}
a.save-ch-on em {color:#1b76d8;font-weight:bold;}

a.button-s span {vertical-align:middle;}
a.act-apply, a.act-confirm {background:#0C78FC url('../../images/partner/k_button_act.gif') repeat-x 0% 100%;border-color:#1b76d8;box-shadow:2px 3px 4px #dcdcdc;padding:2px 13px;min-width:48px;}
a.act-apply:hover,
a.act-confirm:hover {border-color:#155fb5;}
a.act-confirm strong,
a.act-apply strong {color:#111;font-size:14px;vertical-align:-2px;display:inline-block;.line-height:21px;}

a.act-apply.bg-white {background:#fff url('../../images/withnet/k_button.gif') repeat-x 0% 100%;border-color:#cccccc;box-shadow:2px 3px 4px #dcdcdc;padding:2px 13px;min-width:48px;}
a.act-apply.bg-white:hover {border-color:#888;}

a.act-cancel {background:#fff url('../../images/withnet/k_button.gif') repeat-x 0% 100%;border-color:#ccc;box-shadow:2px 3px 4px #dcdcdc;padding:2px 13px;min-width:48px}
a.act-cancel:hover {border-color:#888;}
a.act-cancel strong {color:#111;font-size:14px;vertical-align:-2px;display:inline-block;.line-height:21px;}


a.button-b {display:inline-block;height:38px;font:normal 16px/37px 'Malgun Gothic';color:#111;border:1px solid #ccc;padding:0 30px 0 30px;background:#fff url('../../images/withnet/k_button.gif') repeat-x 0% 100%;vertical-align:middle;text-align:center;letter-spacing:-1px;}
a.button-b:hover {text-decoration:none;border-color:#888;}
a.button-b:active {border-color:#ccc;}
a.button-b i {vertical-align:-4px;line-height:38px;display:inline-block;zoom:1;*display:inline;text-indent:-9999px;height:38px;width:38px;background-image:url('');background-repeat:no-repeat;background-position:50% 50%;}
a.act-green {background:#0C78FC url('../../images/partner/k_button_act.gif') repeat-x 0% 100%;border-color:#1b76d8;box-shadow:2px 3px 4px #dcdcdc;}
a.act-green:hover {text-decoration:none;border-color:#155fb5;}
a.act-green:active {border-color:#155fb5;}
a.act-alarm,
a.act-top {padding:0 0;width:38px;text-align:center;}
a.act-alarm i {background-image:url('../../images/withnet/i_bell.png');position:relative;*display:block;}
a.act-top i {background-image:url('../../images/withnet/i_top.png');*display:block;}
a.act-alarm em {position:absolute;font-size:11px;font-weight:bold;background-color:#0C78FC;border-radius:8px;display:inline-block;width:16px;height:16px;text-align:center;line-height:15px;right:3px;top:3px;}

.pos-re {position:relative;}
.pos-lt {position:absolute;top:0;left:0;}
.pos-rt {position:absolute;top:0;right:0;}

/* 컨텐츠내 레이어 템플릿 */
.layer-default-wrap {position:absolute;z-index:1000;border:1px solid #666;background-color:#fff;margin-top:25px;*left:50%;*margin-left:-372px;}
.layer-default-wrap.search-prd-divide {width:auto;}
.search-prd-divide .td-ta-lf {padding-right:10px;}
.search-prd-divide .td-ta-default {padding:5px 5px 5px 5px;}
.layer-default-content {padding:20px 20px 10px 20px;}
.layer-default-close {text-align:right;width:100px;position:absolute;right:20px;bottom:20px;}
.popup-bg-layer {display:none;position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:1000;}

.layer-default-wrap-1 {position:fixed;z-index:1000;border:1px solid #666;background-color:#fff;margin-top:25px;*left:50%;*margin-left:-372px;}
.layer-default-wrap-1.search-prd-divide {width:auto;}

/* 2016-10-28 레이어팝업 신규 추가 */
.layer-default-wrap.prd-reg-confirm {margin-top:auto;}
.prd-reg-confirm .pos-tac .button-s {margin:0 5px;}
.prd-reg-confirm .popup-bottom {margin:10px 0 10px 0;padding:0 0 0 0;}
.prd-reg-confirm-title {font-weight:bold;text-align:center;font-size:13px;line-height:1.5;padding:0 0 10px;}
.prd-reg-confirm-info {line-height:1.4;padding-bottom:10px;text-align:left;}
.prd-reg-confirm-info p {background:url('../../images/withnet/u_bullet_dot_2.png') no-repeat 3px 8px;padding:2px 0 0 14px;margin:0 0  0 40px;color:#887;}
.prd-reg-confirm-info p strong {color:#444;}

/* 텍스트 설명+툴팁 */
.balloon-tip-wrap {position:relative;display:inline-block;zoom:1;*display:inline;*z-index:2;}
.balloon-tip-wrap a+.balloon-box {display:none;}
.balloon-tip-wrap .tdc-line.clr-green {vertical-align:0px !important;}
/*.balloon-tip-wrap a:hover+.balloon-box {display:block;}*/

/* 설명 - 툴팁 */
.balloon-box {border:1px solid #666;font-size:12px;padding:15px;letter-spacing:-0.05em;width:310px;position:absolute;background-color:#FFF;z-index:12;display:none;}
.balloon-arrow {background:url('../../images/withnet/k_balloon-arrow.gif') no-repeat 0% 0%;width:11px;height:7px;display:block;position:absolute;bottom:-6px;left:45px;}
.balloon-title {color:#111;font-size:13px;font-weight:bold;padding-bottom:8px;}
.balloon-contents {color:#666;font-size:12px;}
.balloon-contents .dot-list {padding-left:10px;}
.balloon-box.help-explain {top:auto;right:auto;left:auto;bottom:auto;margin-top:6px;*margin-top:22px;width:auto;*left:0%;margin-left:-65px;}
.balloon-box.help-explain .balloon-contents {font-weight:normal;letter-spacing:-0.075em;}
.help-explain.up-arrow .balloon-arrow {background-image:url('../../images/withnet/k_balloon-arrow-up.png');bottom:auto;top:-6px;left:50%;margin-left:-5px;}


/*좌측메뉴 - 변경 */
.docLeftMenu {border:1px solid #d9d9d9;margin:25px 0 20px;}
.docLeftMenu li {padding:13px 20px 15px;height:75px ; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.docLeftMenu li.last {border-top:1px solid #d9d9d9; }
.docLeftMenu dt {font-weight:bold;color:#333;font-size:26px}
.docLeftMenu dd {font-size:11px;letter-spacing:-1px;margin-top:5px}