@font-face {
    font-family: 'ghanachoco';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ghanachoco.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#bo_w_quick{position: fixed; width: 100%; z-index: 1000000; left: 0;transition: all .2s ease-out; font-size: 16px; line-height: 1.45; }
/*#bo_w_quick{width: 100%; z-index: 1000000; left: 0;transition: all .2s ease-out; font-size: 12px; }*/

.bo_w_founded_wrap,
.bo_w_founded_wrap *{box-sizing: border-box;}
.bo_w_founded_up_down{width: 150px; height: 50px; cursor: pointer; text-align: center;position: absolute;top: -50px;left: 50%;transform: translateX(-50%);}
.bo_w_founded_up_down img{width: 150px; height: 50px; border-radius : 3px 3px 0 0}
.bo_w_founded_wrap{padding: 18px 32px;width: 100%;margin: 0 auto; box-shadow: 0 -8px 24px rgba(0,0,0,.08);}

.bo_w_founded_wrap .bo_w_founded_center{width: 100%; max-width: 1000px; margin: 0 auto; overflow: hidden;}
.bo_w_founded_wrap .bo_w_founded_center div{}
.bo_w_founded_wrap .bo_w_img{text-align: center; width: 260px;float: left;margin-right: 20px; max-width: 100%;}
.bo_w_founded_wrap .bo_w_img img{width: 100%; height: 40px; object-fit: contain; }
.bo_w_founded_wrap input,
.bo_w_founded_wrap select,
.bo_w_founded_wrap textarea{max-width: 100%; font: inherit;}
.bo_w_founded_wrap input{width: 100%; border-radius: 8px; padding: 0 14px;}
.bo_w_founded_wrap input:not([type="checkbox"]),
.bo_w_founded_wrap select,
.bo_w_founded_wrap textarea{border: 1px solid rgba(0,0,0,.12); background: rgba(255,255,255,.96); color: #222; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;}
.bo_w_founded_wrap input:not([type="checkbox"]):focus,
.bo_w_founded_wrap select:focus,
.bo_w_founded_wrap textarea:focus{outline: none; border-color: rgba(0,0,0,.28); box-shadow: 0 0 0 4px rgba(0,0,0,.08); background: #fff;}
.bo_w_founded_wrap .bo_w_nametel{float: left; width: 430px; margin: 0; overflow: hidden; max-width: 100%;}
.bo_w_founded_wrap .bo_w_name{float: left; width: 130px; margin-right: 8px; height: 44px;}
.bo_w_founded_wrap .bo_w_name input{height: 44px;}
.bo_w_founded_wrap .bo_w_tel{float: left; width: 292px; margin-right: 0; height: 44px;}
.bo_w_founded_wrap .bo_w_tel input{height: 44px;}

.bo_w_founded_wrap .bo_w_content{width: 100%; margin-top: 8px;}
.bo_w_founded_wrap .bo_w_content textarea{width: 100%;margin-top: 0;min-height: 64px;border-radius: 8px;padding: 10px 14px;resize: vertical;}
.bo_w_founded_wrap .bo_w_content select{width: 100% !important; height: 44px !important; border-radius: 8px !important; padding: 0 14px !important; margin: 0 !important;}

.bo_w_founded_wrap .bo_w_chk{float: left;width: 150px; vertical-align: middle; padding-top: 10px;}
.bo_w_founded_wrap .bo_w_chk label{color:#333; font-size: 14px; vertical-align: middle; cursor: pointer;}
.bo_w_founded_wrap .bo_w_chk a{text-align: left; padding: 6px 0 0; font-weight: bold;display: block;color: #666; text-decoration: underline; text-underline-offset: 3px;}
.bo_w_founded_wrap .bo_w_chk #chk_privacy{width: 18px; height: 18px; margin: 0 6px 0 0; vertical-align: middle;}
.bo_w_founded_wrap .bo_w_submit{float: left;width: 150px; padding-top: 0;}
.bo_w_founded_wrap .admin_option_wrap{width: 100%; text-align: center; padding: 20px 0 0 0; clear: both;}
.bo_w_founded_wrap .admin_option_wrap a{color: #333333;}
.bo_w_founded_wrap .btn_submit {padding: 12px 0 !important; font-weight: bold; border: 0; border-radius: 10px; min-height: 44px; box-shadow: 0 10px 22px rgba(0,0,0,.12); transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;}
.bo_w_founded_wrap .btn_submit:hover{transform: translateY(-1px); box-shadow: 0 12px 26px rgba(0,0,0,.16);}
.bo_w_founded_wrap .btn_submit:active{transform: translateY(0);}
.bo_w_founded_wrap .btn_submit:disabled{opacity: .7; box-shadow: none;}
.bo_w_founded_wrap .bottom_ment{ padding: 20px 0 ; line-height: 1.5em;}
.bo_w_founded_wrap .center_wrap{overflow: hidden; width:100%; max-width:1000px; margin:0 auto; display:flex; align-items:center; justify-content:center; gap:16px 20px; flex-wrap:nowrap;}
.bo_w_founded_wrap .bo_w_contents {width:100%; padding: 4px 0 10px;text-align: center;}

@media screen and (max-width: 991px) {
    .bo_w_founded_wrap{padding: 16px 20px;}
    .bo_w_founded_wrap .bo_w_founded_center{width: 100%;}
    .bo_w_founded_wrap .center_wrap{gap: 14px; align-items:center;}
    .bo_w_founded_wrap .bo_w_img{float: none; margin: 0; width: 200px;}
    .bo_w_founded_wrap .bo_w_submit{float: none; clear: none; width: 130px; margin: 0;}
    .bo_w_founded_wrap .bo_w_chk{float: none; margin: 0; clear: none; width: 130px; padding-top: 0;}
    .bo_w_founded_wrap .bo_w_nametel{float: none; margin: 0; width: 320px;}
    .bo_w_founded_wrap .admin_option_wrap{width: 300px; margin: 0 auto;}
    .bo_w_founded_wrap .admin_option_wrap a{color: #333333; width: 100%;}
    .bo_w_founded_wrap .bo_w_name{width: 110px; margin-left: 0; margin-right: 6px;}
    .bo_w_founded_wrap .bo_w_name input::placeholder{text-align: center;}
    .bo_w_founded_wrap .bo_w_tel{margin-right: 0; width: 204px;}
    .bo_w_founded_wrap .bo_w_tel input::placeholder{text-align: center;}
    .bo_w_founded_wrap .bo_w_content textarea{width: 100%;}
    .bo_w_founded_wrap .bo_w_content textarea::placeholder{text-align: center;}
    .bo_w_founded_wrap .bo_w_submit{width: 130px;}
    .bo_w_founded_wrap .bo_w_chk{text-align: left; height: auto !important; margin: 0; padding-top: 0;}
    .bo_w_founded_wrap .bo_w_chk a{display: block; vertical-align: middle; padding: 4px 0 0; margin-left: 0;}
    .bo_w_founded_wrap .center_wrap{overflow: visible; width:100%; max-width:100%; margin:0 auto;}
}


@media screen and (max-width: 768px) {
    .bo_w_founded_wrap{padding: 10px 12px 12px; max-height: min(46vh, 320px); overflow-y: auto; overflow-x: hidden;}
    .bo_w_founded_wrap .bo_w_founded_center{width: 100%;}
    .bo_w_founded_wrap .center_wrap{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:10px 12px;}
    .bo_w_founded_wrap .bo_w_img{float: none;margin: 0 auto 0 auto; width: 100%; max-width: 180px; height:auto;}
    .bo_w_founded_wrap .bo_w_submit{float: none; clear: none; width: 100%; max-width: 320px; margin: 0 auto;}
    .bo_w_founded_wrap .bo_w_chk{float: none; margin: 0 auto; clear: none; width: 100%; max-width: 320px; padding-top: 0;}
    .bo_w_founded_wrap .bo_w_nametel{float: none; margin: 0 auto; width: 100%; max-width: 320px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px;}
    .bo_w_founded_wrap .admin_option_wrap{width: 100%; max-width: 320px;}
    .bo_w_founded_wrap .admin_option_wrap a{color: #333333; width: 100%;}
    .bo_w_founded_wrap .bo_w_nametel{width: 100%; }
    .bo_w_founded_wrap .bo_w_name{width: calc(34% - 4px); max-width: none; margin:0; float:none; flex: 0 0 calc(34% - 4px); height: 40px;}
    .bo_w_founded_wrap .bo_w_name input::placeholder{text-align: center;}
    .bo_w_founded_wrap .bo_w_content{width: 100%; max-width: 320px; margin: 4px auto 0;}
    .bo_w_founded_wrap .bo_w_content textarea::placeholder{text-align: center;}
    .bo_w_founded_wrap .bo_w_tel{margin:0; width: calc(66% - 4px); max-width: none; float:none; flex: 0 0 calc(66% - 4px); height: 40px;}
    .bo_w_founded_wrap .bo_w_tel input::placeholder{text-align: center;}
    .bo_w_founded_wrap .bo_w_chk{width: 100%; height: auto !important; margin: 0 auto; text-align: center;}
    .bo_w_founded_wrap .bo_w_chk a{display: inline-block; vertical-align: middle; padding: 0; margin-left: 8px;}
    .bo_w_founded_wrap .bo_w_content textarea{width: 100%;}
    .bo_w_founded_wrap .bo_w_name input,
    .bo_w_founded_wrap .bo_w_tel input,
    .bo_w_founded_wrap .bo_w_content select{height: 40px !important;}
    .bo_w_founded_wrap .bo_w_content textarea{min-height: 52px; padding: 8px 12px;}
    .bo_w_founded_wrap .bo_w_chk label{font-size: 13px;}
    .bo_w_founded_wrap .bo_w_chk a{font-size: 12px;}
    .bo_w_founded_wrap .btn_submit{min-height: 40px; padding: 10px 0 !important;}
    .bo_w_founded_wrap .bo_w_contents{padding: 2px 0 8px;}
}

@media screen and (max-width: 480px) {
    #bo_w_quick{font-size: 14px;}
    .bo_w_founded_up_down{width: 120px; height: 44px; top: -44px;}
    .bo_w_founded_up_down img{width: 120px; height: 44px;}
    .bo_w_founded_wrap{padding: 8px 10px 10px; max-height: min(42vh, 280px);}
    .bo_w_founded_wrap .bo_w_img{max-width: 150px;}
    .bo_w_founded_wrap .bo_w_img img{height: auto; max-height: 32px;}
    .bo_w_founded_wrap .bo_w_chk{height: auto !important; line-height: 1.5;}
    .bo_w_founded_wrap .bo_w_chk a{display: inline-block; margin-left: 6px;}
    .bo_w_founded_wrap .bo_w_content{margin-top: 0;}
    .bo_w_founded_wrap .bo_w_content textarea{min-height: 44px;}
    .bo_w_founded_wrap .bo_w_nametel{gap: 6px;}
    .bo_w_founded_wrap .bo_w_name{width: calc(35% - 3px); flex-basis: calc(35% - 3px);}
    .bo_w_founded_wrap .bo_w_tel{width: calc(65% - 3px); flex-basis: calc(65% - 3px);}
    .bo_w_founded_wrap .bo_w_name input,
    .bo_w_founded_wrap .bo_w_tel input,
    .bo_w_founded_wrap .bo_w_content select{height: 36px !important;}
    .bo_w_founded_wrap .bo_w_name,
    .bo_w_founded_wrap .bo_w_tel{height: 36px;}
    .bo_w_founded_wrap .btn_submit{min-height: 36px; padding: 8px 0 !important; border-radius: 8px;}
    .bo_w_founded_wrap .bo_w_chk label{font-size: 12px;}
    .bo_w_founded_wrap .bo_w_chk a{font-size: 11px;}
    .bo_w_founded_wrap .bo_w_contents{padding: 0 0 6px;}
}
