@charset "utf-8";
/* 공통 */

.document-common {
    color: #555;
    /*margin-top:-20px;*/
    vertical-align: middle;
}

.document-common .unit {
    margin-bottom: 40px;
}

.document-common h4:before {
    content: "\e235";
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: -3px;
    top: 0;
    color: #4858a2;
}

.document-common h4 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 7px;
    color: #333;
    position: relative;
    padding-left: 13px;
}

.document-common h5 {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px;
    color: #444;
}

.document-common .text {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 170%;
}

.document-common .image {
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 10px;
}

.document-common ul.list {
    padding: 0;
    margin: 0;
}

.document-common ul.list li {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 160%;
    margin-bottom: 2px;
}

.document-common ul.list.bulit-hyphen li {
    padding-left: 10px;
}

.document-common ul.list.bulit-hyphen li:before {
    content: "";
    display: block;
    width: 4px;
    height: 1px;
    background: #333;
    position: absolute;
    left: 0;
    top: 9px;
}

.document-common table.table-bordered thead th {
    background: #fbfbfb;
    border-bottom: none;
}

.document-common .arrow {
    display: inline-block;
    width: 5px;
    height: 10px;
    background: url('../imgs/btn-arrow.png') no-repeat;
    margin-left: 14px;
    vertical-align: middle;
}

.document-common .btn-default {
    color: #fff;
    background-color: #a0a0a0 !important;
    border-color: #a0a0a0 !important;
}

.document-common .btn-group-xs>.btn,
.document-common .btn-xs {
    padding: 1px 10px;
}

.document-common .btn-orange {
    background-color: #ff6600 !important;
    border-color: #ff6600 !important;
}

.document-common .img {
    border: 1px solid #cccccc;
    padding: 10px;
}

.document-common .img-responsive {
    margin: 0 auto;
}

.document-common .box {
    text-align: center;
    padding: 5px 10px;
    margin: 15px 0;
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
}

/* 각 페이지별 커스텀 */

/* 배송대행 서비스란? + 구매대행 서비스란? : delivery_info.tpl, buying_info.tpl */

.document-common .info-process {
    padding: 0;
    margin: 10px 0 0;
}

.document-common .info-process li {
    border: 1px solid #e4e4e4;
    border-width: 1px 0;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 47px;
    list-style: none;
    background-repeat: no-repeat;
    background-position: 70px center;
    line-height: 150%;
    color: #666;
    font-size: 13px;
    padding-left: 200px;
}

.document-common .info-process li:first-child {
    margin-top: 0;
}

.document-common .info-process li .inner {
    padding: 25px 20px 25px 25px;
    border-left: 1px solid #e4e4e4;
}

.document-common .info-process li .inner h6 {
    color: #4858a2;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.document-common .info-process li:before {
    display: block;
    border-radius: 10px;
    background: #4c4c4b;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    position: absolute;
    padding-top: 1px;
    padding-left: 1px;
    font-size: 12px;
    font-weight: normal;
    left: 11px;
    top: 10px;
}

.document-common .info-process li:nth-of-type(1):before {
    content: "1";
}

.document-common .info-process li:nth-of-type(2):before {
    content: "2";
}

.document-common .info-process li:nth-of-type(3):before {
    content: "3";
}

.document-common .info-process li:nth-of-type(4):before {
    content: "4";
}

.document-common .info-process li:nth-of-type(5):before {
    content: "5";
}

.document-common .info-process li:nth-of-type(6):before {
    content: "6";
}

.document-common .info-process li:nth-of-type(7):before {
    content: "7";
}

.document-common .info-process li:nth-of-type(8):before {
    content: "8";
}

.document-common .info-process li:nth-of-type(9):before {
    content: "9";
}

.document-common .info-process li:nth-of-type(10):before {
    content: "10";
}

.document-common .info-process li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -26px;
    width: 100%;
    height: 5px;
    background: url("../imgs/delivery_info_arrow.png") no-repeat center center;
}

.document-common .info-process li:first-child:after {
    display: none;
}

@media(max-width:768px) {
    .document-common .info-process li {
        border-width: 1px;
        padding-left: 0;
        padding-top: 100px;
        background-position: center 20px;
    }
    .document-common .info-process li:before {
        left: 25px;
        top: 20px;
    }
    .document-common .info-process li .inner {
        border-left: none;
        padding-top: 10px;
        padding-bottom: 15px;
    }
}

/* 배송대행 info */

#document-delivery-info .title-box {
    margin-bottom: 30px;
}

#document-delivery-info .title {
    font-size: 30px;
    color: #555;
    font-weight: bold;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#document-delivery-info .title span {
    color: #4858a2;
}

#document-delivery-info .info-process li:nth-of-type(1) {
    background-image: url("../imgs/delivery_info_icon1.png");
}

#document-delivery-info .info-process li:nth-of-type(2) {
    background-image: url("../imgs/delivery_info_icon2.png");
}

#document-delivery-info .info-process li:nth-of-type(3) {
    background-image: url("../imgs/delivery_info_icon3.png");
}

#document-delivery-info .info-process li:nth-of-type(4) {
    background-image: url("../imgs/delivery_info_icon4.png");
}

#document-delivery-info .info-process li:nth-of-type(5) {
    background-image: url("../imgs/delivery_info_icon5.png");
}

#document-delivery-info .info-process li:nth-of-type(6) {
    background-image: url("../imgs/delivery_info_icon6.png");
}

#document-delivery-info .info-process li:nth-of-type(7) {
    background-image: url("../imgs/delivery_info_icon7.png");
}

#document-delivery-info .info-process li:nth-of-type(8) {
    background-image: url("../imgs/delivery_info_icon8.png");
}

#document-delivery-info .info-process li:nth-of-type(9) {
    background-image: url("../imgs/delivery_info_icon9.png");
}

#document-delivery-info .info-process li:nth-of-type(10) {
    background-image: url("../imgs/delivery_info_icon10.png");
}

/* 결제대행 info */

#document-buying-info .title-box {
    margin-bottom: 30px;
}

#document-buying-info .title {
    font-size: 30px;
    color: #555;
    font-weight: bold;
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#document-buying-info .title span {
    color: #4858a2;
}

#document-buying-info .info-process li:nth-of-type(1) {
    background-image: url("../imgs/buying_info_icon1.png");
}

#document-buying-info .info-process li:nth-of-type(2) {
    background-image: url("../imgs/buying_info_icon2.png");
}

#document-buying-info .info-process li:nth-of-type(3) {
    background-image: url("../imgs/buying_info_icon3.png");
}

#document-buying-info .info-process li:nth-of-type(4) {
    background-image: url("../imgs/buying_info_icon4.png");
}

#document-buying-info .info-process li:nth-of-type(5) {
    background-image: url("../imgs/buying_info_icon5.png");
}

#document-buying-info .info-process li:nth-of-type(6) {
    background-image: url("../imgs/buying_info_icon6.png");
}

#document-buying-info .info-process li:nth-of-type(7) {
    background-image: url("../imgs/buying_info_icon7.png");
}

#document-buying-info .info-process li:nth-of-type(8) {
    background-image: url("../imgs/buying_info_icon8.png");
}

#document-buying-info .info-process li:nth-of-type(9) {
    background-image: url("../imgs/buying_info_icon9.png");
}

#document-buying-info .info-process li:nth-of-type(10) {
    background-image: url("../imgs/buying_info_icon10.png");
}

#document-buying-info .caution {
    border: 1px solid #c00;
    background: #fbfbfb;
    padding: 20px;
    margin-top: 10px;
}

#document-buying-info .caution ol {
    padding-left: 17px;
    margin-bottom: 0;
}

#document-buying-info .caution ol li {
    margin-bottom: 10px;
    line-height: 160%;
}

#document-buying-info .caution ol li:last-child {
    margin-bottom: 0;
}

#document-buying-info .caution ol li .color-red {
    color: #c00;
}

/* 배송대행 신청방법 + 구매대행 신청방법 : delivery_step.tpl, buying_step.tpl */

.document-common .step-process {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.document-common .step-process li {
    padding-left: 17px;
    margin-bottom: 20px;
    line-height: 160%;
}

.document-common .step-process li .number {
    font-weight: bold;
    margin-left: -17px;
    float: left;
}

.document-common .step-process li.img {
    margin: 20px auto;
    border: 1px solid #d9d9d9;
}

.document-common .app .step-process li.img {
    padding-top: 50px;
    padding-bottom: 0;
}

.document-common .app .install-link {
    margin-left: -17px;
    margin-top: 10px;
}

.document-common .app .install-link a {
    width: 144px;
    margin-right: 20px;
    display: inline-block;
    text-align: center;
    color: #333;
}

.document-common .app .install-link a img {
    display: block;
    margin-bottom: 5px;
}

/* 배송대행 step */

#document-delivery-step .common-tab-menu li {
    width: 50%;
}

/* 결제대행 step */

#document-buying-step .common-tab-menu li {
    width: 33%;
}

#document-buying-step .common-tab-menu li:nth-of-type(2) {
    width: 34.3%;
}

/* 결제대행 수수료 */

#document-fee table th,
#document-fee table td {
    text-align: center;
}

#document-fee table th {
    font-weight: bold;
    background: #f9f9f9;
}

#document-fee table td:nth-of-type(1) {
    color: #4c62ac;
}

#document-fee table td:nth-of-type(2) {
    text-align: left;
    padding-left: 15px;
}

/* 원산지 표기 요금 */

#document-origin table th,
#document-origin table td {
    text-align: center;
}

#document-origin table th {
    font-weight: bold;
    background: #f9f9f9;
}

#document-origin table td .color-blue {
    color: #4c62ac;
}

#document-origin table td .color-red {
    color: #c33;
}

/* 관부가세 안내 */

#document-tax table th {
    background: #f9f9f9;
}

#document-tax table th,
#document-tax table td {
    text-align: center;
}

/* 사이즈 */

#document-size table {
    border-collapse: collapse;
    width: 100%;
}

#document-size table th,
#document-size table td {
    text-align: center;
}

#document-size table th {
    background: #f9f9f9;
}

@media (max-width:768px) {
    #document-size table th,
    #document-size table td {
        white-space: nowrap;
        height: 55px;
    }
    #document-size .table-fixed {
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        width: 120px;
        z-index: 10;
    }
    #document-size .table-fixed table th,
    #document-size .table-fixed table td {
        border-right: 2px solid #ea321a !important;
    }
    #document-size .table-scroll {
        overflow: scroll;
        overflow-y: hidden;
        margin-left: 120px;
    }
    #document-size .table-scroll table {
        border-left: none !important;
    }
    #document-size .table-scroll table th:first-child,
    #document-size .table-scroll table td:first-child {
        display: none;
    }
}

/* 부가서비스 */

#document-service table th,
#document-service table td {
    text-align: center;
}

#document-service table th {
    background: #fbfbfb;
}

/* 주소지 */

#document-address table td.address-bg {
    background: #fbfbfb;
}

@media (max-width:768px) {
    #document-address table th {
        display: none;
    }
}

/* 타오바오, 1688 */

#document-1688 h4,
#document-taobao h4 {
    margin-bottom: 20px;
}

/* 자동등록 */

#document-copy .common-tab-menu li {
    width: 33%;
}

#document-copy ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

#document-copy ol li {
    margin-bottom: 30px;
}

#document-copy ol li .number {
    margin-bottom: 10px;
    font-weight: bold;
}

#document-copy .copy-info-wrap {
    border: 2px solid #f8c2c2;
    padding: 20px;
}

#document-copy .copy-info-wrap h4 {
    font-size: 14px;
    color: #fff;
    background-color: #d12828;
    max-width: 130px;
    text-align: center;
    padding: 5px 10px;
}

#document-copy .copy-info-wrap h4:before {
    display: none;
}

#document-copy .caution {
    margin-top: 10px;
}

/* agency_kakao_addfriends 카카오 팝업 추가 2018.01.23 */

#agency_kakao_addfriends {
    padding: 15px;
}

#agency_kakao_addfriends h5 {
    border-bottom: 1px solid #555;
    margin-bottom: 10px;
    font-size: 16px;
}

#agency_kakao_addfriends .area-img {
    margin-bottom: 10px;
    text-align: center;
}

#agency_kakao_addfriends #kakao-mobile .area-img img {
    max-width: 360px;
    border: 1px solid #555;
}

#agency_kakao_addfriends #kakao-pc .area-img img {
    max-width: 230px;
    border: 1px solid #555;
}

#agency_kakao_addfriends .area-text {
    margin-bottom: 50px;
    font-size: 14px;
    font-weight: bold;
}

#agency_kakao_addfriends .area-text .color {
    color: #4c60ac;
}

#agency_kakao_addfriends .tab_default {
    border: none;
    padding: 0;
}

#agency_kakao_addfriends .tab_default .menu {
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
}

#agency_kakao_addfriends .menu:after {}

#agency_kakao_addfriends .menu li {
    width: 50%;
    margin: 0 0 0 -2px;
    border-radius: 0;
    outline: none;
}

#agency_kakao_addfriends .menu li a {
    display: block;
    width: 100%;
}

#agency_kakao_addfriends .tab_contents {
    padding: 20px 0;
}

#agency_kakao_addfriends img {
    display: inline-block
}