/* 전자계약서 */
#contract_layer{background-color:#FFF;}
#contract_layer .inner{color:#000;background-color:#FFF;}
body > .title, body > .contract_table{color:#000;background-color:#FFF;}
body > .contract_table .form_table{color:#000;background-color:var(--color-gray1);}
body > .contract_table .form_table .item.thead{color:#000;}
#contract_layer .inner .title{color:#000;}
#contract_layer .inner .close:after{color:#000;}
#contract_layer .inner .btn_wrap{padding:30px 0;}
#contract_layer .form_table{color:#000;background-color:#FFF;}
#contract_layer .form_table.contract_table > .row > .item:not(.thead){width:100%;max-width:1000px;height:calc(100vh - 245px);}
#contract_layer .form_table.contract_table > .row .form_table{width:98%;max-width:1000px;margin:20px 10px 20px 0;background-color:var(--color-gray1);}
#contract_layer .form_table.contract_table > .row .form_table .item.thead{font-weight:bold;color:#000;width:100%;}
#contract_layer .form_table.contract_table > .row .form_table .row{min-height:45px;}
#contract_layer .form_table.contract_table > .row .form_table .row .item{text-align:left;}
#contract_layer .form_table.contract_table .contract_wrapper{margin-bottom:0;}
#contract_layer .form_table.contract_table .contract_wrapper .label{display:inline-block;width:80px;}
#contract_layer .row_xl{height:100px;}
.contract_wrapper{display:flex;margin-top:20px;margin-bottom:40px; gap:0 20px;}
.contract_wrapper > div{position:relative;flex:1;}
.stamp{position:absolute;top:calc(50% - 65px);left:calc(50% - 30px);display:inline-block;width:130px;height:130px;background:url(/images/mypage/img_stamp.png) no-repeat;}

#contract_layer .scrollbar_style::-webkit-scrollbar-thumb{border-color:var(--color-gray1);background-color:var(--color-gray5);}
#contract_layer .scrollbar_style::-webkit-scrollbar-track{background-color:var(--color-gray1);}

.contract_ok{font-size:var(--font-size-md); font-weight:bold;padding:25px;text-align:center;color:var(--color-red7);background-color:var(--color-red2);}

.pre_wrap{text-align:left;white-space:pre-wrap;}

@media print{
    .form_table.contract_table > .row > .item:not(.thead){overflow-y:visible;height:auto;}
}

@media (min-width: 480px) {
    #contract_layer{background-color:rgba(0, 0, 0, 0.7);}
    #contract_layer .form_table.contract_table > .row > .item:not(.thead){height:400px;}
}

@media (min-width: 600px){
    #contract_layer .form_table.contract_table > .row .form_table .item.thead{width:34%;}
}

.trade_list .btn{min-width:98px;}
.trade_list .btn:active{transform:none;}