@charset "utf-8";


/* 모바일 시작 ------------------------------------------------------------------ */
.m_private {display: block;}
/*헤더*/
/*.headerOrigin {border-bottom: 4px solid #4c4c4c; padding-top: 18px;}
.headerOrigin h2 span {float:right; position: relative; font-size: 16px; top: 10px; }*/


/*안내글 이동*/
#main0 {padding: 20px 0 4px;}
#main0 > h3:first-child {display: none;}
#main0 .mTxt {color: #333; text-align: center; letter-spacing: -1px;}
#main0 .mTxt h3 {font-size: 28px; font-weight: 800; }
#main0 .mTxt p {font-weight: 600; font-size: 14px; line-height: 1.3em; color: #4c4c4c; }
#main0 .mTxt .mt {margin-top: 14px; word-break: keep-all;}
#main0 .mTxt p .fc {color: #ff9000;}

#main0 .mTxt p .bl {display: block;}

#main0 > ul {position: relative; display: block; margin: 12px auto; text-align: center;}

/* 수정 */
#main0 > ul li {display: inline-block; border-radius: 100px; 
  background: #505050; opacity: 0.88; color: #fff; font-weight: 600; text-align: center; padding: 11px 0; width: 33%; height: 52px; margin: 4px 0; font-size: 12px; margin-left: -5%; line-height: 1.3em;}
#main0 > ul li:first-child {margin-left: 0;}
#main0 > ul li:nth-child(2n-1) {background: #ff9000; opacity: 0.88;}


/*상세설명*/
.guide {margin: 0; padding: 0; padding-bottom: 25px;}
.guide > div {position: relative; margin-top: 10px;}
.guide > div:first-child, .guide > div:first-child + div {width: 100%; padding-left: 5px;}
.guide li {font-size: 13px; letter-spacing: -1px; color: #676767; line-height: 1.5em; word-break: keep-all; position: relative;}
.guide li h2 {position: relative; display: inline-block; font-size: 16px; left: 28px; letter-spacing: 0;}
.guide li:first-child span {position: absolute; display: block; top: 3px; width: 30px; height: 30px; background: url("http://img.onbiz.co.kr/onb_picto.png") no-repeat center -180px;}
.guide li:nth-child(2) {margin-top: 5px;}
.guide li.dot {padding-left: 10px; position: relative;}
.guide li.dot:after {content: "-"; display: inline-block; position: absolute; left: 0; top: 0;}

/*자주묻는 질문*/
.faq_btn {width:100%;height:42px;margin: 0px auto 0; text-align:center;border:1px solid #ddd; border-left: 0; border-right: 0; background:#FBF8F3;font-size:14px;color:#333;font-weight:600;position:relative;cursor:pointer;}
.faq_btn p {display:inline-block;height: 100%;line-height:42px;margin-right:3px;}
.faq_btn span {display:inline-block;font-size:10px;font-weight:800;position:absolute;top:17px;}



#main, #contents {position: relative; width: 100%; color: #333;}

#main {padding: 15px 0; margin: 0; border-bottom: 1px solid #ccc;}
#main .mTxt {text-align: center; line-height: 1.4em; font-size: 13px;} 
#main .mTxt span {color: #F52700;} 

/*콘텐츠*/
#contents > section {position: relative; width: 100%; left: 0px;}
#contents > section > h3 {font-size: 18px; padding: 15px 0px 10px; font-weight: 800;}
#contents > section:first-child > h3 {padding-top: 15px;}
#contents {padding: 0 5px;} 
/*임대상품선택*/
input[type="radio"].t_radio + span + label {margin-right: 4px;}
.term h3 span {position: relative; top: 6px; font-size: 13px; float: right; color: #444; font-weight: 400;}
.term .t-table-tit {position: relative; box-sizing: border-box; width: 100%; padding: 10px 13px; font-size: 15px; font-weight: bold; border: 1px solid #ccc; border-bottom: 0;} 
.term .t_table + .t-table-tit {margin-top: 25px;} 

.term .t_table {position: relative; width: 100%;}
.term .t_table li {display: table; width: 100%; height: auto; border: 1px solid #ccc; cursor: pointer;}
.term .t_table li {border-bottom: none;}
.term .t_table li.li-nth-1 {border-top: none;}
.term .t_table li:last-child {border-bottom: 1px solid #ccc;}
.term .t_table li.li-nth-4 .t_cell {padding-left: 0px;}

.term .table {position: relative; display: table-cell; width: auto; vertical-align: middle; border-left: 1px solid #ccc; letter-spacing: -1px; font-weight: 600;}
.term .table .t_cell {width: 100%; display: block; height: 50px; text-align: center;}
.term .table.d-nth-1 {width: 30%; font-size: 18px; border-left: none;}
.term .table.d-nth-3 {width: 47%; border-left: none;}
.term .table.d-nth-4 {width: 23%;}
.term .table.d-nth-1 .t_cell, 
.term .table.d-nth-3 .t_cell, 
.term .table.d-nth-4 .t_cell {height: auto; padding: 8px 0;}
.term .table.d-nth-1 .t_cell {background: none;}
.term .table.d-nth-3 del {/* display: block; */ font-size: 13px; color: #888; font-weight: 400; letter-spacing: 0;}
.term .table.d-nth-1 .t_cell, 
.term .table.d-nth-2 .t_cell, 
.term .table.d-nth-3 .t_cell, 
.term .table.d-nth-4 .t_cell 
{font-size: 16px;}
.term .table.d-nth-3 .sale {display: inline-block; position: relative; background: #f52700; color: #fff; font-size: 13px; padding: 2px 4px 3px; margin-left: 3px; top: -1px;}
.term .table.d-nth-3 .t_cell {font-weight: 600;}
.term .table.d-nth-3 .tc_price {display: block;}
.term .table.d-nth-3 .tc_price .tc_price_m {margin-left: 3px; font-size: 14px; font-weight: 600;}

/*클릭시*/
.term .t_table li.on {border: 2px solid #ff9000; width: 100%; margin-left: 0; background: #FFF5D2;}
.term .t_table li.on + li {border-top: none;}
.term .t_table li.li-nth-4.on {border-bottom: 2px solid #ff9000;}
.term .t_table li.on.li-nth-1 {width: 100%;}
.term .t_table li.on .table.d-nth-1 .t_cell {background: #fff5d2; color: #333;}
/* .term .t_table li.on .table:first-child .sale {display: none;} */
.term .t_table li.on .table.d-nth-3 {color: #f52700;}
.term .t_table li.on .table.d-nth-4 {color: #d32403;}
.term .t_table li.on .table.d-nth-3 .t_cell {font-weight: 800;} 

input[type="radio"].t_radio + span + label {position: relative; cursor: pointer; top: -8px; margin-right: 4px;}
input[type="radio"].t_radio + span {
  display: inline-block; cursor: pointer;  
  margin-right: 5px;
  position: relative; width: 30px; height: 30px;
  background: url("http://img.onbiz.co.kr/onb_picto.png") no-repeat center -88px;
}
input[type="radio"].t_radio + span.on {
  background: url("http://img.onbiz.co.kr/onb_picto.png") no-repeat center -118px;
}

/*임대상품선택 th등장*/
.term .t_th {position: relative; width: 100%; box-sizing: border-box; background: #ff9000; color: #fff; text-align: center; }
.term .t_th li {float: left; width: auto; border-left: 1px solid #fff; padding: 8px 0; font-size: 14px;}
.term .t_th li:first-child {width: 30%; border-left: none;}
.term .t_th li:first-child + li {width: 47%;}
.term .t_th li:first-child + li span {font-size: 12px;}
.term .t_th li:first-child + li + li {width: 23%; border-right: none;} 

.term .t_table li:last-child .table:first-child .t_cell input[type="radio"].t_radio + label {left: 5px;} 

/*예치금이란?*/
.term .t_table {margin-bottom: 5px;}

.term .ps, .term .ps2, .term .ps3{font-size: 14px; display: inline; letter-spacing: -1px; color: #444;}
.term .ps {margin-top: 20px;}
.term .ps span:first-child, .term .ps3 span:first-child {font-weight: 600; color: #222; margin-right: 5px;}
.term .ps span:first-child + span {color: #f52700;}
.term .ps2 {padding-left: 0px; margin-top: 3px;}
.term .ps2 span {position: relative; text-decoration: underline;}
.term .ps3 {display: block; text-align: left; }
.term .ps3 span:first-child {margin-right: 0;}

/* section[class^=option] h3 span {display: none;} */
.option .option-txt {margin-bottom: 6px; font-size: 12px; line-height: 18px; word-break: keep-all;}
.option > h3 + .option-txt {margin-bottom: 0;}
.option ul.clr + .option-txt {margin-top: 5px;}

section[class^=option] h3 .sm {font-weight: 400; font-size: 13px; letter-spacing: -1px;}
section[class^=option] ul {position: relative; width: 100%;}
section[class^=option] ul li, section[class^=option] ul li.on  {width: 100%;}
section[class^=option] ul li {display: table; position: relative; float:left; height: 55px; vertical-align: middle; border: 1px solid #ccc; color: #222; letter-spacing: -1px; margin-top: -1px;}
section[class^=option] ul li:first-child {margin-top: 0;}
section[class^=option] ul li.on {background: #FFF5D2; border: 2px solid #ff9000; z-index: 1;}

section[class^=option] ul li p {position: relative; display: table-cell; text-align: center; vertical-align: middle; color: #333;}
section[class^=option] ul li p:nth-child(1) {width: 13%;}
section[class^=option] ul li p:nth-child(2) {width: 57%; font-size: 15px; text-align: left;}
section[class^=option] ul li p:nth-child(2) span {display: block; font-size: 12.5px; text-align: left;}
section[class^=option] ul li p:nth-child(3) span {color: #f52700; margin-left: 3px;}
section[class^=option] ul li p:nth-child(3) .sm {color: #333; margin-left: 3px; display: block; font-size: 12px;}
section[class^=option] ul li p:nth-child(3):before {content: ""; position: absolute; top: 3px; left: 0; display: block; width: 1px; height: 50px; border-left: 1px dashed #999; }

section[class^=option] ul li p:first-child + li + li {width: 30%;}
section[class^=option] p {font-size: 13px; margin-top: 3px;}
/* section[class^=option] ul > p {font-size: 13px; margin-top: 5px;}  */

input[type="checkbox"].o_check {position: relative; width: 14px; height: 14px;}
input[type="checkbox"].o_check + span + label {position: relative; display: inline-block; font-size: 11px; text-align: left; font-size: 13px;}
input[type="checkbox"].o_check + span {
  display: inline-block; overflow: hidden;
  position: relative; top: 4px; right: 3px; width: 18px; height: 18px; cursor: pointer;
  border: 1px solid #a9a9a9; background: #eee;
}
input[type="checkbox"].o_check + span img {display: none;}
input[type="checkbox"].o_check + span.on {background-color: #ff9000; border-color: #ff9000;}
input[type="checkbox"].o_check + span.on img { display: block;
  position: relative; top: -102px; left: -2px; width: 20px; 
}

/*결제수단 선택 영역*/
#m_way h3 {padding: 8px; margin: 0; font-weight: 600; font-size: 16px; color: #555; background: #f5f5f5; border-top: 1px solid #ccc;}
#m_way input[type="radio"] + label:before {position: absolute; left: -9999px;}
#m_way li {position: relative; width: 50%; margin: 0 auto; height: 80px; display: table; border: 1px solid #ccc; margin-top: 14px;}
#m_way li.on {border-color: #ff9000; background: #fff5d2; font-weight: 600;}
#m_way input[type="radio"] + label {display: table-cell; top: 0; left: 0; width: 100%; height: 100%; text-align: center; vertical-align: middle;} 


/*이용약관*/
#contents .terms {padding: 10px 0; margin-top: 8px; border-top: 1px dashed #ddd; border-bottom: none;}
.terms ul li {clear: both; width: 100%; padding-left: 8px;}
.terms li a {font-size: 15px;}
.terms li a:hover {text-decoration: underline;}

input[type="checkbox"].ts_check {position: relative; width: 14px; height: 14px;}
input[type="checkbox"].ts_check + span + label {position: relative; display: inline-block; font-size: 11px; text-align: left; font-size: 13px;}
input[type="checkbox"].ts_check + span {
  display: inline-block; overflow: hidden;
  position: relative; top: 3px; margin-right: 8px; width: 16px; height: 16px; cursor: pointer;
  border: 1px solid #a9a9a9; background: #eee;
}
input[type="checkbox"].ts_check + span img {display: none;}
input[type="checkbox"].ts_check + span.on {background-color: #ff9000; border-color: #ff9000;}
input[type="checkbox"].ts_check + span.on img { display: block;
  position: relative; top: -92px; left: -2px; width: 18px; 
}

/*카드 혜택*/
.card {display: none;} 

/*결제하실 금액*/
.price {position: relative; width: 100%; top: 0; left: 0; margin-left: 0px; margin-top: 0px; letter-spacing: -1px; background: #fff; border-top: 1px solid #000;}

.container {border: none; padding: 0px 5px;}
.container h3 {font-size: 16px; padding: 10px 10px 10px 5px; border-bottom: 1px dashed #b3b3b3; font-weight: 600;}
.container > ul {padding: 0; border-bottom: 1px solid #b3b3b3;}
.container > ul li:before, .container > ul li:after {content: ""; display: block;}
.container > ul li:after {clear: both;}
.container > ul li {position: relative; margin: 0; border: none;}
.container > ul li.lt {border-bottom: none;}

.container > ul li p {display: inline-block; float: right; font-size: 13px; line-height: 2.5em;}
.container > ul li p + p {letter-spacing: 0px;}
.container > ul li p:first-child {float: left;}
.container > ul li p + p {float: right; text-align: right;}
.container > ul.p_term li.lt {padding-bottom: 0; top: -6px;}
.container > .p_term li.lt p + p {width: 190px; line-height: 1.5em;}
.container > .p_term li.lt span {display: block;}
.container > .p_term li p + p {letter-spacing: -1px;}

.container > ul li p + p span {display: inline-block;}
.container > ul li p + p span:first-child {margin-top: 6px;}

.container > .p_startDate {border: none; padding: 0; margin: 6px 0 2px; background: none;}
.container > .p_startDate li {margin: 0;}
.container > .p_startDate li label {display: inline; font-size: 13px; margin-bottom: 5px; color: #222; letter-spacing: 0; position: relative; top: 5px;}
.p_startDate label span {display: inline;}

.container .selectBox {float: right; position: relative; right: 0; display: inline-block; width: 170px;}
.container .selectBox .s_btn {background: #f9f9f9; font-size: 12px; text-indent: 10px;}
.selectBox i.calandar_icon {width: 17px;  height: 18px;  top: 6px;}
.selectBox i.calandar_icon img {position: absolute; width: 17px; left: 0px; top: 0px;}

.container > .p_price {border-bottom-color: #d2d2d2;}
.container > .p_price li:first-child {margin: 0; /* padding: 0 0 0 5px; */ border-bottom: 1px dashed #d2d2d2;}
/* .container > .p_price li:first-child p {font-size: 15px; font-weight: 600;} */
/* .p_price li.lt p + p {color: #f93500;} */

.container > .p_total {background: none; padding: 15px 0 13px; border-bottom: none;}
.container > .p_total li {padding-left: 5px;}
/* .container > .p_total li:first-child {border-bottom: none;} */
/* .container > .p_total li:first-child p {display: none;} */
.container > .p_total li:first-child span {position: absolute; top: -4px; left: 5px; font-weight: 600;}
.container > .p_total p:first-child {font-size: 16px; line-height: 2.2em; font-weight: 600;}
.container > .p_total li p + p, .container > .p_total li.lt p {font-size: 13px; color: #4c4c4c; float:right;}
.container > .p_total li.lt p {font-size: 22px;  color: #f93500; font-weight: 800; line-height: 1em; letter-spacing: 0; margin-top: -6px;}
.container > .p_total li.lt p span:first-child {display: block; font-size: 12px; margin-top: 3px; text-align: right; font-weight: 400; color: #4c4c4c; line-height: 1em;}

/*결제하기 버튼, 약관동의*/
#panel {margin: 8px 5px 50px;}
input[type="checkbox"]#agree + span + label {position: relative; display: inline-block; font-size: 11px; text-align: left; font-size: 13px; top: -2px;}
input[type="checkbox"]#agree + span {
  display: inline-block; overflow: hidden;
  position: relative; top: 2px; margin-right: 5px; margin-left: 4px; width: 16px; height: 16px; cursor: pointer;
  border: 1px solid #a9a9a9; background: #eee;
}
input[type="checkbox"]#agree + span img {display: none;}
input[type="checkbox"]#agree + span.on {background-color: #ff9000; border-color: #ff9000;}
input[type="checkbox"]#agree + span.on img { display: block;
  position: relative; top: -92px; left: -2px; width: 18px; 
}
#panel > p {position: relative; padding: 3px 22px; background-color: #fff; border: 1px solid #dedede; transition: all 1s;}
#panel > p i {position: relative; left: 0px; top: 2px; display: inline-block; float:right; overflow: hidden; width: 20px; height: 22px; cursor: pointer;}
#panel > p i img {position: relative; width: 74px; top: 0px; left: -35px;}
/* 가리기/보이기 */
#panel > p {padding: 6px 10px;}
#panel > p label {font-size: 16px; width: auto;}
#panel > p label:before {position: relative; top: 2px; margin-right: 5px;}
#panel .txtara {display: none; position: relative; top: -1px; height: 64px; resize: none; text-align: left; padding: 5px 2px; border: 1px solid #dedede; overflow-y: scroll; overflow-x: hidden; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
#panel .txtara li {padding: 0; font-size: 14px; font-weight: 400; line-height: 1.3em; text-indent: 14px;}
#panel .txtara .idt {text-indent: 0;}

.btn_wrap {padding: 0 5px;}
.p_btn {display: block; width: 100%; height: 50px; border-radius: 4px; text-align: center; font-size: 20px; color: #fff; background: #f62600; line-height: 2.6em; font-weight: 600;}
.p_btn + p {text-align: center; font-size: 15px; padding: 10px 0; color: #555;}
.p_btn + p span {color: #f62600;}
.ps3 {text-align: center; font-size: 15px; padding: 14px 0; color: #555;}
.ps3 span {color: #f62600;}

  

 @media all and (max-device-width: 320px){
  #m_way input[type="radio"] + label {font-size: 15px;}
  #main h3 {letter-spacing: -1px;}
  .term .table:first-child .t_cell, 
  .term .table:first-child + div .t_cell, 
  .term .table:first-child + div + div .t_cell, 
  .term .table:first-child + div + div + div .t_cell {font-size: 15px;}
} 


/*가상오피스 옵션선택*/
.table_new {
	width: 100%; margin-top: 10px;
	height: 150px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.table_new td {
	font-size: 14px;
	padding: 5px 0;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.table_new .wr_td {
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	background: #FFF5D2;
	padding: 8px 0 10px 3px;
}

.table_new .wr_td .s0 {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-top: 3px;
	color: #444;
}

.table_new .wr_td .red_txt {
	font-size: 14px;
	color: red;
	font-weight: 600;
	margin-left: 3px;
	
}

.table_new .wr_td02 {
	background: #f6f6f6;
}

.wr_td input[type="checkbox"].chk2 {position: relative; width: 14px; height: 14px;}
.wr_td input[type="checkbox"].chk2 + span + label {position: relative; display: inline-block; font-size: 11px; text-align: left; font-size: 13px;}
.wr_td input[type="checkbox"].chk2 + span {
  display: inline-block; overflow: hidden;
  position: relative; top: 3px; right: 0px; width: 16px; height: 16px; cursor: pointer; margin-left: -16px; 
  border: 1px solid #a9a9a9; background: #eee;
}
.wr_td input[type="checkbox"].chk2 + span img {display: none;}
.wr_td input[type="checkbox"].chk2 + span.on {background-color: #ff9000; border-color: #ff9000;}
.wr_td input[type="checkbox"].chk2 + span.on img { display: block;
  position: relative; top: -104px; left: -3px; width: 20px; 
}


/*컨텐츠영역*/
#contents h2 span {position: relative; top: 5px; display: inline-block; width: 18px; height: 18px; background-image: url("http://img.onbiz.co.kr/images/m/on_arrow.png"); background-repeat: no-repeat; background-size: 36px;}



/*단계 bar*/
.inf_bar {position: relative; width: 100%;}
.inf_bar li {position: relative; float:left; height: 34px; line-height: 34px; background-color: #F3F3F3; font-size: 12px; font-weight: 500; color: #4C4C4C; text-align: center; width: 33.3%; text-indent: 5px; box-sizing: border-box;}
/* .inf_bar .ib0 {font-weight: 700; width: 40%; font-size: 14px; text-align: left;} */
@media(max-width: 320px) {
  .inf_bar li { letter-spacing: -1px; }
}
.inf_bar .ib2 {background-color: #D0D0D0;}
.inf_bar .ib1, .inf_bar .ib3 {background-color: #E0E0E0;}
.inf_bar li.on {background-color: #5B5B59; color: #fff;}
.inf_bar li:after {z-index: 1; position:absolute; top: 0; right: -25px; content: ""; display: block;
border:17px solid transparent;  border-left-color: #e0e0e0; border-left-width: 8px;}
.inf_bar li.on:after {border-left-color: #5B5B59;}
.inf_bar .ib0:after {border-left-color: #f3f3f3;}
.inf_bar .ib2:after {border-left-color: #d0d0d0;}
.inf_bar .ib3:after {display: none;}

/* inf_bar */
.inf_bar {border: none; background: none;}
.inf_bar li {width: 33.33%;}
.inf_bar li:after {width: auto; height: auto; background: none;}


/* 171020 정보등록추가 */
/*정보등록*/
.container {position: relative; padding: 14px; background: #f9f9f9; border: 1px solid #ddd; margin-top:-1px;}
.c_form {position: relative;}
.c_form h3 {position: relative; font-size: 21px; line-height: 1.3em; text-align: center; font-size: 18px;}
.c_form h3 span {display: inline;}
.c_form ul {position: relative; margin: 14px auto; width: 100%; border-right: none;}
.c_form li {margin-top: 9px; color: #888;}
.c_form li:first-child {margin-top: 0px;}
.c_form li > label {display: inline-block; font-size: 15px; width: 28%; text-indent: 0px; color: #333;}
.c_form li > input {height: 30px; border: 1px solid #a9a9a9; text-indent: 15px; font-size: 15px;}
.c_form li > input:focus {color: #333; outline: none; border: 2px solid #ff9000;}

.c_form li > .equal + span {margin-left: 29%;}
.c_form li > label.cork {width: auto;}

.c_form li > input, .c_form .selectBox {width: 72%;}
.c_form .selectBox {display: inline-block;}
.c_form .select_wrap {position: relative; left: 0; font-size: 0;}
.c_form .select_wrap label {display: inline-block; width: 28%; text-align: left; font-size: 15px; vertical-align: middle;}
.c_form .select_wrap label > span {display: none;}
.c_form .d1 {position: relative; font-size: 13px; line-height: 1.3; word-break: keep-all; padding-left: 10px; font-weight: 600;}
.c_form .d1:after {position: absolute; content: "＊"; display: inline-block; left: 0; top: 0;}
/*다음단계 버튼*/
.btn_wrap2 {position: relative; font-size: 0; padding: 0 5px; margin: 15px auto 0; text-align: center;}
.btn_wrap2 a {display: inline-block; font-size: 20px; width: 49.5%; text-align: center; color: #fff; border-radius: 4px; height: 56px; line-height: 3em;}
.btn_wrap2 .a1 {background: #ff9000; }
.btn_wrap2 .a2 {margin-left: 1%; background: #FFC000;}

.btn_wrap {padding: 0 5px;}
.nBtn {position: relative; display: block; margin: 15px auto; width: 100%; height: 56px; background: #ff9000; color: #fff; font-size: 20px; font-weight: 700; border-radius: 4px; text-align: center; line-height: 3em;}
.nBtn i {position: absolute; left: 50%; margin-left: 100px; top: 50%; margin-top: -7px;    display: inline-block; overflow: hidden; width: 15px; height: 22px;}
.nBtn i img {position: relative; width: 74px; top: -32px; left: 0px;}
.b2 {background: #444;}
/* select 덮어 쓰기 */
.selectBox i.calandar_icon {position: absolute; display: inline-block; width: 20px; height: 20px; right: 10px; top: 5px; cursor: pointer; overflow: hidden; font-size: 0;}
.selectBox i.calandar_icon img {position: relative; left: 0px; width: 17px;}

/* 자주묻는 질문 FAQ추가  */
.faq {position: relative; width: 98%; margin:100px 0 auto; padding:0 10px 5px; border: 1px solid #ddd; background: #FBF8F3;}
.faq > h3 {font-size: 16px; color: #333; padding: 0 0 3px 0px; border-bottom: 3px solid #666;}
.faq .f_table {position: relative; height:312px; overflow:auto;}
.f_table > li {border-bottom: 1px solid #bdbdbd;}
.f_q, .f_a {position: relative; padding: 12px 5px 11px 22px; letter-spacing: -1px;}
.f_q {cursor: pointer; font-weight: 600; font-size: 15px; color: #363636;}
.f_a { display: none; color: #444; padding-top: 0; line-height: 1.4em; font-size: 14px; letter-spacing: -1px;}
.q_icon, .a_icon {position: absolute; display: inline-block; color: #ff9000; text-align: center; left: 2px; line-height: 1.3em; font-size: 18px; font-weight: 400; font-family: Helvetica, "NanumBarunGothic", "NanumGothic", sans-serif; }
.q_icon {top: 10px;}
.a_icon {/* background: #ff9000; */ color: #333; top: -1px;}

.f_a .link_btn {display: inline-block; letter-spacing: 0; padding: 5px 10px; color: #fff; border-radius: 2px;}
.f_a .link_btn.lb1 {background: #ff9000; margin-right: 5px;}
.f_a .link_btn.lb2 {background: #444;}
.f_a .link_btn .s1, .f_a .link_btn .s2 {display: block;}
.f_a .link_btn .s1 {font-size: 11px; height: 15px;}
.f_a .link_btn .s2 {font-size: 13px;}
.f_a .link_btn .s2 > span {position: relative; font-size: 10px; top: -1px; font-weight: 600;}
.f_a .mt {margin-top: 17px;}

.f_a .co_box {position: relative; margin: 10px 0 20px;}
.f_a .co_box > p {float: left; position: relative;}
.f_a .co_p1 img {width: 102%;}
.f_a .co_p2 {text-align: center; margin-top: 20px; margin-left: 20px;}
.f_a .co_p2 > a {display: block; width: 165px; height: 222px; background: url("http://img.onbiz.co.kr/contract_hover.png"); margin: 0 auto;}
.f_a .co_p2 > span {display: block; margin-top: 5px;}

/* 171020 팝업창추가 수연 */

#pop_wr {width:760px; height: 192px; margin:190px 350px; position:relative; z-index: 9999;}
#pop_wr .close {position:absolute; right: 15px; top: 15px;}
.layer-pop-bg {position: fixed; z-index: 11; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}

.i-x {position: absolute; right: 10px; top: 13px; width: 30px; height: 30px; display: block;}
.i-x:before, .i-x:after {content: ""; position: absolute; display: inline-block; width: 22px; height: 1px; background: #000; top: 12px; right: 0px;}

.i-x:before {-webkit-transform: rotate(45deg);
			 -ms-transform: rotate(45deg);
			 -o-transform: rotate(45deg);
			 transform: rotate(45deg);
			}

.i-x:after {-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg); 
			-o-transform: rotate(-45deg); 
			transform: rotate(-45deg); 
			}


.btn-payment-area{
    z-index: 10;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.btn-payment-area .btn-payment{
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 0;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #f62600;
    line-height: 2.6em;
    font-weight: 600;
}