@charset "utf-8";/*CSS Document*/
/*CSS Document*/
@import url(/adm/wiz_reset.css);
:root {
    --m-color: #223568;
    --m-color-transparent: rgba(0, 132, 221, 0.65);
    --m-color-strong: #0669a6;
    --m-error: #d43d60;
    --m-new: #fca604;
    --m-pop: #32c081;
    --m-rec: #fa647d;
    --m-sale:#ec3f3f;
    --m-ing: #00a4a2;
    --m-best: #00a4a2;
    --m-end: #8f8f99;
    --m-ready: #f58604;
}

body, table, th, td, input, select, textarea, div, button, form{color:#333; /*line-height:1.6;*/ font-family: inherit; font-size: inherit;}

.consult_cont{margin:25px 0 0; border-top:1px solid #999;}
.consult_cont table{border-collapse: collapse;}
.consult_cont table tr {border-bottom: 1px solid #ddd; box-sizing: border-box;}
.consult_cont table th, .consult_cont table td{text-align:left; font-weight:normal; font-size:15px; letter-spacing:-0.05em; /*border-bottom:1px solid #ddd;*/}
.consult_cont table th{width:130px; height: 54px; padding-left:15px; /*background:#f7f7f7;*/}
.consult_cont table th span{color:#ff1d1d; font-weight:600;}
.consult_cont table td{/*padding:7px 0 7px 15px;*/ padding:8px 0;}
.consult_cont table td input[type='text'], .consult_cont table td input[type='password']{/*width:250px;*/ height:37px; padding:0 0 0 10px; background:#f7f7f7; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}
.consult_cont table td select{width: 130px; height:37px; padding:0 0 0 10px; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}
.consult_cont table td input[name*="phone"], .consult_cont table td input[name*="post"]{width:76px;}
.consult_cont table td input[name*="address1"], .consult_cont table td input[name*="address2"]{width:80%;}
.consult_cont table td input[type='file']{background:#f7f7f7; border:1px solid #dfdfdf; height: 37px; width: 250px;}

.consult_cont table td input.address_1 {width: 70%; margin: 5px 0;}
.consult_cont table td input.address_2 {width: 70%;}
.consult_cont table td .chk_btn {display:inline-block; height:37px; line-height:37px; background:#777; text-align:center; color:#fff; font-size:13px; padding:0 16px; box-sizing:border-box; vertical-align:middle; cursor:pointer;}
.consult_cont table td label{vertical-align:middle;}
.consult_cont table td .comment{display:inline-block; font-size:13px; color:#888;}
.consult_cont table td .border{width:100%; height:1px; background:#e2e2e2; /*margin:15px 0;*/}
.consult_cont table td textarea{width:100%; height:200px; padding:15px; line-height:1.6; font-size:14px; color:#777; background:#f7f7f7; border:1px solid #ddd; box-sizing:border-box; word-break:keep-all; resize:none; transition:all 0.3s;}
.consult_cont table td button {display:inline-block; height:37px; line-height:37px; background:#777; text-align:center; color:#fff; font-size:13px; padding:0 16px; box-sizing:border-box; vertical-align:middle; cursor:pointer;}


.AW-mem-btn{margin:60px 0 0; text-align:center; overflow:hidden;}
.AW-mem-btn a,
.AW-mem-btn input, .AW-mem-btn button{float:left; width:50%; height:60px; line-height:60px; font-size:17px; letter-spacing:-0.07em; text-align:center; background:#e0e0e0; color: var(--m-color); transition:all 0.3s; box-sizing:border-box; cursor:pointer;}
.AW-mem-btn a:hover, .AW-mem-btn input:hover, .AW-mem-btn button:hover{background:#ccc;}
.AW-mem-btn a:first-child, .AW-mem-btn input:first-child, .AW-mem-btn button:first-child{color:#fff; background:var(--m-color);}
.AW-mem-btn a:first-child:hover, .AW-mem-btn input:first-child:hover, .AW-mem-btn button:first-child:hover{background:var(--m-color);}

@media all and (max-width: 900px) {
    .consult_cont table {display: block; width: 100%;}
    .consult_cont thead {display: block; width: 100%;}
    .consult_cont tbody {display: block; width: 100%;}
    .consult_cont tr {display: block; width: 100%;}
    .consult_cont table th {display: block; width: 100%; height: 2.8rem; padding: 1rem 1rem 0; box-sizing: border-box;}
    .consult_cont table td {display: block; width: 100%; padding: 1rem; box-sizing: border-box;}
    .consult_cont table th, .consult_cont table td {font-size: 1.5rem;}
    .consult_cont table td input[type='text'], .consult_cont table td input[type='password'] {height: 3.4rem; padding: 0 0 0 1rem;}
    .consult_cont table td select {width: 30%; height: 3.4rem; padding: 0 0 0 1rem;}
    .consult_cont table td .input.phone_1 {width: 31%;}
    .consult_cont table td .input.phone_2 {width: 31%;}
    .consult_cont table td .input.email_1 {width: 31%;}
    .consult_cont table td .input.email_2 {width: 31%;}
    .consult_cont table td input[type=file] {height: 3.4rem;}
    .consult_cont table td textarea {height: 16rem;}
    .AW-mem-btn a, .AW-mem-btn input, .AW-mem-btn button {height: 5rem; line-height: 5rem; font-size: 1.7rem;}
}

@media all and (max-width: 360px) {
    .consult_cont table td .input.email_1 {width: 44%;}
    .consult_cont table td .input.email_2 {width: 44%;}
    .consult_cont table td select.email_3 {width: 44%; margin: 0.625rem 0 0 calc(45% + 1.4rem);}
    .consult_cont table td input[type=file] {width: 100%;}
    .consult_cont table td textarea {height: 14rem;}


}


/***************************************************** 체크박스 커스텀 *****************************************************/
.only_chk {}
.only_chk.right {text-align: right; display: inline-block;}
.only_chk.flex_center_only_chk {display: flex; justify-content: center; align-items: center;}
.only_chk input[type=checkbox] {appearance: none !important;}
.only_chk input[type=checkbox] + label {font-size: 0;  border-radius: 4px; display: block; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.only_chk input[type=checkbox]:checked + label {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }
.only_chk.font input[type=checkbox] + label {line-height: 1.2; margin: 0; font-size: 15px; width: auto; position: relative; padding: 0 0 0 24px; box-sizing: border-box; border: 0; background: transparent;}
.only_chk.font input[type=checkbox] + label::before {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; border-radius: 4px; display: block; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.only_chk.font input[type=checkbox]:checked + label::before {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color);}


/***************************************************** 라디오박스 커스텀 *****************************************************/
.only_chk {}
.only_chk.flex_center_only_chk {display: flex; justify-content: center; align-items: center;}
.only_chk input[type=radio] {appearance: none !important; border: 0;}
.only_chk input[type=radio] + label::before {font-size: 0;  border-radius: 4px; display: block; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.only_chk input[type=radio]:checked + label {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }
.only_chk.font input[type=radio] + label {line-height: 1.2; margin: 0; font-size: 15px; width: auto; position: relative; padding: 0 0 0 30px; box-sizing: border-box; border: 0; background: transparent;}
.only_chk.font input[type=radio] + label::before {border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; display: block; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.only_chk.font input[type=radio]:checked + label::before {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color);}

/***************************************************** 상품평 쓰기 커스텀 *****************************************************/
.only_chk.star input[type=radio] + label {line-height: 1; margin: 0; font-size: 15px; width: auto; position: relative; padding: 0 0 0 20px; box-sizing: border-box; border: 0; background: transparent;}
.only_chk.star input[type=radio] + label::before {border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; display: block; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.only_chk.star input[type=radio]:checked + label::before {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color);}
.chk_flex_container {display: flex; justify-content: flex-start; align-items: center;}
.chk_flex_container .only_chk.star {margin: 0 16px 0 0;}

.form_head_table .textarea {width:100%; border:1px solid #ddd; background:#f8f8f8; padding:10px;box-sizing: border-box; font-size: 14px;}
.form_body_table .only_chk {display: inline-block; margin-right: 8px;}
.form_body_table .only_chk.font input[type=radio] + label {padding: 0 0 0 22px;}

@media all and (max-width: 900px) {
    .form_head_table .textarea {font-size: 1.5rem; line-height: 1.2; padding: 1rem;}
}