@charset 'utf-8';

/*.step-menu { width:100%; margin:25px 0 31px; }
.step-menu:after { clear:both; content:''; display:block; overflow:hidden; height:0; font-size:0; line-height:0; }*/
.step-menu li {float:left; width: 24.7%; height: 90px; border-left: 1px solid #ccc; background-color: #989898;}
.step-menu li:first-child {border-left: none;}
.step-menu li.on {background-color: #72be23;}
.step-menu li.on span {color: #fff;}
.step-menu li div {padding: 20px 0 0 20px}
.step-menu li span {display: block; margin-bottom: 6px; font-size: 14px; color: #d0d0d0;}
.step-menu li p {font-size: 16px; color: #fff; line-height: 18px;}
/*설추가*/
.receipt-box {height:80px; padding:20px 25px 20px 25px; margin:10px 0 0 0; border:1px solid #d7d7d7; overflow-y:scroll;}
.receipt-box strong.info-title {display:block;font-weight:normal;font-size:14px;color:#1f75ba;margin-bottom:15px;}
.receipt-box strong.sub-title {display:block;font-size:12px;margin-bottom:10px;}
.receipt-radio {margin:10px 0;text-align:right;font-weight:bold;color:#333;}
.receipt-radio input {vertical-align:middle;}

table.common-online {width:100%; margin:17px 0 25px 0; padding:0; border-spacing:0px; border-collapse:collapse; border-top:3px solid #76b0df;}
table.common-online img {vertical-align:middle;}
/* 190107 (S) */
table.common-online td, table.common-online th {border-bottom:1px solid #ccc; color:#333;}
table.common-online th {padding:15px 0; border-right:1px solid #ccc;text-align:center;background:#f4f9fc;}
table.common-online td {padding:15px 10px; line-height: 18px;}
table.common-online td label {margin-right: 5px;}
table.common-online td .selectxt {display: block; margin-top: 8px; font-size: 12px;}
/* 190129 (S) */
table.common-online td input[type=radio] {margin: 0 3px 2px 0; vertical-align: middle;}
table.common-online td input[type=radio]:nth-child(2) {margin-left: 10px;}
/* //190129 (E) */
table.common-online input[type=text] {border:1px solid #d1d1d1;padding: 2px 5px;background:#f8f8f8;}
/* //190107 (E) */
table.common-online select {background:#f8f8f8;padding:2px 0;border:1px solid #d1d1d1;}
/* 190122 (S) */
/*table.common-online td.photo-area {width:190px;text-align:center;border-left:1px solid #ededed;background:#f8f8f8;vertical-align:top;padding:30px 0 0 0;}
table.common-online td.photo-area .my-photo { position:relative; width:100%; }
table.common-online td.photo-area .my-photo .ptoinner {display: inline-block; width: 150px; height: 180px; border: 1px solid #ccc; overflow: hidden;}
table.common-online td.photo-area .my-photo .photo-upload p {margin:10px; }
table.common-online td.photo-area .my-photo .photo-upload a { display:inline-block; }

table.basic-info th {width:150px;}
table.basic-info td.photo-area img.photo {width:158px;height:200px;border:1px solid #f8f8f8;margin:0 0 10px 0;}*/
/* //190122 (E) */
table.basic-info tr.phone input[type=text],table.basic-info tr.cellphone input[type=text],table.basic-info tr.address input[type=text] ,table.basic-info tr.phone select,table.basic-info tr.cellphone select,table.basic-info tr.address select {width: 20%;}
table.basic-info tr.email input[type=text] {width: 90%;}
table.basic-info tr.edu select
,table.basic-info tr.major select {width: 30%;}
table.basic-info tr.address2 input[type=text] {width: 90%;}
/* //190107 (E) */
/* 190130 (S) */
table.basic-info2 td {padding: 0 10px !important; height: 56px !important;}
/* //190130 (E) */

table.basic-confirm tr.test-part td,
table.basic-confirm tr.test-number td,
table.basic-confirm tr td.test-part
{color:#64ad14;font-weight:bold;}
table.basic-confirm th.choice {border-left:1px solid #ccc;}
table.basic-confirm th {width:150px;}

table.receipt-list-info {}
table.receipt-list-info th,
table.receipt-list-info td
{border:1px solid #ccc;text-align:center;padding:6px 0;}
table.receipt-list-info th {color:#676767;background:#f4f9fc;}
table.receipt-list-info td {color:#787878;}
table.receipt-list-info th.num {width:40px;}
table.receipt-list-info th.test-num {width:90px;}
table.receipt-list-info th.test-date {width:123px;}
table.receipt-list-info th.condition {width:87px;}
table.receipt-list-info th.print {width:75px;}
table.receipt-list-info th.refund {width:75px;}

/* 190130 (S) */
/*.table-wrap {position: relative; height: auto;}
.inquiry {height: 480px;}
.inquiry-detail {height: 340px;}
.inquiry-input {height: 520px;}*/
.inquiry-completion {height: auto;}
.inquiry .photo-area {height: 432px;}
.inquiry-detail .photo-area {height: 286px;}
.inquiry-input .photo-area {height: 458px; margin-top: 1px;}
.inquiry-completion .photo-area {height: 640px;}
.info-input .photo-area {height: 630px; margin-top: 1px;}
.reception-tb {width: 80% !important;}
/*.reception-tb td {padding: 0 10px !important; height: 56px;}*/
/* //190130 (E) */
.photo-area {float: right; width: 20%; height: 542px; margin: 17px 0 25px 0; border-top: 3px solid #76b0df; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align:center; background:#f8f8f8; vertical-align:top; padding:30px 0; box-sizing: border-box;}
/* //190129 (E) */
.photo-area .my-photo {position:relative; width:100%;}
/* 190130 (S) */
.photo-area .my-photo .ptoinner {display: block; width: 130px; height: 173px; margin: 0 auto 10px auto; border: 1px solid #ccc; overflow: hidden; box-sizing: border-box;}
/* //190130 (E) */
.photo-area .my-photo .ptoinner img {width: 100%;}
.photo-area .my-photo .loading-complete a {display: inline-block; margin-top: 5px; padding: 10px 15px;}
.photo-area .my-photo .photo-upload p {margin:10px; }
.photo-area .my-photo .photo-upload a { display:inline-block; }
.photo-area img.photo {width:158px;height:200px;border:1px solid #f8f8f8;margin:0 0 10px 0;}
/* 190129 (S) */
.nation {margin-left: 10px;}
/* //190129 (E) */
table.refund-online th {width:150px;}
table.refund-online input.bank {width:90px;}
table.refund-online input.bank-number {width:190px;}
table.refund-online input.bank-name {width:90px;}
table.refund-online tr.refund-reason input[type=text] {width:520px;}

div.txt-receipt {text-align:center;padding:30px 0;border:1px solid #d1d1d1;border-top:3px solid #76b0df;background:#f8f8f8;}

span.compulsory {color:#1f75ba;}

.btn-confirm-wrap {text-align:right;}
.btn-last-wrap {text-align:center;;margin:38px 0 0 0;}

div.refund-info {width:645px;height:243px;padding:25px 25px 0 32px;margin-bottom:40px;background:url(/images/online/bg_refund_info.gif) left top no-repeat;}
div.refund-info strong {display:block; padding:4px 0 5px 20px; font-size:12px; color:#444; background:url(/images/common/ico/bul_arrow.png) no-repeat left top;}
div.refund-info ul {margin:0 0 0 20px;font-size:11px;}
div.refund-info ul li {padding:0 0 0 10px;margin:3px 0;background:url(/images/common/ico/bul_blue_dot.gif) no-repeat left 4px;line-height:18px;}
div.refund-info ul li ul {margin:0 0 0 13px;}
div.refund-info ul li ul li {padding:0 0 0 10px;margin:3px 0;background:url(/images/common/ico/bul_hyphen.gif) no-repeat left 7px;}

/* 190107 (S) */
div.choice-box {margin-top: 14px; padding: 50px 20px; border:1px solid #d8d8d8; background:#f7f7f7; text-align: center;}
div.choice-box .txt-no-test {font-size: 20px;}
div.choice-box .btnRit {display: inline-block; margin-top: 30px; padding: 16px 30px; font-size: 16px;}
/*div.choice-box img.txt-no-test {position:absolute;left:193px;top:65px;}
div.choice-box img.btn-test-info {position:absolute;left:256px;top:108px;}*/
/*div.choice-box div.test-list-wrap {position:absolute;left:109px;top:70px;width:367px;}*/
/* //190107 (E) */
div.choice-box div.test-list-wrap ul {position:relative;width:356px;border:1px solid #ccc;margin:-10px 0 0 4px;background:#fff;z-index:10;}
div.choice-box div.test-list-wrap ul li {padding:8px 0 8px 18px;color:#676767;font-size:14px;}
div.choice-box div.test-list-wrap ul li.on {background:#f4f4f4;}
div.choice-box img.btn-test-apply {position:absolute;left:485px;top:70px;}

/* 등록사진 샘플보기 20130802 */
/* 190122 (S) */
.sample-viewer { display:none; position:absolute; left:-30px; top:-70px; border-top:8px solid #1f75ba; font-family:"Nanum Gothic", "nanumgothic"; text-align:left; background:#fff; z-index: 999;}
/* //190122 (E) */
.sample-viewer .inner-viewer {width:100%; border:1px solid #ccc; border-top-width:0; box-sizing: border-box;}
.sample-viewer .inner-viewer strong { display:block; padding:10px 15px;font-size:16px; color:#1f75ba; background:#f3f3f3; }
/* 190122 (S) */
.sample-viewer .inner-viewer .sample-photo {padding: 24px;}
.sample-viewer .inner-viewer .sample-photo .photo {width: 158px; margin: 0 auto; border:1px solid #ccc;}
/* //190122 (E) */
.sample-viewer .inner-viewer .sample-photo ol { margin-top:10px; }
.sample-viewer .inner-viewer .sample-photo ol li { overflow:hidden; width:100%; margin-top:3px; }
.sample-viewer .inner-viewer .sample-photo ol li:first-child { margin-top:0; }
/* 190107 (S) */
/*.sample-viewer .inner-viewer .sample-photo ol li span { float:left; width:12px; }*/
.sample-viewer .inner-viewer .sample-photo ol li p {display: inline; word-break: keep-all;}
.sample-viewer .inner-viewer .sample-photo .layer-close a {display: inline-block;}
/* //190107 (E) */
.sample-viewer .inner-viewer .sample-photo .layer-close { margin-top:10px; text-align:center; }

.ipin-certification { padding:27px 0 38px; border-bottom:1px solid #ccc; text-align:center; }
.name-certification { margin-top:10px; text-align:right; }

/* 190107 (S) */
p.selecBox select {width: 40%; height: 40px; border: 1px solid #ccc; font-size: 15px;} 

/* 190122 (S) */
@media all and (max-width: 1024px){
.photo-area {height: 558px;}
.inquiry .photo-area {height: 378px;}
.inquiry-input .photo-area {height: 404px;}
}
/* //190122 (E) */

@media all and (max-width: 768px){
p.selecBox select {width: 60%;}
/* 190122 (S) */
.sample-viewer {top: -100%; right: 25%; left: auto;}
/* 190129 (S) */
table.common-online {margin: 0;}
/* //190129 (E) */
table.common-online td.photo-area .my-photo .ptoinner {width: 70%; height: auto;}
.table-wrap {height: auto;}
/* 190130 (S) */
.inquiry-detail {margin-top: 30px;}
/* //190130 (E) */
/* 190129 (S) */
.inquiry-completion {border-bottom: none;}
.info-input .photo-area {height: auto;}
/* //190129 (E) */
.reception-tb {position: inherit; width: 100% !important;}
.photo-area {position: inherit; width: 100%; height: auto; border-left: none;}
.inquiry .photo-area,.inquiry-detail .photo-area,.inquiry-input .photo-area,.inquiry-completion .photo-area {height: auto;}
.loading-complete #preView {display: block !important; margin: 0 auto;}
/* //190122 (E) */
}

@media all and (max-width: 568px){
.step-menu li div {width: 75%; padding: 10px 0 0 10px;}
.step-menu li p {font-size: 14px; line-height: 17px;}
}

@media all and (max-width: 414px){
div.choice-box {margin-top: 0; padding: 30px 15px;}
div.choice-box .txt-no-test {font-size: 16px;}
div.choice-box .btnRit {font-size: 14px;}
p.selecBox select {width: 100%;}
.online-th {width: 20% !important;}
.online-pt {width: 30% !important;}
table.basic-info tr.phone select,table.basic-info tr.cellphone select,table.basic-info tr.address input[type=text] {width: 30%;}
table.basic-info tr.edu select, table.basic-info tr.major select {width: 50%;}
table.common-online td label {display: block; line-height: 25px;}
.pz-back .sample-viewer {right: 5%;}
/* 190122 (S) */
.sample-viewer {right: 10%; left: 10%;}
/* //190122 (E) */
/* 190129 (S) */
.nation {display: block; margin: 5px 0 0 0;}
/* //190129 (E) */
/* 190130 (S) */
.inquiry-detail .photo-area {margin-top: 10px;}
/* //190130 (E) */
}

@media all and (max-width: 360px){
.step-menu li div {padding: 10px 5px;}
.step-menu li p {font-size: 13px;}
}

@media all and (max-width: 320px){
table.basic-info tr.cellphone select {width: 34%;}
/* 190122 (S) */
table.basic-info tr.cellphone input[type=text] {width: 23%; margin-top: 5px;}
.sample-viewer {right: 5%; left: 5%;}
/* //190122 (E) */
}
/* //190107 (E) */