/* ----------------------- 공통 */
/* 공통들 */
.main_color { color: #0B5ACE; }
.red { color: #E01818; }
.at-container{padding: 0 4.1667vw;}
.flex {display: flex; align-items: normal; justify-content: normal;}
.flex-cc {display: flex; align-items: center; justify-content: normal;}
.flex-c {display: flex; align-items: center; justify-content: center;}
.flex-sp {display: flex; align-items: center; justify-content: space-between;}
.flex-r {display: flex; align-items: center; justify-content: flex-end;}
.flex-a {display: flex; align-items: center; justify-content: space-around;}
.fz9{font-size: 2.0556vw;}
.fz10{font-size: 2.7778vw;}
.fz11{font-size: 3.0556vw;}
.fz12{font-size: 3.3333vw;}
.fz13{font-size: 3.4999vw;}
.fz14{font-size: 3.6889vw;}
.fz14_2{font-size: 15px;}
.fz14RB{font-size: 3.8889vw; color: #000; font-weight: 400;}
.fz16{font-size: 4.0444vw;}
.fz17{font-size: 4.5222vw;}
.fz18{font-size: 5.0000vw;}
.fw3{font-weight: 300;}
.fw4{font-weight: 400;}
.fw5{font-weight: 500;}
.fw6{font-weight: 500;}
.fw7{font-weight: 700;}
.p5{padding: 1.3889vw; box-sizing: border-box;}
.p10{padding: 2.7778vw;box-sizing: border-box;}
.p15{padding: 4.1667vw;box-sizing: border-box;}
.p1015{padding: 2.7778vw 4.1667vw;box-sizing: border-box;}
.pt10 {padding-top: 2.7778vw;}
.pt20 {padding-top: 5.5556vw;}
.pt30 {padding-top: 8.3333vw;}
.pb10 {padding-bottom: 2.7778vw;}
.pb20 {padding-bottom: 5.5556vw;}
.pb30 {padding-bottom: 8.3333vw;}
.ptb15 {padding: 4.1667vw 0;}
.plr15 {padding: 0 4.1667vw; box-sizing: border-box;}
.allm15 {margin: 4.1667vw;}
.mt5 {margin-top: 1.3889vw;}
.mt10 {margin-top: 2.7778vw;}
.mt15 {margin-top: 4.1667vw;}
.mt20 {margin-top: 5.5556vw;}
.mt30 {margin-top: 8.3333vw;}
.mb2 {margin-bottom: 0.4556vw;}
.mb5 {margin-bottom: 0.8889vw;}
.mb7 {margin-bottom: 1.9444vw;}
.mb10 {margin-bottom: 2.7778vw;}
.mb15 {margin-bottom: 4.1667vw;}
.mb20 {margin-bottom: 5.5556vw;}
.mb30 {margin-bottom: 8.3333vw;}
.mb50 {margin-bottom: 13.8889vw;}
.mb100 {margin-bottom: 27.7778vw;}
.mtb15 {margin: 4.1667vw 0;}
.mr5 {margin-right: 1.3889vw;}
.mr8 {margin-right: 2.2222vw;}
.mr10 {margin-right: 2.7778vw;}
.mr15 {margin-right: 4.1667vw;}
.db {display: block;}
.bdc1 {border:0.2778vw solid #C4C4C4;}
.bd5 {border:0.2778vw solid #E4E4E4; border-radius: 1.3889vw;}
.cob {color: #0B5ACE;}
.cof {color: #fff;}
.bgf {background: #fff;}
.bgb{background: #0B5ACE;}
.por{position: absolute; top: 50%;right: 4.1667vw;transform: translateY(-50%);}
.pol{position: absolute; top: 50%;left: 4.1667vw;transform: translateY(-50%);}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}
.m0a{display: block;margin: 0 auto;}
.w100{width: 100%;}
.w90{width: 90%;}
.w80{width: 80%;}
.w70{width: 70%;}
.w60{width: 60%;}
.w50{width: 50%;}
.w40{width: 40%;}
.w30{width: 30%;}
.w25{width: 25%;}
.w20{width: 20%;}
.w15{width: 15%;}
.w10{width: 10%;}
.op1{ opacity: 0.1; }
.op2{ opacity: 0.2; }
.op3{ opacity: 0.3; }
.op4{ opacity: 0.4; }
.op5{ opacity: 0.5; }
.op6{ opacity: 0.6; }
.op7{ opacity: 0.7; }
.op8{ opacity: 0.8; }
.op9{ opacity: 0.9; }

.bb1e4 {border-bottom: 0.2778vw solid #e4e4e4;}

.main_color { color: #0b5ace; }
.required { color: #ff4b4b; }

.main-index { width: 100%; }
.main-index2 { width: 100%; }

.header { text-align: center; position: sticky; top: 0; background-color: #fff; padding: 20px; z-index: 999; }

.area1 { background: #fff; padding: 80px 260px; }
.area1 .info_box { width: 70%; background: #fff; margin: auto; }
.area1 .info_box .title { color: #9d9d9d; font-size: 13px; margin-bottom: 2px; }
.area1 .info_box .frm-input { border: 1px solid #9d9d9d; border-radius: 4px; padding: 12px 8px; width: 100%; }
.area1 .info_box .frm-input.address { margin-bottom: 5px; width: 87%; }
.area1 .info_box .address_btn { margin-bottom: 5px; width: 12%; background: #006afe; color: #fff; border-radius: 4px; font-size: 16px; padding: 11px; }
.area1 .info_box .frm-input.mb { margin-bottom: 15px; }
.area1 .info_box .frm-textarea { border: 1px solid #9d9d9d; border-radius: 4px; padding: 12px 8px; width: 100%; height: 100px; }
.area1 .info_box .frm-textarea.mb { margin-bottom: 15px; }
.area1 .info_box .upload_btn { color: #006afe; border: 1px solid #9d9d9d; border-radius: 4px; padding: 20px; text-align: center; width: 100%; font-size: 18px; font-weight: 700; margin-bottom: 15px; }
.area1 .info_box #upload_file { display: none; }
.area1 .info_box .img_box { position: relative; gap: 1.2%; }
.area1 .info_box .img_box .upload_img_box { width: 19%; padding-top: 19%; position: relative; margin-bottom: 10px; }
.area1 .info_box .img_box .upload_img_box .upload_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.area1 .info_box .img_box .upload_img_box .close_btn { position: absolute; top: -5%; right: -5%; width: 12%; height: 12%; z-index: 2; cursor: pointer; }

.area1 .info_box .agree_label { color: #9d9d9d; font-weight: 400; font-size: 13px; letter-spacing: -0.32px; }
.area1 .info_box .frm-btn { width: 100%; color: #fff; font-size: 16px; text-align: center; background: #006afe; border-radius: 4px; padding: 12px; margin: 15px 0; }
.area1 .info_box .tel_btn { color: #6F43F1; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25); border-radius: 8px; padding: 13px; width: 40%; font-size: 24px; font-weight: 600; float: right; }
.area1 .sponsor_box { width: 59%; }
.area1 .sponsor_box .main-index3 { width: 100%; }

footer { color: rgba(51, 51, 51, 0.42); background: #f6f6f6; padding: 100px 200px; font-size: 15px; line-height: 31px; letter-spacing: -0.3px; font-weight: 400; }

.floating-box { position: fixed; font-size: 15px; bottom: 100px; right: 13%; }
.floating-box .kakao { background: #fee500; padding: 10px 15px; border-radius: 24px; }

@media (max-width: 500px) {
    .mb2 {margin-bottom: 1.3889vw;}
    .mb5 {margin-bottom: 1.5889vw;}

    .area1 { flex-wrap: wrap; gap: 50px; padding: 40px 20px; }
    .area1 .info_box { width: 100%; }
    .area1 .info_box .title { margin-top: 0px; }
    .area1 .info_box .frm-input.address { width: 54%; }
    .area1 .info_box .address_btn { width: 45%; }
    .area1 .info_box .tel_btn { width: 100%; }
    .area1 .info_box .img_box { position: relative; gap: 2%; flex-wrap: wrap; }
    .area1 .info_box .img_box .upload_img_box { width: 49%; padding-top: 49%; }
    .area1 .info_box .img_box .upload_img_box .close_btn { top: -5%; right: -5%; width: 12%; height: 12%; }

    footer { padding: 100px 20px; }

    .floating-box { bottom: 30px; right: 7%; }
}