@charset "utf-8";

/* 공통 */
.sub-page {padding-top: 120px;border-top: 3px solid #000;}


/* view */
#bo_v{margin-bottom: 200px;}
#bo_v .cinner {max-width: 1200px;margin: 0 auto;}
#bo_v #bo_v_info{}
#bo_v #bo_v_info a{}
#bo_v #bo_v_con{width: 100%;margin-top: 20px;position:relative;}
#bo_v #bo_v_con::before,
#bo_v #bo_v_con::after {content: '';display: block;width: 50%;height: 8px;position: absolute;top: 0;}
#bo_v #bo_v_con::before {background: var(--color-blue);left: 0;}
#bo_v #bo_v_con::after {background: var(--color-red);right: 0;}
#bo_v #bo_v_con .top-cont {padding: 40px 30px;box-sizing: border-box;position: relative;}
#bo_v #bo_v_con .top-cont .logo {display: inline-block;width: 192px;height: 24px;margin-bottom: 30px;background: url(img/cont-logo.png) center center / cover no-repeat;}
#bo_v #bo_v_con .top-cont .title {display: flex;justify-content: space-between;align-items: center;}
#bo_v #bo_v_con .top-cont .title .tit {font-size: 2.25em;line-height: 1.2}
#bo_v #bo_v_con .top-cont .title .txt {font-style: italic;}
#bo_v #bo_v_con .contents {padding: 60px 30px;border-top: 3px solid #000;border-bottom: 3px solid #000;position: relative;}
#bo_v #bo_v_con .contents .date {font-size: 16px;font-weight: 500;position: absolute;top: 30px;right: 30px;}
#bo_v #bo_v_con .contents .serial {padding: 5px 20px;border: 1px solid #ddd;border-radius: 5px;font-size: 16px;font-weight: 600;position: absolute;top: 61px;right: 30px;}
#bo_v #bo_v_con .contents .serial > span {margin-left: 5px;font-weight: 300;}
#bo_v #bo_v_con .contents .title {margin-bottom: 30px;font-size: 2.0em;font-weight: 700;}
#bo_v #bo_v_con .contents .info {padding: 0;list-style: none;}
#bo_v #bo_v_con .contents .info > li {display: flex;padding-left: 14px;position: relative;}
#bo_v #bo_v_con .contents .info > li::before {content: '';display:block;width: 4px;height: 4px;border-radius: 50%;background: #000;position: absolute;top: 11px;left: 0;}
#bo_v #bo_v_con .contents .info > li .tit {flex: 0 0 auto;width: 70px;font-weight: 600;}
#bo_v #bo_v_con .contents .conts {margin-top: 30px;padding-top: 30px;border-top: 1px solid #d2d2d2;}
#bo_v #bo_v_con .contents .conts .tit {margin-bottom: 15px;padding-left: 14px;font-weight: 600;position: relative;}
#bo_v #bo_v_con .contents .conts .tit::before {content: '';display:block;width: 4px;height: 4px;border-radius: 50%;background: #000;position: absolute;top: 11px;left: 0;}
#bo_v #bo_v_con .contents .conts .tit span{font-size: 0.8em; font-weight: 400; color: #737373;}
.view_product_wrap{border: 1px solid #d2d2d2; border-radius: 2em; overflow: hidden;padding: 0 !important; margin: 0 !important;}
.view_product_wrap li{display: flex !important;justify-content: space-between;align-items: center;list-style: none;}
.view_product_wrap li.product_head{background: #f0f0f0;}
.view_product_wrap li.product_head p{display: block; text-align: center; font-size: 1em; font-weight: 500; line-height: 60px;}
.view_product_wrap li.product_head p:nth-child(1){width: 80%;border-right:2px solid #fff;}
.view_product_wrap li.product_head p:nth-child(2){width: 20%;}
.view_product_wrap li.product_tail{background: #f0f0f0;height: 40px;}
.view_product_wrap li{border-bottom: 2px solid #f0f0f0;}
.view_product_wrap li:last-child{border-bottom:unset;}
.view_product_wrap li .left{width: 80%;display: flex;align-items: center;column-gap: 30px;border-right: 2px solid #f0f0f0;padding: 5px 100px;}
.view_product_wrap li .left .img_wrap{width: 100px; height: auto;aspect-ratio: auto 1.2 / 1; border: 1px solid #e5e5e5;background-repeat: no-repeat; background-position: center; background-size: cover;}
.view_product_wrap li.item1 .left .img_wrap{ background-position: 20% 120%; background-size: 300%;}
.view_product_wrap li.item2 .left .img_wrap{ background-position: top center;}
.view_product_wrap li.item3 .left .img_wrap{ background-position: left center;}
.view_product_wrap li.item6 .left .img_wrap,
.view_product_wrap li.item8 .left .img_wrap,
.view_product_wrap li.item10 .left .img_wrap,
.view_product_wrap li.item11 .left .img_wrap,
.view_product_wrap li.item12 .left .img_wrap{ background-size: 116%;}
.view_product_wrap li .left .text{width: calc(100% - 130px);}
.view_product_wrap li .left .text b{display: block; font-size: 1em; font-weight: 500;}
.view_product_wrap li .left .text p{display: block; font-size: 1em; font-weight: 300;color: #363636;}
.view_product_wrap li .right{width: 20%; text-align: center; font-size: 2em; font-weight: 600; color: #5b5b5b;}

.d-none{display: block !important;flex-grow: 1 !important;}
#bo_v_btn * {font-size: 16px;}

@media all and (max-width: 1399px){
	#bo_v {margin: 0 20px;}
}
@media all and (max-width:1200px){
	#bo_v{margin-bottom: 150px;}
}
@media all and (max-width: 800px){
	.view_product_wrap li .left{padding: 10px 10px;}
}
@media all and (max-width: 768px){
	#bo_v #bo_v_con .top-cont .title {flex-direction: column;gap: 10px 0;align-items: normal;}
	#bo_v #bo_v_con .top-cont .title .txt .line-br {display: inline;}
}
@media all and (max-width: 640px){
	#bo_v #bo_v_con .contents .conts .tit span{display: block;}
	#bo_v #bo_v_con .top-cont {padding: 30px 20px;}
	#bo_v #bo_v_con .top-cont .title .tit {font-size: 2.0em;}
	#bo_v #bo_v_con .contents {padding: 60px 20px;}
	#bo_v #bo_v_con .contents .serial {margin-bottom: 20px;position: relative;top: auto;right: 0;}
	#bo_v #bo_v_con .contents .title {margin-bottom: 10px;font-size: 1.56em;}
	#bo_v #bo_v_con .contents .info > li .tit {width: 60px;}
}
@media all and (max-width: 600px){
	.view_product_wrap{border-radius: 1em;}
	.view_product_wrap li.product_head p:nth-child(1){width: calc(100% - 80px);}
	.view_product_wrap li.product_head p:nth-child(2){width: 80px;}
	.view_product_wrap li .left{column-gap: 10px;width: calc(100% - 80px);}
	.view_product_wrap li .left .img_wrap{width: 70px;}
	.view_product_wrap li .left .text{width: calc(100% - 80px);}
	.view_product_wrap li .left .text p{font-size: 0.8em;}
	.view_product_wrap li .right{font-size: 1.3em;width: 80px;}
}



/* list */
#bo_list_wrap {margin-bottom: 200px;}
#bo_list_wrap .cinner {max-width: 1200px;margin: 0 auto;}
#bo_list_wrap form{width: calc(100% - 40px);max-width: var(--max-width1);margin: 0 auto;}
#bo_list_wrap form #bo_list{border-bottom: 2px solid var(--color1);}
#bo_list_wrap form #bo_list .list_head{font-size: 18px;font-weight: 700;}
#bo_list_wrap form #bo_list .list_head a{color: var(--color1) !important}
#bo_list_wrap form #bo_list .list_con{}
#bo_list_wrap form #bo_list .list_head li{height: 50px;border-bottom: 1px solid #d4d6d6;}
#bo_list_wrap form #bo_list .list_con li{border-bottom: 1px solid #d4d6d6;min-height: 60px;/* cursor: pointer; */}
#bo_list_wrap form #bo_list .list_head li,
#bo_list_wrap form #bo_list .list_con li{display: flex; justify-content: space-between; align-items: center; padding: 0 10px; text-align: center;}

#bo_list_wrap form #bo_list .list_head li p:first-child {width: 50px;}
#bo_list_wrap form #bo_list .list_con li p:first-child {width: 50px;color: #787878;font-size: 16px;font-weight: 500;}
#bo_list_wrap form #bo_list .list_head li p:last-child,
#bo_list_wrap form #bo_list .list_con li p:last-child{width: 80px;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap,
#bo_list_wrap form #bo_list .list_con li .subject_wrap{width: calc(100% - 130px);display: flex; align-items: center; padding: 0 10px;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap p {width: 100%; */font-size: 18px;font-weight: 600;}
#bo_list_wrap form #bo_list .list_con li .subject_wrap a {display: inline-block;/* width: 100%; */color: #000;font-size: 18px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#bo_list_wrap form #bo_list .list_con li:has(a:hover) {background: #fafafa;}
#bo_list_wrap form #bo_list .list_con li span{width: 80px;font-size: 16px;font-weight: 500;color: #787878;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap label{margin: 0;}
#bo_list_wrap form #bo_list .list_head li .subject_wrap label input{margin-right: 10px;}
#bo_list_wrap form #bo_list .list_con li{}
#bo_list_wrap form #bo_list .list_con li .subject_wrap input{}
#bo_list_wrap .pagination{margin: 80px auto 50px !important;}

#bo_list_wrap .cate-cont .rdos {display: flex;gap: 0 10px;margin-bottom: 60px;}
#bo_list_wrap .cate-cont .rdos .rdo {width: 100%;margin: 0;padding: 38px 25px;border: 1px solid #aaa;border-radius: 20px;box-sizing: border-box;text-align: center;position: relative;}
#bo_list_wrap .cate-cont .rdos .rdo::after {content: '';display: block;width: 100%;height: 100%;border: 4px solid transparent;border-radius: 20px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
/* #bo_list_wrap .cate-cont .rdos .rdo:hover {color: var(--color-red);border-color: transparent;}
#bo_list_wrap .cate-cont .rdos .rdo:hover::after {border-color: var(--color-red);}
#bo_list_wrap .cate-cont .rdos .rdo:hover .tit::before {background: url(img/ico_cate_active.png) center center / cover no-repeat;}
#bo_list_wrap .cate-cont .rdos .rdo:has(input[type=radio]:checked) {color: var(--color-red);border-color: transparent;}
#bo_list_wrap .cate-cont .rdos .rdo:has(input[type=radio]:checked)::after {border-color: var(--color-red);}
#bo_list_wrap .cate-cont .rdos .rdo:has(input[type=radio]:checked) {color: var(--color-red);}
#bo_list_wrap .cate-cont .rdos .rdo:has(input[type=radio]:checked) .tit::before {background: url(img/ico_cate_active.png) center center / cover no-repeat;} */
#bo_list_wrap .cate-cont .rdos .rdo > input[type=radio] {display: none;}
#bo_list_wrap .cate-cont .rdos .rdo > span {}
#bo_list_wrap .cate-cont .rdos .rdo > .tit {display: flex;justify-content: center;align-items: center;gap: 0 10px;font-weight: 700;position: relative;}
#bo_list_wrap .cate-cont .rdos .rdo > .tit::before {content: '';display: block;width: 17px;height: 19px;background: url(img/ico_cate.png) center center / cover no-repeat;}
#bo_list_wrap .cate-cont .rdos .rdo > .txt {font-size: 14px;font-weight: 600;}

#bo_list_wrap .paging-wrap {display: flex;justify-content: space-between;align-items: center;font-size: 16px;font-weight: 700;}
#bo_list_wrap .paging-wrap .page-btns {}
#bo_list_wrap .paging-wrap .page-btns > a {display: inline-block;padding: 6px 43px;border: 1px solid #aaa;border-radius: 19px;box-sizing: border-box;transition: .35s;}
#bo_list_wrap .paging-wrap .page-btns > a:hover {border-color: var(--color-blue);background: var(--color-blue);color: #fff;}
#bo_list_wrap .paging-wrap .pagination {}
#bo_list_wrap .paging-wrap .pagination #page_select {margin-right: 10px;padding: 8px 30px;border: 3px solid #757575;border-radius: 22px;box-sizing: border-box;background: #fff;color: #000;font-size: 16px;text-align: center;}
#bo_list_wrap .paging-wrap .pagination .total-page {color: #aaa;}

#bo_list_wrap .btn-write {display: block;width: 116px;margin-left: auto;padding: 6px 24px;border: 2px solid transparent;border-radius: 30px;box-sizing: border-box;background: #000;color: #fff;font-size: 16px;}
#bo_list_wrap .btn-write:hover {border-color:#000;background: #fff;color: #000;}

#bo_btn_top * {font-size: 16px;}
#bo_btn_top>div>div{padding: 0 !important;}
#bo_btn_top>div>div .border-top{border-top: unset !important;}




#bo_search{display: none;}
#bo_search>.alert{padding: 0 !important;margin: 0 !important;}
#bo_list_wrap form#fsearch{}
#bo_list_wrap form#fsearch>div.form-row{margin: 0 auto; width: 100%; max-width: 450px; justify-content: space-between;}
#bo_list_wrap form#fsearch>div.form-row>div:nth-child(1){width: 30%;}
#bo_list_wrap form#fsearch>div.form-row>div:nth-child(2){width: calc(70% - 5px);}
#bo_list_wrap form#fsearch input,
#bo_list_wrap form#fsearch select{height: 50px;box-shadow: unset;}
#bo_list_wrap form#fsearch .input-group-append{width: 50px;}
#bo_list_wrap form#fsearch .input-group-append button{width: 100%;}

@media screen and (max-width:1200px){
	#bo_list_wrap{margin-bottom: 150px;}
}
@media all and (max-width: 640px){
	#bo_list_wrap form #bo_list .list_head li p:first-child,
	#bo_list_wrap form #bo_list .list_con li p:first-child{/* display: none; */}
	#bo_list_wrap form #bo_list .list_head li .subject_wrap,
	#bo_list_wrap form #bo_list .list_con li .subject_wrap{width: calc(100% - 100px);}
	#bo_list_wrap .paging-wrap .pagination #page_select {width: 74px;padding: 8px 20px;}
}
@media all and (max-width: 480px){
	#bo_list_wrap form #bo_list .list_head {display: none;}
	#bo_list_wrap form #bo_list .list_con {border-top: 1px solid #d4d6d6;}
	#bo_list_wrap form #bo_list .list_con li {flex-wrap: wrap;padding: 8px 10px;}
	#bo_list_wrap form #bo_list .list_con li p:first-child {width: auto;}
	#bo_list_wrap form #bo_list .list_con li span {width: auto;}
	#bo_list_wrap form #bo_list .list_con li .subject_wrap {width: 100%;padding: 0;}
	#bo_list_wrap .paging-wrap {position: relative;}
	#bo_list_wrap .paging-wrap .pagination {width: 109px;position: absolute;top: 0;left: 0;right: 0;margin: auto;}
}



/* write */
#bo_w{margin-bottom: 200px;} 
#bo_w form {}
#bo_w .cinner {max-width: 1200px;margin: 0 auto;}
#bo_w .cate-cont {}
#bo_w .cate-cont .rdos {display: flex;gap: 0 10px;margin-bottom: 60px;}
#bo_w .cate-cont .rdos .rdo {width: 100%;margin: 0;padding: 38px 25px;border: 1px solid #aaa;border-radius: 20px;box-sizing: border-box;text-align: center;position: relative;}
#bo_w .cate-cont .rdos .rdo::after {content: '';display: block;width: 100%;height: 100%;border: 4px solid transparent;border-radius: 20px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
/* #bo_w .cate-cont .rdos .rdo:hover {color: var(--color-red);border-color: transparent;}
#bo_w .cate-cont .rdos .rdo:hover::after {border-color: var(--color-red);}
#bo_w .cate-cont .rdos .rdo:hover .tit::before {background: url(img/ico_cate_active.png) center center / cover no-repeat;}
#bo_w .cate-cont .rdos .rdo:has(input[type=radio]:checked) {color: var(--color-red);border-color: transparent;}
#bo_w .cate-cont .rdos .rdo:has(input[type=radio]:checked)::after {border-color: var(--color-red);}
#bo_w .cate-cont .rdos .rdo:has(input[type=radio]:checked) {color: var(--color-red);}
#bo_w .cate-cont .rdos .rdo:has(input[type=radio]:checked) .tit::before {background: url(img/ico_cate_active.png) center center / cover no-repeat;} */
#bo_w .cate-cont .rdos .rdo > input[type=radio] {display: none;}
#bo_w .cate-cont .rdos .rdo > span {}
#bo_w .cate-cont .rdos .rdo > .tit {display: flex;justify-content: center;align-items: center;gap: 0 10px;font-weight: 700;position: relative;}
#bo_w .cate-cont .rdos .rdo > .tit::before {content: '';display: block;width: 17px;height: 19px;background: url(img/ico_cate.png) center center / cover no-repeat;}
#bo_w .cate-cont .rdos .rdo > .txt {font-size: 14px;font-weight: 600;}
#bo_w .cate-cont .depart {padding: 23px 45px;border: 1px solid #aaa;border-radius: 20px;box-sizing: border-box;}
#bo_w .cate-cont .depart ul {display: flex;justify-content: flex-end;gap: 0 30px;}
#bo_w .cate-cont .depart ul > li {display: flex;align-items: center;font-size: 14px;font-weight: 700;}
#bo_w .cate-cont .depart ul > li > span {margin-right: 5px;}
#bo_w .cate-cont .depart ul > li > span.color {color: var(--color-blue);}
#bo_w .cate-cont .depart ul > li > span.ico {display:inline-block;width: 17px;height: 21px;background: url(img/ico_phone.png) center center / cover no-repeat;}

#bo_w .cont-box {}
#bo_w .cont-box:not(:last-child) {margin-bottom: 80px;}
#bo_w .cont-box .title {margin-bottom: 28px;font-weight: 700;}
#bo_w .cont-box .title > .num {font-size: 1.50em;}
#bo_w .cont-box .title > .tit {font-size: 1.20em;}
#bo_w .cont-box .title > .tit span{font-size: 0.7em; font-weight: 500; color: #737373;}
#bo_w .cont-box > ul {margin-bottom: 60px;}
#bo_w .cont-box > ul > li {}
#bo_w .cont-box > ul > li:not(:last-child) {margin-bottom: 20px;}
#bo_w .cont-box > ul > li > label {font-size: 18px;font-weight: 700;}
#bo_w .cont-box > ul > li > label > span {margin: 0 3px;color: var(--color-red);}
#bo_w .cont-box > ul > li > label > em {font-size: 16px;font-style: normal;font-weight: 500;}
#bo_w .cont-box > ul > li > div {}
#bo_w .cont-box > ul > li > div input,
#bo_w .cont-box > ul > li > div select {width: 100%;height: 64px;padding: 10px 15px;border: 1px solid #d7d7d7;border-radius: 5px;box-sizing: border-box;font-size: 18px;}

#bo_w .cont-box > ul > li > div input[type="number"]::-webkit-inner-spin-button,
#bo_w .cont-box > ul > li > div input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
#bo_w .cont-box > ul > li > div input[type="number"] {-moz-appearance: textfield;}
#bo_w .cont-box > ul > li > div textarea {width: 100%;height: 160px;padding: 10px 15px;border: 1px solid #d7d7d7;border-radius: 5px;box-sizing: border-box;font-size: 18px;resize: none;}
#bo_w .cont-box > ul > li > div.frm-email {display: flex;justify-content: space-between;align-items: center;}
#bo_w .cont-box > ul > li > div.frm-email input {max-width: 432px;width: 36%;}
#bo_w .cont-box > ul > li > div.frm-email select {max-width: 234px;width: 20%;}
#bo_w .cont-box > ul > li > div.frm-phone  {display: flex;justify-content: space-between;align-items: center;}
#bo_w .cont-box > ul > li > div.frm-phone input {max-width: 432px;width: 36%;}
#bo_w .cont-box > ul > li > div.frm-phone select {max-width: 234px;width: 23%;}

#bo_w .cont-box > ul > li > div.frm-addr {/* display: flex; *//* justify-content: space-between; *//* align-items: center; *//* flex-wrap: wrap; */}
#bo_w .cont-box > ul > li > div.frm-addr input[type=button] {flex: 0 0 auto;width: 114px;/* width: 10%; */font-size: 16px;font-weight: 500;}
#bo_w .cont-box > ul > li > div.frm-addr input.postcode {flex: 0 0 auto;width: 14%;}
#bo_w .cont-box > ul > li > div.frm-addr  > input.roadAddr,
#bo_w .cont-box > ul > li > div.frm-addr  > .addrinput {display: flex;column-gap: 5px;width: 100%;margin-top: 5px;}
#bo_w .cont-box > ul > li > div.frm-addr  > .addrinput > input.jibunAddr, 
#bo_w .cont-box > ul > li > div.frm-addr  > .addrinput> input.detailAddr {display: block;width: 50%;}

/* #bo_w .cont-box > ul > li > div.frm-addr input.roadAddr {width: 100%;}
#bo_w .cont-box > ul > li > div.frm-addr input.detailAddr {width: 25%;} */

#bo_w .cont-box > ul > li > div .captcha {display: flex;align-items: center;gap: 0 10px;}
#bo_w .cont-box > ul > li > div #captcha_img {width: auto;height: 64px !important;}
#bo_w .cont-box > ul > li > div #captcha_reload {flex: 0 0 auto;}
#bo_w .cont-box > ul > li > div .captcha_box {width: 100% !important;height: 64px !important;padding: 10px 15px !important;border: 1px solid #d7d7d7 !important;border-radius: 5px !important;box-sizing: border-box;background: #fff !important;font-size: 18px !important;}
#bo_w .cont-box > ul > li > div .captcha #captcha_mp3 {display: none;}
#bo_w .cont-box > .agree-box {position: relative;}
#bo_w .cont-box > .agree-box > label {font-size: 18px;font-weight: 700;}
#bo_w .cont-box > .agree-box > label > span {margin: 0 3px;color: var(--color-red);}
#bo_w .cont-box > .agree-box > .cont {height: 180px;overflow-y: auto;padding: 30px 20px;box-sizing: border-box;border-radius: 5px;background: #f6f6f6;font-size: 16px;}
#bo_w .cont-box > .agree-box > .cont span {font-weight: 600;}
#bo_w .cont-box > .agree-box .btn-agree {font-size: 16px;font-weight: 500;position: absolute;top: 0;right: 0;}
#bo_w .cont-box > .agree-box input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
#bo_w .cont-box > .agree-box input[type="checkbox"] + label {display: inline-flex;align-items: center;margin-bottom: 0;padding-left: 22px;font-weight: 500;position: relative;cursor: pointer;}
#bo_w .cont-box > .agree-box input[type="checkbox"] + label:before,
#bo_w .cont-box > .agree-box input[type="checkbox"] + label:after { content: ''; display: block; box-sizing: border-box; position: absolute; top: -1px; bottom: 0; margin: auto; } 
#bo_w .cont-box > .agree-box input[type="checkbox"] + label:before {border-radius: 2px;width: 15px;height: 15px;border: 1px solid #d1d1d1;border-radius: 2px;background: #fff;left: 0;}
#bo_w .cont-box > .agree-box input[type="checkbox"] + label:after {border: 2px solid #000;border-top: 0;border-right: 0;width: 10px;height: 6px;transform: rotate(-45deg);margin: 3px 0 0 3px;opacity: 0;top: -4px;left: 2px;margin: auto;}
#bo_w .cont-box > .agree-box input[type="checkbox"]:checked + label:before { background: var(--color-main); } 
#bo_w .cont-box > .agree-box input[type="checkbox"]:checked + label:after { opacity: 1; transition: .35s linear; } 

#bo_w .cont-box.disable {pointer-events: none; user-select: none; opacity: 0.15;}



#bo_w .btn-submit {display: block;max-width: 186px;width: 100%;margin: 90px auto 0;padding: 15px 0;border: 2px solid transparent;border-radius: 31px;background: #000;color: #fff;font-size: 18px;font-weight: 600;transition: .35s;}
#bo_w .btn-submit:hover,
#bo_w .btn-submit:focus {background-color: #fff !important;border-color: #000 !important;color: #000;}


.product_wrap{margin-bottom: 60px;display: flex;flex-flow: row wrap;border: 1px solid #dddddd;border-radius: 20px;overflow: hidden;position: relative;top: 0;left: 0;}
.product_wrap::after{content:"";position: absolute;top: 1px;width: 1px;height: calc(100% - 2px);background:#dddddd;left: 33.333333%;}
.product_wrap::before{content:"";position: absolute;top: 1px;width: 1px;height: calc(100% - 2px);background:#dddddd;left: 66.666666%;}
.product_wrap li{width: 33.333333%;margin-bottom: 0 !important;}
.product_wrap input::-webkit-inner-spin-button {appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.product_wrap label{margin-bottom: 0;}
.product_wrap input{max-width: 165px;margin: 10px auto 0;display: block;text-align: center;font-weight: 700;}
.product_wrap input::placeholder {font-weight: 400;}
.product_wrap li .product_title{}
.product_wrap li .product_title p{font-size: 1em;text-align: center;width: 100%;height: 50px;display: flex;justify-content: center;align-items: center;background: #fafafa;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd;padding: 0 10px;}
.product_wrap li:nth-child(1) .product_title p,
.product_wrap li:nth-child(2) .product_title p,
.product_wrap li:nth-child(3) .product_title p{border-top: unset;}
.product_wrap li .product_con{padding: 20px;}
.product_wrap li .product_con.flex_wrap2{display: flex; justify-content: space-between; align-items: flex-start;column-gap: 10px;}
.product_wrap li .product_con.flex_wrap2>div{width:50%;}
.product_wrap li .product_con.flex_wrap2 label{margin:0 auto;display: block;}
.product_wrap li .product_con.flex_wrap2 img{height: 130px; margin: 0 auto 10px;}
.product_wrap li .product_con>img{height: 130px;margin: 0 auto 10px;}
.product_wrap li .product_con>.img_wrap{width: 100%;height: 130px;margin-bottom: 10px; display: flex;justify-content: space-around;align-items: center;column-gap: 20px;}
.product_wrap li .product_con>.img_wrap img{height: 100%;}
.product_wrap li .product_con label p{font-size: 0.8em; color: #777777; text-align: center; line-height: calc(0.8em * 2); min-height: calc(0.8em * 4); display: flex; justify-content: center; align-items: center;}
.product_wrap li .product_con>label{width: 100%;}
.product_wrap li .product_con>label input{}
.product_wrap li .product_con>.input_wrap{display: flex; justify-content: space-between; align-items: flex-start; column-gap: 10px;}
.product_wrap li .product_con>.input_wrap label{width: 50%;}
.product_wrap li .product_con>.input_wrap label p{}
.product_wrap li .product_con>.input_wrap label input{}
.product_wrap li .product_con .flex_wrap{display: flex; justify-content: space-around; align-items: center;margin-bottom: 40px;}
.product_wrap li .product_con .flex_wrap:last-child{margin-bottom: 0px;}
.product_wrap li .product_con .flex_wrap .left{width: 50%;}
.product_wrap li .product_con .flex_wrap .left img{height: 100px; margin: 0 auto;}
.product_wrap li .product_con .flex_wrap .left p{font-size: 0.8em; color: #777777; text-align: center; line-height: calc(0.8em * 2); display: flex; justify-content: center; align-items: center;}
.product_wrap li .product_con .flex_wrap .right{}
.product_wrap li .product_con .flex_wrap label{}
.product_wrap li .product_con .flex_wrap label p{display: none;}
.product_wrap li .product_con .flex_wrap label input{margin-top: 0;}

@media all and (max-width: 1399px){
	#bo_w {margin: 0 20px;}
}
@media (max-width: 1200px){
.product_wrap li .product_con.flex_wrap2{display: flex; justify-content: space-around; align-items: flex-start;}
.product_wrap li{width: 50%;}
.product_wrap::after{display: none;}
.product_wrap::before{content:"";position: absolute;top: 1px;width: 1px;height: calc(100% - 2px);background:#dddddd;left: 50%;transform: translateX(-50%);}
.product_wrap li:nth-child(3) .product_title p{border-top: 1px solid #ddd;}
}
@media (max-width: 1199px){
	#bo_w .cate-cont .rdos {margin-bottom: 30px;}
}
@media all and (max-width: 1024px){
	#bo_w .cont-box > ul > li > div.frm-addr {flex-wrap: wrap;gap: 5px 0;}
	#bo_w .cont-box > ul > li > div.frm-addr input.postcode {width: calc(100% - 150px);}
	#bo_w .cont-box > ul > li > div.frm-addr input[type=button] {width: 140px;}
	#bo_w .cont-box > ul > li > div.frm-addr input.roadAddr,
	#bo_w .cont-box > ul > li > div.frm-addr input.detailAddr {/* width: 49.5%; */}
}
@media all and (max-width: 800px){
	.product_wrap li{width: 100%;}
	.product_wrap li:nth-child(2) .product_title p{border-top: 1px solid #ddd;}
	.product_wrap li:last-child{display: none;}
	.product_wrap::before{display: none;}
	.product_wrap li .product_con>.input_wrap{flex-flow: column;row-gap: 40px;}
	.product_wrap li .product_con>.input_wrap label{width: 100%;}
	.product_wrap li .product_con .flex_wrap{flex-flow: column;}
	.product_wrap li .product_con .flex_wrap label input{margin-top: 10px;}
	.product_wrap li .product_con .flex_wrap .left{width: 100%;}
	.product_wrap li .product_con .flex_wrap .left p{min-height: calc(0.8em * 4);}
	.product_wrap li .product_con .flex_wrap .left img{margin-bottom: 10px;}
	.product_wrap li .product_con .flex_wrap label{width: 100%;}
	.product_wrap li .product_con.flex_wrap2{flex-flow: column; justify-content: center; align-items: center; row-gap: 40px;}
	.product_wrap li .product_con.flex_wrap2>div{width: 100%;}
	.product_wrap li .product_con label p{min-height: unset !important;}
	.product_wrap li .product_con.flex_wrap2 img,
	.product_wrap li .product_con>img,
	.product_wrap li .product_con .flex_wrap .left img{height: auto;width: 100%;max-width: 100px;}
	.product_wrap li:nth-child(1) img,
	.product_wrap li:nth-child(3) img{max-width: 200px;}
	.product_wrap input{max-width: unset;}
}
@media all and (max-width: 768px){
	#bo_w .cate-cont .depart {padding: 23px 0;}
	#bo_w .cate-cont .depart ul {justify-content: center;}
}
@media all and (max-width: 640px){
	#bo_w .cate-cont .depart {padding: 18px 0;}
	#bo_w .cate-cont .depart ul {gap: 0 10px;}
	#bo_w .cont-box .title > .tit span{display: block;}
	#bo_w .cont-box > ul > li > div input,
	#bo_w .cont-box > ul > li > div select {height: 54px;padding: 10px;font-size: 16px;}
	#bo_w .cont-box > ul > li > div.frm-email {flex-wrap: wrap;gap: 5px 0;}
	#bo_w .cont-box > ul > li > div.frm-email input {width: calc(50% - 14px);}
	#bo_w .cont-box > ul > li > div.frm-email select {max-width: 100%;width: 100%;}
	#bo_w .cont-box > ul > li > div.frm-addr > .addrinput {flex-wrap: wrap;gap: 5px 0;}
	#bo_w .cont-box > ul > li > div.frm-addr > .addrinput > input.jibunAddr,
	#bo_w .cont-box > ul > li > div.frm-addr > .addrinput> input.detailAddr {width: 100%;}
	#bo_w .cont-box > .agree-box .btn-agree {margin-top: 20px;position: relative;text-align: center;}
	#bo_w .cont-box > ul > li > div #captcha_img,
	#bo_w .cont-box > ul > li > div .captcha_box {height: 54px !important;}
}
@media all and (max-width: 480px){
	#bo_w .cate-cont .depart ul {flex-direction: column;align-items: center;gap: 5px;}
	#bo_w .cont-box > ul > li > div.frm-addr input.roadAddr,
	#bo_w .cont-box > ul > li > div.frm-addr input.detailAddr {width: 100%;}
	#bo_w .cont-box > ul > li > div .captcha {flex-wrap: wrap;}
}