.pconly{display:block;}
.mobileonly{display:none;}
/* 모바일 메뉴 */
.mobile_head ul{display: flex; justify-content: space-between; align-items: center;width: 100%;padding: 10px 0;border-bottom: 1px solid #ddd;}
.mobile_head ul li{width: 25%;}
.mobile_head ul a p{font-size: 1.4rem;}
.mobile_head ul a img{width: 18px;}
.mobile_head ul a{display: flex; flex-direction: column;justify-content: center; align-items: center; gap: 0.5rem 0;}

.mob_menu1 a{font-size: 1.6rem; display: block;}
.mob_menu1{display: flex; justify-content: space-around; align-items: center;width: 100%;}
.mob_menu1 img{margin-left: 0.7rem;}
.top_banner{font-size: 1.4rem;background-color: #f5f7fa; padding:10px  15px;width: 100%; text-align: left; }

.mobile_logo{display: flex; justify-content: space-between; align-items: center;width: 100%;padding: 5px 10px;border-bottom: 1px solid #ddd;padding-top:0;}
.mobile_logo a{display: block;}
.mobile_logo a:first-child{width: 120px;}
/* @media screen and (max-width:390px) {
    .mobile_head ul{width: 70%;}
} */

.mob_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* 검정색 + 60% 불투명도 */
    z-index: 999; /* 모바일 메뉴보다 살짝 아래여야 함 */
    display: none;
  }

.special_ad{margin-top: 4rem;display: flex; justify-content: space-between; align-items: center; gap:1.2rem;flex-wrap:wrap; overflow:hidden;}
.special_ad a{display: block;width: 49.5%;}
.special_ad a img{width: 100%;}   

.premium_ad{margin-top: 6rem;overflow: hidden;padding-bottom: 6.5rem;position: relative;}
.premium_ad .ad{display: block; background: url(../img/premium_bg.png) no-repeat; background-position: center;background-size: cover;width: 24%;  padding: 12px;height: 30.3rem;display: flex; justify-content: center; align-items: center; flex-direction: column;position: relative; gap: 2rem ;}
.premium_ad .ad_company_name{position: absolute; top: 12px;right: 12px; color: #222; font-size: 15px;display: flex; align-items: center;}
.premium_ad .ad_company_name p{color: #222; font-size: 15px; }
.premium_ad .ad_company_name span {color: #fff;background-color: #0055d4; padding: 5px; border-radius: 5px;display: inline-block; margin-left: 10px;}
/* .premium_ad .mySwiper{overflow: hidden;} */
.swiper{padding-bottom: 30px ;}
.premium_ad .ad h2{color: #0055d4; font-size: 2.5rem; font-weight: 700; text-align: center;;margin: 0 auto;margin-bottom: 2rem;}
.premium_ad .ad h3{ font-size: 2rem; text-align: center;margin: 0 auto; word-break: keep-all;}
.premium_ad .tel{background-color: #0055d4;padding: 1.5rem 2rem;display: flex; justify-content: center; align-items: center; gap:1rem ;border-radius: 8px; position: absolute;bottom: 12px;width: 90%; left: 50%; transform: translateX(-50%);}
.premium_ad .tel p{color: #fff; font-size: 2.4rem; font-weight: 700;}
.premium_ad .swiper-slide .mob_p{display: none;}
.premium_ad .tel_mob{display: none;}
.swiper-grid-column>.swiper-wrapper{align-items: start !important;}

.swiper-slide {
    height: calc((100% - 10px) / 2); /* 예: 두 줄로 나누기 위해 */
  }
  

.subtitle{display: flex;justify-content: start; align-items: baseline; gap: 0 2rem;margin-bottom: 2rem;}
.subtitle h2{font-size: 2.6rem; font-weight: 600;}
.subtitle h2 span{font-size: inherit; font-weight: inherit; color: #0055d4;}
.subtitle h3{color: #999999; font-size: 1.8rem; font-weight: 500;}

.main_ad{margin-top:5rem ;margin-bottom: 10.8rem;}
.main_ad .ad_wrap{display: flex; justify-content: start; align-items: start; gap: 1.4rem 0.9rem;flex-wrap: wrap;}
.main_ad .ad{width: 24.4%;border: 2px solid #dce1eb;display: flex; flex-direction: column; justify-content: space-between; align-items: center;transition: all 0.3s; }
.main_ad .ad a{width: 100%;}
.main_ad .ad .ad_title{background-color: #eff2f6; border-bottom: 1px solid #dce1eb;padding: 1.6rem 0;width: 100%;}
.main_ad .ad .ad_title h2{color: #0055d4; font-size: 2rem; font-weight: 700;text-align: center;width: 90%; margin: 0 auto;margin-bottom: 0.5rem;}
.main_ad .ad .ad_title h3{ font-size: 2rem; font-weight: 600;text-align: center;margin: 0 auto; width: 90%;}
.main_ad .ad .ad_content {padding: 1.9rem 0;}
.main_ad .ad .ad_content p{font-size: 1.6rem; line-height: 150%;width: 80%;margin: 0 auto;word-break: keep-all;text-align: center;height: 4.8rem; overflow: hidden ;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 최대 줄 수 지정 (예: 3줄) */
    -webkit-box-orient: vertical;}
.main_ad .ad .ad_content .line{width: 40px; height: 1px; background-color: #dce1eb;margin: 1.5rem auto; margin-top: 2rem;}
.main_ad .ad .ad_content .tel{display: flex; justify-content: center; align-items: center;gap: 0 0.9rem; }
.main_ad .ad .ad_content .tel span{color: #666; font-size: 1.6rem; font-weight: 600;text-decoration: underline; }
.main_ad .ad .ad_info{border-top: 1px solid #dce1eb; display: flex; justify-content: start; align-items: center;gap: 0.8rem; width: 100%; padding: 1rem 1.3rem;transition: all 0.3s;}
.main_ad .ad .ad_info span{display: inline-block; background-color: #666 ;color: #fff; font-size: 1.6rem; font-weight: 600; border-radius: 5px;padding: 5px;transition: all 0.3s;  }
.main_ad .ad .ad_info h4{ font-size: 1.6rem; transition: all 0.3s;}
.main_ad .ad:hover .ad_info{border-top: 1px solid #0055d4;background-color: #0055d4; }
.main_ad .ad:hover .ad_info span{background-color: #fff;color: #0055d4;}
.main_ad .ad:hover .ad_info h4{color: #fff;}
.main_ad .ad:hover {border: 2px solid #0055d4;}

.main_ad .mob_tel2{display: none;}

.banner{background: url(../img/banner_bg.png) no-repeat; background-position: center; background-size: cover;padding: 4.5rem 0; }
.banner .text_box{padding-left: 13.5rem; display: flex; flex-direction: column; justify-content: start; align-items: start;}
.banner .text_box h5{font-family: 'Gmarket Sans'; font-weight: 300; font-size: 2.4rem;margin-bottom: 1.2rem;}
.banner .text_box h6{font-family: 'Gmarket Sans'; font-weight: 500; font-size: 4.4rem;line-height: 120%;}
.banner .text_box h6 span{font-family: 'Gmarket Sans'; font-weight: 700; font-size: 4.4rem;}

.latest_wrap{margin: 10.7rem auto;border-top:2px solid #333 ;display: flex; justify-content: start; align-items: start;border-bottom: 1px solid #dedede;}
.latest_wrap>div{width: 30%;padding-top:3.4rem ;padding-bottom: 3rem; }
.latest_wrap .line{width: 1px; height: 389px ; background-color: #dedede; margin: 0 2.8rem;}
.latest_wrap .inquiry{display: block; width: 100%;background-color: #0055d4; color: #fff;text-align: center; padding: 2rem;margin-top: 3rem;font-weight: 700;}
.latest_wrap .inquiry img{margin-right: 10px;}
.latest_wrap .box .latest_top_wr{margin-bottom: 3rem;}
.latest_wrap .box .line{width: 100%; height: 1px; background-color: #dedede; margin: 0 auto;} 
.latest_wrap .business_hours{display: flex;justify-content: space-between; align-items: end; margin-top: 5.5rem;}
.latest_wrap .business_hours .tiem h2{font-size: 2.2rem; font-weight: 700;margin-bottom: 1rem;}
.latest_wrap .business_hours .tiem h3{font-size: 1.8rem; font-weight: 700;}
.latest_wrap .hours_info p{font-size: 2rem; font-weight: 600;}
.latest_wrap .hours_info p img{margin-right: 1rem;}
.latest_wrap .business_hours .hours_info{font-size: 2rem; font-weight: 600; text-align: right;line-height: 150%;}
.latest_wrap .business_hours .hours_info span{font-size: 1.5rem; color: #666; text-align: right;line-height: 150%;}
.latest_wrap .link_box h2{font-size: 2.2rem; font-weight: 700; }
.latest_wrap .link_box .contents{margin-top: 1.2rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap:2rem 0 ;}
.latest_wrap .link_box a{display: flex; flex-direction: column; width: 26%;text-align: center;font-size: 14px;line-height: 120%; gap: 1.5rem 0;}
.faq .tit{display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;}
.faq ul{margin-bottom: 2rem;}
.faq .tit h2{font-size: 2.2rem; font-weight: 700;}
.faq ul li{display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.faq ul li a{ width: 60%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.faq ul li h4{font-size: 14px; width: 100%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.faq ul li h5{font-size: 14px; color: #999;width: 22%;text-align: right;}

.quick_banner{display: flex; flex-direction: column; gap: 1.2rem ;}
.quick_banner a{display: flex; justify-content: center; align-items: center; gap: 0 0.8rem; border:1px solid #dce1eb ; border-radius: 5px; box-shadow: 0 0 5px #0000002a;background-color: #fff;padding: 1.9rem 0rem;font-size: 13px;}
.quick_banner .quick_img{border:1px solid #dce1eb ; border-radius: 5px; box-shadow: 0 0 5px #0000002a;background-color: #fff;}
.quick_banner .quick_img p{padding: 1.7rem; text-align: center;font-size: 13px; }
.quick_banner .quick_img p span{color: #0055d4; font-size:inherit; }
.quick_banner .quick_img{display: flex;flex-direction: column;padding: 0;}

.quick_banner2{display: flex; flex-direction: column; gap: 1.2rem ;}
.quick_banner2 a{border:1px solid #dce1eb ; border-radius: 5px; box-shadow: 0 0 5px #0000002a;background-color: #fff;}
.quick_banner2 a p{padding: 1.7rem; text-align: center;font-size: 13px; }
.quick_banner2 a p span{color: #0055d4; font-size:inherit; }
.quick_banner2 div{background-color:#eff2f6 ; font-size: 13px; text-align: center;padding: 1.5rem 0;border:1px solid #dce1eb ; border-radius: 5px; box-shadow: 0 0 5px #0000002a;}
.quick_banner2 div span{ font-size: inherit; color: #0055d4;}

.ad_detail{background-color: #f5f7fa;}
.ad_detail h2{font-size: 2.7rem; font-weight: 600;margin-bottom: 2.4rem;}
.ad_detail .ad_info{border: 1px solid #eee; border-top:2px solid #333 ;background-color: #fff; padding: 3rem;margin-bottom: 4.2rem;}
.ad_detail .ad_info .sub_txt{font-size: 2rem; font-weight: 600; color: #0055d4;margin-bottom: 2rem;}
.ad_detail .ad_info .sub_txt img{margin-right: 5px;vertical-align: middle;}
.ad_detail .ad_info table{width: 100%;}
.ad_detail .ad_info table th{color: #494949; font-size: 1.6rem; text-align: left; font-weight: 500;width: 30%;padding: 10px 0;}
.ad_detail .ad_info table td{width: 60%; font-size: 1.6rem; color: #666666;width: 60%;}
.ad_detail .ad_info table td span{font-size: 1.6rem; color: #666666;}
.ad_detail .ad_info table td b{font-size: 1.6rem; color: #999999;font-weight: 400;}
.ad_detail .ad_info table td a{font-size: 14px; font-weight: 600; border: 1px solid #0055d4; border-radius: 5px; color: #0055d4;padding: 5px 12px;display: inline-block;margin: 0 2.4rem;}
.ad_detail .ad_info .container{line-height: 150%; color:#494949; font-weight: 500;margin-bottom: 10px;}
.ad_detail .btn_center{text-align: center;margin-top: 6.4rem;padding-top: 6.4rem;}
.ad_detail .btn_center a{color: #0055d4; border: 1px solid #0055d4; background-color:#fff;padding: 1.7rem 7.3rem; text-align: center; display: inline-block; margin: 0 auto;}

.tab_contents_wrap{margin-bottom: 15rem;}
.tab_contents_wrap .tab_menu_wrap{background-color: #f8f8f8;padding: 7rem 0;}
.tabs {display: flex;flex-wrap: wrap; width: 100%;border-top: 1px solid #d8d8d8;border-left: 1px solid #d8d8d8;}
.tab_btn {width: 11.11%; padding: 10px 0;text-align: center;background-color: #fff; border: 1px solid #d8d8d8;outline: none;cursor: pointer;font-size: 1.6rem;transition: background-color 0.3s ease;border-left: none;border-top: none;}
.tab_btn.tab_active {background-color: #fff;color: #0055d4 ; border: 1px solid #0055d4; font-weight: bold;}
.content {display: none;}
#content-0 {display: block;}

/* 실시간 문자보내기 */
.sms_info_wrap{background: url(../img/text_bg.png) no-repeat; background-position: center; background-size: cover; padding-top: 12.4rem;padding-bottom: 10.2rem;}
.sms_info_wrap .inner{width: 92%; max-width: 1000px; margin: 0 auto ;position: relative;}
.sms_info_wrap .center_txt{display: flex; justify-content: center; align-items: center;gap: 2.5rem 0;flex-direction: column;margin-bottom: 7.3rem;}
.sms_info_wrap .center_txt h4{font-size: 2.4rem; font-weight: 700; }
.sms_info_wrap .center_txt h4 span{font-size: inherit; color: #0055d4; font-weight: inherit; }
.sms_info_wrap .center_txt h3{ text-align: center; line-height: 120%; font-size: 4.5rem; font-weight: 700; }
.sms_info_wrap .center_txt h3 span{ font-size: inherit; font-weight: inherit; color: #0055d4; }
.sms_info_wrap .center_txt h5{text-align: center; font-size: 2rem ; line-height: 170%; margin-top: 1rem;}
.sms_info_wrap ul {display: flex; flex-direction: column; gap: 1.2rem 0;}
.sms_info_wrap ul li{background-color: #fff;border:1px solid #dce1eb ; border-radius: 10px; box-shadow: 3px 3px 5px #00000010;display: block;padding: 2rem 3rem; width: 50%;}
.sms_info_wrap ul li div{display: flex; justify-content: start; align-items: center; gap: 1.5rem;margin-bottom: 1.5rem;}
.sms_info_wrap ul li h6{font-size: 2.2rem; font-weight: 700; color: #0055d4;}
.sms_info_wrap ul li p{font-size: 1.7rem; color: #494949; line-height: 150%;margin-left: 9%;}
.sms_check {text-align: center;padding-top: 9.8rem;}
.sms_check h2{text-align: center;font-size: 4.5rem; font-weight: 700; }
.sms_check h2 span{color: #0055d4; font-size: inherit; font-weight:inherit; }
.sms_check .warning{margin: 0 auto; display: inline-block; padding: 1.6rem 5.6rem; text-align: center;  background-color: #f3f5f9; border-radius: 8px; color: #121212; margin-top: 4rem; margin-bottom: 7.7rem}
.sms_check .warning img{margin-right: 1.5rem;} 
.sms_check ul{display: flex; justify-content: space-between;align-items: start; }
.sms_check ul li{background-color: #fff;border:1px solid #dce1eb ; border-radius: 10px; box-shadow: 3px 3px 5px #00000010;display: block;padding: 4.7rem 1rem ; width: 32.5%;height: 240px;position: relative; }
.sms_check ul li h6{font-size: 2rem; font-weight: 700; color: #0055d4;}
.sms_check ul li  p{line-height: 130%;margin: 2.5rem 0;margin-bottom: 2rem;}
.control-container {display: flex;position: relative; justify-content: center; align-items: center; gap: 0 1rem;position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); }
.screen-reader {position: absolute;width: 1px;height: 1px;padding: 0;border: 0;overflow: hidden;margin: -1px;clip-path: inset(50%);}
.label-box {position: relative;}
.check-icon {width: 2.4rem;height: 2.4rem;background-color: #fff;border: 1px solid #e8e8e8;border-radius: 5px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.check-icon::before {content: "";position: absolute;box-sizing: border-box;width: 30%;height: 55%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-70%) rotateZ(40deg);border-right: 1.5px solid #e8e8e8;border-bottom: 1.5px solid #e8e8e8;}
.sms_check label {position: relative;cursor: pointer;font-size: 15px; color: #999999;padding-left: 2.2em;}
[type="checkbox"]:checked + .label-box .check-icon {border-color:  #fff;background-color: #0055d4;}
[type="checkbox"]:checked + .label-box .check-icon::before {border-color: #fff;}
[type="checkbox"]:checked + .label-box label {color: #0055d4;}
.all_check {display: flex;position: relative; justify-content: end; align-items: center; gap: 0 1rem; margin-top: 3.7rem; }
.all_check label {position: relative;cursor: pointer;font-size: 1.8rem; color: #333; padding-left: 2.2em;}
.sms_check h4{color: #0055d4; margin-top: 1rem;text-align: right;}
.sms_check .inquiry{display: inline-block; background-color: #0055d4; color: #fff;text-align: center; padding: 2rem 4rem;margin-top: 4.5rem;font-weight: 700;border-radius: 8px;box-shadow: 3px 3px 5px #0000002f;border: none;}
.sms_check .inquiry img{margin-right: 10px;}
.mob_img{display: none;}


/* 회사소개 */
.company{text-align: center;padding-top: 5rem;padding-bottom: 2.3rem;}
.company h2{font-size: 2.8rem; font-weight: 700;}
.company h3{font-size: 2.8rem; font-weight: 700;margin-top: 6rem; margin-bottom:3rem ;}
.company h3 span{color: #0055d4; font-size: inherit; font-weight: inherit;}
.company p{font-size: 1.7rem;line-height: 150%;}
.company ul{margin: 0 auto; margin-top: 7.7rem; display: flex; justify-content: space-between; align-items: center;width: 100%; max-width: 1050px;margin-bottom: 11.4rem;}
.company ul li{text-align: center; display: flex; flex-direction: column; gap: 2rem 0 ;}
.company ul li h4{font-size: 2.4rem; font-weight: 700; margin-top: 0.8rem;}
.company ul li h5{font-size: 1.7rem; font-weight: 700; margin-top: 0.8rem;}
.company ul li h6{color: #686868; font-size: 15px;line-height: 140%;}
.company .img_wrap{display: flex; justify-content: center; align-items: center; gap: 2rem;}
.company .line{width: 1px ; height: 150px; background-color: #eeeeee;}
.company .img_wrap div{width: 50%;}
.company .img_wrap div img{width: 100%;}

/* 최근본업체 */
.recent{width: 92%; margin: 0 auto; max-width: 960px;}
.recent table{width: 100%;border-top: 1px solid #666;}
.recent table td{height: 54px; text-align: center; }
.recent table td a{font-size: 14px; color: #686868; font-weight: 400;}
.recent table td a:hover{font-size: 14px; color: #333; font-weight: 400;}
.recent table tr{border-bottom: 1px solid  #ecf0f1;}


/* 광고상품선택 */
.ad_select_wrap{padding-top: 5rem;}
.ad_step{width: 100%; border: 1px solid #dddddd; padding:2.4rem 0 ; display: flex; justify-content: center; align-items: start;}
.ad_step .step {text-align: center;}
/* .ad_step .step::after{content: ""; display: block; width: 160px; height: 1px; background-color: #dfdfdf;} */
.ad_step .step div{margin: 0 auto; background-color: #f0f0f0; border-radius: 50%; width: 5rem; height: 5rem; text-align: center; line-height: 5rem; color: #d3d3d3; font-size: 2.4rem; font-weight: 300;font-family: "Outfit", sans-serif;}
.ad_step .line{height: 1px ; width:160px ;background-color: #dfdfdf;margin-top: 25px;margin-left: -19px;}
.ad_step .line2{margin-left: -43px;}
.ad_step .step1{margin-left: -50px;}
.ad_step .step2{margin-left: -43px;}
.ad_step .step3{margin-left: -3px;}
.ad_step p{color: #d3d3d3; font-size: 1.6rem;margin-top: 1.5rem;}
.ad_step .step_active div{background-color: #0055d4; color: #fff;}
.ad_step .step_active p{color: #0055d4;}
.ad_select_wrap ul{display: flex;flex-direction: column; gap: 3.5rem;margin-top: 2.2rem;margin-bottom: 12.3rem;}
.ad_select_wrap ul li{width: 100%; border: 1px solid #ddd;padding: 7rem 6rem; display: flex; justify-content: start; align-items: center;gap: 8rem ;}
.ad_select_wrap .right_info {width: 60%;}
.ad_select_wrap .right_info h3{font-weight: 700; font-size: 2.8rem;}
.ad_select_wrap .right_info h3 span{padding-left: 1.2rem;color: #666666; font-weight: 500; font-size: 1.9rem;}
.ad_select_wrap .right_info h4{font-size: 2.8rem; font-weight: 700;color: #0055d4;margin-top: 1rem;}
.ad_select_wrap .right_info .line{width: 100%; height: 1px ; background-color: #dcdcdc;margin-top: 1rem; margin-bottom: 2.7rem;}
.ad_select_wrap .right_info h5{font-weight: 700;}
.ad_select_wrap .right_info h6{margin-top: 1rem;font-size: 1.6rem;color: #666;}
.ad_select_wrap button{border: none; background-color: #121212; color: #fff; text-align: center; margin: 0 auto; padding:1.5rem  9.9rem;}
.btn_center{text-align: center;}
.select_container{display: inline-flex;position: relative;padding: 1.5rem 17.7rem; background-color: #f7f7f7; text-align: center;border: 1px solid #dddddd; transition: all 0.3s;margin-top: 4.4rem;}
.lable_wrap{position: relative;}
.lable_wrap .label_text{margin-left: 24px;}
.check_box {width: 1.6rem;height: 1.6rem;border-radius: 3px;border: 1px solid #bbbbbb;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.check_box::before {content: "";position: absolute;box-sizing: border-box;width: 30%;height: 55%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-70%) rotateZ(40deg);border-right: 1.7px solid #bbbbbb;border-bottom: 1.7px solid #bbbbbb;}
.select_container label {padding-left: 2.2em;position: relative;cursor: pointer;color: #666666;font-size: 1.6rem; }
[type="checkbox"]:checked + .lable_wrap .check_box {border-color:  #fff;}
[type="checkbox"]:checked + .lable_wrap .label_text {color: #fff;}
[type="checkbox"]:checked + .lable_wrap .check_box::before {border-right: 1.7px solid #fff;border-bottom: 1.7px solid #fff;}

[type="radio"]:checked + .lable_wrap .check_box {border-color:  #fff;}
[type="radio"]:checked + .lable_wrap .label_text {color: #fff;}
[type="radio"]:checked + .lable_wrap .check_box::before {border-right: 1.7px solid #fff;border-bottom: 1.7px solid #fff;}

/* 광고 문구 신청서 */
.ad_img{border: 1px solid #dddddd;padding: 3.5rem 2.5rem;margin-top: 1.7rem;text-align:center;width:auto;}
.ad_select_wrap form{margin-bottom: 4.3rem;}
.ad_copy_form{margin-top: 3.7rem;}
.ad_select_wrap h2{font-weight: 700; font-size: 2.8rem;padding-bottom: 1rem; border-bottom:1px solid #666666;}
.ad_select_wrap .form_group{display: flex; justify-content: start; align-items: center; padding:7px 0 ;border-bottom: 1px solid #d5d5d5;}
.ad_select_wrap .form_group label{font-size: 1.6rem; width: 16%;}
.required_mark{color: #0055d4; font-size:1.6rem;}
.ad_select_wrap .form_group input{width: 84%; border: 1px solid #f5f5f5; background-color: #f9f9f9;font-size:1.6rem; padding:15px ;}
.ad_select_wrap .form_group input::placeholder{color: #999999;font-size:1.6rem;}
.ad_copy_form .group_start{align-items: start;padding: 2rem 0;flex-wrap: wrap;}
.ad_copy_form .group_start input{width: auto;margin-right: 5px;}
.ad_copy_form .group_start legend{font-size:1.6rem; width:  16%;padding: 0; }
.ad_copy_form .group_start .check_list{width: 71%;display: flex; flex-wrap: wrap; gap: 1.5rem 2rem; }
.ad_copy_form .group_start .check_list2{width: 60%; gap: 1.5rem 2rem; }
.ad_copy_form .group_start p{font-size:15px; color: #0055d4;margin-top: 1.8rem;width: 100%;margin-left: 16%;}
.ad_copy_form .group_start label{ font-size:1.6rem; color: #666;width: auto;}
.check_box {width: 1.6rem;height: 1.6rem;border-radius: 3px;border: 1px solid #bbbbbb;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.check_box::before {content: "";position: absolute;box-sizing: border-box;width: 30%;height: 55%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-70%) rotateZ(40deg);border-right: 1.7px solid #bbbbbb;border-bottom: 1.7px solid #bbbbbb;}
.pro_label {position: relative;}
.pro_check {width: 13px;height: 13px;background-color: #fff;border: 1px solid #d9d9d9;position: absolute;left: 0;top: 50%;transform: translateY(-50%);box-shadow: 1px 1px 0 #d9d9d9;}
.pro_check::before {content: "";position: absolute;box-sizing: border-box;width: 30%;height: 55%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-70%) rotateZ(40deg);border-right: 1.7px solid #d9d9d9;border-bottom: 1.7px solid #d9d9d9;}
.pro label {padding-left: 1.2em;position: relative;cursor: pointer;}
[type="checkbox"]:checked + .pro_label .pro_check {border-color:  #0055d4;background-color: #0055d4;}
[type="checkbox"]:checked + .pro_label .pro_check::before {border-color: #fff;}
[type="radio"]:checked + .pro_label .pro_check {border-color:  #0055d4;background-color: #0055d4;}
[type="radio"]:checked + .pro_label .pro_check::before {border-color: #fff;}

.company_information .pro label{margin-right: 30px;}
.form_group select{width:10%;margin-right: 5px;background-color: #f9f9f9; border: 1px solid #f5f5f5;padding: 15px; color: #666; font-size:1.6rem;}
.form_group select:focus{border: 1px solid #f5f5f5;outline: none;}
.form_group h6{padding: 0 2.3rem;font-size:1.6rem; color: #999;}
.form_group .margin{margin-right: 30px;}
.ad_select_wrap .form_group .width_30{width: 11%;}
.select_wrap {position: relative;display: inline-block;width: 130px;margin-right: 5px;}
.select_wrap select {width: 100%;padding: 15px 40px 15px 15px; font-size:1.6rem;appearance: none;     -webkit-appearance: none;-moz-appearance: none;border: 1px solid #f5f5f5;background-color: #f9f9f9;color: #666;}
.select_wrap::after {content: "";position: absolute;right: 15px;top: 50%;display: block; width:12px;height: 7px;background:url(../img/arrow2.png)no-repeat;background-position: center; background-size: cover;transform: translateY(-50%);color: #666;pointer-events: none; /* 클릭 방지 */font-size:1.6rem;}
.company_information .form_group{height: 68px;}
.company_information .form_group2{display: flex; justify-content: start; align-items: center; padding:7px 0 ;border-bottom: 1px solid #d5d5d5;padding: 2.2rem 0;}
.company_information .form_group2 label{font-size:1.6rem; width: 16%;}
.company_information{margin: 4rem 0;}

.company_information .ca_time_wrap{display: flex;width: 84%;align-items: center;}

.payment table{width: 100%;}
.payment table tr{padding: 2rem 0;border-bottom: 1px solid #d5d5d5;}
.payment table .t_tit{color: #333333; font-size:1.6rem; width: 16%;padding: 2rem 0;}
.payment table .t_color{font-size:1.6rem; color: #0055d4;}
.payment table .t_color span{font-size: inherit; color: inherit;}
.payment table .t_sub {color: #666666; font-size:1.6rem; }
.payment table .t_sub input{border:1px solid #d5d5d5; padding:1rem;max-width:150px;}
.payment table .t_sub span{padding-left: 10px; }
.ad_select_wrap button{border: none; background-color: #121212; color: #fff; text-align: center; margin: 0 auto; padding:1.5rem  9.9rem;}
.ad_select_wrap button{margin-top:5.5rem ;margin-bottom: 5rem;}

.filebox{width:100%;}
.file-input-container {display: flex;width: 100%;max-width: 400px;}
.file-name {flex: 1;padding: 8px 16px;font-size: 14px;color: #4b5563;background: #f9f9f9;padding: 15px;margin-right: 10px;width: 30%;}
.file-select-button {background-color: #000;color: white;border: none;padding: 8px 16px !important;margin:0px !important;font-size: 14px;cursor: pointer;font-weight: 500;}
.hidden-input {display: none;}


/* 광고신청완료 */
.complete{margin-top: 8.6rem ; display: flex; flex-direction: column;gap: 2.5rem ;align-items: center; justify-content: center; margin-bottom: 23.6rem;}
.complete p{font-size: 2.8rem; font-weight: 700;}

.br_850{display: none;}
.br_500{display: none;}



.company_container .ad_company_info{width: 100%;margin-top: 15px;}

/* 메인반응형 */
@media screen and (max-width:1848px) {
    .quick_banner{right: 1%;}
    .quick_banner2{left: 1%;}
}
@media screen and (max-width:1608px) {
    .quick_banner img{display: none;}
    .quick_banner2 img{display: none;}
}
@media screen and (max-width:1400px) {
    .ad_step .line{margin-left: -15px;margin-top: 20px;}
    .ad_step .line2{margin-left: -39px;}
}
@media screen and (max-width:1564px) {
    .quick_banner{display: none;}
    .quick_banner2{display: none;}
}
@media screen and (max-width:1200px) {
    .premium_ad .ad {background-position: top;height: 35rem;}
    .latest_wrap .link_box a img{width: 7rem;margin: 0 auto;}
}
@media screen and (max-width:1152px) {
    .main_ad .ad_wrap{gap: 1.4rem 0.5rem; }
}
@media screen and (max-width:1148px) {
    .special_ad a{width: 49%;}
}

@media screen and (max-width:1024px) {
    .all_content_wrap{margin-top:124px ;}
    .subtitle h2{font-size: 2.2rem;}
    .premium_ad .ad h2{font-size: 2.2rem;}
    .premium_ad .ad h3{font-size: 1.8rem;}
    .premium_ad .tel p{font-size: 1.8rem;}
    .premium_ad .tel img{width: 18px;}
    .main_ad .ad_wrap{gap: 1.4rem 1.3rem;}
    .main_ad .ad{width: 32.4%;}
    .banner .text_box{padding-left: 0;}
    .banner .text_box h5{font-size: 1.8rem;}
    .banner .text_box h6, .banner .text_box h6 span{font-size: 2.6rem;}
    .latest_wrap{flex-wrap: wrap;}
    .latest_wrap .box1{width: 47%;}
    .latest_wrap .line1{display: none;}
    .latest_wrap .box2{width: 100%;border-top: 1px solid #dedede;}
    .latest_wrap .link_box a{width: 14%;}
    .latest_wrap .link_box .contents{margin-top: 3rem;}
    .latest_wrap .business_hours{margin-top: 6.5rem;}
    .banner{background: url(../img/t_banner_bg.png) no-repeat; background-position: center; background-size: cover; }
    .faq .tit h2, .latest_wrap .business_hours .tiem h2, .latest_wrap .link_box h2{font-size: 1.8rem;}
    .faq .tit a img{ width: 15px;}
    .sms_info_wrap{padding-top: 7.4rem;}
    .sms_info_wrap .center_txt h4{font-size: 2rem;}
    .sms_info_wrap .center_txt h3, .sms_check h2{font-size: 3rem;}
    .sms_info_wrap .center_txt h5{font-size: 1.6rem; margin-top: 0;}
    .sms_info_wrap ul li h6{font-size: 2rem;}
    .sms_info_wrap ul li div{margin-bottom: 0.5rem;}
    .sms_info_wrap ul li div img{width: 1.8rem;}
    .sms_info_wrap ul li p{margin-left: 7%;}
    .sms_info_wrap ul li{width:55%;}
    .sms_check ul li p br{display: none;}
    .sms_check ul li p{word-break: keep-all;line-height: 150%;font-size: 1.6rem;}
    .sms_check ul li{padding: 3.5rem 2rem;}
    .sms_check .warning{margin-bottom: 4.7rem;}
    .ad_select_wrap .left_img{width: 45%;}
    .ad_select_wrap .left_img img{width: 100%;}
    .ad_select_wrap .right_info h3, .ad_select_wrap .right_info h4{font-size: 2.2rem;}
    .ad_select_wrap .right_info h3 span{font-size: 1.6rem;}
    .ad_select_wrap ul{margin-bottom: 3rem;}
    .ad_select_wrap h2{font-size: 2.2rem;}
    /* .ad_select_wrap .form_group .ca_time{width: 18%;} */
    .ad_copy_form .group_start .check_list, .ad_copy_form .group_start .check_list2{width: 80%;}
    .company_information .group_height{height: auto;}
    .company_information .ca_time_wrap{flex-wrap: wrap; gap:1rem 0;}
    .ad_select_wrap .form_group {padding: 10px 0;}
    .ad_select_wrap .form_group label, .ad_copy_form .group_start legend, .payment table .t_tit{width: 20%;}
    .ad_copy_form .group_start p{margin-left: 20%;}
    .company_information .ca_time_wrap{width: 80%;}
    .pro label{padding-left: 2.5rem;}
    .complete p{font-size: 2.2rem;}
    .complete img{width: 3rem;}
    .ad_detail h2{font-size: 2.2rem;}
    .ad_detail .ad_info table th{width: 18%;}
    .company h2{font-size: 2.2rem;}
    .company h3{font-size: 2.2rem; margin-top: 4rem;}
    .company p{font-size:1.6rem ;word-break: keep-all;}
    .company ul{flex-wrap: wrap;gap: 2rem 0;}
    .company ul li h4{font-size: 2rem;}
    .company ul li{width: 100%;}
    .company .line{display: none;}
    .company .img_wrap{flex-wrap: wrap;}
    .company .img_wrap div{width: 100%;}
    #register_form h2{font-size: 2.2rem;}
    .titleM{font-size: 2.2rem;}
    .main_ad .ad .ad_info{justify-content: center;}
.special_ad{margin-top:1rem;}
.premium_ad{margin-top:2rem;padding-bottom:0;}
    .main_ad{margin-top:1rem;margin-bottom:5rem;}
	.latest_wrap{margin:5rem auto;}
	.tab_contents_wrap .tab_menu_wrap{padding:3rem 0;}
	.ad_select_wrap {padding-top:2rem;}
} 


@media screen and (max-width:910px) {
    .latest_wrap{justify-content: space-between;}
    .latest_wrap .box1{width: 45%;}
    .ad_select_wrap .right_info{width: 50%;}
    .select_container{width: 100%;padding: 1.5rem 5rem;}
    .select_container .lable_wrap{margin: 0 auto;}

}

@media screen and (max-width:888px) {
    .main_ad .ad{width: 32%;}
    .latest_wrap .business_hours .tiem p img{display: none;}
    .ad_select_wrap .right_info{width: 100%;}
}

@media screen and (max-width:850px) {
    .br_850{display: block;}
    .ca_select{width: 182px;margin-right: 10px;}
    .ad_select_wrap .form_group .width_30{width: 20%;}
}

@media screen and (max-width:768px) {

    .sms_info_wrap ul li{width: 70%;}
    .sms_info_wrap{background: url(../img/t_text_bg.png) no-repeat; background-position: center; background-size: cover;}
    .sms_info_wrap .center_txt h4{font-size: 1.8rem;}
    .sms_info_wrap .center_txt h3, .sms_check h2{font-size: 2.4rem;}
    .sms_info_wrap .center_txt{gap: 1.5rem 0;}
    .sms_info_wrap ul li p{font-size: 1.4rem;}
    .sms_info_wrap ul li h6{font-size: 1.8rem;}
    .sms_info_wrap ul li{padding: 2rem;}
    .sms_check ul{flex-wrap: wrap;gap: 2rem;}
    .sms_check ul li{width: 100%;min-height: 207px; height: auto; padding: 4rem 8rem;}
    .sms_check .warning{font-size: 1.6rem;}
    .all_check label, .sms_check h4{font-size: 1.6rem;}
    .ad_select_wrap .left_img{width: 55%;}
    .ad_select_wrap ul li{padding: 5rem 3rem;}
    .ad_select_wrap .right_info h3, .ad_select_wrap .right_info h4{font-size: 1.8rem;}
    .ad_select_wrap .right_info .line{margin-bottom: 2rem;}
    .select_container {margin-top: 2.4rem;}
    .ad_select_wrap .form_group{flex-wrap: wrap;gap: 2rem 0;}
    .ad_select_wrap .form_group label, .ad_copy_form .group_start legend, .payment table .t_tit{width: 100%;}
    .ad_select_wrap .form_group input{width: 100%;}
    .ad_select_wrap .form_group{padding: 15px 0;}
    .ad_copy_form .group_start .check_list, .ad_copy_form .group_start .check_list2{width: 100%;}
    .ad_copy_form .group_start p{margin-top: 0 ; margin-left: 0;}
    .company_information .ca_time_wrap{width: 100%;}
    .ca_select {width: 100%; max-width: 148px;}
    .ad_select_wrap .form_group{height: auto;}
    .payment table tr{display: flex; flex-wrap: wrap; }
    .payment table .t_tit, .payment table tr{padding: 1rem 0;}
    .ad_select_wrap h2{font-size: 1.8rem;}
    .ad_select_wrap .form_group>label, .ad_copy_form .group_start legend, .company_information .form_group2 label, .payment table .t_tit, .payment table tr{font-weight: 600;}
    .ad_detail h2, .ad_detail .ad_info .sub_txt{font-size: 1.8rem;}
    .ad_detail .ad_info .sub_txt img{width:14px ;}
    .ad_detail .btn_center{padding-top: 0;}
    #register_form h2{font-size: 2rem;}
    .titleM{font-size: 2rem;}
	.tab_contents_wrap{margin-bottom:7rem;}

}

@media screen and (max-width:650px) {
	.pconly{display:none;}
	.mobileonly{display:block;}

	.main_ad .ad{width: 48%;}
    .ad_select_wrap ul li{flex-wrap: wrap;}

    .ad_select_wrap .left_img{width: 100%;}
    .ad_step .line{width: 100px;}
    .ad_step .step1{margin-left: 0;}
    .premium_ad .ad{background: url(../img/m_premium_bg.png)no-repeat; background-position: top left;  background-size: cover;}
   .premium_ad .ad{height:27rem!important;}
    .special_ad{flex-wrap: wrap;}
    .special_ad a{width: 100%;}
    .subtitle h2{font-size: 2rem;}
    .subtitle h3{font-size: 1.4rem;}
    .subtitle{gap: 1rem;}
    .latest_wrap .box1{width: 100%;}
    .latest_wrap .line{display: none;}
    .latest_wrap .link_box a{width: 27%; }
    .latest_wrap .link_box .contents{gap: 3rem 0;}
    .latest_wrap .business_hours{margin-top:4.5rem ;}
    .sms_info_wrap ul li{width: 100%;}
    .sms_info_wrap{padding-bottom: 5rem;}
    .sms_info_wrap .center_txt{margin-bottom: 3rem;}
    .sms_info_wrap{background: url(../img/m_text_bg.png) no-repeat; background-position: center; background-size: cover;}
    .mob_img{display: block; position: absolute; top: -23%; right: 0;}
    .mob_img img{width: 100%;}
    .sms_info_wrap{padding-top: 17.4rem;}
    /*.premium_ad .tel img{display: none;}*/
    /* .premium_ad .ad h3{width: 99%;} */
    .premium_ad .tel{padding: 1.5rem 1rem;}
    .premium_ad .ad h3{font-size: 14px;height: 34px; overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3; /* 최대 줄 수 지정 (예: 3줄) */
        -webkit-box-orient: vertical;}
    .premium_ad .ad h2{font-size: 1.8rem;}
    .main_ad .ad .ad_title h2, .main_ad .ad .ad_title h3{font-size: 1.7rem;}
    .swiper-slide{margin: 3px !important;}
	.swiper-pagination{display:none;}
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{display: none;}
.special_ad{margin-top:1rem;}
.premium_ad{margin-top:2rem;}
.swiper{padding-bottom:0;}
.subtitle{margin-bottom:1rem;}
.main_ad{margin-top:2rem;}
.mySwiper{height:495px;}
}

@media screen and (max-width:530px) {
    .main_ad .ad{width: 48%;}
    .banner .text_box h5{margin-bottom: 0.2rem;}
    .latest_wrap .inquiry{font-size: 1.6rem;margin-top: 1rem;}
    .tab_btn{width: 33.3%;}
    .swiper-wrapper{height: auto;/*flex-wrap:wrap;*/}
	.swiper-wrapper2{flex-wrap:nowrap;}
	/* .premium_ad .ad{width:24%!important; }
	.premium_ad .ad2{width:48%!important; } */
    .swiper-grid-column>.swiper-wrapper{flex-direction: row !important;align-items: start !important;}
    .premium_ad .tel{display: none;}
    .premium_ad .tel_mob{display: block;}
    .premium_ad .tel_mob{ display: flex; justify-content: center; align-items: center; gap:1rem ; position: absolute;bottom: 12px;width: 90%; left: 50%; transform: translateX(-50%);z-index: 9;}
    .premium_ad .tel_mob div{width: 48%; background-color: #0055d4; border-radius: 3px;padding: 1.5rem 2rem;display: flex; justify-content: center; align-items: center; gap:1rem 0.2rem ;font-size: 1.4rem; font-weight: 700;color: #f0f0f0;}
    .premium_ad .tel_mob div img{width: 14px;}
    .premium_ad .ad_company_name span{font-size: 11px;margin-left: 5px;padding: 3px;}
    .premium_ad .ad_company_name p{font-size: 11px;}
    .premium_ad .ad_company_name{right: 6px;}
    .main_ad .ad .ad_info span{font-size: 11px;padding: 3px;border-radius: 2px;}
    .main_ad .ad .ad_info h4{font-size: 11px;}
    .main_ad .ad .ad_content .tel, .main_ad .ad .ad_content .line{display: none;}
    .main_ad .mob_tel2{display: block; width: 100%;padding: 0 5px; display: flex; justify-content: center; align-items: center; gap: 0.5rem;padding-top: 2px;position: relative ; z-index: 9;padding-bottom: 5px;transition: all 0.3s;}
    .main_ad .ad:hover .mob_tel2{background-color: #0055d4;}
    .mob_tel2 div{background-color: #fff; width: 48%; border: 1px solid #0055d4; border-radius: 3px;text-align: center; font-size: 1.4rem; color: #0055d4;padding: 1.5rem 0rem;display: flex; justify-content: center; align-items: center; gap: 0.5rem ; height: 41px;position: relative ; z-index: 9;}
    .mob_tel2 div img{width: 14px;}
    .main_ad .ad .ad_info{flex-wrap: wrap;}
    .main_ad .ad_wrap{gap: 0.5rem;}
    .main_ad .ad{width: 49.3%;}
  

}

@media screen and (max-width:500px) {
    .banner{background: url(../img/m_banner_bg.png) no-repeat; background-position: center; background-size: cover; }

    .latest_wrap{margin-top: 6rem;}
    .mob_img{width: 12rem;}
    .sms_check ul li{padding: 4rem ;}
    .sms_check .warning img{display: block; margin: 0 auto; margin-bottom: 10px;}
    .sms_check .warning{padding: 2.5rem 1.5rem;line-height: 150%;}
    .sms_check ul li p{margin: 1.5rem 0 ; margin-bottom: 2rem;}
    .all_check label{text-align: right;float: right;}
    .all_check .check-icon{left: 18px; top: 30%;}
    .ad_step .line{width: 85px;}
    .ad_step p{font-size: 1.4rem;}
    .ad_step .line{margin-left: -11px;}
    .ad_step .line2{margin-left: -31px;}
    .ca_select{max-width: 67px;}
    .select_wrap select{padding: 10px 30px 10px 15px;}
    .ad_select_wrap .form_group .width_30{width: 30%;}
    .form_group h6{padding: 0 1rem;}
    .company_information .ca_time_wrap h6{margin-left: -8px;}
    .recent table tr{display: flex; flex-direction: column; gap: 1rem 0; padding: 15px 0;}
    .recent table td{height: auto;}
    .ad_detail .ad_info table tr{display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 15px;}
    .ad_detail .ad_info table th, .ad_detail .ad_info table td{width: 100%;}
    .ad_detail .ad_info table td{display: flex;flex-direction: column;}
    .ad_detail .ad_info table td a{margin: 10px 0 ; width: 30%;text-align: center;}
    .ad_detail .ad_info table th{font-weight: 700;}
    .ad_detail .ad_info p{font-size: 1.6rem;}
    .register_labelbox{width: 90%;}
    #faq_con .con_inner{padding: 15px 30px;}
    #faq_wrap li h3 .tit_bg{top: 15px; left: 11px;}
    #faq_wrap li h3{padding: 15px; padding-left: 31px;}
    .main_ad .ad .ad_content p{width: 95%;overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    /* .main_ad .ad_wrap{flex-wrap: nowrap;} */
    .main_ad .ad .ad_title h2, .main_ad .ad .ad_title h3{font-size: 1.8rem;}
    .main_ad .ad .ad_title h2{width: 95%;}
    .br_500{display: block;}
    /* .premium_ad .ad_company_name{text-align: right;font-size: 14px;bottom: 20%;top: auto;} */
    .premium_ad .ad h2{margin-top: -10px;}
    /* .premium_ad .swiper-slide .mob_p{display: block;}
    .premium_ad .ad_company_name p{display: none;}
    .premium_ad .swiper-slide .mob_p{font-size: 12px;font-weight: 600;} */
    .premium_ad .ad_company_name{flex-direction: column-reverse;align-items: end; gap: 0.2rem;}
 
    .swiper-slide {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: auto; /* 이거 없으면 grid rows가 제대로 동작 안 할 수 있음 */
      }
}
@media screen and (max-width:378px) {
    .sms_info_wrap ul li p{margin-left: 0;}
}