@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

:root{
	--color-point:#193b86;
}

pre{margin:0px; padding:0px; font-family:inherit; white-space:pre-wrap;}

#container.sub {padding: 120rem 0 0;}
.sub_title {display:flex; align-items: flex-end; padding:0 0 55rem;}
.sub_title h2 {font-size: 45rem; font-weight: 700; line-height: 1.4; color: #111;} 
.customer  .sub_title {padding-bottom: 40rem;}
.mypage .sub_title {padding-bottom: 20rem;}
.designSelect .selectoption {z-index: 51;}

.area_navigation {margin-left: auto;}
.area_navigation ul {display:flex; align-items: center; justify-content: center; padding:20rem 10rem; font-size: 15rem; color:#666; border-radius: 5rem; background-color: #f5f5f5;} 
.area_navigation ul li {display:flex; align-items:center; position: relative; padding: 0 20rem;}
.area_navigation ul li::before {position: absolute; left:0; top:50%; content: ''; width: 6rem; height:6rem; border: 1rem solid #bbb; border-width: 0 1rem 1rem 0; transform:translate(-50%, -50%) rotate(-45deg);}
.area_navigation ul li:first-child::before {display: none;}
.area_navigation ul li img {height: 13rem; margin-top: 1.2rem;}
.area_navigation ul li a{display:inline-flex; align-items:center;}

.sub_visual {height: 350rem; margin-bottom: 80rem; border-radius: 10rem; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover;}

.about01 .sub_visual {background-image: url(/images/content/sub_visual01.jpg);}
.business .sub_visual {background-image: url(/images/content/sub_visual02.jpg);}
.company .sub_visual {background-image: url(/images/content/sub_visual03.jpg);}
.customer .sub_visual {background-image: url(/images/content/sub_visual04.jpg);}

.sub_section {min-height: 500rem;}

/* button */
.button.blue{background-color:#5e88e5;}
.btn_reset{opacity:0.7; padding:5rem 15rem; background-color:transparent; border:1px solid rgba(255,255,255,0.4); border-radius:50rem; font-size:13rem; color:#fff; font-weight:600; transition:opacity 0.3s ease 0s;}
.btn_reset:hover{opacity:1;}

/* box */
.box__flex{display:flex; align-items:center; gap:0 20rem; margin-bottom:15rem;}

/* ready */
.ready {min-height: auto; padding: 120rem 0; margin: 55rem 0 180rem; text-align: center; border-radius: 10rem; border: 1px solid #efefef;}
.ready h4 {display:flex; justify-content: center; align-items: center; margin-bottom: 15rem; font-size: 35rem; font-weight: 400; color:#333;}
.ready h4 strong {font-weight: 600;}
.ready h4 i {margin: 0 10rem;}
.ready h4 i span {display: block; width: 5rem; height:5rem; margin: 6rem; border-radius: 100%; background-color: #ccc;}
.ready p {font-size: 18rem; line-height: 1.5;  color:#333;}
/* .privacy .ready {margin-top: 0;} */

/* tabmenu */
.tab_menu {margin: 15rem 0 30rem; border-bottom: 1rem solid #e1e1e1;}
.tab_menu li {display: inline-block; margin-right: 30rem;}
.tab_menu li a {position:relative; display: inline-block; font-size: 19rem; font-weight: 600; color: #aaa; padding: 0 2rem 20rem;}
.tab_menu li a::after {opacity:0; visibility: hidden; position: absolute; left:0; bottom:0; content:''; width: 100%; height: 2rem; background-color: #111;}
.tab_menu li.active a {color: #222; font-weight: 700;}
.tab_menu li.active a:after {opacity: 1; visibility: visible;}

/* about01 */
.wrapper.about01{padding-top:50rem;}
.about01 .ss01 {display: flex; flex-wrap: wrap;}
.about01 .ss01 > div {flex-basis: 50%;}
.about01 .ss01 .title h3 {font-size: 27rem; line-height: 1.6;}
.about01 .ss01 .sns {display: flex; align-items: center; gap: 0 20rem; margin-top: 30rem;}
.about01 .ss01 .sns a {display: block;}
.about01 .ss01 .sns img {height: 25rem;}
.about01 .ss01 dl {font-weight: 300; color: #444; line-height: 1.6;}
.about01 .ss01 dl dd + dd {margin-top: 25rem;}
.about01 .ss01 dl strong {font-weight: 500; color: #111;}
.about01 .ss01 .cont p {margin-top: 60rem; font-size: 19rem; font-weight: 800;}
.about01 .ss01 .cont p img {display: block; height: 25rem; margin-top: 20rem;}

/* about02 */
.about02 .partner_list ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20rem;}
.about02 .partner_list ul li a {position: relative; display: block; padding: 40rem 35rem; border-radius: 5rem; border: 1rem solid #e1e1e1; transition: .3s;}
.about02 .partner_list ul li em {display: inline-block; padding: 7rem 10rem; font-size: 14rem; font-weight: 600; color: #fff; background-color: #183a75;}
.about02 .partner_list ul li i {position: absolute; right: 30rem; top: 40rem; width: 130rem; height: 30rem; background-position: right center; background-size: contain; background-repeat: no-repeat;}
.about02 .partner_list ul li dl {margin: 40rem 0;}
.about02 .partner_list ul li dl dt {margin-bottom: 12rem; font-size: 20rem; font-weight: 600;}
.about02 .partner_list ul li dl dd {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; min-height: 48rem; overflow:hidden; text-overflow:ellipsis; line-height: 1.5; font-weight: 300; color: #333;}
.about02 .partner_list ul li p {padding-top: 20rem; font-size: 15rem; font-weight: 500; color: #888; border-top: 1rem solid #e1e1e1; transition: .3s;}
.about02 .partner_list ul li p span {position:relative; padding-right: 15rem; transition: .3s;}
.about02 .partner_list ul li p span::after {position:absolute; right: 0; top: 50%; content: ''; width: 5rem; height: 5rem; border: 1rem solid #888; border-width: 1rem 1rem 0 0; transform: translate(0, -50%) rotate(45deg);}
.about02 .partner_list ul li a:hover {border-color: #183a75;}
.about02 .partner_list ul li a:hover p {color: #111; border-color: #183a75;}
.about02 .partner_list ul li a:hover span {padding-right: 25rem;}

/* business */
.business .bbsSearch form {flex-wrap: wrap; padding:35rem 50rem 30rem;}
.business .bbsSearch form .bbsCategory {width: 100%; margin-bottom: 25rem;}
.business .bbsSearch form input[type="text"] {padding: 9px 18px; font-size: 0.9375em;}
.business .business_ad {gap:0 100rem;}
.business .business_ad > div {display:flex; flex-wrap: wrap; justify-content:space-between; align-items:stretch;}
.business .business_ad .box {display:flex; flex-direction:column; justify-content:flex-start; width: calc((100% - 40rem)/2); box-sizing:border-box; padding:10px 15px; border:1rem solid #e1e1e1;}
.business .business_ad .box .area_title {display:flex; justify-content:space-between; align-items:center; position:relative; margin-bottom:10rem;}
.business .business_ad .box .area_title h3 {font-size: 25rem; margin-bottom:0;}
.business .business_ad .box .area_title h3 + p{margin-right:auto; margin-left:10rem; padding-right:10rem;}
.business .business_ad .btn_wrapper {display:flex; align-items: center;}
.business .business_ad .btn_wrapper .swiper-button-prev,
.business .business_ad .btn_wrapper .swiper-button-next {position:relative; top:auto; width:20rem; height:20rem; margin-top:0; background-size: contain; background-repeat: no-repeat; cursor:pointer;}
.business .business_ad .btn_wrapper .swiper-button-prev {left:0; background-image: url(/images/main/slider_arrow.svg);}
.business .business_ad .btn_wrapper .swiper-button-next {right:auto; background-image: url(/images/main/slider_arrow.svg); transform: scale(-1);}
.business .business_ad .btn_wrapper .swiper-button-pause { width:20rem; height:20rem; margin:0 3rem; background: url(/images/main/slider_pause.svg) no-repeat center / 9rem;}
.business .business_ad .btn_wrapper .swiper-button-pause.on {background: url(/images/main/slider_play.svg) no-repeat center / 9rem;}
.business .business_ad .btn_wrapper .swiper-pagination-bullets {position:relative; margin-left:10rem;}
.business .business_ad .btn_wrapper .swiper-pagination-bullet {display: inline-block; width:10rem; height:10rem; margin:0 5rem; border-radius: 100%;}
.business .business_ad .swiper-slide {}
.business .business_ad .swiper-slide .video-container,
.business .business_ad .swiper-slide .img{display:block; aspect-ratio: 16/9; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
.business .business_ad .swiper-slide .video-container{display:flex;}
.business .business_ad .swiper-slide iframe {width:100%; height:auto; aspect-ratio: 16/9;}
.business .business_ad .banner-pagination,
.business .business_ad .ad-pagination{display:none;}
.business .business_ad ~ .sub_section{padding-top:20rem;}
.ban-complay{display:flex; align-items:center; gap:0 10rem; margin-top:10rem;}
.ban-complay span{overflow:hidden; display:flex; align-items:center; max-width:60rem; max-height:30rem;}
.ban-complay span img{width:100%;}
.ban-complay span + em{margin-left:5rem;}
.ban-complay em{font-size:16rem; font-weight:500; color:#111;}
html[lang="en"] .business .business_ad .box .area_title{display:block; padding-right:0;}
html[lang="en"] .business .business_ad .box .area_title h3 + p{margin-left:0; padding-right:0; font-size:15rem;}
html[lang="en"] .business .business_ad .btn_wrapper{position:absolute; right:0; top:30rem;}

.ad-banner,
.company-banner {height: 395rem;}
.ad-banner iframe {width: 100%; height: 100%;}
.company-banner > div {width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.business-category .select {width: 230rem;}
.business-category .selectbox {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0 30rem 0 18px; overflow: hidden; text-overflow: ellipsis;}
.business .bbsList td[data-table="date"] p {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.designSelect .selectoption {max-height: 300rem; overflow-y: auto;}

.none_box{aspect-ratio: 16/9; display:flex; justify-content:center; align-items:center; height:100%; box-sizing:border-box; font-size:20rem; color:#dbdbdb; font-weight:600;}

/* search-wrap */
.search-wrap {position:relative; margin-bottom: 20rem; background:var(--color-point);}
.search-wrap__inr {display: flex;}
.search-title {display: none; width: 30%; padding: 50rem; background: #fafafa;}
.search-title h3 {font-size: 27rem; margin-bottom: 7rem; font-weight:700;}
.search-title > p {color:#444; font-weight:300;}
.search-category {display: flex; margin-top:40rem;}
.search-category li {margin-right:5rem;}
.search-category li.active a {font-weight: 500; color: #fff; background-color:#193b86;}
.search-wrap .area_btn {display:inline-block; padding:15rem 20rem; font-size:15rem; font-weight:400; border-radius: 5rem; border:1px solid #e1e1e1; transition: .3s;}
.search-list-wrap {/*width: 70%;*/ width: 100%; padding:30rem; box-sizing: border-box;}
.search-list__select {display: flex; align-items: center;}
.search-list__check { margin-top: 30rem;}
.search-list__check h4 {margin-bottom: 15rem; font-size: 18rem; color:#fff;}
.search-list__check ul {display:grid; /* max-height:185rem; */ grid-template-columns: repeat(10, 1fr); gap:5rem 10rem; width:100%; padding:15rem 20rem; border-radius: 5rem; border: 0 solid #e1e1e1;  overflow-y: auto; background: #fff; box-sizing: border-box; word-break: break-word;}
.search-list__check ul::-webkit-scrollbar {width:7rem;}
.search-list__check ul::-webkit-scrollbar-thumb {background-color: #888; border-radius: 7rem;}
.search-list__check ul::-webkit-scrollbar-track {background-color: #e1e1e1; border-radius: 7rem;}
.search-list__check ul li a {position: relative; display:inline-block; padding:5rem 0 5rem 20rem; font-size:14rem; line-height:1.2; color:#777; transition: .3s;}
.search-list__check ul li a::before {position:absolute; left:0; top:7rem; content:''; width:13rem; height:13rem; background: url(/images/main/category_check.svg) no-repeat center / contain; filter: grayscale(1); opacity: .5;}
.search-list__check ul li.on a {font-weight: 600; color:var(--color-point);}
.search-list__check ul li.on a::before {filter:none; opacity: 1;}
.search-list__check .empty {padding: 30rem 0; border-radius: 5rem; border: 1px solid rgba(255,255,255,0.2); text-align: center; font-size: 15rem; font-weight: 300; color: rgba(255,255,255,0.6);}
.search-list__check ul.col08{grid-template-columns: repeat(6, 1fr);}
.search-list__check .box__flex h4{margin-bottom:0;}
.search-list__check:nth-of-type(1){margin-top:0;}
html[lang="en"] .search-list__check ul{grid-template-columns:repeat(6, 1fr);}

/* business_view */
.business_view {position: relative; display: flex;}
.business_view .company_info {flex-basis: 420rem; padding: 12rem 0;}
.business_view .company_info article {position:sticky; top: 37rem; right: 0;}
.business_view .company_info h3 {position: relative; padding-right: 150rem; font-size: 35rem; font-weight: 700;}
.business_view .company_info h3 i {position:absolute; right:0; top: 0; width: 150rem; height: 40rem; background-size:contain; background-repeat: no-repeat; background-position:center right;}
.business_view .company_info article > ul {padding:25rem 0; margin: 30rem 0 15rem; border:1rem solid #e1e1e1; border-width: 1rem 0 1rem 0;}
.business_view .company_info article > ul > li {display: flex; align-items: flex-start; margin: 20rem 0; color: #444; font-weight: 300;}
.business_view .company_info article > ul > li span {min-width: 20%; font-weight: 600; color: #111;}
.business_view .company_info article > ul > li > a {display: inline-block; color: #444;}
.business_view .company_info article > ul > li > a:hover {text-decoration: underline;}
.business_view .company_info .sns {margin-top: 25rem;}
.business_view .company_info .sns ul {display: flex; flex-wrap:wrap; align-items: center;}
.business_view .company_info .sns ul li {margin-right: 15rem;}
.business_view .company_info .sns ul li a {width: 20rem; height: 20rem; background-size: contain; background-repeat: no-repeat; background-position: center;}
.business_view .company_info .sns ul li a {display: block;}
.business_view .company_info .sns ul li a.facebook {background-image: url(/images/common/sns_facebook_color.svg);}
.business_view .company_info .sns ul li a.linkin {background-image: url(/images/common/sns_linkin_color.svg);}
.business_view .company_info .sns ul li a.twitter {background-image: url(/images/common/sns_twitter_color.svg);}
.business_view .company_info .sns ul li a.blog {background-image: url(/images/common/sns_blog_color.svg);}
.business_view .company_info .sns ul li a.blogger {background-image: url(/images/common/sns_blogger_color.svg);}
.business_view .company_info .sns ul li a.youtube {background-image: url(/images/common/sns_youtube_color.svg);}
.business_view .company_info .sns ul li a.instagram {background-image: url(/images/common/sns_insta_color.svg);}
.business_view .company_btn {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 10rem;}
.business_view .company_btn.mobile {display:none;}
.business_view .company_btn a {height: 60rem; line-height: 58rem; border-radius: 5rem;}
.business_view .company_btn a.blue {background:#183a75; border-color: #183a75;}
.business_view .company_btn a span {position: relative; padding: 0 10rem 0 25rem;}
.business_view .company_btn a i {position:absolute; left: 0; top: 50%; display: inline-block; width: 15rem; height: 15rem; margin-top: -1rem; vertical-align: middle; transform: translate(0, -50%);} 
.business_view .company_btn a.home i {background:url(/images/content/icon_home_white.svg) no-repeat center / contain;}
.business_view .company_btn a.list i {background:url(/images/content/icon_list_white.svg) no-repeat center / contain;}
.business_view .company_btn a.home:hover i,
.business_view .company_btn a.home:focus i {background:url(/images/content/icon_home_black.svg) no-repeat center / contain;}
.business_view .company_btn a.list:hover i,
.business_view .company_btn a.list:focus i {background:url(/images/content/icon_list.svg) no-repeat center / contain;}

.business_view .company_cont {width: calc(100% - 420rem); padding-right: 100rem; box-sizing: border-box;}
.business_view .company_slider {position: relative; height: 580rem; border-radius: 5rem; overflow: hidden;}
.business_view .company_slider .swiper-wrapper {background: #f5f5f5 url(/images/common/no_img.png) no-repeat center / 30%;}
.business_view .company_slider .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.business_view .company_slider .swiper-button-next,
.business_view .company_slider .swiper-button-prev {width: 30rem; height: 60rem; margin-top: 0; transform: translate(0, -50%); background-image: url(/images/content/slider_arrow.svg) !important; background-size: contain;}
.business_view .company_slider .swiper-button-prev {left: 30rem;}
.business_view .company_slider .swiper-button-next {right: 30rem; transform: translate(0, -50%) scaleX(-1);}
.business_view .company_slider .swiper-pagination {bottom: 20rem;}
.business_view .company_slider .swiper-pagination-bullet {width: 10rem; height: 10rem;}
.business_view .company_slider .swiper-pagination-bullet-active {background:#fff;}
.business_view div[class^="sec_"] {margin-top: 80rem;}
.business_view div[class^="sec_"] h4 {margin-bottom: 25rem; font-size: 27rem; font-weight: 700;}
.business_view .sec_expo div {display: flex; align-items: flex-start; padding: 40rem; background: #f5f5f5; border-radius: 5rem;}
.business_view .sec_expo div p {flex-basis: 35%; margin: 6rem 0; font-size: 18rem; font-weight: 600;}
.business_view .sec_expo div ul {padding-left: 30rem; border-left: 1rem solid #e1e1e1;}
.business_view .sec_expo div ul li {position: relative; margin: 8rem 0; padding-left: 12rem; font-weight: 300; color: #666;}
.business_view .sec_expo div ul li::before {position: absolute; left:0; top:7rem; content:''; width:3rem; height: 3rem; border-radius: 100%; background:#bbb;}
.business_view .sec_expo div ul li.place::before {top: 11rem;}
.business_view .sec_expo div ul li span {margin-right: 20rem; font-weight: 600; color: #111;}
.business_view .sec_expo div ul li em {display: inline-block; padding: 5rem 7rem; margin-left: 10rem; font-size: 14rem; background:#fff; border:1rem solid #ddd;}
.business_view .sec_expo div ul li br.mobile {display: none;}
.business_view .sec_company p {font-weight: 300; line-height: 1.6; color: #444;} 
.business_view .sec_video iframe {width: 100%; aspect-ratio: 16/9; border-radius: 5rem; overflow: hidden;}

#product_box.search-list__check ul{max-height:215rem;}
html[lang="en"] #product_box.search-list__check ul{max-height:311rem;}

.industry-list [data-table="company"] a{display:inline-flex; align-items:center; color:#2e61d1; font-weight:600;}
.industry-list [data-table="company"] a span{line-height:1.2;}
.industry-list [data-table="company"] .logo{overflow:hidden; display:flex; align-items:center; max-width:100rem; max-height:40rem; margin-right:5rem; aspect-ratio:1/1;}
.industry-list [data-table="company"] .logo img{width:100%;}

/* online_form */
.button_new {height: 52px; border-color: #ddd; color: #666;}
.box_privacy {margin-bottom: 70rem;}
.bbsForm {padding: 40rem 0; border: 2rem solid #000; border-width: 2rem 0 2rem 0;}
.bbsForm_data > label {font-weight: 700;}
.bbsFormNotice {margin-top:15rem; font-size:14rem; font-weight: 300; color: #666; line-height: 1.5;}
.bbsNotice {position:relative; padding: 20rem 20rem 20rem 45rem; margin-top: 20rem; font-size: 15rem; font-weight: 500; background-color: #f5f5f5;}
.bbsNotice::before {position:absolute; left: 20rem; top: 22rem; content:'!'; width: 14rem; height: 14rem; font-size: 11rem; font-weight: 1000; line-height: 16rem; text-align: center; color: #e21010; border-radius: 100%; border: 2rem solid #e21010; }
.bbsWarning {opacity: 0; visibility: hidden; margin-top: 12rem; font-size: 14rem; line-height: 1.5;color: #e21010;}
.bbsWarning.on {opacity: 1; visibility: visible;}

.bbsCategory {margin-right: auto;}
.bbsCategory li {position:relative; display: inline-block; margin-right: 12rem; padding-right: 18rem;}
.bbsCategory li::after {position:absolute; right:0; top: 3rem; content:''; width:1rem; height:12rem; background: #e1e1e1;}
.bbsCategory li:last-child::after {display: none;}
.bbsCategory li a {font-weight: 600; color: #aaa;}
.bbsCategory li.active a {font-weight: 700; color: #111;}

.bbsForm [data-form-type="address"]{display:flex; align-items:center; gap:5rem;}
.bbsSearch[data-type="A"]{display:flex; justify-content:space-between; align-items:center;}
.bbsSearch[data-type="A"] form{order:2;}
.bbsSearch[data-type="A"] .ko_board_count{order:1; margin-bottom:0;}

/* mypage */
.mypage .bbsSearch form {padding: 30rem 50rem;}
.mypage .bbsSearch form > section {display: flex; align-items: center;}
.mypage .bbsSearch .mobile {display: none;}
.mypage .bbsList td[data-table="situation"] {color: #888;}
.mypage .bbsList td.ing,
.mypage .bbsList td.complete {color:#2377d0;}
.mypage .bbsList td.cancel {color:#e21010;}
.mypage .bbsList td.standby {color:#aaa;}
.mypage .bbsList td.end {color: #333;}
.mypage .bbsList td[data-table="category"] span {display: block; font-size: 14rem; padding: 5rem; border: 1rem solid #ddd;}
.mypage .bbsList td[data-table="category"] span + span {margin-top: 5rem;}

.mypage .bbsForm_data {display: flex; flex-wrap: wrap; padding: 30rem 0;}
.mypage .bbsForm_data > label {flex-basis: 150rem; margin: 14rem 0 0;}
.mypage .bbsForm_data:not(:first-child) {margin-top: 0; border-top: 1rem solid #efefef;}
.mypage .bbsForm_data textarea {min-width: 500rem;}
.mypage .bbsForm_data input[type=checkbox] + label,
.mypage .bbsForm_data input[type=radio] + label {margin-bottom: 0; font-weight: 300;}
.mypage .bbsFormNotice p {margin-bottom: 7rem;}
.mypage .bbsFormNotice:has(p + p) {flex-direction: column;}
.mypage .bbsFormNotice:has(p + p) p {margin-bottom: 5rem;}
.mypage .bbsFormNotice input[type=checkbox] + label,
.mypage .bbsFormNotice input[type=radio] + label {margin-top: 3rem; font-size: 14rem;}
.mypage .bbsForm .designFile:not(:first-child) {margin-top: 8rem;}
.mypage .bbsForm .designFile label {margin-left: 5rem;}
.mypage .bbsForm_data.sns li {display: flex; align-items: center;} 
.mypage .bbsForm_data.sns li + li {margin-top: 10rem;}
.mypage .bbsForm_data.sns li label {min-width: 150rem; margin-bottom: 0;}
.mypage .bbsForm_data.sns li i {display: inline-block; width: 30rem; height: 30rem; margin-right: 10rem; line-height: 30rem; border-radius: 100%; text-align: center;}
.mypage .bbsForm_data.sns li i img {height: 15rem; vertical-align: middle;}
.mypage .bbsForm_data.sns li i.facebook {background-color: #1674ea;}
.mypage .bbsForm_data.sns li i.blog {background-color: #32b44a;}
.mypage .bbsForm_data.sns li i.linkedin {background-color: #010101;}
.mypage .bbsForm_data.sns li i.twitter {background-color: #1d9bf0;}
.mypage .bbsForm_data.sns li i.blogger {background-color: #ff5722;}
.mypage .bbsForm_data.sns li i.youtube {background-color: #ed2224;}
.mypage .bbsForm_data.sns li i.instagram {background-color: #E1306C;}
.mypage .bbsForm_data.category .inr {flex-basis: calc(100% - 150rem);}
.mypage .bbsForm_data.category .inr > div {display: flex; }
.mypage .bbsForm_data.category .inr > div + div {margin-top: 15rem;}
/* html[lang="en"] .mypage .bbsForm_data.category .inr{flex-basis: calc(100% - 230rem);} */
html[lang="en"] .mypage .bbsForm_data.category .inr{flex-basis: auto; flex: 1;}
.mypage .bbsForm_data.category .select_category {height: 50px; padding: 0 15rem; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 300; border: 1px solid #ddd; background: #f3f3f3; vertical-align: middle; transition: all 0.3s ease 0s;}
.mypage .bbsForm_data.category button {margin-left: 5rem;}
.mypage .bbsForm_data.expo_place .inr {display: flex;}
.mypage .bbsForm_data.expo_place input[type="button"] {margin-left: 5rem;}
.mypage .bbsForm_data.calendar .inr {display: flex; align-items: center;}
.mypage .bbsForm_data.calendar p {position:relative;}
.mypage .bbsForm_data.calendar button {position:absolute; right:0; top:0; height:100%; aspect-ratio: 1/1; background:none;}
.mypage .bbsForm_data.calendar button img {width: 15rem;}
.mypage .bbsForm_data.calendar span {margin: 0 8rem;}
.mypage .bbsForm_data.radio {align-items: center;}
.mypage .bbsForm_data.radio > label {margin:0;}
.mypage .expo_detail {display: none; opacity: 0; visibility: hidden; border-top: 1rem solid #efefef; transition: .3s; transform: translateY(-20rem);}
.mypage .expo_detail.on {display: block; opacity: 1; visibility: visible; transform: translateY(0);}
.mypage .bbsForm_price {margin-top: 30rem; padding:40rem 30rem; text-align: center; font-size: 19rem; background-color: #f5f5f5;}
html[lang="en"] .mypage .bbsForm_data > label{flex-basis:230rem;}

.myp_category {display: flex; justify-content: center; margin-bottom: 30rem;}
.myp_category a {min-width: 200rem; height: 75rem; margin: 0 7rem; text-align: center; color: #888; line-height: 73rem; border: 1rem solid #e1e1e1;}
.myp_category a span {display: flex; justify-content: center; align-items: center; }
.myp_category a i {display: inline-block; width: 40rem; height: 40rem; margin: 0 10rem 0 -7rem; border-radius: 100%; background-size: 19rem; background-repeat: no-repeat; background-position: center; background-color: #ccc;}
.myp_category a.active {font-weight: 600; color: #193b86; border-color: #193b86;}
.myp_category a.active i { background-color: #193b86;}
.myp_board .bbsForm {padding: 10rem 0;}

.join_area .button {font-size: 14rem;}

/* business_category */
#business_category h2 {position: relative; padding:25rem 120rem 25rem 20rem; font-size: 19rem; font-weight: 600; color: #fff; background-color: #193b86;}
#business_category .close {position: absolute; right: 0; top: 0; width: 100rem; height: 100%;}
#business_category .close span {position:absolute; left:50%; top:50%; display: inline-block; width: 25rem; height:2rem; background: #fff; transform: translate(-50%, -50%) rotate(-45deg);}
#business_category .close span:last-child {transform: translate(-50%, -50%) rotate(45deg);}
#business_category .select_category {margin:20rem;}
#business_category .select_category {min-height: 50rem; padding:15rem; font-weight: 300; line-height: 1.5; border: 1px solid #ddd; background: #f3f3f3; vertical-align: middle; transition: all 0.3s ease 0s; box-sizing: border-box;}
#business_category .box {height: 600rem; margin: 0 20rem; padding: 30rem 20rem; border: 1rem solid #ddd; box-sizing: border-box; overflow-y: scroll;}
#business_category .box > ul > li:not(:first-child) {margin-top: 20rem;}
#business_category .box .otherInput {display: none; opacity: 0; margin-top: 10rem; }
#business_category .box .otherInput.on {display: block; opacity: 1;}
#business_category.bct01 .box ul li {position: relative; padding-left: 12rem;}
#business_category.bct01 .box ul li::before {position:absolute; left:0; top:8rem; content:''; width:3rem; height:3rem; border-radius: 100%; background:#ccc;}
#business_category.bct01 .box ul li a {display: inline-block; transition: .3s;}
#business_category.bct01 .box ul li a:hover {text-decoration: underline;}
#business_category.bct02 .check_con {padding-left: 0;}
#business_category.bct02 .check_con > em {font-weight: 400;}
#business_category.bct02 .check_con .checkmark {width: 18rem; height: 18rem;}
#business_category.bct02 .check_con .checkmark:after {top: 4rem; left: 6rem; width: 4rem; height: 6rem;}

/* privacy */
.privacy .sub_title {border-bottom: 1rem solid #ddd;}
.area_policy{padding-top:0;}
.area_policy h2{padding:30px 0;font-size:40px;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20rem;font-weight: 700;font-size:17rem;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:300; font-size:15rem; color:#666;}
.area_policy p{line-height:1.6; font-size:14rem;}
.area_policy ul li{margin-bottom:8rem;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5rem; margin-bottom:20rem;}
.area_policy ul li ul li{margin-bottom:2rem; font-size:15rem;}
.area_policy .inr_policy{padding:40rem 0; border-bottom:1rem solid #ddd;}
.area_policy .inr_policy:last-child{border:none;}

/* email */
.area_email {min-height: 300rem; margin-top: 60rem;}
.area_email h3 {margin-top:20rem; font-weight: 700; font-size:19rem; line-height:1.6; color:#222;}

.designSelect .selectbox {font-size: 0.9375em;}
.bbsSearch .designSelect {margin-right: 5rem;}
.bbsSearch input[type=text].line{border-color:#ddd;}
.bbsSearch.only{display:flex; justify-content:center; align-items:center; background:#f5f5f5; padding:15rem 20rem; margin-bottom:20rem;}

.changCheck label {margin-bottom: 0; padding-left: 12rem; font-size: 15rem; font-weight: 300;}
.changCheck .check_con > em {margin-left: 7rem;}
.changCheck .check_con .checkmark {width: 20px; height: 20px; margin-top: -1px;}
.changCheck .check_con .checkmark:after {top: 3px;}

/* 개인정보처리방침 */
.area_policy .privacy_box{padding:40rem 0; border-bottom:1rem solid #ddd;}
.area_policy .privacy_box:last-child{border-bottom-width:0;}

/* 회원가입 추가 */
.join_area .scroll-box{overflow-y:auto; max-height:200rem; padding:20rem 15rem; border:1rem solid #eee;}
.join_area .area_guide h2{padding-bottom:0; font-size:20rem !important;}

/* 개인정보처리방침 등 추가 */
.area_guide{font-size:15rem; color:var(--color-gray6); font-weight:400;}
.area_guide h2{padding-bottom:10rem; text-align:left; font-size:30rem;}
.area_guide h3,
.area_guide p,
.area_guide li{word-break:keep-all;}
.area_guide h3{margin-top:20rem; font-size:16rem; font-weight:700; color:var(--color-black, #111);}
.area_guide h3 + *,
.area_guide h3 + p + ul{margin-top:5rem; margin-left:13rem;}
.area_guide ul > li{margin-top:7rem;}
.area_guide ul > li:first-child{margin-top:0px;}
.area_guide ul > li > ul{margin-top:5rem; padding-left:15rem;}
.area_guide ul > li > ul > li{margin-top:4rem;}
.area_guide ul > li > ul > li:first-child{margin-top:0px;}
.area_guide ul > li strong{font-weight:600; color:var(--color-black, #111);}
.box_guide{margin-top:30rem;}
.box_guide > p{margin-bottom:10rem; padding:10rem; border:1rem solid #eee;}
html[lang="ja"] .area_guide p,
html[lang="ja"] .area_guide li{word-break:break-all;}
html[lang="zh"] .area_guide p,
html[lang="zh"] .area_guide li{word-break:break-all;}

/* 게시판 */
html[lang="en"] .bbsList td[data-table="number"] .notice:before,
html[lang="ja"] .bbsList td[data-table="number"] .notice:before,
html[lang="zh"] .bbsList td[data-table="number"] .notice:before,
html[lang="ru"] .bbsList td[data-table="number"] .notice:before{display:none;}
html[lang="en"] .bbsList td[data-table="number"] .notice,
html[lang="zh"] .bbsList td[data-table="number"] .notice{font-size:11rem;}


/* override 2024-10-25  */
.bbsList.industry-list [data-table="description"] p { 
   display: -webkit-box;
  -webkit-line-clamp: 3;
          line-clamp: 3; 
  -webkit-box-orient: vertical;
   overflow:hidden;
   text-align:left;
}

.bbsList.industry-list [data-table="product"] p { 
   display: -webkit-box;
  -webkit-line-clamp: 3;
          line-clamp: 3; 
  -webkit-box-orient: vertical;
   overflow:hidden;
   text-align:left;
}
.bbsList.industry-list [data-table="company"] .logo {
   max-height: max-content;
}


/* overrides 2024-11  */
.business .bbsList tr td:nth-child(3)::before {
   display: none;
}


/* overrides 2024-11-19  */
.business .business_ad .swiper-slide .img {
   background-color: #f5f5f5;
   /* background-size: auto 100%; */
   background-size: 100% 100%;
}
.business_view .company_slider .swiper-slide img {
   /* object-fit: contain; */
   object-fit: fill;
   /* width: 920rem;
   height: 580rem; */
}
.bbsList.industry-list td {
   height: 100px;
   padding: 25px 10px;
}
@media screen and (max-width: 1080px) {
  .bbsList.industry-list td { height: max-content;padding: 0; }
}
@media screen and (min-width: 1930px) {
  .bbsList.industry-list td { height: 160px; }
}
@media screen and (min-width: 2570px) {
  .bbsList.industry-list td { height: 250px; }
}


@media all and (max-width:1024px){
	#container.sub {padding: 165rem 0 0;}
	.sub_title {justify-content: flex-start; flex-wrap: wrap; padding:0 0 50rem;}
	.sub_visual {height:280rem;}

	.ready {padding: 100rem 0; margin: 50rem 0 100rem;}
	.tab_menu li a {padding-bottom: 20rem;}

	/* about02 */
	.about02 .partner_list ul {grid-template-columns: repeat(3, 1fr);}
	.about02 .partner_list ul li a {padding: 30rem;}
	.about02 .partner_list ul li i {position:relative; display: block; right: auto; top: auto; width: 100%; height: 60rem; margin-top: 20rem; border: 1rem solid #efefef; background-size: 120rem; background-position: center;}
	.about02 .partner_list ul li dl {margin:25rem 0 30rem;}

	/*business */
	.business .bbsSearch form {flex-wrap: wrap; padding: 30rem;}
	.business .business_ad .box {width:100%;}
	.business .business_ad .box + .box {margin-top: 50rem;}
	.business .business_ad .box .area_title {margin-bottom: 35rem;}

	.search-wrap__inr {flex-direction: column;}
	.search-title {position: relative; width: 100%; padding: 0; margin-bottom: 40rem; background:none;}
	.search-title h3 {margin-bottom: 5rem;}
	.search-title .search-category {position: absolute; right: 0; top: 8rem;}
	.search-list-wrap {width: 100%;}
	.search-category {margin-top: 0;}
	.search-list__check ul {grid-template-columns: repeat(6, 1fr);}
	.search-list__check ul.col08{grid-template-columns: repeat(4, 1fr);}
	html[lang="en"] .search-list__check ul{grid-template-columns: repeat(4, 1fr);}

	/* business_view */
	.business_view {flex-wrap: wrap; flex-direction: column-reverse;}
	.business_view .company_info {padding: 0; flex-basis: 100%;}
	.business_view .company_info article {position: relative; top: auto;}
	.business_view .company_info article > ul {margin-bottom: 0;}
	.business_view .company_info article > ul > li span {min-width: 110rem;}
	.business_view .company_cont {width: 100%; padding-right: 0;}
	.business_view div[class^="sec_"] {margin-top: 50rem;}
	.business_view .sec_expo div {padding: 30rem;}
	.business_view .company_btn {display: none;}
	.business_view .company_btn.mobile {display:flex; justify-content: center; margin-top: 50rem;}
	.business_view .company_btn a {min-width: 150rem;}
	
	.industry-list colgroup,
	.industry-list thead{display:none;}
	.industry-list [data-table="number"]{display:none;}
	.industry-list tbody tr{display:block; width:100%; box-sizing:border-box; margin-top:15rem; padding:20rem; border:1rem solid #ddd; border-radius:5rem;}
	.industry-list tbody tr td{display:block; padding:0; border-bottom-width:0;}
	.industry-list tbody tr.active td{background-color:transparent;}
	.industry-list tbody [data-table]{text-align:left;}
	.industry-list tbody [data-table]:before{content:''; font-weight:600;}
	.industry-list tbody [data-table="company"]{display:flex; align-items:center;}
	.industry-list tbody [data-table="company"]:before{content:'기업명'; margin-right:5rem;}

	/* mypage */
	.mypage .bbsSearch form {flex-wrap: wrap; padding: 25rem 20rem 30rem;}
	.bbsCategory {display: flex; align-items: center; justify-content: center; flex-basis: 100%; margin:0 0 12rem;}
	.bbsCategory li {margin:0; padding: 0;}
	.bbsCategory li::after {top: 50%; transform: translate(0, -50%);}
	.bbsCategory li a {display: block; padding: 12rem 20rem;}

	.mypage .bbsForm .wdt50 {width: 100% !important;}
	.mypage .bbsForm_data > label {flex-basis: 100%; margin: 0 0 15rem;}
	.mypage .bbsForm_data > .inr {flex-basis: 100%;}
	.mypage .bbsForm_data.category .inr {flex-basis: auto; width: 100%;}
	.mypage .bbsForm_data.category .select_category {flex-basis: auto;}
	.mypage .bbsForm_data.radio > label {margin: 0 0 15rem;}
	.myp_category a {height: 65rem; line-height: 63rem;}
	html[lang="en"] .mypage .bbsForm_data > label{flex-basis:100%;}

	.banner-table colgroup,
	.banner-table thead{display:none;}		
	.banner-table tr{display:flex; flex-wrap:wrap; gap:3rem 10rem; padding:10px; margin-top:5px; border:1px solid #eaecf1; border-radius:3rem;}
	.banner-table tr td{padding:0; border:0; font-size:14rem;}
	.banner-table tbody tr:first-child{margin-top:0;}
	.banner-table [data-table="number"]{display:none;}
	.banner-table [data-table="subject"]{flex:0 1 100%;}
	.banner-table td[data-table="subject"] a{font-size:17rem; font-weight:600; color:#111;}
	.banner-table td[data-table="category"]{flex:0 1 100%; display:flex; flex-wrap:wrap; align-items:center; gap:0 5rem;}
	.mypage .banner-table td[data-table="category"] span + span{margin-top:0;}
	.mypage .bbsList.banner-table td[data-table="category"] span{padding:2rem 5rem; border-radius:50rem;}
	.banner-table td[data-table]:before{display:inline; margin-right:5rem; font-size:13rem; line-height:1.5cap; color:#333;}
	.banner-table td[data-table="form"]:before{content:'광고형태 :';}
	.banner-table td[data-table="country"]:before{content:'국가 :';}
	.banner-table td[data-table="category"]:before{content:'광고위치 :';}
	.banner-table td[data-table="situation"]:before{content:'상태 :';}
	.banner-table td[data-table="process"]:before{content:'진행상태 :';}
	.banner-table td[data-table="date"]:before{content:'광고기간 :';}
	.banner-table td[data-table="price"]:before{content:'광고비 :';}
	.banner-table td[data-table="calculate"]:before{content:'정산여부 :';}
	.banner-table.company td[data-table="term"]:before{content:'기간 :';}
	.banner-table.company td[data-table="date"]:before{content:'등록일 :';}
	.banner-table tr.active td{background-color:transparent !important;}
}

@media all and (max-width:860px){
   #container.sub {padding: 145rem 0 0;}
   .sub_title {padding: 0 0 50rem;}
   .sub_title h2 {flex-basis: 100%; font-size: 32rem;}
   .area_navigation {margin-left: 0; margin-top: 22rem;}
   .area_navigation ul {padding: 0; font-size: 14rem; background:none;}
   .area_navigation ul li {padding: 0 15rem;}
   .area_navigation ul li:first-child {padding-left:0;}
   .area_navigation ul li img {height: 12rem; margin-top: -2rem; vertical-align: middle;}
   .sub_visual {margin-bottom: 50rem;}

   .ready {padding: 80rem 0;}
   .ready h4 {font-size: 27rem;}

   .wdt70 {width: 100%;}

   .tab_menu {margin: 5rem 0 40rem;}
   .tab_menu li a {font-size: 17rem; padding-bottom: 10rem;}

   /* about01 */
   .about01 .ss01 > div {flex-basis: 100%;}
   .about01 .ss01 .sns {margin: 20rem 0 50rem;}
   .about01 .ss01 .cont p {margin-top: 50rem;}

   /* about02 */
   .about02 .partner_list ul {grid-template-columns: repeat(2, 1fr);}

   /* business_view */
   .business_view .company_slider {height: 430rem;}
   
   /* online_form */
   .data_email.wdt70 {width: 100%;}
   .data_email input[type="text"] {width: 50%;}
   .bbsForm [data-form-type="address"]{flex-wrap:wrap;}
   .bbsForm [data-form-type="address"] input[type="text"]#email1{width:calc(100% - 23rem) !important;}
   .bbsForm [data-form-type="address"] i{width:18rem; text-align:center;}
   .bbsForm [data-form-type="address"] select{width:150rem !important;}
   .bbsForm [data-form-type="address"] input[type="text"]#email2{width:calc(100% - 155rem) !important;}

   /* policy */
	.area_policy{margin-top:20px !important;}
	.area_policy h2{padding:0px 0; font-weight:600; font-size:20px;}
	.area_policy h3{margin-bottom:10px; font-weight:600; font-size:14px;}
	.area_policy ul li{margin-bottom:5px;}
	.area_policy ul li ul{padding-left:10px;}
	.area_policy ul li ul li{font-size:13px;}
	.area_policy ul li,
	.area_policy p{line-height:1.7; font-size:13px;}
	.area_policy .inr_policy{padding:25px 0;}
	.area_policy .privacy_box{padding:25px 0;}

   .business .business_ad .box .area_title {margin-bottom: 25rem;}
   .business .business_ad .box .area_title h3 {margin-bottom: 8rem;}
   /* .business .bbsSearch form {padding: 30rem 20rem; justify-content: space-between;}
   .business .designSelect {width: calc((100% - 5rem)/2); margin: 0;} 
   .business .designSelect .select {width: 100%;}
   .business .designSelect + input[type="text"] {width: calc((100% - 5rem)/2); margin: 5rem 0;}
   .business .company-list .bbsSearch form input[type="text"] {width: 100%;}
   .business .bbsSearch .button {width: 100%;} */
   .search-list__check ul {grid-template-columns: repeat(4, 1fr);}
   .search-list__check ul.col08{grid-template-columns: repeat(3, 1fr);}
   html[lang="en"] .search-list__check ul{grid-template-columns: repeat(3, 1fr);}

   /* email */
   .area_email h3 br {display: none;}
   .myp_category {margin-bottom: 40rem;}
   .myp_category a {min-width: 160rem; height: 60rem; line-height: 58rem; font-size: 15rem;}
   .myp_category a i {width: 32rem; height:32rem; background-size: 15rem;}
   .bbsCategory li a {padding: 0 15rem;}
   .mypage .bbsSearch form {padding: 22rem 20rem 30rem;}

   .customer .bbsSearch {margin-top: -20rem;}
}

@media all and (max-width:768px){
   .join_area .bbsView td[data-member-form="id"] .button {top: 20px; right: 0; font-size: 14px;}

   /* overrides 2024-11-13 */
   .bbsSearch.only#view-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 1fr);
      position: relative;
   }
   
   .bbsSearch.only input[type=text] {
      grid-column: span 2;
      width: 100%;
   }
   .bbsSearch.only .designSelect {
      display: flex;
      grid-column: span 2;
      gap: 10rem;
      margin-right: 0;
   }
   .bbsSearch.only .designSelect > * {
      flex: 1;
   }
   
   .bbsSearch.only input[type="submit"].button {
      right: 25rem;
      bottom: 20rem;
   }

}

@media all and (max-width:640px){
   .mypage .bbsSearch form { padding: 25rem 20rem;}

   /* email */
   .area_email {min-height: 500rem;}

   .bbsList td[data-table="category"] {color: #666; text-align: center;}
   .designSelect .selectbox {padding: 0 10rem; font-size: 13rem;}

   .business .bbsList tr {position: relative; border-radius: 5rem;}
   .business .bbsList tr > a {position: relative; display: block;}
   .business .bbsList td span {display: inline-block; margin-right: 4rem; padding: 7rem 6rem 5rem; font-size: 14rem; line-height: 1; color: #193b86 !important; background:#f9fbff; border-radius: 2rem; border: 1px solid #446bc1;}
   .business .bbsList tr.active td,
   .business .bbsList tr:nth-child(2n) {color: #666 !important; background: #fff;}
   .bbsList td[data-table="write"],
   .bbsList td[data-table="date"] {font-size: 15px;}
   .banner-table td[data-table]{border-width:0;}
   .banner-table td[data-table="subject"] a{padding:0;}
   .banner-table td[data-table="date"]{position:static; width:auto; font-size:14rem; letter-spacing:0;}

   .industry-list [data-table="company"] a span{padding:0; background-color:transparent; border-width:0;}
}

@media all and (max-width:540px){
   #container.sub {padding: 105rem 0 0;}
   .sub_section {min-height: 300rem;}
   .sub_title {padding: 0 0 30rem;}
   .sub_title h2 {font-size: 22rem; line-height: 1.4;}
   .sub_title h2 br {display: none;}
   .mypage .sub_title {padding-bottom: 10rem;}
   .join_area .button {font-size: 14px;}
   
   .area_navigation {margin-top: 8rem;}
   .area_navigation ul {font-size: 12rem; font-weight: 300;}
   .area_navigation ul li {padding: 0 10rem;}
   .area_navigation ul li::before {width: 4rem; height: 4rem;}
   .area_navigation ul li img {height: 10rem;}

   .sub_visual {height: 150rem; margin-bottom: 30rem; border-radius: 5rem;}

   .ready {min-height: auto; padding: 55rem 5rem; margin: 20rem 0 60rem;}
   .ready h4 {font-size: 20rem;}
   .ready p {font-size: 14rem;}
   .ready h4 i span {width: 3rem; height: 3rem; margin: 4rem;}

   .wdt50 {max-width: 100%;}

   /* tabmenu */
   .tab_menu {margin:10rem 0 30rem;}
   .tab_menu li {margin-right: 10rem;}
   .tab_menu li a { font-size: 13rem;}

   /* about01 */
   .about01 .ss01 .title h3 {font-size: 16rem; line-height: 1.4;}
   .about01 .ss01 .sns {margin: 15rem 0 30rem; }
   .about01 .ss01 .sns img {height: 20rem;}
   .about01 .ss01 dl {color: #666; line-height: 1.55;}
   .about01 .ss01 dl dd + dd {margin-top: 17rem;}
   .about01 .ss01 .cont p {margin-top: 30rem; font-size: 14rem;}
   .about01 .ss01 .cont p img {height: 17rem; margin-top: 12rem;}
   .wrapper.about01{padding-top:0;}

   /* about02 */
   .about02 .partner_list ul {grid-template-columns: 1fr;}
   .about02 .partner_list ul li a {padding: 20rem;}
   .about02 .partner_list ul li em {padding: 6rem 8rem; font-size: 11rem;}
   .about02 .partner_list ul li i {background-size: 90rem;}
   .about02 .partner_list ul li dl {margin: 20rem 0;}
   .about02 .partner_list ul li dl dt {margin-bottom: 10rem; font-size: 16rem;}
   .about02 .partner_list ul li dl dd {min-height: 40rem;}
   .about02 .partner_list ul li p {font-size: 12rem; padding-top: 15rem;}

    /*business */
   /* .business .bbsSearch form {padding: 20rem;} */
   /* .business .bbsSearch input[type="submit"].button {min-width: auto; width: 40rem; padding: 0; font-size: 0; background-image: url(../images/board/icon_search_white.svg); background-repeat: no-repeat; background-size: 15rem; background-position: center;} */
   /* .business .bbsSearch form .bbsCategory {margin-bottom: 18rem;}
   .business .bbsSearch .designSelect .selectbox {padding: 0 10rem;}
   .business .designSelect.business-category {width: 100%; margin-top: 5rem;}
   .business .designSelect + input[type="text"] {width: 100%;} */
   /* .business .company-list .bbsSearch .designSelect {width: 100%;} */
   .business .business_ad {padding: 0 0 30rem; margin-bottom: 10rem; border-bottom: 1rem solid #e1e1e1;}
   .business .business_ad .box .area_title {padding-right:0; margin-bottom: 20rem;}
   .business .business_ad .box .area_title h3,
   .search-title h3{font-size: 18rem; margin-bottom: 5rem;}
   .search-title {margin-bottom: 20rem;}
   .search-title .search-category {position: relative; right: auto; top: auto; margin-top: 17rem;}
   .search-wrap .area_btn {padding: 12rem 15rem; font-size: 13rem;}
   .search-list-wrap {padding: 20rem;}
   .search-list__select {flex-wrap: wrap;}
   .search-list__select input[type=text] {width: 70%;}
   .search-list__select .designSelect {width: calc((100% - 5rem)/2); margin-right: 0; margin-bottom: 5rem;}
   .search-list__select .designSelect:not(:first-child) {margin-left: 5rem;}
   .search-list__select .select {width: 100%;}
   .search-list__check {margin-top: 20rem;}
   .search-list__check h4 {margin-bottom: 10rem; font-size: 15rem;}
   .search-list__check ul {/* max-height: 120rem; */ padding: 12rem 15rem; grid-template-columns: 1fr 1fr; gap: 0;}
   .search-list__check ul li a {padding: 5rem 10rem 5rem 20rem; font-size: 13rem; word-break: break-word;}
   .search-list__check ul li a::before {top:6rem; width: 12rem; height: 12rem;}
   .search-list__check .empty {font-size: 13rem; padding: 20rem 0;}
   .search-wrap {margin-bottom: 20rem;}
   .search-list__check ul.col08{grid-template-columns: repeat(2, 1fr);}
   html[lang="en"] .search-list__check ul{grid-template-columns: repeat(2, 1fr);}
   html[lang="en"] .business .business_ad .box .area_title p br{display:none;}
   .none_box{font-size:16rem;}

   .business .business_ad .box .area_title{flex-wrap:wrap;}
   .business .business_ad .box .area_title h3{flex:0 1 100%;}
   .business .business_ad .box .area_title h3 + p{width:75%; padding:0; margin:0; line-height:1.5cap;}
   .business .business_ad .btn_wrapper {position: relative; right:auto; bottom:auto; margin-top: 0;}
   .business .business_ad .btn_wrapper .swiper-button-prev,
   .business .business_ad .btn_wrapper .swiper-button-next {background-size:7rem;}
   .business .business_ad .btn_wrapper .swiper-pagination-bullets {margin-left: 8rem;}
   .business .business_ad .btn_wrapper .swiper-pagination-bullet {width: 8rem; height: 8rem; margin:0 5rem;}
   .business .business_ad .btn_wrapper .swiper-button-pause {background-size: 7rem;}
   .business .business_ad .box + .box {margin-top: 15rem;}
   .ad-banner, .company-banner {height: 185rem;}

   /* business_view */
   .business_view .company_info h3 {padding-right: 100rem; font-size: 24rem;}
   .business_view .company_info h3 i {width: 100rem; height: 25rem;}
   .business_view .company_info article > ul {padding: 10rem 0; margin: 20rem 0 0;}
   .business_view .company_info article > ul > li {margin: 15rem 0;}
   .business_view .company_info article > ul > li span {min-width: 70rem;}
   .business_view .company_info .sns {margin-top: 20rem;}
   .business_view .company_slider {height: 210rem;}
   .business_view .company_slider .swiper-button-next,
   .business_view .company_slider .swiper-button-prev {display: none;}
   .business_view .company_slider .swiper-pagination-bullet {width: 8rem; height: 8rem; margin: 0 4rem;}
   .business_view div[class^="sec_"] {margin-top: 30rem;}
   .business_view div[class^="sec_"] h4 {font-size: 18rem; margin-bottom: 15rem;}
   .business_view .sec_expo div {flex-wrap: wrap; padding: 25rem 20rem;}
   .business_view .sec_expo div p {flex-basis: 100%; margin: 0; font-size: 15rem; font-weight: 500;}
   .business_view .sec_expo div ul {flex-basis: 100%; padding-left: 0; margin-top: 15rem; padding-top: 10rem; border-left:none; border-top: 1rem solid #e1e1e1;}
   .business_view .sec_expo div ul li {padding-left: 10rem;}
   .business_view .sec_expo div ul li + li {margin-top: 15rem;}
   .business_view .sec_expo div ul li::before {top: 7rem !important;}
   .business_view .sec_expo div ul li span {display: block; margin-right: 0; margin-bottom: 3rem; font-weight: 500;}
   .business_view .sec_expo div ul li em {font-size: 12rem; margin: 5rem 0 0;}
   .business_view .sec_expo div ul li br.mobile {display: block;}
   .business_view .company_btn.mobile {margin-top: 30rem;}
   .business_view .company_btn a {height: 45rem; line-height: 43rem; min-width: 115rem; font-size: 13rem;}
   .business_view .company_btn a span {padding: 0 5rem 0 22rem;}

   /* online_form */
   .bbsForm {padding: 0;}
   .bbsForm input[type="text"]::placeholder,
   .bbsForm textarea::placeholder {font-size: 12rem;}
   .bbsForm_data{margin-top: 20rem;}
   .bbsForm_data > label {font-size: 14rem; font-weight: 600; margin-bottom: 10rem;}
   .box_privacy {margin-bottom: 30rem;}
   .bbsFormNotice {font-size: 12rem; margin-top: 8rem;}
   .bbsNotice {padding: 15rem 10rem 15rem 32rem; font-size: 13rem; font-weight: 400;}
   .bbsNotice::before {left: 12rem; top: 16rem; width: 11rem; height: 11rem; font-size: 9rem; line-height: 13rem;}
   .data_email {flex-wrap: wrap;}
   .data_email .button_new {margin-top: 5rem;}
   .bbsCategory {margin: 5rem 0 10rem;}

   .scroll-textarea > .scroll-content > textarea {padding: 20rem !important;}
   .bbsNew_container .designRadio.agree {justify-content: flex-start;}
   .bbsNew_container .designRadio.agree .check_con {padding-left: 0;}
   .wdt50 {width: 100%;}

   .bbsForm [data-form-type="address"] select,
   .bbsForm [data-form-type="address"] input[type="text"]#email2{width:100% !important;}

   /* mypage */
   .mypage .bbsSearch form {padding: 0 10rem 20rem;}
   .myp_board .bbsForm {padding: 0;}
   .myp_board .bbsSearch form {padding: 10rem;}
   .myp_category {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 5rem; margin-bottom: 30rem;}
   .myp_category a {min-width: auto; height: 55rem; margin: 0; font-size: 13rem; line-height: 55rem;}
   .myp_category a i {width: 27rem; height: 27rem; background-size: 12rem;}
   .myp_board .bbsSearch .designSelect {margin-right: 3rem;}
   .myp_board .bbsSearch input[type="submit"].button {min-width: auto; width: 40rem; padding: 0; font-size: 0; background-image: url(../images/board/icon_search_white.svg); background-repeat: no-repeat; background-size: 15rem; background-position: center;}
   .myp_board .bbsSearch .designSelect .select {width: 80rem;}
   .myp_board .bbsSearch .designSelect .selectbox {padding: 0 10rem;}
   .mypage .bbsForm_data {padding: 17rem 0;}
   .mypage .bbsForm_data > label {margin-bottom: 8rem;}
   .mypage .bbsForm_data.category .select_category {font-size: 12rem;}
   .mypage .bbsForm_data.category .button_new.plus {position: relative; min-width: 30rem; font-size: 0;}
   .mypage .bbsForm_data.category .button_new.plus::after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content:'+'; font-size: 12rem;}
   .mypage .bbsForm_data.category .button_new.minus {position: relative; min-width: 30rem; font-size: 0;}
   .mypage .bbsForm_data.category .button_new.minus::after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content:'-'; font-size: 12rem;}
   .mypage .bbsForm_data.sns li label {font-size: 14rem;}
   .mypage .bbsForm_price {margin-top: 20rem; padding: 18rem 20rem; }
   .mypage .bbsForm_price h3 {font-size: 14rem;}
   .mypage2 .myp_board .bbsSearch form {padding: 20rem 10rem;}
   .mypage2 .myp_board .bbsSearch .designSelect {flex-basis: 100%; margin: 0;}
   .mypage2 .myp_board .bbsSearch .designSelect + .designSelect {margin-top: 5rem;}
   .mypage2 .myp_board .bbsSearch .select {width: 100%;}
   .mypage2 .myp_board .bbsSearch input[type=text] {width: 100%; margin: 5rem 0; font-size: 14px;}
   .mypage2 .myp_board .bbsSearch input[type="submit"].button {background-image: none; font-size: 14px; width: 100%; margin-top: 10rem;}
   .mypage .bbsForm .wdt50 {min-width: auto;}

   .mypage .bbsForm_data.sns li i {width: 25rem; height: 25rem; margin-right: 7rem; line-height: 25rem;}
   .mypage .bbsForm_data.sns li label {min-width: 105rem; font-size: 13rem;}
   .mypage .bbsForm_data.radio > label {margin-bottom:7rem;}

   .mypage .input500 {width: 100% !important;}
   .changCheck {margin-top: 10rem;}
   .changCheck label {padding-left: 0;}
   .changCheck .check_con > em {margin-left: 6rem;}
   .check_con .checkmark,
   .changCheck .check_con .checkmark {width: 15rem; height: 15rem;}
   .check_con .checkmark:after {top: 3rem; left: 5rem; width: 3rem; height: 6rem;}
   .check_con > em {font-size: 14rem !important;}
   
   /* email */
   .area_email {min-height: 300rem; margin-top: 40rem;}
   .area_email p {font-size: 12rem;}
   .area_email h3 {font-size: 14rem;}

   /* business_category */
   #business_category h2 {font-size: 16rem; padding: 17rem 70rem 18rem 15rem;}
   #business_category .close {width: 50rem;}
   #business_category .close span {width: 15rem;}
   #business_category .select_category {margin: 0; padding: 10rem; font-size: 13rem; color: #666;}
   #business_category .box {margin: 5rem; padding:20rem 15rem;}
   #business_category .box > ul > li:not(:first-child) {margin-top: 15rem;}
   #business_category.bct01 .box ul li a {font-weight: 300;}
   #business_category.bct02 .check_con {font-size: 14rem; font-weight: 300;}

   .bbsSearch[data-type="A"]{display:block;}
   .bbsSearch[data-type="A"] .ko_board_count{margin-bottom:10rem;}
   
}

@media all and (max-width:480px){

   /* business */
   /* .business .bbsSearch form {padding: 0; margin-top: 20rem;}
   .business .bbsSearch .mobile {display: block;} 
   .business .bbsSearch form > section {flex-basis: 100%;}
   .business .bbsSearch input[type="submit"].button {bottom: 3rem; background-image:url(../images/board/icon_search.svg);} */
   .search-list__select input[type="submit"].button {right: 25rem;}
   .search-list__check ul {grid-template-columns: 1fr 1fr;}
   .bbsSearch input[type="submit"].button{right:20rem;}

   .designSelect .selectbox {line-height: 48rem;}
   .data_email> div {flex-wrap: wrap;}
   .data_email input[type="text"] {width: calc((100% - 30rem)/2);}
   .data_email .designSelect {width: 100%; margin: 5rem 0 0;}
   .data_email .designSelect .select {width: 100%;}

   .bbsForm select{padding-left:8rem;}

   .mypage .bbsSearch .pc {display: none;}
   .mypage .bbsSearch .mobile {display: block;} 
   .mypage .bbsSearch form > section {flex-basis: 100%;}
   .myp_board .bbsSearch input[type="submit"].button {background-image:url(../images/board/icon_search.svg);}

   .mypage .bbsSearch form {padding: 0; margin-top: 20rem;}
   .mypage .bbsForm_data.sns li {flex-wrap: wrap;}
   .mypage .bbsForm_data.sns li:first-child {margin-top: 5rem;}
   .mypage .bbsForm_data.sns li + li {margin-top: 15rem;}
   .mypage .bbsForm_data.sns li label {flex-basis: 100%; margin-bottom: 10rem;}
   .mypage .bbsForm_data.sns li i {width: 25rem; height: 25rem; line-height: 23rem;}
   .mypage .bbsForm_data.sns li i img {height: 12rem;}
   .mypage .bbsForm_data.sns li input {flex-basis: 100%;}
   .mypage2 .myp_board .bbsSearch form {padding: 0;}
   .mypage2 .myp_board .bbsSearch input[type="submit"].button {background-image: url(../images/board/icon_search.svg); font-size: 0; width: 40px; margin-top: 0;}

   .join_area .bbsView td[data-member-form="id"] .button {top: 10px;}
}