/*한글*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
/* 영문 숫자 roboto*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');


body,html {
	font-family: 'Noto Sans KR',"Roboto",'sans-serif';
	font-size:14px;
	line-height:1.4;
	letter-spacing:0;
	word-spacing:0;
	background:#fff;
}
body.openSearch,html.openSearch{overflow:hidden;}
input,select,textarea,button{
	font-family: 'Noto Sans KR',"Roboto",'sans-serif';
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img{vertical-align:top;}
a{text-decoration:none;color:inherit;}
button{padding:0;border:none;}

h1, h2 {font-weight:normal;}

/* Reset
========================================================================== */
* {	padding: 0; margin: 0;}

html, body, h1, h2, h3, h4, h5, h6, div, p, span {padding: 0; margin: 0;}
button {border: 0; background: none;}
img {vertical-align: middle;}
input, select {vertical-align: middle;}
ul, ol, li {list-style: none;}
h2 {font-size:22px; color:#444;}
a {text-decoration: none; color: inherit; text-align: center;}
/* Fonts & Typograhy
========================================================================== */

body { font-family:'Noto Sans KR',"Roboto",'sans-serif';
	font-size:14px;
	line-height:1.4;
	letter-spacing:0;
	word-spacing:0;
	background:#fff;
    overflow-y:scroll;
}

input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

select{
    border-radius:0;/* 아이폰 사파리 보더 없애기 */
    -webkit-appearance:none;/* 화살표 없애기 for chrome*/
    -moz-appearance:none; /* 화살표 없애기 for firefox*/
    appearance:none; /* 화살표 없애기 공통*/
    background: url('../img/icon_select.gif') no-repeat 100% 50%;
}

/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand {display: none; }


table{table-layout:fixed;}

input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }/* 파일 필드 숨기기 */
.filebox label {padding:10px 20px; font-size: inherit; line-height: normal; text-align: center; cursor: pointer;}

.cl{clear:both; content:''; overflow:hidden;}
.fll{float:left;}
.flr{float:right;}
.alignC{text-align:center;}
.inline{display:inline-block !important;}

/* Layout
========================================================================== */
.grid-container {position:relative; max-width:1200px; margin:0 auto; box-sizing:border-box;}
.grid-container.con-wrap {margin-top:40px;}
.page {width:100%; min-width:1200px; min-height:720px;} /* 20191106 최소 높이값 수정 */

/*
========================================================================== */


/* navigation - 20191028 로그아웃 영역 추가 */
.page-nav-logout {height:32px; background-color:#eee;}
.page-nav-logout nav {float:right; padding:10px 0; color:#666; line-height:11px; font-size:14px;}
.page-nav-logout nav span {float:left; padding-right:15px;}
.page-nav-logout nav span em {color:#444; font-style:normal;}
.page-nav-logout nav a {float:left; padding-left:15px; border-left:1px solid #454545;}

.logo img {position:absolute; top:25px; left:0;}
.page-nav-top {position:relative; height:90px; background-color:#fff; border-bottom:1px solid #ccc;}
.page-nav-top nav {position:absolute; right:0; height:90px; letter-spacing:-0.08em;}
.page-nav-top nav ul{position:relative; display:inline-block; margin-right:-18px;}
.page-nav-top nav ul li {position:relative; float:left; color:#444; line-height:90px; font-size:18px;}
.page-nav-top nav ul li a {display:block; padding:0 24px; text-align:center;}

.page-nav-top nav ul li.on {color:#cf152d;}
.page-nav-top nav ul li.on::after{display:block; position:relative; width:100%; left:0; bottom:2px; content:"";border-bottom:2px solid #cf152d;}
.page-nav-top nav ul li.hover{color:#cf152d;}
.page-nav-top nav ul li.hover::after{display:block;position:relative;bottom:2px;content:"";border-bottom:2px solid #cf152d;}

.page-nav-top nav ul li:first-child::after{border:none;}
.page-nav-top nav ul li:nth-child(8){padding-left:0;}
a.logout{float:right;padding-left:0; margin:30px 0; margin-left:30px; padding:6px 22px;line-height:22px;color:#cf152d;font-size:16px;border:1px solid #666;border-radius:35px;}

.page-nav-top .sub{position:absolute; display:none; top:90px; left:0; z-index:1; width:100%; background:#f9f9f9;z-index:99;}
.page-nav-top .sub li{width:100%; padding:0; border:1px solid #ccc; border-top:none;}
.page-nav-top .sub li a{text-align:center; display:block; font-size:16px; line-height:45px; padding:4px 0;}
.page-nav-top .sub li a:hover{background:#eeeeee; text-decoration:none;}


/* Header
========================================================================== */

/* left layout */
.left-area {position:absolute; width:230px; top: 0; left: 0;}
.left-area .btn_group{margin-top:30px;}
.left-area .btn_group a img{margin-bottom:10px; border:2px solid #e5e5e5;}
.left-area .btn_group a:last-child img{border:2px solid #cf152d;}
.lnb {position:relative; background: #fff;}
.lnb > h1 {font-size:26px; letter-spacing:-2px; font-weight:400; height:130px; line-height:130px; text-align:center; color:#fff; background:#4f4f4f; box-sizing: border-box;}
.lnb > ul > li > a {display:block; height:80px; line-height:80px; font-size:18px; text-align:left; color:#4f4f4f; padding-left:30px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; letter-spacing:-0.08em;}
.lnb > ul > li.on > a {color:#cf152d; background:url(../img/lnb_bullet.png) no-repeat 192px center;} 


/* light layout */
.container {margin-left:270px; padding:0 0 30px 0; position:relative;}
.here {position:absolute; left:0; top:0; width:100%; text-align:right; box-sizing:border-box; letter-spacing:-0.06em;}
.here ul {display:inline-block;}
.here li {float:left; font-size:14px; color:#b3b2b1; margin-left:8px;}
.here li a {color:#b3b2b1;}
.here li .iconHome {display:inline-block; width:15px; height:11px; background:url(../img/icon_home.png) no-repeat 0 center; margin-right:5px;}
.here li.now {color: #666;}
.here li span {margin-left:8px;}
.container > h1 {height:90px; color:#222; font-size:36px; font-weight:400; letter-spacing:-1px; padding-top:30px; box-sizing:border-box; border-bottom:1px solid #666;}
.container h2 {display:block; margin:40px 0 15px; color:#444; font-size:18px; letter-spacing:-0.04em;}
.container .t_ess {margin: -25px 0 5px; color:#222; font-size:14px; text-align:right; letter-spacing:-0.08em;}
.container .t_ess span {display:inline-block; vertical-align:top; margin-right:3px; margin-top:3px; color:#eb0029; font-weight:600;}


/* 여백 */
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mr{margin-right:8px !important;}


/* input */
.ui-forms-text,
.ui-forms-select {width:100%; margin: 0; line-height:38px; height:40px; border: 1px solid #ccc; padding-left: 7px; box-sizing: border-box; letter-spacing:-0.04em; background-color:#fff;}
.ui-forms-textarea {overflow-y:scroll; width:100%; height:300px; margin: 0; line-height:20px; border: 1px solid #ccc; padding:15px; box-sizing: border-box; background:#f9f9f9;}
.ui-forms-select{cursor:pointer;}
.ui-forms-text[placeholder],
.ui-forms-select[placeholder],
.ui-forms-textarea[placeholder] {font-size: 13px;}
.ui-forms-select_p {width: 100%; height: 24px; padding:0px; margin: 0; border: 1px solid #aaaaaa; color: #212121; box-sizing: border-box;}
.ui-forms-text_login {margin: 0; line-height:40px; border: 1px solid #ccc; padding-left: 5px; box-sizing: border-box; vertical-align: baseline;}
.ui-forms-text.price{padding-right:10px; text-align:right;}
.checkBox {display:inline-block; height: 20px; line-height:20px; position: relative; width:50%;}
.checkBox input[type="checkbox"] {display:block; width:18px; height: 100%; margin:0; position:absolute; left:0; top:1px; opacity:0; filter:Alpha(opacity=0); z-index:1; cursor:pointer;}
.checkBox input[type="checkbox"] + label {display:inline-block; height:100%; padding-left:30px; background:url(../img/bg_chk_off.gif) no-repeat 0 1px;}
.checkBox input[type="checkbox"]:checked + label {background: url(../img/bg_chk_on.gif) no-repeat 0 1px; }
.checkBox.right{float:right;}
.input_point {background-color:#f5f5f5;}


/* 버튼 */
.btn{display:inline-block; height:40px; line-height:38px; text-align:center; vertical-align:bottom;}
.btn.right{float:right;}
.btn.left{float:left;}
.black{color:#fff; background:#666; border:1px solid #666;}
.whiteBlue{color:#0c1f7d; background:#fff; border:1px solid #666;}
.whiteGrey{color:#333; background:#fff; border:1px solid #777;}

.btnarea {overflow:hidden; text-align:center; margin:50px 0;}
.btnarea .confirm a { display: block; float: left; padding:15px 50px; width: 100px; margin-right: 20px; background-color:#e0002a; border:1px solid #e0002a; color: #fff; font-size: 18px; }
.btnarea .cancel a { display: block; float: left; padding:15px 50px; width:100px; font-size: 18px; border: 1px solid #ddd; }
.btnarea .save a { display: inline-block; padding:15px 50px; width:200px; background:#e0002a; color: #fff; font-size:18px; }
.btnarea .next a { display:block; float:left; padding:15px 50px; width:200px; font-size:18px;}
.btnarea .before a { display:block; float:left; margin-right:15px;  padding:15px 50px; width:200px; font-size:18px; }
.btnarea .temporary a {display:block; float:left; margin-right:15px; padding: 15px 50px;  width:200px; font-size:18px; }
.btnarea .register a {display:block; float:left; padding: 15px 50px;  width:200px; font-size:18px; color:#fff; background:#e0002a; border:1px solid #e0002a;}
.btnarea.twobtn{margin:50px 257px;}
.btnarea.threebtn{margin:50px 150px;}


/* 메인 start
======================================================================================= */

.main-visual {position:relative; width:100%; height:420px; background:url(../img/mainbnr.jpg) no-repeat center 0; border-bottom:1px solid #e5e5e5;}
.main-visual p {padding-top:105px; font-size:46px; color:#444; line-height:60px; letter-spacing:-4px;}
.main-visual p span {font-size:58px;}
.main-visual .btn-offer {float:left; margin-top:30px; background-color:#d3293f;}
.main-visual .btn-offer a {display:block; width:168px; height:45px; line-height:43px; text-align:center; color:#fff; font-size:20px; letter-spacing:-2px; font-weight:300;}

.main-contents {background-color:#f7f7f7; padding-bottom:50px;}
.grid-container .main_guide {overflow:hidden;}
.grid-container .main_guide .main_step {float:left; margin-top:30px; background-color:#fff; border:1px solid #e5e5e5;}
.grid-container .main_guide .main_step dl {}
.grid-container .main_guide .main_step dl dt {font-size:18px; color:#333; line-height:30px; padding:10px 0 10px 25px;}
.grid-container .main_guide .main_step dl dt > span {float:right; margin:6px 0 0 50px;} 
.grid-container .main_guide .main_step dl dt > span a {display:block; width:52px; height:50px; margin-top:-16px; line-height:18px; border-left:1px solid #e5e5e5; background:url(../img/btn_more.png) no-repeat 12px center;}
.grid-container .main_guide .main_step dl dd {width:630px; height: auto; text-align: left; border-top:1px solid #e5e5e5; padding:26px 30px 26px 36px;}/* 20191030 수정 */
.grid-container .main_guide .main_step dl dd ul {padding:20px 25px; border-top:1px solid #e5e5e5;}

.grid-container .main_guide .main_list {float:left; margin:30px 0 0 20px; background-color:#fff; border:1px solid #e5e5e5;}
.grid-container .main_guide .main_list dl {}
.grid-container .main_guide .main_list dl dt {font-size:18px; color:#333; line-height:30px; padding:10px 0 10px 25px;}
.grid-container .main_guide .main_list dl dt > span {float:right; margin:6px 0 0 50px;} 
.grid-container .main_guide .main_list dl dt > span a {display:block; width:52px; height:50px; margin-top:-16px; line-height:18px; border-left:1px solid #e5e5e5; background:url(../img/btn_more.png) no-repeat 12px center;}
.grid-container .main_guide .main_list dl dd {width:262px; height:160px; text-align: left; }
.grid-container .main_guide .main_list dl dd ul {height:160px; padding:18px 24px; border-top:1px solid #e5e5e5;}
.grid-container .main_guide .main_list dl dd ul li {padding:4px 0; font-size:16px; color:#666; line-height:20px; box-sizing:border-box;}
.grid-container .main_guide .main_list dl dd ul li a {display:inline-block; text-align:left; width:215px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.grid-container .main_guide .main_list dl dd ul li a:hover {text-decoration:underline;}

.grid-container .main_guide .main_list dl dd ul.faq {height:160px; padding:18px 24px; border-top:1px solid #e5e5e5;}
.grid-container .main_guide .main_list dl dd ul.faq li {padding:4px 0 4px 20px; font-size:16px; color:#666; line-height:20px; box-sizing:border-box; background:url(../img/main_faq.png) no-repeat 0 7px;}
.grid-container .main_guide .main_list dl dd ul.faq li a {display:inline-block; text-align:left; width:195px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.grid-container .btn_gruop {display:block; width:100%; margin-top:30px;}
.grid-container .btn_gruop ul {width:100%; height:70px; background-color:#fff; border:1px solid #e5e5e5;}
.grid-container .btn_gruop ul li {float:left; width:25%; border-left:1px solid #e5e5e5; line-height:70px; }
.grid-container .btn_gruop ul li:first-child {border-left:none;}
.grid-container .btn_gruop ul li a {display:block; width:100%; height:70px; font-size:17px; color:#222; text-align:center;}
.grid-container .btn_gruop ul li a em {display:inline-block; width:30px; height:30px; vertical-align:middle; margin:0 6px 6px 0;}
.grid-container .btn_gruop ul li:nth-child(1) a em {background:url(../img/main_btn_icon.png) no-repeat 0 0;}
.grid-container .btn_gruop ul li:nth-child(2) a em {background:url(../img/main_btn_icon.png) no-repeat 0 0;}
.grid-container .btn_gruop ul li:nth-child(3) a em {background:url(../img/main_btn_icon.png) no-repeat 0 -30px;}
.grid-container .btn_gruop ul li:nth-child(4) a em {background:url(../img/main_btn_icon.png) no-repeat 0 -60px;}



/* 메인 end
======================================================================================= */


/* 입점 절차 start
======================================================================================= */
.process-tab{margin:40px auto; min-width:926px; box-sizing: border-box;}
.process-tab li{float:left; width:20.08%; height:196px; border:1px solid #ccc; font-size:16px; letter-spacing: -0.06em; color:#444; line-height:20px; margin-right:-1px}
.process-tab li:last-child{border-right:1px solid #ccc;}
.process-tab li a{display:block; height:100%; padding-top:28px;}
.process-tab li a::after{content:''; display:block; width:100px; height:100px; margin:8px auto 0; background-image:url(../img/process_icon.png); background-position: 10px 18px; background-repeat:no-repeat;}/* 20191030 수정 */
.process-tab .ico2 a::after{background-position:-178px 18px;}
.process-tab .ico3 a::after{background-position:-361px 18px;}
.process-tab .ico4 a::after{background-position:-547px 18px;}
.process-tab .ico5 a::after{background-position:-732px 18px; margin-top:-8px;}/* 20191030 수정 */
.process-tab li a span{display:block; color:#cf152d; font-weight:400;}
.process-tab li.on{position:relative; z-index:1; border:1px solid #666; background:#fbfbfb;}
.process-tab li.on:hover{background:#fbfbfb;}
.process-tab li:hover {background:#fff;; font-size:18px; line-height:22px; }
.process-tab li:hover a{padding-top:75px; transition:all 0.2s ease;}
.process-tab li:hover a::after{background:none;}
.process-tab li.ico5:hover a{padding-top:65px;}/* 20191030 추가 */

.con-box{display:none; margin-bottom:30px; color:#666; border:1px solid #ccc; letter-spacing:-0.06em;}
.con-box .header{font-size:18px; border-bottom:1px solid #ccc; }
.process .header{padding:19px 0 19px 35px; color:#444; background:#fbfbfb;}
.con-box .inner{width:100%; padding:30px 40px 35px;}
.con-box .header h1 span{padding-right:5px;color:#cf152d;}
.process ul li{font-size:16px; line-height:32px;}
.process ul li p{padding-top:4px; line-height:26px;}
.process ul li span{color:#0c1f7d; font-weight:400;}
.process ul li span.red{padding-left:5px; color:#cf152d;}
.process ul li a{text-decoration:underline;}
.process ul.dot{}
.process ul.dot > li{padding-left:12px; background: url(../img/grey_bullet.gif) no-repeat 0 16px;}
.process .title{margin-bottom:16px; padding-bottom:6px; font-size:18px; color:#444; border-bottom:1px solid #ccc; font-weight:400;}
.process ul.dot li div{display:inline-block;}
.process ul.dot li div:first-child{margin-right:30px;}
.process ul.dot li div span{text-decoration:underline;}
.process ul.dot li div span:last-child{padding-left:20px;}
.process ul.dot li div span a.shortcuts{text-decoration:none;}
.process .shortcuts{margin-left:5px; padding:0 10px; font-size:13px; text-decoration:none;}
.process .info{margin-bottom:10px; color:#666;}
.process .info li{margin-left:12px; line-height:26px;}
.process ul li:last-child > ul.info{margin-bottom:0;}
.process .info .mail{text-decoration:none;}
.fileDown {width:660px; font-size:15px; border-collapse:collapse; border-top:2px solid #666; border-left:1px solid #ddd; }
.fileDown td {width:33%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.fileDown a{display:block;  text-decoration: none; padding:10px 0px 10px 20px;  width:100%; text-align:left;}/* 20191106 수정 */
.fileDown a:link, .join_table02 a:visited {text-decoration: none;}/* 20191028 추가 */
.fileDown a:hover {background:#fbfbfb; color:#cf152d;}/* 20191106 수정 */
.fileDown a::before{display:inline-block; content:''; width:26px; height:26px; vertical-align:middle; padding-right:5px; background:url(../img/down_ico.png) no-repeat; background-size:20px 20px;}/* 20191106 수정 */


/* 가입/증액 기준 팝업 */
.modal-body .title{margin-bottom:15px; padding-left:13px; color:#222; font-size:14px; font-weight:600; background:url(../img/grey_bullet.gif) no-repeat 0;}
.modal.is-active {display: block;}
.pop_con ul li{padding-left:15px;line-height:32px; word-break:keep-all; color:#666;}
.pop_con ul li span{color:#0c1f7d; font-weight:400;}
.pop_con ul li p{line-height:26px;}
.pop_con ul li table{margin-bottom: 10px; text-align:center; width:690px;}
.pop_con ul li table td.head{color:#222; font-weight:500;}

.pop_con .info{color:#666;}
.pop_con .info li{line-height:26px;}
.pop_con .info li p{text-indent:-3.1em; margin-left:3.1em;}
.border{border:1px solid #ccc;}

.categoryTab ul{width:100%; margin:20px auto 30px; text-align:center;}
.categoryTab ul li{float:left; width:50.08%; padding:10px 0; background:#f7f7f7; border:1px solid #ccc; border-right:none; margin-right:-1px; cursor:pointer;}
.categoryTab ul li:last-child{border-right:1px solid #ccc;}
.categoryTab ul li.on{position:relative; z-index:1; border:1px solid #666; background:#fff;}
.categoryTab .table_con{display:none; margin-bottom:30px !important;}


/* 보증보험 시뮬레이션 팝업 */
.pop_con h2{margin-bottom:20px; font-size:16px; color:#222;}
.pop_con .step_tit{margin-bottom:10px; padding:10px 15px;; background:#f9f9f9;}
.pop_con .step_tit span{padding-right:7px;color:#cf152d;}
.pop_con .step button.search{display:block; margin:20px auto;padding:0 30px; font-size:16px;}

.pop_con .step .search-box{overflow:hidden; height:auto; padding:12px 20px; background-color:#fff; border:1px solid #ccc; font-size:14px;}
.pop_con .step .search-box:last-child{padding:12px 15px;}
.pop_con .step .search-box .search-box-wrap {width:692px; margin:0 auto;}
.pop_con .step .search-box .search-box-wrap .head {display:inline-block; padding:0; padding-right:10px; line-height:35px; line-height:40px; letter-spacing:-0.04em; margin-left:10px;}

.pop_con .step .search-box .search-box-wrap .box {display:inline-block; margin-right:15px;}
.pop_con .step .search-box .search-box-wrap .head:first-child{margin:0;}
.pop_con .step .search-box .search-box-wrap .box:last-child{margin:0;}
.pop_con .step .search-box-wrap .search{width:90px; margin-left:20px;}
.pop_con .caution {display:block; margin:20px 0 30px; color:#666;}

/* 입점 절차 end
======================================================================================= */


/* 입점 신청 start
======================================================================================= */

/* 로그인, 비밀번호 재설정, 비밀번호 찾기 */
.page-top-login {position:relative; width:930px; height:174px; margin:30px auto 0; text-align: center; background-color:#f9f9f9;}
.page-top-login.pwfg {height:226px;}
.page-top-login .section {width:585px; height:90px; float:left; margin:40px 0 0 60px; overflow:hidden;}
.page-top-login .section.pw {margin:40px 0 0 110px;}
.page-top-login .section.pwfg {height:190px;}
.page-top-login .section input, .page-top-login .section select {border:1px solid #919191;}
.page-top-login .section dl {margin:10px 0 0 100px; height:40px; text-align:left;}
.page-top-login .section dl:first-child {margin-top:0;}
.page-top-login .section dl dt {width:140px; margin-top:8px; padding-left:10px; float:left; font-size:16px; background:url(../img/red_bullet.gif) no-repeat 0 10px;}
.page-top-login .section dl dd {width:335px; float:left;}
.page-top-login .section dl dd span{padding:3px; text-align:right;}
.page-top-login div.btn_login {float:left; margin:40px 0px 0 -14px; width: 134px; height: 90px; line-height: 80px; background-color:#cf152d;}
.page-top-login div.btn_login a{display: block; color: #fff; font-size: 20px; line-height:85px; }
.page-top-login div.btn_num {float:left; margin:90px 0px 0 -14px; width:132px; height:40px; background-color:#4f4f4f;}
.page-top-login div.btn_num a{display:block; color:#fff; font-size:16px; line-height:40px;}
.page-top-login div.btn_ok {float:left; margin:140px 0px 0 -132px; width:132px; height:40px; background-color:#cf152d;}
.page-top-login div.btn_ok a{display:block; color:#fff; font-size:16px; line-height:40px;}
.page-top-login div.btn {clear:both; margin:0 auto; padding: 20px 0 0; font-size: 13px; }
.page-top-login div.btn a {margin-right:17px; color:#666666;}
.page-top-login div.btn a:last-child {padding:0;}
.page-top-txt {position:relative; width:930px; text-align:left; border:1px dashed #e5e5e5; padding:30px 36px; font-size:16px; color:#666; line-height:26px; margin-bottom:40px;}
.page-top-txt ul li {padding-left:12px; background:url(../img/grey_bullet.gif) no-repeat 0 10px;}
.page-top-txt ul li a{color:#181818; text-decoration:underline;}
.page-top-txt ul p{padding-left:15px; color:#989898;}

.page-top-btnarea {overflow:hidden; text-align:center; margin:30px 0;}
.page-top-btnarea .pw a {display:inline-block; padding:10px 0; width:170px; background:#fff; color:#333; border:1px solid #bbb; font-size:16px;}
.page-top-btnarea .pw a:nth-child(2) {margin-left:20px;}
.page-top-btnarea .confirm a {display:inline-block; padding:10px 0; width:140px; background:#cf152d; color:#fff; font-size:16px;}

/* 기업정보 */
.table_con {width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height:20px;}
.table_con > tbody > tr > td {padding: 10px 15px; border-top: 1px solid #ccc; text-align:left;}
.table_con > tbody > tr > td.right {border-left: 1px solid #ddd;}
.table_con > tbody > tr > td.none {padding-left:20px; line-height:25px; ;border-left:1px solid #ddd; border-left: 1px solid #ccc; color:#666; }
.table_con > tbody > tr > td.none span{display:inline-block;color:#222;}
.table_con > tbody > tr > td.head {background-color:#f9f9f9; text-align:left; vertical-align: middle; padding:0px 0px; border-top:1px solid #ccc; letter-spacing:-0.06em;}
.table_con > tbody > tr > td.head span {color:#eb0029; padding-left:10px; display:inline-block; vertical-align:top; margin-top:3px; }
.table_con > tbody > tr > td span.tip {display:block; float:right; margin:3px 32px 0 0; line-height:17px; color:#666; font-size:13px;}
.table_con > tbody > tr > td span.essential { color:#ff0000; padding-left:10px;}
.table_con > tbody > tr > td.head p.max50 {color:#666; font-size:12px; margin:-4px 0 0 16px;}
.table_con > tbody > tr > td a.btn_zip { display: inline-block; vertical-align: middle; margin:0 9px; width:110px; line-height:38px;}
.table_con > tbody > tr > td a.search { display: block; float: right; width:58px; color: #fff; background-color: #666; height:40px; line-height:40px;}
.table_txt{display:block; margin-top:7px; letter-spacing:-0.06em; color:#666;}


/* 입점 신청 end
======================================================================================= */


/* 입점 상품 제안 start
======================================================================================= */

.guide{width:60px;}
.box-wrap{display:inline-block; width:40%; vertical-align: middle;}
.termsChk{margin-top:15px;}
.termsChk p{display:inline-block;}
.termsChk .box-wrap{width:24%;}
a.god{display:inline-block; margin:8px;}
a.view{width:80px; margin:8px -4px;} /* 20191104 추가 */

.t-style1 tbody tr td{padding:20px 38px; text-align:center; border:1px solid #ccc; line-height:22px;}
.t-style1 tbody tr td.head{padding:20px 15px; text-align:center; line-height:20px; border-bottom:none;}
.t-style2 tbody tr td{padding:10px 5px; color:#666; border:1px solid #ccc; text-align:center; word-break:keep-all;}
.t-style2 tbody tr td.head{padding:10px 0; color:#222; text-align:center; font-weight:500;}
.t-style2 tbody tr td:first-child{border-left:none;}
.t-style2 tbody tr td:last-child{border-right:none;}
.modal-dialog .modal-content .modal-body{overflow-x:hidden; overflow-y:auto; height:700px; width:100%; padding:30px !important;}


/* 입점 상품 제안 end
======================================================================================= */

/* 입점 제안 결과조회 start
======================================================================================= */
.contable-container {width:100%; margin-top:40px;}
.contable-container .search-box {overflow:hidden; height:auto; margin:0 auto; padding:40px 0; background-color:#f9f9f9; font-size:16px;}
.contable-container .search-box .search-box-wrap {width:738px; margin:0 auto;}
.contable-container .search-box .search-box-wrap .head {float:left; padding:0 10px; line-height:35px; line-height:40px; letter-spacing:-0.04em;}
.contable-container .search-box .search-box-wrap .box {float:left;}
.contable-container .search-box .search-box-wrap .box span {padding:0 5px;}
.contable-container .search-box-wrap .search{width:90px; margin-left:20px;}
.contable-container .search_calendartext {margin:0; width:150px; border:1px solid #ccc; padding-left:10px; background:#fff url('../img/calendar.gif') no-repeat right 7px top 6px; background-size:25px 26px; box-sizing: border-box; }
.search_calendartext:last-child{margin-right:16px;}

.contable-container .page-move {text-align:right; margin:40px 0 8px 0;} /* 20191030 추가 */
.contable-container .page-move button {padding:0 15px; border:1px solid #666; color:#222; line-height:34px;} /* 20191030 추가 */
.contable-container .page-move button img {padding:0 0 1px 5px;} /* 20191030 추가 */

.contable {margin-bottom:50px; width:100%; border-top: 2px solid #a3a3a3; border-bottom: 2px solid #ccc; text-align:center;}
.contable > thead > tr > th {padding:20px 10px; font-weight: 400; background:#f9f9f9; color:#222; font-size:16px;}
/*.contable > tbody > tr:hover {text-decoration: underline; }*/
.contable > tbody > tr > td {height:60px; border-top:1px solid #ccc; line-height:16px; color:#888; /*text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;*/} /* 20191030 수정 */
.contable > tbody > tr > td:nth-child(3) {padding-left:15px;} /* 20191030 추가 */
.contable > tbody > tr > td a { display: inline-block; text-decoration:none;}
.contable > tbody > tr > td a.left { display: block; padding-left: 10px; text-align: left; }
.contable .change, .detail{padding:0 15px; border:1px solid #666; color:#222; line-height:38px;}

/* datepicker */
.ui-datepicker td span, .ui-datepicker td a {text-align:center;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border:1px solid #d3d3d3; background:#f9f9f9;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border:1px solid #666;}
.ui-widget-header .ui-icon {
    background-image: url(../img/ui-icons_444444_256x240.png);
}

/* 입점 결과 상세 보기 */
.comment tr td table td.head{width:145px; padding-left:10px; border-left:1px solid #ccc;}
.comment tr > td > table td{border-right:1px solid #ccc;}
.comment tr td.row1 table{float:left; width:300px; margin:0 15px 15px 0;}
.comment tr td.row1 table:last-child{margin-right:0;}
.comment tr td.row1 table td{height:60px;}
.btnarea .list a{display:inline-block; width:200px; padding:15px 50px; border:1px solid #666; background:#fff; color:#222; font-size:18px;}

/* 입점 제안 결과조회 end
======================================================================================= */


/* 협력사 등록/조회 start
======================================================================================= */

/* 협력사 등록 */
.btn.info{margin-left:7px; padding:0 15px;}
.head.red{color:#eb0029;}
.tooltip{display:inline-block; border-radius:4px; border:1px solid #444; line-height:15px; text-align:center; background:#fff; color:#666; padding: 0px 5px; text-align:center; font-size:12px; margin-left:4px; vertical-align:baseline; cursor:pointer; position:relative; }
.tooltip-con{visibility:hidden; min-width:250px; background:#fff; padding:10px; color:#666; border:1px solid #666; text-align:left; position:absolute; z-index:2; bottom:100%; left:50%; margin-left:-120px; word-break:normal; font-size:14px; line-height:18px; }
.tooltip:hover .tooltip-con{visibility:visible;}
.tab_box{margin:40px 0 0; overflow:hidden;}
.tab_box ul{height:60px;}
.tab_box ul li{box-sizing:border-box; position: relative; float:left; width:33.3333%; height:60px; background:#f9f9f9; color:#888;font-size:18px; line-height:58px; text-align:center;border:1px solid #ccc;border-right:0;}
.tab_box ul li:last-child{border-right:1px solid #ccc;}
.tab_box ul li span.after{display:block; width:36px; height:66px; position:absolute; top:0; right:-36px; background:url(../img/tap.png) 0 0 no-repeat; z-index:100;}
.tab_box ul li.on:first-child{border-left:1px solid #666;}
.tab_box ul li.on{background:#fff;border:1px solid #666;border-right:0; border-left:0; color:#444;}
.tab_box ul li.before{background:url(../img/before.png) 0 0 no-repeat; z-index:110;}
.tab_box ul li.on span.after{background:url(../img/tap_on.png) 0 0 no-repeat;}
.tab_box ul li:last-child.on{border-right:1px solid #666;}
.table-wrap{margin-top:40px;}
.table-wrap table{width:457px;}
.table-wrap table{margin-right:15px;}
.table-wrap table:last-child{margin-right:0}
.table-wrap table tr td.head{width:140px;}
.table-wrap table tr td{height:61px; border:1px solid #ccc; border-right:0;}
.table-wrap table tr td:last-child{border-right:1px solid #ccc;}
.con-box.manager{display:block; border-bottom:0;}
.con-box.manager .header{overflow:hidden; position:relative;  height:61px; padding:10px 0;color:#444; background:#fff; border-bottom:0; font-size:16px; padding-left:75px; line-height:40px;}
.con-box.manager .header .number{line-height:61px; position:absolute; top:0; left:0; background:#9c9c9c; color:#fff; padding: 0 26px; font-size:16px;}
.con-box.manager .header .delete{line-height:40px; position:absolute; top:10px; right:15px; padding: 0 20px; font-size:16px; cursor:pointer;}
.con-box.manager .header select{vertical-align:top; float:left;}
.add{display:block; width:200px; margin:0 auto; text-align:center;  font-size:16px; letter-spacing:-0.06em;}
.terms_box{overflow:hidden; overflow-y:scroll; height:125px; padding:25px; background:#f9f9f9; border:1px solid #ccc;}
.terms_box li{padding-left:10px;text-indent:-0.5em;line-height:25px; color:#666; word-break:keep-all;}

/* 협력사 등록 결과 조회 - 20191106 세로타입 수정 */
.contable-container p.txt {margin:6px 0 40px; text-align:right;}
.contable.partner {margin:0;}
.contable.partner > tbody > tr > td {line-height:20px; color:#666; text-align:left; padding-left:24px;}
.contable.partner > tbody > tr > td.head {background-color:#f9f9f9; color:#222; font-size:15px;}
.contable.partner > tbody > tr > td.divide {border-top:2px solid #ccc;}
.contable.partner .modify {padding:0 15px; margin-left:10px; border:1px solid #666; color:#222; line-height:36px;}
.page-top-txt.partner {padding:30px; line-height:30px; margin-bottom:30px;}
.page-top-txt.partner p{padding-left:12px; background:url(../img/red_bullet.gif) no-repeat 0 14px; color:#666;}
.page-top-txt.partner ul {padding-top:10px;}
.page-top-txt.partner ul li {background:none; padding:0;}
.page-top-txt.partner ul li img {vertical-align:bottom;}
.page-top-txt.partner ul li span {padding-left:19px;}

/* 협력사 등록/조회 end
======================================================================================= */


/* 커뮤니티 start
======================================================================================= */

/* 공지사항 */
.notice {font-size:15px;}
.notice .search-box .checkBox{margin:10px 0;width:30%;}
.notice .search-box .search-box-wrap{width:715px;}
.notice .box-wrap{width:250px;}
.notice .contable td{line-height:48px; color:#666;}
.notice .contable td a{text-align:left;}
.notice .contable td:hover a{color:#cf152d;}
.notice .table_con td{line-height:40px; color:#666;}
.notice .table_con td.head{text-align:center; color:#222;}
.notice .detailCon{margin-top:30px; padding:20px 35px; min-height:300px; border:1px solid #ccc;  line-height:40px; color:#666; word-break:keep-all;}/* 20191015 수정 */
.notice .detailCon .bold{font-weight:500;}

/* 페이징 */
.pasing {text-align:center; margin:50px auto; color:#888;}
.pasing > div {display:inline-block;}
.pasing a {float:left; width:36px; height:36px; margin-left:-1px; border:1px solid #ccc;}
.pasing > div > a {text-indent:-9999em; background-repeat:no-repeat; background-position:50% 50%;}
.pasing > div > span {float:left; display:inline-block; font-size:0; line-height:0; margin:0 10px;}
.pasing span a {font-size:12px; line-height:34px; text-align:center; border-right:1px solid #ccc; margin-left:-1px;} 
.pasing span a.pageEnd {border-right:1px solid #ccc;}
.pasing .first {background-image:url(../img/pasing_first.png);}
.pasing .prev {background-image:url(../img/pasing_prev.png);}
.pasing .next {background-image:url(../img/pasing_next.png);}
.pasing .last {background-image:url(../img/pasing_last.png);}
.pasing span .now {background:#cf152d; color:#fff; border:1px solid #e62642;}
.pasing span a:hover {background:#cf152d; color:#fff; border:1px solid #e62642; text-align: center;}

/* FAQ */
.faq-list{margin:40px auto 50px; font-size:15px; border-top:2px solid #ccc; border-bottom:1px solid #ccc; color:#666;}
.faq-list dl dt{position:relative; background:url(../img/faq_open.png) 96% 50% no-repeat;}
.faq-list dl dt a:hover{font-weight:500;}
.faq-list dl dt a {text-align:left; display:block; line-height:60px; font-size:15px; border-bottom:1px solid #ccc;}
.faq-list dl dt a span{display:inline-block; float:left; width:90px; text-align:center;}
/*.faq-list dl dt a:after{position:absolute; right:0;}*/
.faq-list dl dd {display:none; background:#f9f9f9; padding:27px 90px 25px; line-height:28px;}
.faq-list dl dd span.point{position:absolute; left:40px; color:#cf152d;}
.faq-list dl dt.on{font-weight:500; background:url(../img/faq_close.png) 96% 50% no-repeat;}
.faq-list dl dd.on{display:block; border-bottom:1px solid #ccc; }


/* 커뮤니티 end
======================================================================================= */


/* Footer
========================================================================== */

.footer{margin:0 !important;border-top:1px solid #e5e5e5 !important; height:205px !important; width:100% !important;}
.inner{position:relative;width:1200px;margin:0 auto;}
.footer .inner{overflow:hidden !important; padding-bottom:50px;}
.footer h1{float:left !important;margin-top:61px !important;}
.footer .text_box{float:left !important; margin-top:30px !important;margin-left:70px !important;}
.footer .text01 span a{margin-right:30px !important; font-size:14px !important;color:#222 !important;}
.footer .text01 span:first-child a {color:#e0052a !important;}
.footer .text02{margin-top:20px !important; color:#888 !important; font-size:14px !important; line-height:20px !important;}
address{margin-top:10px !important;color:#888 !important;font-size:14px !important;line-height:20px !important; font-style:normal !important;}
.footer .familySite { position: absolute; right: 0; top: 30px; background: #fff; font-size: 14px; }
.footer .familySite button { color: #55565a; height: 36px; line-height: 34px; padding: 0 90px 0 15px; border: 1px solid #b3b2b1; position: relative; }
.footer .familySite button span { position: absolute; top: 0; right: 0; display: inline-block; width: 34px; height: 100%; border-left: 1px solid #b3b2b1; background: #f3f3f3; background:url(../img/fm_list_off.gif);}
.footer .familySite button.on span{background:url(../img/fm_list_on.gif);}

.footer .familySite ul {position: absolute; display:none; top:35px; left: 0; width: 100%; border-left: 1px solid #bbb; border-right: 1px solid #bbb;}
.footer .familySite ul.on{display:block;}
.footer .familySite ul li a {display:block; color:#55565a; height:36px; line-height:36px; padding:0 15px; border-top:1px solid #bbb; background:#fff; text-align:left;}
.footer .familySite ul li a:hover{background:#eee;}
.footer .familySite ul li:last-child a{border-bottom:1px solid #bbb;}

/*========================================================================== */

/* modal */
.effect-fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}
.effect-fade.effect-in {
	opacity: 1;
	filter: alpha(opacity=100);
}
.effect-toggle {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0,-25%);
	-ms-transform: translate(0,-25%);
	-o-transform: translate(0,-25%);
	transform: translate(0,-25%);
}
.effect-toggle.effect-in {
	-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
}
.modal {display: none; position: absolute; /*position: fixed; 기존 팝업 고정 코드*/ top: 0; left: 0; right: 0; bottom: 0; z-index: 9998;}
.modal.flexible {position: absolute;}
.modal-backdrop {position: fixed; top: 0; right: 0; bottom:0; left: 0; background-color: #000; opacity: 0;}
.modal-dialog {width:600px; margin: 300px auto;}
.modal-dialog.w-610 {width:610px;}
.modal-dialog.w-700 {width:700px;}
.modal-dialog.w-800 {width:800px;}

.modal-content {position: relative; background-color: #fff;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
 }
.modal-header {height:50px; border-bottom:1px solid #ddd; overflow:hidden;}
.modal-header .modal-close {float:right; padding:0; border:0; cursor:pointer;}/* 20191015 수정*/
.modal_close {margin:13px 5px 0 0; width: 31px; height: 50px; background: url('../img/pop_close.gif') no-repeat; }
.modal-title {margin:0; padding:0 0 0 15px; line-height:50px; font-size:16px; background-color:#f3f3f3; color:#444; font-weight:500;}
.modal-body {padding:30px; overflow:auto;}
.modal-body.center {text-align: center;}

.modal.is-active .modal-backdrop.effect-in {opacity: .5; filter: alpha(opacity=50);}
.modal .alert {padding: 30px;}
.modal .alert > p {color: #333; font-size: 16px;}


/* 20191030 메인 공지사항 팝업 추가 */

.notice.pop{width:100%; height:600px; letter-spacing:-0.02em;} 
.notice.pop .pop-body{padding:30px;}
.notice.pop .pop-body .detailCon{margin-bottom:40px;}
.notice.pop .pop-footer{position:fixed; width:100%; padding:10px 40px 10px 30px; right:0; bottom:0; background:#e6e6e6;}
.notice.pop .pop-footer .checkBox label{cursor:pointer;}
.notice.pop .pop-footer .modal-close{cursor:pointer; color:#000; font-size:14px;}
.notice.pop .pop-footer .modal-close:hover{color:#d3293f;}