@charset "utf-8";
/*CSS Document*/
@import url(../../../wiz_reset.css);
:root {
    --m-color: #0084dd;
    --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;
}

html, body {font-size: 14px;}
body, table, th, td, input, select, textarea, div, button, form{color:#333; /*line-height:1.6;*/ font-family: inherit; font-size: inherit;}
.bbs_btn {border: 1px solid #ddd; line-height: 24px; font-size: 12px; padding: 0 12px; box-sizing: border-box; display: inline-block; cursor: pointer;}
.bbs_btn.bg {background: #777; color: #fff; border-color: #777;}
.bbs_chip {border: 1px solid #ddd; line-height: 16px; font-size: 12px; padding: 0 4px; box-sizing: border-box; display: inline-block; border-radius: 4px; margin: 0 4px;}
.bbs_chip.ready {color: var(--m-ready); border-color: var(--m-ready); background: #fff;}
.bbs_chip.ing {color: var(--m-ing); border-color: var(--m-ing); background: #fff;}
.bbs_chip.end {color: var(--m-end); border-color: var(--m-end); background: #f3f3f3;}
.prd_chip {border: 1px solid #ddd; line-height: 11px; font-size: 11px; padding: 1px 4px; box-sizing: border-box; display: inline-block; border-radius: 4px; margin: 0 4px 0 0;}
.prd_chip.new {background: var(--m-new); color: #fff; border-color: var(--m-new);}
.prd_chip.pop {background: var(--m-pop); color: #fff; border-color: var(--m-pop);}
.prd_chip.recom {background: var(--m-rec); color: #fff; border-color: var(--m-rec);}
.prd_chip.sale {background: var(--m-sale); color: #fff; border-color: var(--m-sale);}
.prd_chip.best {background: var(--m-best); color: #fff; border-color: var(--m-best);}

.M_input_board {width: 100%; display: block;}
.M_input_board tbody, .M_input_board thead {width: 100%; display: block;}
.M_input_board tbody tr, .M_input_board thead tr {width: 100%; display: block;}
.M_input_board th, .M_input_board td {
    box-sizing: border-box;
    /* width: 100%; */
    /* display: block; */
    text-align: left;
    font-size: 14px;
    letter-spacing: -0.025em;
    color: #333;
    font-weight: 400;
    /* display: flex; */
}
.M_input_board th {padding: 0; margin: 10px 0 0; padding-right: 10px;}
.M_input_board td {padding: 5px 0;}

.M_input_board input[type='text'], .M_input_board input[type='password']{/*width: 100%;*/ height:37px; padding:0 0 0 10px; background:#f7f7f7; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}
.M_input_board textarea {display: block; width: 100%; height: 140px; padding:10px; background:#fff; border:1px solid #ddd; box-sizing:border-box; resize: none;}

/*.M_input_board select.phone_0 {width: calc((100% - 20px) / 3); height: 37px;}
.M_input_board input.phone_1 {width: calc((100% - 20px) / 3);}
.M_input_board input.phone_2 {width: calc((100% - 20px) / 3);}
.M_input_board input.address_0 {width: 30%;}
.M_input_board input.address_1 {width: 100%; margin: 5px 0;}
.M_input_board input.address_2 {width: 100%;}
.M_input_board .address_btn {display: inline-block; width: 35%; background: #333; color: #fff; text-align: center; height: 37px; font-family: inherit;}
.M_input_board input.email_1 {width: calc((100% - 22px) / 3);}
.M_input_board input.email_2 {width: calc((100% - 22px) / 3);}
.M_input_board select.email_3 {width: calc((100% - 22px) / 3); height: 37px;}
*/
.M_input_board select.phone_0 { height: 37px;}
.M_input_board select.email_3 { height: 37px;}
.M_input_board input.address_1 { margin: 5px 0;}
.M_input_board .address_btn {display: inline-block; width: 35%; max-width: 107px; background: #333; color: #fff; text-align: center; height: 37px; font-family: inherit;}

#btnArea {    width: 100%;
    display: flex;
    justify-content: right;
    /* align-items: center; */
  /* text-align: center;*/}
#btnArea button {width: 30%;
    background: #ea0080;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    font-family: inherit;
    height: 50px;
    float: right;
    margin-right: 40px;}
#btnArea a {width: 50%; background: #ccc; color: #666; font-size: 15px; font-weight: 500; height: 50px; line-height: 50px;}

/***************************************************** 체크박스. 라디오등등 상품평이 들어간 radio는 커스텀화 한다 *****************************************************/
.only_chk { }
.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(http://www.idrg.kr/img/comm/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(http://www.idrg.kr/img/comm/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }
.only_chk.font input[type=checkbox] + label {  margin: 0; font-size: 13px; width: auto; position: relative; padding: 0 0 0 28px; 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(http://www.idrg.kr/img/comm/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(http://www.idrg.kr/img/comm/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }
.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(http://www.idrg.kr/img/comm/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(http://www.idrg.kr/img/comm/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; margin: 0; font-size: 13px; width: auto; position: relative; padding: 0 0 0 20px; 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(http://www.idrg.kr/img/comm/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(http://www.idrg.kr/img/comm/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: 13px; 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(http://www.idrg.kr/img/comm/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(http://www.idrg.kr/img/comm/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; margin: 10px 0; font-size: 13px; color: #888; }
.chk_flex_container .only_chk { margin: 0 4px; }
.chk_flex_container .only_chk.star { margin: 0 16px 0 0; }
.input_flex_container {display: flex; justify-content: flex-start; align-items: center;}
.input_flex_container .only_chk {margin: 0 4px;}
.input_flex_container .only_chk.font input[type=checkbox] + label {line-height: 1.4;}



.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 (max-width:580px){
	#btnArea button{margin-right: 0;}
}