@charset "utf-8";

/* 통합검색 */
.sub_wrap.sch_box{display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;flex-direction: column;align-items: center;}
.sub_wrap.sch_box h3{font-family: var(--tit);font-size: 24px;color: var(--tit_black);}
.sub_wrap.sch_box form{display: flex;flex-wrap: wrap;border-radius: 100px;border: 3px solid var(--blue);background: #fff;overflow: hidden;padding-left: 20px;align-items: center;width: 100%;max-width: 980px;}
.sub_wrap.sch_box form select{border: none;width: auto;padding: 0;display: none;}
.sub_wrap.sch_box form input{border: none;padding: 0;width: calc(100% - 100px);}
.sub_wrap.sch_box form button{width: 80px;height: 80px;background: url("../../../../images/common/common_ico.png") center -324px var(--blue);border-radius: 100%;font-size: 0;margin: 0 0 0 auto;}

.search_wrap{display: flex;flex-wrap: wrap;flex-direction: column;gap: 40px;}
.search_wrap .sch_cate{border: var(--line);border-radius: 20px;padding: 10px;}
.search_wrap .sch_cate li{border-bottom: var(--line);}
.search_wrap .sch_cate li:last-child{border: none;}
.search_wrap .sch_cate li a{display: block;padding: 10px;border-radius: 8px;}
.search_wrap .sch_cate li.on a{background: var(--orange);color: var(--white);}
.search_wrap .sch_cate li a:hover, .search_wrap .sch_cate li a:focus{font-weight: 700;}

.search_wrap .sch_result{width: 100%;}
.search_wrap .sch_result .total{padding: 10px;border-radius: 12px;background: var(--bg_blue);word-break: keep-all;text-align: center;font-size: 18px;color: var(--tit_black);}
.search_wrap .sch_result .total em{font-weight: 700;color: var(--blue);}
.search_wrap .sch_result .total strong{font-weight: 700;color: var(--orange);}
.search_wrap .sch_con{border-bottom: 1px dashed var(--light_blue);padding-bottom: 20px;}
.search_wrap .sch_con mark{background: #ffeeab;}
.search_wrap .sch_con .tit{margin-bottom: 20px;}
.search_wrap .sch_con .tit h4 span{font-family: "suit";font-size: 16px;font-weight: 400;}
.search_wrap .sch_con .cont_list li{margin: 0 0 20px;}
.search_wrap .sch_con .cont_list li a{display: block;}
.search_wrap .sch_con .cont_list li a strong{display: block;font-size: 18px;color: var(--tit_black);margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.search_wrap .sch_con .cont_list li a span{display: block;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;height: 3em;}
.search_wrap .sch_con .cont_list.file li a span{height: auto;white-space: nowrap;text-overflow: ellipsis;}
.search_wrap .sch_con .logo_list li{margin-bottom: 20px;}
.search_wrap .sch_con .logo_list li a{display: block;text-align: center;}
.search_wrap .sch_con .logo_list li a span{display: block;border: var(--line);border-radius: 8px;overflow: hidden;font-size: 0;}
.search_wrap .sch_con .logo_list li a strong{display: block;margin-top: 10px;font-size: 18px;color: var(--tit_black);}
.search_wrap .sch_con a.more{display: block;color: var(--blue);text-align: right;}
.search_wrap .sch_con a.more:hover, .search_wrap .sch_con a.more:focus{color: var(--orange);text-decoration: underline;}
.search_wrap .sch_popular{display: none;}

/* 사이트맵 */
.sitemap{border-top: 1px solid var(--tit_black);background: #FAFAFA;}
.sitemap .box{border-bottom: var(--line);}
.sitemap h5{margin: 0;padding: 15px 0;text-align: center;font-size: 20px;}
.sitemap .box div{background: var(--white);padding: 20px;}
.sitemap .box div>ul{display: flex;flex-direction: column;gap: 20px;}
.sitemap .box div>ul>li>a{display: block;padding: 10px 0;border-radius: 12px;background: var(--bg_blue);text-align: center;font-size: 18px;font-weight: 700;color: var(--tit_black);}

/* 오시는길 */
.location .map_wrap{margin-bottom: 20px;background: var(--bg_blue);border-radius: 12px;overflow: hidden;}
.location .map_wrap .loca_box{padding: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.location .map_wrap .loca_box address{display: flex;gap: 10px;}
.location .map_wrap .loca_box address:before{content: "";width: 24px;height: 24px;background: url("../../../../images/content/loca_icons.png") no-repeat center 0;}
.location .map_wrap .loca_box .btn_wrap{text-align: right;}
.location .transport{border-top: 1px solid var(--tit_black);}
.location .transport .box{border-bottom: var(--line);padding: 20px 0;display: flex;flex-wrap: wrap;flex-direction: column;gap: 20px;}
.location .transport .box h5{display: flex;flex-wrap: wrap;gap: 10px;margin: 0;font-size: 20px;align-items: center;}
.location .transport .box h5:before{content: "";width: 60px;height: 60px;background: url("../../../../images/content/loca_icons.png") no-repeat #F4F4F4;border-radius: 12px;}
.location .transport .box.metro h5:before{background-position: center -24px;}
.location .transport .box.bus h5:before{background-position: center -84px;}
.location .transport .box.car h5:before{background-position: center -144px;}
.location .transport .box>ul{display: flex;flex-wrap: wrap;flex-direction: column;gap: 20px;}
.location .transport .box>ul>li{display: flex;flex-wrap: wrap;gap: 10px;align-items: center;}
.location .transport .box>ul>li>strong{color: var(--tit_black);font-size: 18px;}
.location .transport .box li ul{display: flex;flex-wrap: wrap;flex-direction: column;gap: 4px;width: 100%;}
.location .transport .box li li{display: flex;flex-wrap: wrap;gap: 0 10px;}
.location .transport .box li li strong{color: var(--orange);}
.location .transport .box li li span{flex-shrink: 1;}

/* 제휴브랜드관 */
.brand_mall{padding: 20px;background: #F4F4F4;border-top: 1px solid var(--tit_black);}
.brand_mall:before{display: block;width: 100%;height: 200px;content: "";background: url("../../../images/content/store_img01.png") no-repeat center /contain;}
.brand_mall .tit{margin: 20px 0;}
.brand_mall .tit p{font-size: 20px;color: var(--tit_black);}
.brand_mall h5{margin: 0;color: var(--blue);}
.brand_mall h5 em{font-weight: 700;color: var(--orange);}
.brand_mall>p{margin-bottom: 40px;word-break: keep-all;}

/* 협회소개 */
.greeting_img {border-radius: 12px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.greeting_img img{object-fit: contain;}
.text_box p {font-family: 'SUITE';font-size: 16px;font-weight: 600;color: #111;margin-bottom: 20px;} 
.text_box p.orange {color: var(--orange);}
.text_box p br {display: none;}
.befit_branch {margin: 20px 0;border-radius: 12px; border: var(--line);box-shadow: 2px 2px 10px 0 rgba(102, 102, 102, 0.151);padding: 20px;}
.befit_branch .left {margin-bottom: 20px;}
.befit_branch .left .tit_box strong {font-family: 'SUITE'; font-size: 20px;font-weight: 700;color: var(--tit_black);}
.befit_branch .left .tit_box p {font-size: 15px;color: var(--tit_black);margin-bottom: 20px;}
.befit_branch .left .tag_box ul {display: flex;flex-wrap: wrap; gap: 5px;}
.befit_branch .left .tag_box ul li {color: var(--blue);font-size: 12px;font-weight: 600;background-color: #1172f111;padding: 5px 8px;border-radius: 50px;}
.befit_branch .right .befit_img {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border-radius: 8px;overflow: hidden;}
.befit_branch .right .befit_img img {object-fit: contain;}
.befit_board .befit_list {border-top: 2px solid #444;}
.befit_board .befit_list .info em {color: var(--orange);font-size: 15px;}
.befit_board .befit_list .info strong {display: block;font-size: 28px;font-weight: 700;color: #333;margin: 20px 0;}
.befit_board .befit_list .text {padding: 20px;}
.befit_board .befit_list>li {border-bottom: var(--line);}
.text_ul li p {color: var(--tit_black);font-weight: 500;font-size: 15px;margin-bottom: 0;}
.text_ul li {font-size: 15px;margin-bottom: 5px;}
.befit_list .text .call p {font-size: 15px;color: var(--tit_black); margin-top: 80px;}
.befit_list .call_common {display: flex;gap: 2px;align-items: center;justify-content: center;flex-direction: column;}
.befit_board .befit_list li.common_li{width: 100% !important;height: auto;border-right: 0;background: #fbfbfb;}
.befit_list .call_common .tit {font-size: 18px; font-weight: 600;color: var(--tit_black);}
.befit_board .befit_list.list3>li:nth-child(3n) {border-right: 0;}
.befit_con {display: none;}
.befit_con.on {display: block;}
.cert_con .banner {position: relative;}
.cert_con .banner .cert_img {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border-radius: 8px;overflow: hidden;}
.cert_con .banner .cert_img img {object-fit: contain;}
.cert_con .txt {position: relative;bottom: -10px;left: 0;}
.cert_con .txt strong {font-family: 'SUITE'; color: var(--tit_black); font-size: 24px;font-weight: 700;}
.cert_con .txt p {font-size: 15px;}
.cert_con .base_table th, .cert_con .base_table td {border-right: var(--line);}
.cert_con .base_table th.border_none, .cert_con .base_table td.border_none {border-right: 0;}
.cert_con .step_box ol>li {flex-direction: column;}
.cert_con .cert_info {margin-top: 60px;}
.cert_info .documents {display:flex;flex-direction: column;gap: 10px;}
.cert_info .documents p {font-size: 16px;color: var(--text_black);}
.cert_con .btn_wrap {margin-top: 60px;}
.cert_con .line_box {margin-top: 40px;}
.cert_con .line_box span {color: var(--orange);}
/* 260527 */
.vision_info h5 {font-weight: 700;}
.vision_info ul li:nth-child(1){margin-bottom: 20px;}
.vision_info em {color: var(--orange);font-size: 14px;font-weight: 600;display: block;}
.vision_info strong {color: var(--tit_black);font-size: 22px;font-weight: 700;margin-bottom: 20px;}
.vision_info p {font-size: 18px;line-height: 1.8;}
.vision_info .about_img {display: flex;justify-content: center;align-items: center;font-size: 0;border-radius: 12px;overflow: hidden;}
.vision_info .about_img img {height: 100%;width: 100%;object-fit: cover;}
/* 260720 */
.about_con .info {position: relative;}
.about_con .viusal_img {border-radius: 12px;overflow: hidden;display: flex;justify-content: center;align-items: center;background: url(../../../../images/content/about_img.png)no-repeat center / cover; background-attachment: fixed; height: 400px;}
.about_con .tit {position: absolute;bottom: 0;left: 50%; transform: translateX(-50%); font-size: 18px;color: #fff; width: 100%;padding: 0 20px;word-break: break-all;font-weight: 600;}

/* tablet */
@media (min-width: 768px) {
.sub_wrap.sch_box form{padding-left: 30px;}
.sub_wrap.sch_box form select{display: block;color: var(--blue);font-weight: 700;width: 140px;font-size: 20px;}
.sub_wrap.sch_box form input{width: calc(100% - 240px);font-size: 20px;}

.search_wrap .sch_cate ul{display: flex;flex-wrap: wrap;gap: 10px;}
.search_wrap .sch_cate li{border: inherit;}

.search_wrap .sch_con{position: relative;}
.search_wrap .sch_con .tit{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin: 40px 0 20px;}
.search_wrap .sch_con .tit h4{margin: 0;}
.search_wrap .sch_con .logo_list{display: flex;flex-wrap: wrap;gap: 30px;}
.search_wrap .sch_con .logo_list li{width: calc((100% - 30px)/2);}
.search_wrap .sch_con a.more{position: absolute;top: 12px;right: 0;}

.sitemap .box div>ul{flex-direction: row;}
.sitemap .box div>ul>li{width: calc((100% - 40px)/3);}
.sitemap .box div>ul>li>a{padding: 15px 0;}

.location .transport .box{flex-direction: row;gap: 0;}
.location .transport .box h5{width: 30%;gap: 20px;}
.location .transport .box>ul{width: 70%;justify-content: center;}

.brand_mall{position: relative;}
.brand_mall:before{position: absolute;width: 50%;right: 0;}

/* 협회소개 */
.greeting_img {border-radius: 22px;}
.text_box p br {display: block;}
.befit_branch {display: flex;gap: 20px;justify-content: space-between;}
.befit_branch .left {display: flex;flex-direction: column;justify-content: space-between;margin-bottom: 0;}
.befit_branch .left .tit_box p {margin-bottom: 0;}
.befit_board .befit_list {display: flex;flex-wrap: wrap;}
.befit_board .befit_list>li {width: calc(100% / 2);border-right: var(--line);/*height: 388px;*/}
.befit_board .befit_list>li:nth-child(even) {border-right: 0;}
.befit_board .befit_list .text {height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.befit_board .befit_list.list3>li {width: calc(100% / 3);}
.befit_board .befit_list.list3>li:nth-child(even) {border-right: var(--line);}
.befit_board .befit_list .w_full {border-right: 0;}
.cert_con .txt {position: absolute;bottom: 40px; left: 40px;}
.cert_con .txt strong {color: var(--white);}
.cert_con .txt p {color: var(--white);}

/* 메인비즈소개 */
.vision_info ul {margin-top: 40px;}
.vision_info li {display: flex;flex-direction: column; align-items: flex-start;gap: 2rem;}
.about_con .tit {font-size: 22px;bottom: 40px;width: auto;text-align: center;}
}

/* pc */
@media (min-width: 1024px) {
.sub_wrap.sch_box h3{font-size: 40px;}
.sub_wrap.sch_box form select, .sub_wrap.sch_box form input{font-size: 24px;}
.search_wrap{flex-direction: row;align-items: flex-start;}
.search_wrap .sch_cate{width: 300px;}
.search_wrap .sch_cate ul{flex-direction: column;}
.search_wrap .sch_cate li a{font-size: 20px;}
.search_wrap .sch_popular{display: block;border-radius: 20px;padding: 20px;border: var(--line);margin-top: 20px;}
.search_wrap .sch_popular h4{margin: 0 0 20px;padding: 0 0 20px;font-size: 20px;font-family: "SUIT";border-bottom: var(--line);}
.search_wrap .sch_popular h4:before{display: none;}
.search_wrap .sch_popular ul{display: flex;flex-direction: column;gap: 10px;}
.search_wrap .sch_popular li{padding-left: 16px;position: relative;}
.search_wrap .sch_popular li:before{position: absolute;content: "";width: 8px;height: 3px;background: var(--orange);left: 0;top: 50%;transform: translateY(-50%);}
.search_wrap .sch_popular li a:hover, .search_wrap .sch_popular li a:focus{text-decoration: underline;}
.search_wrap .sch_result{width: calc(100% - 340px);}
.search_wrap .sch_result .total{padding: 12px;font-size: 24px;}
.search_wrap .sch_result li a:hover, .search_wrap .sch_result li a:focus{text-decoration: underline;}

.sitemap .box{display: flex;flex-wrap: wrap;align-items: center;}
.sitemap h5{width: 240px;}
.sitemap .box div{width: calc(100% - 240px);}
.sitemap .box a:hover, .sitemap .box a:focus{text-decoration: underline;}

.location .map_wrap .loca_box{padding: 30px;align-items: center;}
.location .map_wrap .loca_box address{font-size: 18px;}
.location .map_wrap .loca_box .btn_wrap{width: auto;margin: 0;}
.location .transport .box{padding: 30px 0;}

.brand_mall{padding: 80px;}
.brand_mall:before{height: 90%;max-height: 456px;right: 80px;top: 50%;transform: translateY(-50%);}
.brand_mall .tit p{margin: 0;font-size: 24px;}
.brand_mall h5{font-size: 40px;}
.brand_mall>p{margin: 20px 0 80px;}

/* 협회소개 */
.text_box p{font-size: 22px;margin-bottom: 30px !important;}
.greeting_img:hover img {transform: scale(1.1);transition: all .8s ease-in-out;}
.befit_branch {gap: 80px;padding: 50px;}
.befit_branch .left .tit_box strong {font-size: 40px;}
.befit_branch .left .tit_box p {font-size: 18px;margin-top: 20px;}
.befit_branch .left .tag_box ul {gap: 12px;}
.befit_branch .left .tag_box ul li {font-size: 15px;padding: 8px 12px;}
.befit_branch .right .befit_img {border-radius: 12px;}
.text_ul li p {font-size: 18px;}
.befit_list .text .call p {font-size: 18px;}
.cert_con .txt p {font-size: 28px;}
.cert_con .txt strong {font-size: 30px;}

/* 메인비즈소개 */
.vision_info h5 {font-size: 35px;margin-top: 30px;}
.vision_info em {font-size: 16px;}
.vision_info p {font-size: 18px;word-break: keep-all;}
/* 260529 */
.vision_info {padding-top: 40px; box-sizing: border-box;}
.vision_info ul { margin-top: 30px;gap: 30px;display: flex;flex-direction: column;}
.about_con .tit {font-size: 32px;}
}

/* wide */
@media (min-width: 1440px) {
.search_wrap .sch_con .logo_list li{width: calc((100% - 90px)/4);}

.sitemap .box div>ul>li{width: calc((100% - 60px)/4);}

.location .transport .box h5{width: 240px;}
.location .transport .box>ul{width: calc(100% - 240px);flex-direction: row;justify-content: flex-start;gap: 0;align-items: center;}
.location .transport .box>ul>li{width: 50%;}
.location .transport .box li ul{gap: 10px;}
.location .transport .box.bus>ul{align-items: flex-start;}

.brand_mall{padding: 100px;height: 540px;}
.brand_mall:before{width: 486px;right: 100px;}

.about_con .tit {font-size: 45px;}
}