/*==1:1 »ó´ã==*/
/*contactcon1*/
.contactcon1 {background-color:#fff;}
.contactcon1 .inner {width: 1200px;}
.contactcon1 .con_tit {margin: 0 0 60px 0;}
.contactcon1 .kakao_bnr {margin: 0 0 127px; background-color: #fae100; padding: 78px;}
.contactcon1 .kakao_bnr .kakao_tit {font-size: 32px; font-weight: bold; line-height: 1.3;}
.contactcon1 .kakao_bnr .kakao_det {margin: 24px 0 45px; font-weight: 500; line-height: 1.5;}
.contactcon1 .kakao_bnr .call_box {display: flex; align-items: center; gap: 30px; font-weight: bold; font-size: 18px;}
.contactcon1 .kakao_bnr .call_box .wht_circle {width:fit-content; border-radius: 40px; padding: 16px 30px; background-color:#fff;}
.contactcon1 .kakao_bnr .btn_wrap {display: flex; justify-content: flex-end;}
.contactcon1 .kakao_bnr .btn_wrap .goto_kakao {padding: 20px 52px;width: fit-content;border-radius: 3px;background-color: #3c1e1e;color:#fff;}
.contactcon1 .toggle_list_box {display:flex; flex-direction:column; gap:1px;}
.contactcon1 .toggle_list {font-size:15px;}
.contactcon1 .toggle_list .list_tit {padding: 22px 30px; display: flex; align-items: center; justify-content: space-between; background-color:#f8f8f8; cursor:pointer;}
.contactcon1 .toggle_list .list_tit.on img {transform: rotate(180deg);}
.contactcon1 .toggle_list .list_tit p {font-weight:bold;}
.contactcon1 .toggle_list .list_det {display:none; padding: 30px; background-color: #fff;}
.contactcon1 .toggle_list .list_det p {line-height: 1.6;}

.open_predict {display:flex; align-items:center; justify-content: center; padding: 48px 0; background-color: #f8f8f8; font-size:15px; font-weight: bold;}



/*===¹ÝÀÀÇü===*/
@media screen and (max-width: 1400px) {
    .contactcon1 .kakao_bnr .call_box .wht_circle {font-size: clamp(13px,2vmin,15px);}
    .contactcon1 .kakao_bnr .kakao_tit {font-size: clamp(20px,4vmin,30px);}
    .contactcon1 .kakao_bnr .kakao_det {font-size: clamp(12px,2vmin,15px);margin: 3% 0 5%;}
    .contactcon1 .toggle_list .list_tit p {font-size: clamp(13px,3vmin,16px);line-height: 1.3;width: 75%;}
    .contactcon1 .toggle_list .list_det p {font-size: clamp(14px,4vmin,16px);/* line-height: 1.5; */}
}

@media screen and (max-width: 1200px) {
    .contactcon1 .inner {width:90%;}
}

@media screen and (max-width: 960px) {
    .contactcon1 .inner {width:100%;}

    .contactcon1 .tab_btn_wrap {width: 100%;overflow-x: hidden;padding: 0 0 3%;margin:0 0 8%;}
    body.ver_mobile .contactcon1 .tab_btn_wrap::-webkit-scrollbar{background-color: transparent;height: 0;}
    body.ver_mobile .contactcon1 .tab_btn_wrap::-webkit-scrollbar-thumb{background-color: transparent;}
    body:not(.ver_mobile) .contactcon1 .tab_btn_wrap::-webkit-scrollbar {width: 5px; height:3px}
    body:not(.ver_mobile) .contactcon1 .tab_btn_wrap::-webkit-scrollbar-track {background-color:#fff;}
    body:not(.ver_mobile) .contactcon1 .tab_btn_wrap::-webkit-scrollbar-thumb { background-color: #a7a7a7; width: 20%; }
    body:not(.ver_mobile) .contactcon1 .tab_btn_wrap::-webkit-scrollbar-button {display: none;}
    
    .contactcon1 .kakao_bnr {text-align: center;padding: 35px 20px;margin: 0 0 15%;}
    .contactcon1 .kakao_bnr .call_box {flex-direction:column;gap:20px;margin: 0 0 5%;}
    .contactcon1 .kakao_bnr .btn_wrap {justify-content:center;}
    .contactcon1 .kakao_bnr .call_box .wht_circle {padding: 3% 6%;}
    .contactcon1 .kakao_bnr .btn_wrap .goto_kakao {padding: 5% 12%;font-size: 14px;}
    .contactcon1 .con_tit {margin: 0 0 8%;}
    .contactcon1 .tab_btn_wrap {/*width: 100%;overflow-x:auto;*/padding: 0 0 3%;margin:0 0 8%;}
    .contactcon1 .toggle_list .list_tit {padding: 6%;}
}

@media screen and (max-width: 540px) {
    .contactcon1 .kakao_bnr {padding: 40px 0;margin: 0 0 40px;}
    .contactcon1 .kakao_bnr .call_box {margin: 0 0 30px;font-size: 15px;gap: 15px;}
    .contactcon1 .kakao_bnr .kakao_det {margin: 15px 0 20px;}
    .contactcon1 .kakao_bnr .btn_wrap .goto_kakao {font-size: 13px;padding: 0;width: 208px;height: 45px;display: flex;align-items: center;justify-content: center;}
    .contactcon1 .kakao_bnr .call_box .wht_circle {width:118px; height:30px; padding:0; display: flex; justify-content:center; align-items:center;}
    .contactcon1 .toggle_list .list_tit img {height: 18px;}
    .contactcon1 .con_tit {margin:0 0 28px;}
    .contactcon1 .con_tit.margin_differ {margin: 0 0 10px;}
    .contactcon1 .toggle_list .list_det {padding: 25px 15px;}
    .contactcon1 .toggle_list .list_tit {padding: 20px 15px;}
    .contactcon1 .toggle_list .list_tit p{width: calc(100% - 40px);}
    .open_predict {padding: 45px 0;/* font-size: 15px; */}

    .contactcon1 .tab_btn_wrap{padding: 0 0 0;}
}