/*@import url("/inc/external/selectbox/jquery.selectBox.css");*/
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

.w720 {
    width: 720px;
    max-width: 100%;
    margin: 0 auto;
}

.layer_overlay {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 3000;
    opacity: 1;
    /*padding-top: 5%;*/
    background-color: rgba(78, 84, 88, 0.8);
    overflow-y: auto;
}

.overlay_order {
    z-index: 10000;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #222;
    background-color: rgba(11, 14, 26, 0.5);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    padding: 40px 0;
    z-index: 10010;
}

.overlay_order.show {
    display: block;
}

.write_popup {
    z-index: 3000;
}

.write_popup .layer_product_content {
    background-color: #FFF;
    position: relative;
    /*top:-67px;*/
    top: 10px;
}

.write_popup .layer_content {
    padding: 43px 28px 27px;
    border: 1px solid #dddddd;
    /* position: relative; */
}

.write_popup .layer_header {
    text-align: center;
    font-size: 21px;
    color: #eeeeee;
    background-color: #222222;
    height: 68px;
    line-height: 68px;
}

.write_popup .layer_header h2 {
    font-size: 21px;
}


/* common */

.write_popup .btn_comm {
    background-color: #5983bd;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
}

.write_popup .tf_comm {
    height: 30px;
    border: 1px solid #E1E1E1;
    padding: 0 10px;
    line-height: 30px;
}

.write_popup .ta_comm {
    border: 1px solid #E1E1E1;
    padding: 0 10px;
    line-height: 30px;
    resize: none;
}


/* board_write_main :start */

.write_popup .board_write_main {
    border-top: 1px solid #8F8F8F;
    border-bottom: 1px solid #8F8F8F;
}

.write_popup .board_write_main dd .txt_placeholder {
    display: none;
}

.write_popup .board_write_main span.form_error {
    font-size: 12px;
    color: #ff5d5d;
    margin: 5px;
}

.write_popup .tf_comm.form_error {
    border: 1px solid #ff5d5d;
    margin: 0;
}

.write_popup .board_write_main {
    width: 100%;
}

.write_popup .board_write_main dl {
    padding: 10px 0px 9px 24px;
    border-bottom: 1px solid #EFEFEF;
    color: #434343;
    font-size: 13px;
}

.write_popup .board_write_main,
.write_popup .board_write_main dd {
    display: inline-block;
}

.write_popup .board_write_main dt {
    display: inline-block;
    width: 25%;
    color: #434343;
    font-weight: bold;
}

.write_popup .board_write_main dt .txt_pwd,
.write_popup .board_write_main dt .txt_subject {
    position: absolute;
    top: 17px;
}

.write_popup .board_write_main dt .txt_contents {
    position: absolute;
    top: 22px;
}

.write_popup .board_write_main dd {
    width: 74%;
    vertical-align: middle;
    position: relative;
}

.write_popup .board_write_main dd .text_red {
    color: #ff5d5d;
}

.write_popup .box_name input.tf_name,
.write_popup .box_pwd input.tf_pwd {
    width: 40%;
}

.write_popup .box_email input.tf_email,
.write_popup .box_phone input.tf_phone,
.write_popup .box_homepage input.tf_homepage,
.write_popup .box_mobile input.tf_mobile {
    width: 40%;
}

.write_popup .box_homepage input.tf_homepage {
    padding-left: 45px;
}

.write_popup .txt_protocol {
    position: absolute;
    top: 5px;
    left: 5px;
}

.write_popup .box_subject input.tf_subject {
    width: 71%;
    display: inline-block;
}

.write_popup dl.box_contents {
    border-bottom: 0;
}

.write_popup .box_contents textarea.ta_content {
    width: 95%;
    height: 160px;
    display: inline-block;
}

.write_popup .wrap_subject {
    width: 95%;
    display: inline-block;
}

.write_popup .board_write_main .wrap_subject .form_error {
    display: block;
    margin-left: 0;
}

.write_popup .box_inp_autostop .txt_placeholder {
    position: absolute;
    top: 7px;
    left: 5px;
    font-size: 12px;
    color: #8f8f8f;
}

/* board_write_main :end */


/* Popup Edit Address : start */

.address_edit_main .row_box {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}

.address_edit_main .row_box:before, .address_edit_main .row_box:after {
    content: " ";
    display: block;
    line-height: 0;
}

.address_edit_main .row_box:after {
    clear: both;
}

.address_edit_main .row_box .tf_date {
    width: 70px;
}

.address_edit_main .row_box .bcol {
    width: 100%;
    float: left;
    padding-left: 3px;
    padding-right: 3px;
}

.address_edit_main .row_box .bcol.w50p {
    width: 50%;
}

.address_edit_main .row_box .tf_expand {
    width: 100%;
}

/* Popup Edit Address : end */


/* button footer : start */

.write_popup .box_btn {
    width: 100%;
    text-align: right;
    margin-top: 20px;
    padding-right: 7%;
}

.write_popup .btn_apply {
    width: 100px;
    height: 35px;
    font-size: 16px;
}

.write_popup .btn_cancel {
    margin-left: 10px;
    width: 100px;
    height: 35px;
    font-size: 16px;
    background-color: #8F8F8F;
}

/* button footer : end */


/* design checkbox : start */

.write_popup .design_checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    z-index: 10;
    background: url(../images/check_inactive.png) 0 0 no-repeat;
}

.write_popup .design_checkbox input {
    display: none;
}

.write_popup .design_checkbox.active {
    background: url(../images/check_active.png) 0 0 no-repeat;
}

.write_popup .design_checkbox span {
    margin-left: 20px;
}

.write_popup .design_checkbox.inp_reply_email,
.write_popup .design_checkbox.inp_comment_email,
.write_popup .design_checkbox.inp_reply_mobile {
    width: 110px;
    height: 20px;
    margin-left: 10px;
    position: relative;
    top: 10px;
}

.write_popup .design_checkbox.inp_sms_opt {
    width: 45%;
    margin-left: 10px;
}


/*CANCEL_ORDER_POPUP START*/

.cancel_order_popup .layer_product_content {
    background: #fff;
}

.cancel_order_popup .layer_header {
    text-align: center;
    font-size: 21px;
    color: #eeeeee;
    background-color: #222222;
    height: 68px;
    line-height: 68px;
}

.cancel_order_popup .layer_header h2 {
    font-size: 21px;
}

.cancel_order_popup .layer_content {
    padding: 21px 28px 27px;
    border: 1px solid #dddddd;
}

.cancel_order_popup dl {
    overflow: hidden;
    margin-bottom: 12px;
}

.cancel_order_popup dl dt, .cancel_order_popup dl dd {
    float: left;
}

.cancel_order_popup dl dt {
    /* width: 120px;*/
    width: 25%;
    font-weight: bold;
    font-size: 13px;
}

.cancel_order_popup dl dd {
    width: 75%;
}

.cancel_order_popup .box_btn {
    overflow: hidden;
    margin-top: 20px;
}

.cancel_order_popup .btn_confirm, .cancel_order_popup .btn_cancel {
    width: 48%;
    height: 60px;
    font-size: 14px;
    border-radius: 0;
    float: right;
}

.cancel_order_popup .btn_confirm {
    background-color: #222;
    border: 1px solid #222;
    color: #fff;
    float: left;
}

.cancel_order_popup .btn_cancel {
    background-color: #f6f6f6;
    border: 1px solid #e2e2e2;
    color: #9c9c9c;
}

.cancel_order_popup .tf_comm {
    height: 30px;
    border: 1px solid #E1E1E1;
    padding: 0 10px;
    line-height: 30px;
    width: 75%;
}

.cancel_order_popup .tf_select {
    height: 30px;
    border: 1px solid #E1E1E1;
    padding: 0 10px;
    line-height: 30px;
}

.cancel_order_popup .box_subject .selectBox-dropdown .selectBox-label{
    height: 30px !important;
    line-height: 30px!important;
}

.w720 .essential_subject {
    position: absolute;
    right: 28px;
    top: 90px;
    color: #ff5d5d;
}

.w720 .essential_subject:before {
    content: '*';
    position: absolute;
    /*top:2px;*/
    top: 0px;
    left: -7px;
    font-size: 15px;
    font-weight: bold;
}

.board_write_main .box_name {
    position: relative;
}

.board_write_main .box_name:before {
    content: '*';
    position: absolute;
    top: 16px;
    left: 13px;
    font-size: 15px;
    font-weight: bold;
    color: #ff5d5d;
}

.board_write_main .box_pwd {
    position: relative;
}

.board_write_main .box_pwd:before {
    content: '*';
    position: absolute;
    top: 16px;
    left: 13px;
    font-size: 15px;
    font-weight: bold;
    color: #ff5d5d;
}

.board_write_main .box_subject {
    position: relative;
}

.board_write_main .box_subject:before {
    content: '*';
    position: absolute;
    top: 16px;
    left: 13px;
    font-size: 15px;
    font-weight: bold;
    color: #ff5d5d;
}

.board_write_main .box_contents {
    position: relative;
}

.board_write_main .box_contents:before {
    content: '*';
    position: absolute;
    top: 21px;
    left: 13px;
    font-size: 15px;
    font-weight: bold;
    color: #ff5d5d;
}

.board_write_main .txt_contents {
    position: relative;
    top: -60px;
}

.agreement {
    /*height:167px;*/
    /*background-color:#f8f8f8;
    padding:9px 24px;*/
}

.write_popup .design_checkbox.inp_agreement {
    width: 100%;
    height: 20px;
    margin-top: 20px;
}

.write_popup .design_checkbox.inp_agreement span {
    color: #000;
}

.agreement_box {
    width: 100%;
    height: 119px;
    background-color: #fff;
    overflow-y: auto;
    padding: 17px 18px;
    font-size: 11px;
    border: 1px solid #ccc;
    white-space: pre-line;
    line-height: 22px;
}

.agreement_box li {
    margin-top: 15px;
}

.agreement_box li:first-child {
    margin-top: 0px;
}

.agreement_box dt {
    font-weight: bold;
}

.agreement_box dd {
    margin-top: 10px;
    line-height: 20px;
}


/* �������� ���� ��ħ */

.agreement .person_info {
    text-align: center;
    border: 1px solid #c1c1c1;
    margin: 10px 0;
}

.agreement .person_info dd .tbl_tit {
    display: table;
    width: 100%;
}

.agreement .person_info dd .tbl_txt {
    display: table;
    width: 100%;
}

.agreement .person_info dd .tbl_txt .txt_left {
    text-align: left;
}

.agreement .person_info dd .tbl_tit div {
    display: table-cell;
    padding: 15px 0;
    font-size: 13px;
    font-weight: bold;
    color: #3365a9;
}

.agreement .person_info dd .tbl_txt div {
    display: table-cell;
    padding: 15px;
    font-size: 12px;
    color: #434343;
    border-top: 1px solid #c1c1c1;
    line-height: 1.7em;
}

.w15p {
    width: 15%;
    font-weight: bold;
}

.w27p {
    width: 27%;
    border-left: 1px solid #c1c1c1;
}

.pc_hidden {
    display: none;
}

.mo_hidden {
    display: block;
}

.agreement_txt {
    font-size: 12px;
    font-weight: bold;
    color: #444;
}

/*CANCEL_ORDER_POPUP END*/


/* Combobox */

/*mobile*/

@media (max-width: 768px) {

    .write_popup {
        padding-top: 0;
        overflow-y: auto;
        height: 100%;
    }

    .write_popup .board_write_main dl {
        padding: 10px 0px 9px;
    }

    .write_popup .board_write_main dd {
        width: 72%;
    }

    .write_popup .layer_content {
        padding: 23px 10px 27px;
    }

    .write_popup .box_name input.tf_name,
    .write_popup .box_pwd input.tf_pwd,
    .write_popup .box_email input.tf_email,
    .write_popup .box_phone input.tf_phone,
    .write_popup .box_homepage input.tf_homepage,
    .write_popup .box_subject input.tf_subject,
    .write_popup .design_checkbox.inp_reply_email,
    .write_popup .design_checkbox.inp_comment_email,
    .write_popup .wrap_subject,
    .write_popup .box_contents textarea.ta_content {
        width: 100%;
    }

    .write_popup .design_checkbox.inp_reply_email {
        margin-top: 10px;
        margin-left: 0px;
    }

    .overlay_order {
        padding: 0;
    }

    .overlay_order .write_popup .layer_product_content {
        height: 100%;
    }

    .overlay_order .write_popup .layer_product_content .layer_content {
        border: 0;
    }

    .overlay_order .address_edit_main .row_box {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .overlay_order .address_edit_main .row_box .bcol {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .expand-xs {
        width: 100% !important;
    }

    .w720 .essential_subject {
        position: absolute;
        right: 10px;
        top: 72px;
    }

    .write_popup .design_checkbox.inp_reply_email,
    .write_popup .design_checkbox.inp_comment_email {
        width: 80px;
        height: 20px;
        margin-left: 0px;
        position: relative;
        top: 0px;
    }

    
    /* 2016.07.23 ����*/

    .write_popup .board_write_main dt {
        padding-left: 25px;
    }

    .write_popup .txt_subject {
        position: relative;
        top: -14px;
    }

    .write_popup .layer_product_content {
        background-color: #FFF;
        position: relative;
        top: 0px;
    }

    
    /* �������� ������ */

    .pc_hidden {
        display: block;
    }

    .mo_hidden {
        display: none;
    }

    .w25p {
        width: 25%;
    }

    .w75p {
        width: 75%;
        border-left: 1px solid #c1c1c1;
    }

    .agreement .person_info dd .tbl_tit div.txt_left {
        font-size: 12px;
        color: #434343;
        text-align: left;
    }

    .agreement .person_info dd .tbl_tit div {
        padding: 10px;
        text-align: left;
    }

    .agreement .person_info dd .tbl_tit {
        border-top: 1px solid #c1c1c1;
    }

    .agreement .person_info dd .tbl_tit:first-child {
        border-top: 0;
    }

    
    /*CANCEL_ORDER_POPUP*/

    .cancel_order_popup dl dt{
        width:40%;
    }

    .cancel_order_popup dl dd{
        width:60%;
    }

    .cancel_order_popup .tf_comm{
        width:100%;
    }

    .cancel_order_popup .selectBox-dropdown{
        border:0;
        vertical-align:top;
    }

    .cancel_order_popup .box_subject .selectBox-dropdown .selectBox-label{
        height: 28px !important;
        line-height: 28px !important;
    }

}

/*# sourceMappingURL=popup.css.map */