@charset "utf-8";

/* common */

/* 준비중 */
.ready{display: flex; justify-content: center; align-items: center;min-height: 500px;}

/* 레이아웃 */
.sub-wr{display: flex;padding: 50px 0px;gap: 50px;}
.sub-left-wr{flex: 1 1 300px;}
.sub-right-wr{flex: 1 1 calc(100% - 300px)}
.sub-cen{width: 100%;max-width: 1400px;margin: 0 auto;}

@media screen and (max-width: 1024px){
	.sub-wr{gap:0;}
	.sub-left-wr{display:none;}
	.sub-right-wr{flex: unset;width: 100%;}
}

#side a {display:block;}
#side > h2 {width: 100%;height:140px;background:url('../img/sub/side_bg_h2.png') no-repeat;background-size: cover;padding-top:50px;text-align:center;font-size:2em;color:#fff;border-radius: 10px 10px 0px 0px;}
#side > ul{border:1px solid #bfbfbf;border-top: 0;}
#side > ul > li:first-child{margin-top: 0;}
#side > ul > li {border-bottom: 1px solid #ddd;margin:3px 0;}
#side > ul > li:last-child{border:0;}
#side > ul > li > a {padding: 14px 20px 14px 27px;background: #fff url('https://www.gyeongnam.go.kr//01_potal/images/gne_new2022/common/side_arr.png') no-repeat 95% 50%;line-height: 1.2;/* line-height: 1; */font-size:1.15em;transition: 0.3s;word-break: keep-all;min-height: 52px;cursor:pointer}
#side > ul > li > a:hover , #side > ul > li.on > a {background: url('https://www.gyeongnam.go.kr//01_potal/images/gne_new2022/common/side_arr_on.png') no-repeat 95% 50%;color: #483073;font-weight:bold;}
#side > ul > li > ul {background: #f3f3f3;padding: 10px 0 10px 36px;}
#side > ul > li > ul > li > a {padding: 6px 16px 6px 0;line-height:1;font-size:0.97em;}
#side > ul > li > ul > li > a:hover , #side > ul > li > ul > li.on > a {color: #365385;font-weight:bold;text-decoration:underline;position:relative;}
#side > ul > li > ul > li.on > a:before{display:block; content:''; position:absolute;background-color:#365385;border-radius:50%;width:5px; height:5px;top: 50%;transform: translateY(-50%);left: -12px;}

/* 타이틀 */
.sub-ttl{font-size: 27px;font-family: 'SCoreDream';color: #365385;font-weight: 500;text-align: center;position: relative;padding-bottom: 50px;}
.sub-ttl::after{display: block;content: '';width: 50px;height: 5px;background: #365385;position: absolute;bottom: 0px;left: 50%;transform: translate(-50%);}

.sub-ttl02{font-size: 30px;font-family: 'SCoreDream';font-weight: 500;color: #1e2638;padding-left: 45px;position: relative;}
.sub-ttl02::before{display: block;content: '';width: 26px;height: 37px;background: url('../img/sub/sub_ttl02_icon.png') no-repeat center;background-size: contain;position: absolute;left: 0;top: 7px;}

@media screen and (max-width: 1024px){
	.sub-ttl{font-size: 20px;padding-bottom: 25px;}
	.sub-ttl02{font-size:20px;padding-left: 40px;}
	.sub-ttl02::before{width: 24px;height:34px;}
}

@media screen and (max-width: 768px){
	.sub-ttl02{font-size:16px;padding-left: 30px;}
	.sub-ttl02::before{width: 20px;height:30px;top: 0;}
}

@media screen and (max-width: 500px){
	.sub-ttl{font-size: 16px;padding-bottom: 20px;}
	.sub-ttl::after{width: 40px;height: 2px;}
}

/* 텍스트 */
.sub-txt{font-size: 17px;font-weight: 400;color: #606060;position: relative;margin-left: 45px;padding-left: 30px;}
.sub-txt::before{display: block;content: '';width: 16px;height: 16px;background: url('../img/sub/sub_txt_icon.png') no-repeat center;background-size: contain;position: absolute;left: 0;top: 7px;}

.sub-txt02{font-size: 17px;color: #606060;margin: 0 0 5px 45px;padding: 0 0 0 30px;}

@media screen and (max-width: 1024px) {
	.sub-txt{font-size: 16px;}
	.sub-txt::before{top:12px}

	.sub-txt02{font-size: 16px;}
}

@media screen and (max-width: 768px) {
	.sub-txt{font-size: 14px;padding-left: 21px;margin-left: 30px;}
	.sub-txt::before{top:4px;width: 14px;height: 14px;}

	.sub-txt02{font-size: 14px;margin:0 0 5px 21px;}
}

@media screen and (max-width: 500px) {
	.sub-txt{margin-left: 25px;}
	.sub-txt::before{top:4px;width: 14px;height: 14px;}
}

/* 버튼 */
.sub-button{display: flex;justify-content: center;}
.sub-button a{display: block;padding: 20px 60px;border: 1px solid #365385;border-radius: 60px;transition: all 0.2s;}
.sub-button a p{font-size: 15px;font-weight: 500;color: #1e2638;padding-left: 30px;position: relative;}
.sub-button a p::before{display: block;content: '';width: 20px;height: 20px;background: url('../img/sub/sub_button_icon.png') no-repeat center;background-size: contain !important;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.sub-button a:hover{background: #263959;}
.sub-button a:hover p{color: #FFF;}
.sub-button a:hover p::before{background: url('../img/sub/sub_button_icon--hover.png') no-repeat center;}


@media screen and (max-width: 1024px){
	.sub-button a{padding: 20px 80px;}
}

@media screen and (max-width: 768px){
	.sub-button a{padding: 15px 60px;}
	.sub-button a p{font-size: 16px}
	.sub-button a p::before{width:20px;height:20px;}
}

@media screen and (max-width: 425px){
	.sub-button a{padding: 10px 40px;}
	.sub-button a p{font-size: 14px}
}

/* 쇼핑몰 아이템 폼 */
.shop-items{display: flex;flex-wrap: wrap;gap: 20px;padding: 45px 0;}
.shop-item{flex: 0 1 calc(100% / 3 - 15px);}
.shop-item-img{text-align: center;border: 1px solid #d6d6d6;padding: 10px;}
.shop-item-img img{height: 305px;width: 100%;}
.shop-item-text{padding: 30px 10px;}
.shop-item-text .ttl{padding: 0 0 15px;font-size: 20px;color: #424242;font-family: 'SCoreDream';font-weight: 500;word-break: keep-all;}
.shop-item-text .txt{padding: 0 0 15px;font-size: 15px;color: #7d7d7d;word-break: keep-all;}
.shop-item-text .cost{font-size: 15px; color: #424242; font-weight: 500;}

@media screen and (max-width: 1024px){
	.shop-item-img img{
    height: 210px;
}
	.shop-item-text{padding: 20px 10px;}
}

@media screen and (max-width: 768px){
	.shop-items{gap:10px;padding: 30px 0;}
	.shop-item{flex: 0 1 calc(100% / 2 - 10px);}
	.shop-item-text .ttl{font-size: 18px;}
}

@media screen and (max-width: 500px){
	.shop-item{flex: 0 1 100%;}
	.shop-item-img img{height:auto;}
	.shop-item-text{padding: 15px 10px}
	.shop-item-text .ttl{font-size: 16px;padding: 0 0 10px;}
	.shop-item-text .txt{font-size: 14px;padding: 0 0 10px;}
}

/* 테이블 */
.table-wr{padding:50px 0}
.table01{width: 100%;text-align: center;border-collapse: collapse;min-width: 768px;}
.table01 thead{margin-bottom: 10px;}
.table01 thead tr{width: 20%;font-family: 'SCoreDream';font-weight: 500;}
.table01 thead tr th{padding: 20px 15px;background: #365385;color: #FFF;font-weight: 500;border-top: 5px solid #FFF;border-bottom: 5px solid #FFF;border-right: 1px solid #FFF;}
.table01 tbody tr td{padding: 11px 15px;border-top: 5px solid #FFF;border-bottom: 5px solid #FFF;border-right: 1px solid #d3d3d3;background: #f3f3f3;font-size: 15px;}
.table01 tbody tr td:last-child{border-right:0px}

@media screen and (max-width: 1024px){
	.table-wr{padding:30px 0;overflow-x: scroll;}
	.table01 thead tr th{font-size: 16px; padding: 10px;}
}

@media screen and (max-width: 768px){
	.table01 thead tr th{font-size: 15px;padding: 10px 0;}
	.table01 tbody tr td{font-size: 13px;padding: 10px;}
}

@media screen and (max-width: 500px){
	.table-wr{overflow-x: scroll;}
	.table01 tbody tr td {padding: 5px;border-top: 0px solid #fff;border-bottom: 1px solid #FFF;}
}

.table02{width: 100%; border-collapse: collapse;}
.table02 tbody{}
.table02 tbody tr{border-bottom: 2px solid #dcdcdc;}
.table02 tbody tr:first-child{border-top: 2px solid #365385;}
.table02 tbody tr td{padding: 10px;}

@media screen and (max-width: 425px){
	.table02 tbody tr td{padding: 10px 5px;}
}


/* 아이콘, 텍스트 있는 4개(기본)짜리 리스트 */
.sub-list ul{display: flex; flex-wrap: wrap;}
.sub-list ul li{flex: 1 1 calc(100% / 4 - 15px);text-align: center;padding: 0 20px;position: relative;}
.sub-list ul li::after{display: block;content: '';width:1px;height: 50px;position: absolute;top: 80px;right: 0;background: #d3d3d3;}
.sub-list ul li:last-child:after{display: none;}
.sub-list ul li .icon{margin-bottom: 30px;}
.sub-list ul li .icon-txt{font-size: 18px;font-weight: 400;color: #575757;line-height: 26px;}
.sub-list ul li .icon-txt .pc-only {display:inline}

@media screen and (max-width: 1024px){
	.sub-list ul li {flex: 1 1 calc(100% / 2 - 10px); padding: 20px;}
	.sub-list ul li:nth-child(2):after{display:none;}
	.sub-list ul li .icon{margin-bottom: 20px;}
	.sub-list ul li .icon-txt{word-break: keep-all;font-size: 16px;line-height: 26px;}
	.sub-list ul li .icon-txt .pc-only {display:none;}
}

@media screen and (max-width: 768px){
	.sub-list ul li {padding: 15px;}
	.sub-list ul li::after{top: 50px}
	.sub-list ul li .icon{width: 80px;height: 80px;margin: 0 auto 10px;}
}

@media screen and (max-width: 425px){
	.sub-list ul li {padding: 15px 10px;}
	.sub-list ul li::before{display: block;content: '';width:100%;height: 1px;position: absolute;bottom: 0px;left: 0;background: #d3d3d3;}
	.sub-list ul li:nth-child(3)::before{display:none;}
	.sub-list ul li:nth-child(4)::before{display:none;}
	.sub-list ul li::after{height: 100%;top:0}
	.sub-list ul li .icon{width: 50px;height: 50px;}
	.sub-list ul li .icon-txt{font-size: 14px;line-height: 24px;}
}

/* 검색바 */
.search-wr{padding: 55px 0;background: #f9f9f9;text-align: center;}
.food-select{width: 180px;padding: 5px 20px;border: 1px solid #ccc;font-family:inherit;background: #FFF url('../img/sub/search_arrow.png') no-repeat 95% 50%;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color: #7c7c7c;font-size: 17px;height: 50px;}
.food-select::-ms-expand{display:none}
.search-bar{border: 1px solid #cccccc;padding: 15px 20px;font-size:17px;color:#7c7c7c;width: 350px;height: 50px;}
.search-button{width: 50px;height: 50px;background:#15387a;border:0;position:relative}
.search-button::after{display:block;content:'';background:url('../img/sub/search_icon.png') no-repeat center;background-size:contain;width: 20px;height: 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

@media screen and (max-width: 1024px) {
	.search-wr{padding: 40px 0}
	.food-select{width: 130px;height:40px;;padding: 10px 15px;font-size:15px;}
	.search-bar{padding: 10px;width: 300px;height: 40px;font-size:15px;}
	.search-button{width: 40px;height: 40px;}
}

@media screen and (max-width: 768px) {
	.search-wr{padding: 30px 0}
	.food-select{width: 130px;border: 1px solid #CCC;padding: 10px;font-size: 14px;}
	.search-bar{width: 240px;font-size:14px;}
}

@media screen and (max-width: 500px) {
	.search-wr{padding: 20px 0}
	.food-select{width: 80px;height:35px;padding: 7px;font-size: 12px;}
	.search-bar{width: 150px;height:35px;}
	.search-button{width:35px;height:35px;}
}

/* sub1_1 장비 */

.equip-tabs{display: flex;flex-wrap: wrap;gap: 10px;padding: 40px 20px;background: #f5f5f5;}
.equip-tab{flex: 0 0 calc(100% / 4 - 8px);text-align: center;line-height: 70px;border: 1px solid #cfcfcf;cursor:pointer;background: #FFF;transition: all 0.2s;}
.equip-tab:hover{border: 1px solid #365385}
.equip-tab.active{border: 1px solid #365385;}

.equip-content{padding: 50px 10px;display: none;}
.equip-content.active{display: block;}

@media screen and (max-width:1024px){
	.equip-tabs{padding: 20px 10px;justify-content: unset;}
    .equip-tab{line-height: 90px;width: calc(100% / 4 - 8px);}
}

@media screen and (max-width:768px){
	.equip-tab{flex: 0 1 calc(100% / 2 - 7px);line-height: normal;}
	.equip-content{padding: 50px 10px;}
}
@media screen and (max-width: 425px) {
	.equip-tabs{gap:5px;padding: 10px;}
	.equip-tab{width: calc(100% / 2 - 3px);}
	.equip-content{padding:30px 10px}
	.table01{word-break:break-all;min-width: 480px;}
}

/* sub1_2 인력 */
.manpower-tabs{display: flex;flex-wrap: wrap;gap: 10px;padding: 40px 20px 60px;}
.manpower-tab{flex: 0 1 calc(100% / 5 - 8px);text-align: center;border: 1px solid #cfcfcf;cursor:pointer;background: #FFF;transition: all 0.2s;padding: 20px 0;font-size: 15px;color: #1e2d4f;font-weight: 500;word-break:break-all;}
.manpower-tab:hover{border: 1px solid #365385}
.manpower-tab.active{border: 1px solid #365385;background: #365385;color: #FFF;}

.manpower-content{display: none;}
.manpower-content.active{display: block;}

@media screen and (max-width: 1440px){
	.manpower-tabs{justify-content: unset;}
	.manpower-tab{flex: 0 1 calc(100% / 4 - 8px);word-break:keep-all;}
}

@media screen and (max-width: 1024px){
	.manpower-tabs{padding: 20px 20px 60px}
	.manpower-tab{flex: 0 1 calc(100% / 3 - 7px);}
}

@media screen and (max-width: 768px){
	.manpower-tabs{padding: 20px 10px 40px;gap:10px;}
	.manpower-tab{padding: 20px 0;font-size:14px;}
}

@media screen and (max-width: 500px){
	.manpower-tabs{gap: 5px;padding: 20px 10px 30px;}
	.manpower-tab{padding: 15px 0;flex: 0 1 calc(100% / 2 - 3px);}
}

.manpower-cards{display: flex;flex-wrap: wrap;grid-gap: 10px;padding: 50px 10px;}
.manpower-card{flex: 0 1 calc(100% / 3 - 20px);background: #f9f9f9;max-width: 346px;}
.manpower-card.chief{background: #fafcff;}
.manpower-card.chief .name{color: #365385;}
.manpower-card .name{font-family: 'SCoreDream';font-size: 27px;font-weight: 500;color: #293549;padding: 20px 30px;border-bottom: 2px solid #dee4ee;}
.manpower-card .name .rank{font-size: 18px; color: #909090; font-weight: 500;}
.manpower-card ul{padding: 20px;}
.manpower-card ul li{overflow:hidden;display: flex;}
.manpower-card ul li .tt{display: inline-block;font-size: 15px;font-weight: 500;color: #293549;width: 90px;padding: 7px 0;position: relative;}
.manpower-card ul li .tt::after{display:block;content:'';width:2px;height: calc(100% - 14px);background: #d3dae7;position:absolute;top:50%;right: 0;transform:translateY(-50%);}
.manpower-card ul li .tx{display: inline-block;font-size: 15px;font-weight: 400;color: #4d4d4d;padding: 7px 10px;width: calc(100% - 100px);}

@media screen and (max-width: 1440px){
	.manpower-cards{grid-gap: 10px;}
	.manpower-card{flex: 0 1 calc(100% / 2 - 5px);max-width: unset;}
	.manpower-card .name .rank{font-size: 16px;}
}

@media screen and (max-width: 768px){
	.manpower-cards{padding: 30px 10px;}
	.manpower-card .name{font-size: 20px;padding: 15px 20px;}
	.manpower-card .name .rank{font-size: 14px;}
	.manpower-card ul{padding: 15px;}
	.manpower-card ul li {flex-wrap:wrap}
	.manpower-card ul li .tt{width:100%;}
	.manpower-card ul li .tt::after{width: 90px;height:1px; top:auto; bottom: 0;left: 0;}
	.manpower-card ul li .tx{width: 100%;}
}

@media screen and (max-width: 425px){
	.manpower-card{flex: 1 1 100%}
	.manpower-card .name {font-size: 16px; padding:10px 15px;}
	.manpower-card ul{padding: 10px 15px;}
	.manpower-card ul li .tt{font-size: 14px;width: 80px;}
	.manpower-card ul li .tt::after{width: 1px; height: 60%; top: 50%; bottom: auto; left: auto; right: 0}
	.manpower-card ul li .tx{font-size: 13px;width: calc(100% - 90px);}
}


/* sub1_3 전담닥터 */
.dedicate{background: #f3f3f3;}
.dedicate .sub-cen{background: #FFF;}
.dedicate-bg{width: 100%;height: 356px;background: url('../img/sub/sub1_3_bg.jpg') no-repeat left;background-size: cover;}
.dedicate-con{padding: 60px 60px 55px;border-bottom: 1px solid #bebebe;}
.dedicate-con:last-child{border-bottom: 0px;}

.dedicate .sub-ttl02{padding-bottom: 22px;}
.dedicate .sub-txt{margin-bottom: 10px;}
.dedicate .sub-list{padding: 42px 0;}
.dedicate .sub-button{padding: 95px 0;}

@media screen and (max-width: 1024px) {
	.dedicate-bg{height: 300px;}
	.dedicate-con{padding: 50px 50px 45px;}
	.dedicate .sub-ttl02{padding-bottom: 15px;}
	.dedicate .sub-list{padding: 35px 0;}
	.dedicate .sub-button{padding: 55px 0;}
}

@media screen and (max-width: 768px) {
	.dedicate-bg{height: 250px;}
	.dedicate-con{padding: 30px 30px 25px;}
	.dedicate .sub-list{padding: 20px 0;}
	.dedicate .sub-button{padding: 20px 0;}
}

@media screen and (max-width: 425px) {
	.dedicate-bg{height: 200px;}
	.dedicate-con{padding: 25px 20px 20px;}
	.dedicate .sub-list{padding: 10px 0;}
}

/* sub1_4 맞춤서비스 */


/* sub2_1 ~ subx_1 항노화기업 공통 */
.food{padding: 0 0 60px;}
.food-companies{padding: 50px 10px;display: flex;flex-wrap: wrap;gap: 30px;}
.flip-card{background-color:transparent;width: calc(100% / 4 - 23px);height: 330px;perspective:1000px}
.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .3s;transform-style:preserve-3d;border: 1px solid #dbdbdb;}
.flip-card-inner:hover{border: 1px solid #1e2d4f}
.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}

.flip-card-inner .img-wr{display: table;height: 175px;width: 100%;background: #FFF;}
.flip-card-inner .img{display: table-cell;vertical-align: middle;}
.flip-card-inner .img img {max-height: 155px;padding: 5px;}
.flip-card-inner .txt-wr{padding: 30px 30px;text-align:left}
.flip-card-inner .txt-wr .tt{font-size: 20px;font-weight: 700;color: #303030;padding-bottom: 6px;display: -webkit-box;-webkit-line-clamp: 2; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */-webkit-box-orient: vertical;overflow: hidden;}
.flip-card-inner .txt-wr .tx{font-size: 15px;font-weight: 400;color: #6f6f6f;display: -webkit-box;-webkit-line-clamp: 2; /* 텍스트를 자를 때 원하는 단위 ex) 3줄 */-webkit-box-orient: vertical;overflow: hidden;}

.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden} 
.flip-card-front{background-color: #eeeeee;color:black;}

.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.flip-card-back{background-color:#1e2d4f;color:#FFF;transform:rotateY(180deg)}
.flip-card-back .txt-wr .tt {color: #FFF;}
.flip-card-back .txt-wr .tx {color: #FFF;}

@media screen and (max-width:1440px){
	.flip-card{height:310px;width: calc(100% / 4 - 23px);}
	
	.flip-card-inner .txt-wr{padding: 30px 15px;}
	.flip-card-inner .txt-wr .tt{font-size: 16px;}
	.flip-card-inner .txt-wr .tx{font-size: 14px;}
}

@media screen and (max-width:1024px){
	.food-companies{gap: 20px;}
	.flip-card{height: 270px;width: calc(100% / 4 - 23px);}
	.flip-card-inner .img-wr{height: 130px;}
	.flip-card-inner .img img{max-height:110px;}
	.flip-card-inner .txt-wr{padding: 20px 15px;}
	.flip-card-inner .txt-wr .tx .pc-only {display: none;}
}

@media screen and (max-width:768px){
	.food-companies{gap: 10px;}
	.flip-card{width: calc(100% / 3 - 7px);height: 240px;}
	.flip-card-inner .img-wr{height: 110px;}
	.flip-card-inner .img img{max-height:100px;}
	.flip-card-inner .txt-wr{padding: 15px;}
}

@media screen and (max-width:500px){
	.food-companies{padding: 30px 10px}
	.flip-card{width: calc(100% / 2 - 5px);height: 210px;}
	.flip-card-inner .img-wr{height: 90px;}
	.flip-card-inner .img img{max-height:90px;padding: 5px;}
	.flip-card-inner .txt-wr{padding:10px;}
	.flip-card-inner .txt-wr .tt{padding-bottom: 5px;}
}

/* sub2_1_detail ~ subx_1_detail 공통 */
.cosmetics{padding: 70px 10px;}
.cosmetic-company{display: flex;flex-wrap: wrap;flex-direction: row;gap: 50px;padding: 0 0 100px;}
.cos-img{display: flex;justify-content: center;align-items: center;width: 420px;height: 370px;text-align: center;border: 1px solid #c7c7c7;}

.cos-intro{width: calc(100% - 470px);}
.cos-intro .cos-con{display:flex;flex-wrap: wrap;justify-content:space-between;align-items:center;gap: 20px;padding: 20px 0;border-bottom: 1px solid #adadad;}
.cos-intro .cos-con .ttl{font-size: 32px;font-weight: 500;color: #3f3f3f;font-family: 'SCoreDream';max-width: 350px;}
.cos-intro .cos-con .button{font-size: 15px;font-weight: 500;text-align: right;}
.cos-intro .cos-con .button .homepage{background: #365385;color: #FFF;padding: 20px 55px;margin-right: 20px;transition: all 0.2s}
.cos-intro .cos-con .button .homepage:hover{background: #25385a;}
.cos-intro .cos-con .button .buy{background: #6caaff;color: #FFF;padding: 20px 50px;transition: all 0.2s}
.cos-intro .cos-con .button .buy:hover{background: #5c91db}

.cos-intro .cos-txt{padding: 20px 0;font-size:17px;font-weight:500;color:#757575;line-height: 30px;word-break:keep-all;}

.cosmetics .table-wr{padding: 0;}
.cosmetics .table02 {font-size: 15px;}
.cosmetics .table02 .ttl{display: inline-block;font-family: 'SCoreDream'; font-weight: 500; color: #424242;padding-right: 20px;position: relative;min-width: 75px;}
.cosmetics .table02 .ttl::after{display: block;content: '';width: 2px; height: 12px; background: #d1d1d1;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.cosmetics .table02 .txt{color: #7d7d7d;padding-left: 18px;}

.cosmetics .sub-ttl{padding:30px 0;}
.cosmetics .sub-button a{border-radius: 0;}
.cosmetics .sub-button a p::before{background: url('../img/sub/sub_button_icon--list.png') no-repeat center;}
.cosmetics .sub-button a:hover p::before{background: url('../img/sub/sub_button_icon--list-hover.png') no-repeat center;}

@media screen and (max-width: 1440px){
	.cosmetic-company{gap: 35px;}

	.cos-intro{width: calc(100% - 455px);}
	.cos-intro .cos-con .ttl{font-size: 26px;}
	.cos-intro .cos-con .button .homepage{padding: 15px 35px;margin-right: 10px;}
	.cos-intro .cos-con .button .buy{padding: 15px 35px;}

	.cos-intro .cos-txt .pc-only{display:none;}
}

@media screen and (max-width: 1024px){
	.cosmetic-company{gap: 30px;padding: 0 0 50px;}
	.cos-img{width: 300px;height: 300px;}

	.cos-intro{width: calc(100% - 330px);}
	.cos-intro .cos-con{padding: 10px 0 20px}
	.cos-intro .cos-con .ttl{font-size: 22px;}
	.cos-intro .cos-con .button{font-size: 14px}
	.cos-intro .cos-con .button .homepage{padding: 10px 15px;}
	.cos-intro .cos-con .button .buy{padding: 10px 15px;}
	
	.cos-intro .cos-txt{font-size: 16px; line-height: 30px}
}

@media screen and (max-width: 768px){
	.cosmetics{padding: 40px 10px;}
	.cosmetic-company{flex-direction: column;padding: 0 0 30px;}
	.cos-img{width: 100%;height: 180px;}
	.cos-img img{max-height:180px;}

	.cos-intro{width: 100%;}
	.cos-intro .cos-con{padding: 0 0 10px}
	.cos-intro .cos-con .ttl{font-size: 20px;}
}

@media screen and (max-width: 425px){
	.cosmetic-company{padding: 0 0 20px;gap: 20px;}
	.cos-img{height: 150px;}
	.cos-img img{max-height:150px;}
	
	.cos-intro .cos-con{flex-direction: column;gap: 10px;align-items: baseline;}
	.cos-intro .cos-con .ttl{font-size: 16px;}
	.cos-intro .cos-con .button .homepage{padding: 7px 14px;}
	.cos-intro .cos-con .button .buy{padding: 7px 14px;}
	.cos-intro .cos-txt{font-size: 14px;line-height: 24px;padding: 10px 0;font-weight: 400;}

	.cosmetics .table02 .ttl{font-size:14px;padding-right:5px;min-width: 60px;}
	.cosmetics .table02 .txt{font-size:14px;padding-left:5px}
}

/* sub3_1 천연물 */
.natural{background: #f3f3f3;}
.natural .sub-cen{background: #FFF;}
.natural-bg{width: 100%;height: 356px;background: url('../img/sub/sub3_1_bg.jpg') no-repeat left;background-size: cover;}
.natural-con{padding: 60px 60px 55px;border-bottom: 1px solid #bebebe;}
.natural-con:last-child{border-bottom: 0px;}

.natural .sub-ttl02{padding-bottom: 22px;}
.natural .sub-txt{margin-bottom: 10px;}
.natural .sub-txt span{display: inline-block;min-width: 350px;}
.natural .sub-list{padding: 42px 0;}
.natural .sub-button{padding: 95px 0;}

.natural .table-wr{padding: 30px 0;}
.natural .table01 .highlight{background: #e5eaf3;color: #365385;font-size: 16px;font-weight: 500;font-family: 'SCoreDream';}

@media screen and (max-width: 1024px) {
	.natural-bg{height: 300px;}
	.natural-con{padding: 50px 50px 45px;}
	.natural .sub-ttl02{padding-bottom: 15px;}
	.natural .sub-list{padding: 35px 0;}
	.natural .sub-button{padding: 55px 0;}
}

@media screen and (max-width: 768px) {
	.natural-bg{height: 250px;}
	.natural-con{padding: 30px 30px 25px;}
	.natural .sub-txt span{min-width: 250px;}
	.natural .sub-list{padding: 20px 0;}
	.natural .sub-button{padding: 20px 0;}

	.natural .table-wr{padding: 20px 0;}
	.natural .table01 .highlight{font-size: 14px;}
}

@media screen and (max-width: 425px) {
	.natural-bg{height: 200px;}
	.natural-con{padding: 20px 10px;}
	.natural .sub-txt span{min-width: 180px;}
	.natural .sub-list{padding: 10px 0;}
	
	.natural .table01{word-break:break-all;min-width: 450px;}
}

/* sub3_2 미래선도 */
.future{background: #f3f3f3;}
.future .sub-cen{background: #FFF;}
.future-bg{width: 100%;height: 356px;background: url('../img/sub/sub3_2_bg.jpg') no-repeat left;background-size: cover;}
.future-con{padding: 60px 60px 55px;border-bottom: 1px solid #bebebe;}
.future-con:last-child{border-bottom: 0px;}

.future .sub-ttl02{padding-bottom: 22px;}
.future .sub-txt{margin-bottom: 10px;}
.future .sub-txt span{display: inline-block;min-width: 350px;}
.future .sub-list{padding: 42px 0;}
.future .sub-button{padding: 95px 0;}

.future .table-wr{padding: 30px 0;}
.future .table01 .highlight{background: #e5eaf3;color: #365385;font-size: 16px;font-weight: 500;font-family: 'SCoreDream';}

@media screen and (max-width: 1024px) {
	.future-bg{height: 300px;}
	.future-con{padding: 50px 50px 45px;}
	.future .sub-ttl02{padding-bottom: 15px;}
	.future .sub-list{padding: 35px 0;}
	.future .sub-button{padding: 55px 0;}
}

@media screen and (max-width: 768px) {
	.future-bg{height: 250px;}
	.future-con{padding: 30px 30px 25px;}
	.future .sub-txt span{min-width: 250px;}
	.future .sub-list{padding: 20px 0;}
	.future .sub-button{padding: 20px 0;}

	.future .table-wr{padding: 20px 0;}
	.future .table01 .highlight{font-size: 14px;}
}

@media screen and (max-width: 425px) {
	.future-bg{height: 200px;}
	.future-con{padding: 20px 10px;}
	.future .sub-txt span{min-width: 180px;}
	.future .sub-list{padding: 10px 0;}
	
	.future .table01.v2{word-break:break-all;min-width: unset;}
	.future .table01{word-break:break-all;min-width: 500px;}
}

/* sub3_3 스타기업 */
.star{background: #f3f3f3;}
.star .sub-cen{background: #FFF;}
.star-bg{width: 100%;height: 356px;background: url('../img/sub/sub3_3_bg.jpg') no-repeat left;background-size: cover;}
.star-con{padding: 60px 60px 55px;border-bottom: 1px solid #bebebe;}
.star-con:last-child{border-bottom: 0px;}

.star .sub-ttl02{padding-bottom: 22px;}
.star .sub-txt{margin-bottom: 10px;}
.star .sub-txt span{display: inline-block;min-width: 350px;}
.star .sub-list{padding: 42px 0;}
.star .sub-button{padding: 95px 0;}

.star .table-wr{padding: 30px 0;}
.star .table01 .highlight{background: #e5eaf3;color: #365385;font-size: 16px;font-weight: 500;font-family: 'SCoreDream';}

@media screen and (max-width: 1024px) {
	.star-bg{height: 300px;}
	.star-con{padding: 50px 50px 45px;}
	.star .sub-ttl02{padding-bottom: 15px;}
	.star .sub-list{padding: 35px 0;}
	.star .sub-button{padding: 55px 0;}
}

@media screen and (max-width: 768px) {
	.star-bg{height: 250px;}
	.star-con{padding: 30px 30px 25px;}
	.star .sub-txt span{min-width: 250px;}
	.star .sub-list{padding: 20px 0;}
	.star .sub-button{padding: 20px 0;}

	.star .table-wr{padding: 20px 0;}
	.star .table01 .highlight{font-size: 14px;}
}

@media screen and (max-width: 425px) {
	.star-bg{height: 200px;}
	.star-con{padding: 20px 10px;}
	.star .sub-txt span{min-width: 180px;}
	.star .sub-list{padding: 10px 0;}
	
	.star .table01{word-break:break-all;min-width: 500px;}
}

<style type="text/css">
    .tg  {border-collapse:collapse;border-spacing:0;}
    .tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
      overflow:hidden;padding:10px 5px;word-break:normal;}
    .tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
      font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
    .tg .tg-gfnm{background-color:#efefef;border-color:#000000;text-align:center;vertical-align:middle}
    .tg .tg-yj5y{background-color:#efefef;border-color:inherit;text-align:center;vertical-align:top}
    .tg .tg-9wq8{border-color:inherit;text-align:center;vertical-align:middle}
    .tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}
    .tg .tg-fsme{background-color:#efefef;border-color:inherit;text-align:center;vertical-align:middle}
    .tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
    .tg .tg-y698{background-color:#efefef;border-color:inherit;text-align:left;vertical-align:top}
    .tg .tg-dvpl{border-color:inherit;text-align:right;vertical-align:top}
    .circled-check {
  display:inline-block;
  position:relative;
  cursor:pointer;
  line-height:1;
  font-size:22px;            /* ① 크기 (원하면 조절) */
}
.circled-check input{
  position:absolute;
  inset:0;                   /* 라벨 전체가 클릭 영역 */
  opacity:0;                 /* 시각적으로 숨김 (접근성 OK) */
}
.circled-check span{
  position:relative;
  display:inline-block;
  padding:2px 4px;
}
/* 체크되면 ① 위 중앙에 ✓ 표시 */
.circled-check input:checked + span::after{
  content:"✓";
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-58%);
  font-size:30px;
  font-weight:20px0;
  color:#0a0;
  pointer-events:none;
}
/* 키보드 포커스 링 */
.circled-check input:focus-visible + span{
  outline:2px solid #4c9aff; outline-offset:2px;
}