@charset "UTF-8";

/* 리프린트 서비스 페이지 UI, 2022 */

/* common */
.reprint_wrap {padding-bottom:50px}
.reprint_wrap img {max-width:100%; vertical-align:top}
.reprint_wrap .blind {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:none; overflow:hidden; clip:rect(0 0 0 0); color:transparent}

.reprint_wrap .is-m {display:block}
.reprint_wrap .is-pc {display:none}

.reprint_wrap {font-size:14px; line-height:1.3; word-break:keep-all; word-wrap:break-word}
.reprint_inner {max-width:640px; margin:0 auto; box-sizing:border-box}
.reprint_tit_wrap {text-align:center}
.reprint_tit {display:inline-flex; align-items:center; justify-content:center; min-width:190px; height:40px; padding:0 10px 3px; border-radius:50rem; background:#000099; color:#fff; font-size:15px; line-height:1; white-space:nowrap}
.reprint_wrap .color-point {color:#ff0000}

/* contens */
.reprint_top {background:url('/images/reprint/m-bg-top.jpg') no-repeat center top/cover}

.reprint_info {background:#f3efef}
.reprint_info .reprint_inner {display:flex; justify-content:space-between; padding:45px 10px}
.reprint_info .img-area {flex:0 0 auto; width:115px}
.reprint_info .img-area img {box-shadow:1px 1px 3px rgba(0,0,0,.2)}
.reprint_info .txt-area {flex:0 0 auto; width:calc(100% - 130px)}
.reprint_info .txt-area strong {color:#0b109f; font-size:16px}
.reprint_info .txt-area p + p {margin-top:15px}

.reprint_product {margin-top:-20px; border-bottom:1px solid #000099}
.reprint_product .reprint_inner {padding:0 10px}
.reprint_product_list {padding:35px 0}
.reprint_product_list > li {position:relative}
.reprint_product_list > li + li {margin-top:35px}
.reprint_product_list dl {display:flex; align-items:flex-end}
.reprint_product_list dl > dt {flex:0 0 auto; width:100px; padding-bottom:77px; box-sizing:border-box}
.reprint_product_list dl > dt strong {display:block; font-size:15px}
.reprint_product_list dl > dt span {display:block; font-size:12px}
.reprint_product_list dl > dd {flex:0 0 auto; width:calc(100% - 100px)}
.reprint_product_list .product_cont {display:flex; justify-content:space-between}
.reprint_product_list .product_cont > [class^="type-"] {text-align:center}
.reprint_product_list .product_cont > .type-a4 {flex:0 0 auto; width:42%}
.reprint_product_list .product_cont > .type-a3 {flex:0 0 auto; width:55%}
.reprint_product_list .product_cont.product_img_area {align-items:flex-end}
.reprint_product_list .product_cont.product_txt_area {height:67px; margin-top:10px; padding:5px 0; font-size:13px; text-align:center; box-sizing:border-box}
.reprint_product_list .product_cont.product_txt_area::before {content:''; position:absolute; left:-10px; right:-10px; bottom:68px; height:1px; background:#bababa}

.reprint_apply {margin-top:-20px}
.reprint_apply .btn-area {margin-top:25px; text-align:center}
.reprint_apply .btn_default {display:inline-flex; align-items:center; justify-content:center; min-width:200px; height:40px; margin:5px; padding:0 5px; border:none; padding-bottom:2px; background:#5a5a5a; color:#fff; font-size:15px; font-weight:500; box-sizing:border-box; cursor:pointer; vertical-align:middle;}
.reprint_apply .btn_default.btn_pramary {background:#00bab3}
.reprint_apply .btn_apply_step::after {content:''; display:inline-block; width:0; height:0; position:relative; top:1px; margin-left:6px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:10px solid #fff}
.reprint_apply .btn_apply_step_prev::before {content:''; display:inline-block; width:0; height:0; position:relative; top:1px; margin-right:6px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:10px solid #fff}
.reprint_apply .btn_link {display:inline-flex; align-items:center; padding:2px 10px 1px; background:#5a5a5a; color:#fff;}

.form_ui {display:flex; align-items:center}
.form_ui > dt {flex:0 0 auto; width:65px; font-size:15px; font-weight:500}
.form_ui > dd {flex:0 0 auto; width:calc(100% - 90px)}
.form_ui .btn_default {min-width:80px; height:34px; margin:0 !important; padding-bottom:0; font-family:'NotoCJkr'}
.form_ui + .form_ui {margin-top:14px}
.form_ui.align_top {align-items:flex-start}
.form_ui.align_top > dt {padding-top:6px}

.reprint_apply .attach_file {position:relative; padding-right:85px}
.reprint_apply .attach_file .btn_file {position:absolute; top:0; right:0; width:80px; height:34px; background:#5a5a5a; color:#fff; overflow:hidden; cursor:pointer; text-align:center; line-height:34px}
.attach_file .btn_file input[type="file"] {position:absolute; top:0; right:0; width:180px; height:34px; opacity:0; filter:alpha(opacity=0); cursor:pointer}

.reprint_apply .radio {display:block; width:20px; height:20px; marign-left: 10px; line-height:1}
.reprint_apply .check {display:inline-block; width:22px; height:22px; line-height:1; border-radius:0}
.reprint_apply .form_check {display:inline-flex; align-items:center; margin-right:20px; font-size:15px; font-weight:500}
.reprint_apply .form_check .radio,
.reprint_apply .form_check .check {margin-right:6px}
.reprint_apply .form_check:last-child {margin-right:0}

.reprint_apply .form_check_ui .form_check {position:relative; font-family:'NotoCJkr'}
.reprint_apply .form_check_ui .form_check .check {position:absolute; top:0; right:0; width:0; height:0; overflow:hidden}
.reprint_apply .form_check_ui .form_check .check + label {display:inline-flex; align-items:flex-start; height:auto; background:none; color:#333; word-break:break-all}
.reprint_apply .form_check_ui .form_check .check + label::before {content:''; position:relative; top:-1px; flex:0 0 auto; display:inline-block; width:22px; height:22px; margin-right:6px; border:1px solid #7b7b7b; box-sizing:border-box; background:#fff}
.reprint_apply .form_check_ui .form_check .check:checked + label::before {border-color:transparent; background:url('https://members.hankyung.com/images/common/bg_checkBox.png') no-repeat 0 -22px}

.reprint_apply .inp_txt {display:block; width:100%; height:34px; padding:0 10px; border:1px solid #d6d6d6; background-color:#ebebeb; font-size:14px; line-height:34px; border-radius:0; box-sizing:border-box}
.reprint_apply .inp_txt:read-only,
.reprint_apply .inp_txt:disabled {background-color:#d0d0d0}
.reprint_apply .inp_txt_wrap {display:flex}
.reprint_apply .inp_txt_wrap * + * {margin-left:5px !important}
.reprint_apply .inp_txt_wrap + .inp_txt_wrap {margin-top:5px}
#wrapDaum {overflow-x:hidden; overflow-y:auto;}

.apply_step {display:flex; justify-content:space-between; margin:35px 0; padding:0 10px}
.apply_step > li {position:relative; flex:0 0 auto; width:calc(25% - 5px); padding:6px; border:1px solid #7b7b7b; border-radius:10px; box-sizing:border-box}
.apply_step > li dl {text-align:center; font-weight:500}
.apply_step > li dt {padding:6px 0 10px; border-bottom:1px solid #7b7b7b; color:#000099; font-size:12px}
.apply_step > li dd {display:flex; align-items:center; justify-content:center; height:60px; font-size:14px; box-sizing:border-box}
.apply_step > li.on {background:#dbf5ff}

.reprint_apply .step_tit {text-align:center}
.reprint_apply .step_tit dl {display:inline-flex; align-items:center; justify-content:center; height:40px; border-radius:50rem; border:1px solid #000099; color:#fff; font-size:13px; line-height:1; white-space:nowrap; overflow:hidden; font-weight:500}
.reprint_apply .step_tit dl dt {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:63px; height:100%; background:#000099}
.reprint_apply .step_tit dl dd {flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-width:130px; height:100%; background:#fff; color:#000099}
.reprint_apply .step_box {border:1px solid #7b7b7b; border-radius:10px; box-sizing:border-box}
.reprint_apply .step_box + .step_box {margin-top:25px}
.reprint_apply .step_tit + .step_box {margin-top:-20px}

.reprint_apply .step_area {padding:0 10px}
.reprint_apply .step_area + .step_area {margin-top:30px}

.reprint_apply .step_1 .step_box {padding:35px}
.reprint_apply .step_1 .check_type dt {margin-bottom:5px; padding:0 0 10px; border-bottom:1px solid #b5b5b5; text-align:center}
.reprint_apply .step_1 .check_type dt .name {display:block; font-size:18px}
.reprint_apply .step_1 .check_type dt .size {display:block; font-size:13px}
.reprint_apply .step_1 .check_type + .check_type {margin-top:35px}
.reprint_apply .step_1 .product_check_list > li {position:relative; padding:8px 35px 8px 0}
.reprint_apply .step_1 .product_check_list > li > label {display:flex; align-items: center; justify-content:space-between; font-size:15px; cursor: pointer;}
.reprint_apply .step_1 .product_check_list > li strong {margin-right: auto;}
/* .reprint_apply .step_1 .product_check_list > li .radio {position:absolute; top:6px; right:0} */

.reprint_apply .step_2 .step_box,
.reprint_apply .step_3 .step_box {padding:35px 25px 30px}
.reprint_apply .step_4 .step_box {padding:20px 25px}
.reprint_apply .step_4 .step_tit + .step_box {padding-top:35px}

.reprint_apply .step_box.step_agree {background:#dfdfdf}
.reprint_apply .step_box.step_agree .agree_box {height:140px; padding:10px; border:1px solid #dfdfdf; background:#fff; box-sizing:border-box; overflow:hidden; overflow-y:auto}
.reprint_apply .step_box.step_agree .form_check_ui {margin-top:20px}
.reprint_apply .step_box.step_agree .form_check_ui .form_check {align-items:flex-start}
.reprint_apply .step_box.step_agree .btn_link {margin-left:10px}

.reprint_apply.reprint_result {margin:0; padding-top:50px}
.reprint_result .reprint_inner {padding:0 10px}
.reprint_result .result_msg {margin-bottom:70px; color:#000099; font-size:24px; text-align:center;}
.reprint_result .step_box {padding:20px}
.reprint_result .result_cont {font-size:15px; line-height:1.5}
.reprint_result .bul_dot {margin-top:10px}
.reprint_result .bul_dot > li {position:relative; padding-left:10px}
.reprint_result .bul_dot > li::before {content:''; position:absolute; top:8px; left:0; width:2px; height:2px; background:#333}
.reprint_result .result_cont + .result_cont {margin-top:30px; padding-top:30px; border-top:1px solid #a7a7a7 }

@media screen and (max-width:979px) {
    .reprint_apply .btn-area.type-row {display:flex; justify-content:center; align-items:center; padding:0 10px}
    .reprint_apply .btn-area.type-row .btn_default {flex:0 0 auto; width:calc(50% - 10px); max-width:200px; min-width:unset}
    .reprint_apply .btn-area.type-row .btn_default:first-child {margin-left:0}
    .reprint_apply .btn-area.type-row .btn_default:last-child {margin-right:0}
    
    .reprint_apply .step_1 .product_check_list > li { padding: 8px 0; }
    .reprint_apply .step_1 .product_check_list > li .price { margin-right: 10px; }
}
/* for PC */
@media screen and (min-width:414px) {
    .apply_step > li dt {font-size:13px}
    .apply_step > li dd {font-size:15px}
}
@media screen and (min-width:641px) {
    .apply_step > li {width:calc(25% - 12px)}
    .apply_step > li::after {content:''; position:absolute; top:50%; right:-12px; width:10px; height:10px; border-top:2px solid #d2d4d5; border-right:2px solid #d2d4d5; transform:translateY(-50%) rotate(45deg)}
    .apply_step > li:last-child:after {display:none}
}
@media screen and (min-width:980px) {
    .reprint_wrap {padding-bottom:100px}
    .reprint_wrap .is-m {display:none}
    .reprint_wrap .is-pc {display:block}

    .reprint_inner {max-width:1100px; padding:0 70px}
    .reprint_tit {min-width:450px; height:100px; font-size:36px}

    .reprint_top {background-image:url('/images/reprint/bg-top.jpg'); background-size:auto}
    .reprint_info .reprint_inner {padding:110px 70px 195px}
    .reprint_info .img-area {width:284px}
    .reprint_info .img-area img {box-shadow:1px 1px 5px rgba(0,0,0,.1)}
    .reprint_info .txt-area {width:calc(100% - 330px); padding-top:20px}
    .reprint_info .txt-area strong {font-size:36px}
    .reprint_info .txt-area p {font-size:24px}
    .reprint_info .txt-area p + p {margin-top:35px}

    .reprint_product {margin-top:-50px; border-bottom-width:2px}
    .reprint_product .reprint_inner {padding:0 70px}
    .reprint_product_list {padding:80px 0 150px}
    .reprint_product_list > li + li {margin-top:95px}

    .reprint_product_list dl > dt {width:295px; padding-bottom:145px}
    .reprint_product_list dl > dt strong {font-size:36px}
    .reprint_product_list dl > dt span {font-size:24px}
    .reprint_product_list dl > dd {width:calc(100% - 295px)}
    .reprint_product_list .product_cont > .type-a4 {width:279px}
    .reprint_product_list .product_cont > .type-a3 {width:361px}
    .reprint_product_list .product_cont.product_txt_area {height:127px; margin-top:25px; padding:15px 0; font-size:24px}
    .reprint_product_list .product_cont.product_txt_area::before {bottom:128px}

    .reprint_apply {margin-top:-50px}
    .reprint_apply .btn-area {margin-top:80px}
    .reprint_apply .btn_default {min-width:320px; height:60px; margin:10px; padding-bottom:3px; font-size:1.5rem}
    .reprint_apply .btn_apply_step::after {margin-left:15px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:15px solid #fff}

    .form_ui > dt {width:170px; font-size:22px}
    .form_ui > dd {width:calc(100% - 170px); font-size:16px}
    .form_ui .btn_default {min-width:100px; height:42px; padding-bottom:0; font-size:15px; line-height:42px}
    .form_ui + .form_ui {margin-top:18px}

    .form_ui.type_line {margin-top:25px; padding-top:25px; border-top:1px solid #a7a7a7}

    .reprint_apply .attach_file {padding-right:110px}
    .reprint_apply .attach_file .btn_file {width:100px; height:42px; font-size:15px; line-height:42px}
    .attach_file .btn_file input[type="file"] {width:200px; height:42px}

    .reprint_apply .inp_txt {height:42px; font-size:15px; line-height:42px}
    .reprint_apply .inp_txt_wrap * + * {margin-left:10px !important}
    .reprint_apply .inp_txt_wrap + .inp_txt_wrap {margin-top:10px}
    .reprint_apply .radio {width:22px; height:22px; margin-left: 10px; cursor: pointer;}
    .reprint_apply .form_check {font-size:18px}

    .apply_step {margin:80px 0}
    .apply_step > li {width:calc(25% - 20px); padding:9px}
    .apply_step > li dt {padding:16px 0 20px; font-size:18px}
    .apply_step > li dd {height:95px; padding:10px; font-size:20px}
    .apply_step > li::after {right:-19px; width:15px; height:15px}

    .reprint_apply .step_tit dl {height:100px; font-size:30px}
    .reprint_apply .step_tit dl dt {width:150px}
    .reprint_apply .step_tit dl dd {min-width:300px}
    .reprint_apply .step_tit + .step_box {margin-top:-50px}

    .reprint_apply .step_1 .step_box {display:flex; justify-content:space-between; padding:70px 70px 35px}
    .reprint_apply .step_1 .check_type {flex:0 0 auto; width:calc(50% - 20px)}
    .reprint_apply .step_1 .check_type + .check_type {margin-top:0}

    .reprint_apply .step_2 .step_box,
    .reprint_apply .step_3 .step_box {padding:90px 35px 35px}
    .reprint_apply .step_4 .step_box {padding:35px}
    .reprint_apply .step_4 .step_tit + .step_box {padding-top:70px}

    .reprint_apply .step_box.step_agree .agree_box {height:170px}

    .reprint_apply.reprint_result {margin:0; padding-top:100px}
    .reprint_result .reprint_inner {padding:0}
    .reprint_result .result_msg {margin-bottom:130px; font-size:50px}
    .reprint_result .step_box {padding:30px 70px}
    .reprint_result .result_cont {font-size:20px}
    .reprint_result .bul_dot > li::before {top:10px}

}
@media screen and (min-width:1100px) {
    .reprint_apply .step_area {margin:0 -70px; padding:0}
    .reprint_apply .step_1 .check_type {flex:0 0 auto; width:calc(50% - 45px)}
}
@media screen and (min-width:1827px) {
    .reprint_top {background-image:url('/images/reprint/bg-top2.jpg'); background-size:cover}
}