@charset "utf-8";

/*
  서브 승품단 심사 (header + container + footer)
*/




.box_white {position: relative;width: 942px;margin:54px auto 0;padding:0 0;border:1px solid #d5d7de;border-radius: 4px;background-color: #fff;
  -webkit-box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.12);
  -moz-box-shadow   : 5px 5px 15px 0 rgba(0,0,0,0.12);
  box-shadow        : 5px 5px 15px 0 rgba(0,0,0,0.12);
}

.img_card {display: block;width:227px;height:148px;background: url(../images/cs/img_card.png) 0 0 no-repeat;}
.btn_guide {color:#000; font-size:1rem; border-bottom:3px solid #dbdbdb; padding-right: 12px; position: relative;}
.btn_guide::before {width:6px;height:11px;background: url(../images/cs/img_sp_001.png) -300px -79px no-repeat;content:""; display: block; position: absolute; right: 0; top: calc(50% - 6px);}

.convert_list {display:table; width: 100%;}
.convert_list ul{display: table-cell; text-align: center;}
.convert_list ul li {display: inline-block; margin-left:13px;}
.convert_list ul li:first-child {margin-left:0;}

/* 서비스 선택 */
.cs_choice_type {display: table;width: 100%;}
.cs_choice_type ul {display: table-cell;text-align: center;}
.cs_choice_type li {margin:30px 0 0 25px; display:inline-block; text-align: center;}
.cs_choice_type li:nth-child(3n + 1){margin-left:0;}
.cs_choice_type li {display:inline-block;border: 1px solid #ddd; text-align:center; background-color:#fff; width:250px;}
.cs_choice_type li label {width:100%; position: relative;}
.cs_choice_type li label i{position: absolute; right: 20px; top: 20px;}
.cs_choice_type .tit {font-size:0.875rem; color:#333; font-weight:500; display:block;}
.cs_choice_type .price {font-size:0.875rem; color:#666; font-weight:500; display:block; margin-top:2px;}
.cs_choice_type .con {font-size:0.75rem; color:#666; display:block; margin-top:5px; margin-bottom:20px;}
.cs_choice_type .ch_1 {background: url(../images/cs/img_sp_001.png) 0 -124px no-repeat;}
.cs_choice_type .ch_2 {background: url(../images/cs/img_sp_001.png) -75px -124px no-repeat;}
.cs_choice_type .ch_3 {background: url(../images/cs/img_sp_001.png) -150px -124px no-repeat;}
.cs_choice_type .ch_4 {background: url(../images/cs/img_sp_001.png) -225px -124px no-repeat;}
.cs_choice_type .ch_5 {background: url(../images/cs/img_sp_001.png) -300px -124px no-repeat;}
.cs_choice_type .img {display: block;width:75px;height:67px;margin:20px auto 10px;}

/* 결제 방법 */
.payment_list {display: table;width: 100%;}
.payment_list ul {display: table-cell;text-align: center;}
.payment_list li {margin:30px 0 0 25px; display:inline-block; text-align: center;}
.payment_list li:first-child{margin-left:0;}
.payment_list li label {display:inline-block;border: 1px solid #333; text-align:center; background-color:#f7f7f7; padding:2px 2px 20px 2px; width:250px; min-height:150px; position: relative;}
.payment_list li label i{position: absolute; right: 20px; top: 20px;}
.payment_list .text {font-size:0.9375rem;}
.payment_list .img {display: block;width:80px;height:61px;margin:25px auto 15px;}
.payment_list .payment_card {background: url(../images/cs/img_payment.png) 0 -100px no-repeat;}
.payment_list .payment_oversea {background: url(../images/cs/img_payment.png) -100px -100px no-repeat;}
.payment_list .radio input[type="radio"]:checked + label .img {background-position-y: 0;}
.payment_list .radio input[type="radio"]:checked + label {padding:0 0 18px 0; border: 3px solid #243dbb;text-decoration:none;
  -webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.14);
  -moz-box-shadow   : 4px 4px 10px 0 rgba(0,0,0,0.14);
  box-shadow        : 4px 4px 10px 0 rgba(0,0,0,0.14);
}

/* step navi */
.step_navi {height:82px;background: url(../images/cs/bg_step_box.png) 0 0 no-repeat;border-radius:6px;-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.12);-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.12);box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.12);}
.step_navi.step1 {background-position: 0 0;}
.step_navi.step2 {background-position: 0 -100px;}
.step_navi.step3 {background-position: 0 -200px;}
.step_navi.step4 {background-position: 0 -300px;}
.step_navi ol:after {display: block;clear:both;content:"";}
.step_navi ol li {float: left;width:25%;padding:25px 0 0 40px;text-align:center;font-size: 1.250rem;color:rgba(40,40,40,.7);}
.step_navi ol li.active {color:#fff;}