@import url("common.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC&display=swap');


img {max-width: 100%}


/* Start-슬릭기본 */
.slick-slider{position: relative; display: block; box-sizing: border-box;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-slide{display: none; float: left;}
.slick-initialized .slick-slide{display:block;}
/* End-슬릭기본 */


/*	VISUAL */
#visual {position:relative; padding:270px 0 120px; overflow:hidden;}
	#visual .vimg {background-color:#000; background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; top:0; left:0; width:100%; height:calc(100% + 2px); z-index: 1; animation: animate_background 2s ease-in-out;}

	@keyframes animate_background {
		0% {transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); }
		100%  {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
	}

	.subtop_company .vimg {background-image:url('/home/page/img/subtop_company.jpg')}
	.subtop_business .vimg {background-image:url('/home/page/img/subtop_business.jpg')}
	.subtop_marketing .vimg {background-image:url('/home/page/img/subtop_marketing.jpg')}
	.subtop_product .vimg {background-image: url('/home/page/img/subtop_product.png')}
	.subtop_brand .vimg {background-image:url('/home/page/img/subtop_brand.jpg')}
	.subtop_brand1 .vimg {background-image:url('/home/page/img/subtop_brand1.jpg')}
	.subtop_community .vimg {background-image:url('/home/page/img/subtop_community.jpg')}
	.subtop_other .vimg {background-image:url('/home/page/img/subtop_other.jpg')}
	.subtop_sm2025 .vimg {background-image:url('/home/page/img/subtop_sm2025.jpg')}

	#visual .w1230 {position:relative; z-index:10}
	#visual .vtxt {}
	#visual .vtxt h2 {color:#fff; font-weight:900; line-height:1; font-family:'Outfit', sans-serif; font-size:4.412rem; margin-bottom:20px; opacity:0;}
	#visual .vtxt p {font-size:1.176rem; letter-spacing:-0.6pt; color:rgba(255,255,255,0.7); opacity:0;}

	#visual .vloca {position:absolute; bottom:25px; right:0; color:rgba(255,255,255,0.7); line-height:1; opacity:0;}
	#visual .vloca a {display:inline-block; vertical-align:middle; color:rgba(255,255,255,0.7); line-height:1;}
	#visual .vloca img {display:inline-block; vertical-align:middle; margin:0 15px}
	#visual .vloca a.lnbHome img {margin:0;}
/*	VISUAL */

/* LNB */
#lnb {position:relative;  border-bottom:1px solid #ddd;}
	#lnb ul {table-layout: fixed; display:table; width:1230px; margin:0 auto; text-align:center; height:80px}
	#lnb ul li {display: table-cell; vertical-align: middle; position:relative;}
	#lnb ul li:before {display:block; content:""; width:1px; height:20px; background:#ddd; position:absolute; top:50%; left:0; transform:translate(0, -50%)}
	#lnb ul li:last-child:after {display:block; content:""; width:1px; height:20px; background:#ddd; position:absolute; top:50%; right:0; transform:translate(0, -50%)}
	#lnb ul li a {display:block; letter-spacing:-0.6pt; line-height:1.3; transition: all 0.3s linear;}
	#lnb ul li a:hover {color:#00a29e; font-weight:800}
	#lnb ul li a:hover:after {/* width:100% */}
	
	#lnb ul li a:after {display:block; content:""; position:absolute; bottom:-1px; left:0; width:0; height:3px; background:#00a29e; transition: all 0.3s linear;}	

	#lnb ul li.left_linktop a {font-weight:800; color:#00a29e;}
	#lnb ul li.left_linktop a:after {width:100%;}

	/** dropdownlist **/
	.stickyMenu {opacity:1; animation:fadein 1s ease-in-out forwards; animation-delay:1s; position:relative; z-index:99999;}
	.dropLst { display:inline-block; vertical-align:middle; color:#fff; line-height:20px;}
	.dropLst a {letter-spacing:-0.3pt}
	.dropLst .txt {position:relative; display:block; text-align:left; text-decoration:none; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 20px 0 10px; box-sizing:border-box; color:#333; }
	.dropLst .hidradio { opacity:0; filter:alpha(opacity=0); position:absolute; z-index:-1; top:5px; left:5px; }
	.dropLst .dlst { display:none; position:absolute; z-index:9; } /* box-shadow:1px 1px 1px rgba(0,0,0,.2); -webkit-box-shadow:1px 1px 1px rgba(0,0,0,.2);  min-width:100%; top:100%; */
	.dropLst.bottom .dlst { top:auto; bottom:100%; }
	.dropLst .dlst.aright { right:0; }
	.dropLst ul { background-color:#fff; max-height:400px; min-width:150px; padding:0; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:0 0 10px rgba(20,20,20,0.15);}
	.dropLst ul > li { position:relative; }
	.dropLst ul > li > label { display:block; position:relative; cursor:pointer; }
	.dropLst ul > li > label > span { display:block; }
	.dropLst ul > li > a:hover, .dropLst ul > li > label:hover > span, .dropLst ul > li > label.hover > span { /* background-color:#f3f3f3; */ }
	/*.dropLst .txt, .dropLst ul { border:1px solid #d7d7d7; }*/
	.dropLst .txt, .dropLst li span, .dropLst li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.dropLst li span, .dropLst li a { padding:0 10px; }
	.dropLst li a.selected, .dropLst li a.on, .dropLst li label.on span {/*font-weight:bold;*/}
	.dropLst li span, .dropLst li a { display:block; text-align:left;}

	/** 서브 네비게이션 모바일 **/
	.mobile_snb {position:relative; display: block;}
	.mobile_snb .tbox {display:inline-block; line-height:20px;}
	.mobile_snb .box {float:left; display:inline-block; box-sizing:border-box; line-height:20px;}
	.mobile_snb .dropLst .txt, 
	.mobile_snb .dropLst li span, 
	.mobile_snb .dropLst > a {display:inline-block; padding:0 55px 0 15px; font-size:1rem; z-index: 99; box-sizing:border-box; line-height:20px;}
	.mobile_snb .box .dropLst .txt {color:#fff;}
	.mobile_snb .box .dropLst ul {padding:15px 0;}
	.mobile_snb .box.dep1 {position:relative;}
	.mobile_snb .box.dep1 .dropLst ul, 
	.mobile_snb .box.dep1 .dropLst ul li {background-color:#fff; text-align:left;}
	.mobile_snb .box.dep1 .dropLst li .value {padding:7px 15px; line-height:100%; font-size:1rem; border:none; z-index: 99; box-sizing:border-box; color:#555; font-weight:400; letter-spacing:0; font-family:'Outfit', sans-serif}
	.mobile_snb .box.dep1 .dropLst li .value:hover {color:#00a29e;}
	.mobile_snb .box.dep1 .dropLst li .value.on {color:#00a29e;}
	.mobile_snb .box.dep1 .dropLst .txt {font-size:1rem; color:#fff; font-family:'Outfit', sans-serif}
	.mobile_snb .box.dep2 .dropLst > a { padding:0 35px 0 15px; }
	.mobile_snb .box.dep2 .dropLst li a {width:100%; padding:8px 15px; line-height:100%; font-size:1rem; border:none; z-index: 99; box-sizing:border-box; color:#555; text-align:left; font-weight:400}
	.mobile_snb .box.dep2 .dropLst li a:hover {color:#00a29e;}
	.mobile_snb .box.dep2 .dropLst li a.on {color:#00a29e;}
	.mobile_snb .dropLst {width:100%; box-sizing: border-box;}
	.mobile_snb .dropLst .dlst {box-sizing:border-box;}

	#sticker-sticky-wrapper {z-index:100 !important; width:100%;}

	.mobile_snb {display:block; background:#00a29e; height:45px;}
	.mobile_snb.single {}
	.mobile_snb .tbox {position:relative; display:block; width:100%;}
	.mobile_snb .tbox a.home {display:none;}
	.mobile_snb .box {width:50%; background:none; border-right:1px solid rgba(255,255,255,0.3);}
	.mobile_snb .dropLst .txt, .mobile_snb .dropLst li span, 
	.mobile_snb .dropLst > a {display:block; padding:0 15px; font-size:1rem; line-height:45px;}
	.mobile_snb .dropLst .txt {position:relative; }
	.mobile_snb .dropLst .txt:before {content:''; width:9px; height:6px; background:url('/home/page/img/lnbArrow2.png')no-repeat center center/100%; position:absolute; right:15px; top:20px; transition:all 0.3s;}
	.mobile_snb .dropLst .txt.on:before {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); transition:all 0.3s;}

	.mobile_snb .dropLst .dlst {width:100%;}
	.mobile_snb .box.dep1 {background:none;}
	.mobile_snb .box.dep1 .dropLst .txt {font-size:1rem; letter-spacing:0}
/* LNB */

/* 공통 */
#contents{position:relative; clear:both; opacity:0}
.contents_in {position:relative; padding-top:100px; overflow-x: hidden;}

h3.cont_title {position:relative; line-height:1; color:#222; font-weight:800; font-size:2.353rem; letter-spacing:-1pt; margin:0 0 60px; text-align:Center; font-family:'Outfit', 'NanumSquare', sans-serif}

.sub_title {position:Relative; letter-spacing:-1pt; font-size:1.765rem; line-height:1.5; font-weight:normal; color:#222; margin-bottom:15px}

.sub_title2 {position:Relative; letter-spacing:-1pt; font-size:1.471rem; line-height:1.3; font-weight:normal; color:#222;}

.dep_tit {position:Relative; letter-spacing:-1pt; font-size:1.471rem; line-height:1.3; font-weight:800; color:#00a29e; margin-bottom:15px}

.eng_stitle {position:relative; color:#00a29e; line-height:1; font-size:1.176rem; font-weight:700; font-family:'Outfit', sans-serif; margin-bottom:20px; display:inline-block; text-transform:uppercase}
.eng_stitle:after {display:block; content:""; width:100%; height:2px; background:#00a29e; margin-top:3px;}

.sub_titcon {text-align:center; margin-bottom:50px}
.sub_titcon .sub_title {margin-bottom:0}

.stitle {position:relative; letter-spacing:-0.6pt; font-size:1.176rem; line-height:1.3; margin-bottom:20px; font-weight:700; color:#222}

.sub_txt {letter-spacing:-0.7pt; position:relative; line-height:1.9; font-size:1rem; font-weight:normal; color:#777}

.sub_stxt {letter-spacing:-0.7pt; position:relative; line-height:1.9; font-size:0.882rem; font-weight:normal; color:#777}

.gray_txt {letter-spacing:-0.7pt; position:relative; line-height:1.8; font-size:0.882rem; font-weight:normal; color:#999;}
	.gray_txt li {position:relative; padding-left:18px; line-height:inherit; font-size:inherit; letter-spacing:inherit; margin-bottom:2px}
	.gray_txt li:last-child {margin-bottom:0}
	.gray_txt li i {position:absolute; top:0; left:0; font-style:normal;}

.s_dot {}
	.s_dot p {letter-spacing:-0.7pt; position:relative; line-height:1.7; font-size:0.765rem; font-weight:normal; color:#999; margin-bottom:4px}
	.s_dot p:last-child {margin-bottom:0}

.grayBg {background:#f2f2f2}


.tmar_15 {margin-top:15px !important}
.tmar_25 {margin-top:25px !important}
.bmar_0 {margin-bottom:0 !important}
.bmar_10 {margin-bottom:10px !important}
.bmar_30 {margin-bottom:30px !important}
.bmar_35 {margin-bottom:35px !important}





.fontCh{font-family: 'Noto Sans SC', sans-serif;}

.center{text-align:center !important;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.ExtraBold{font-weight: 800 !important;}
.bold{font-weight: 700 !important;}
.black{color: #222 !important;}
.mint{color: #00a29e !important;}
.grayBg{background: #f2f2f2; position: relative;}
.grayBg:before{content:''; display:block; width:200%; height:100%; background:#f2f2f2; position: absolute; left:-200%; top:0;}
.grayBg:after{content:''; display:block; width:200%; height:100%; background:#f2f2f2; position: absolute; right:-200%; top:0;}
.blackBg{background: #000000 !important; position: relative;}
.blackBg:before{content:''; display:block; width:200%; height:100%; background:#000000; position: absolute; left:-200%; top:0;}
.blackBg:after{content:''; display:block; width:200%; height:100%; background:#000000; position: absolute; right:-200%; top:0;}


.subTit{font-size:80px; letter-spacing: 0; color:#222; font-weight: 900; line-height: 100%; font-family: 'Outfit', sans-serif; position: relative; text-align:center;}
.subTit2{font-size:30px; font-weight: 700; letter-spacing: 0; color:#222; font-family: 'Outfit', sans-serif; line-height: 120%;}
.subTit2.ko{letter-spacing: -0.5pt; font-weight: 800; font-family:'NanumSquare', Malgun Gothic,'Malgun Gothic', 'Outfit', sans-serif;}
.subStit{font-size:20px; font-weight:700; color:#222; letter-spacing:-0.6pt; line-height: 150%; text-align:center; padding: 0 0 20px;}
.subTxt{font-size:1rem; letter-spacing: -0.6pt; color:#666666;}
.txt{} 
.txt p{font-sizE:1rem; letter-spacing: -0.6pt; color:#666666; padding: 0 0 30px;}
.txt p:last-child{padding: 0;}

.tab_style{max-width:855px; margin: 0 auto 50px; width: 100%; display:table; table-layout:fixed;}
.tab_style li{display:table-cell;}
.tab_style li a{display: block; text-align:center; font-size:1rem; color:#777777; font-weight: 300; letter-spacing:0; font-family: 'Outfit', sans-serif; height: 65px; line-height:63px; border:1px solid #ddd; box-sizing:border-box; transition:all .3s linear; border-left: 0;}
.tab_style li:first-child a{border-left: 1px solid #ddd;}
.tab_style li a.on{background-color: #00a29e; color:#fff; font-weight:700; border-color:#00a29e;}
.tab_style li a:hover{background-color: #00a29e; color:#fff; border-color:#00a29e;}

.basicCont{max-width:1280px; padding: 0 25px; box-sizing:border-box; margin: 0 auto 150px; }
.img{text-align:center;}
/*.img img{max-width:100%;}*/
.img img{max-width:100%;}

.num_list{}
.num_list li{font-size:1rem; color:#666666; letter-spacing: -0.6pt; padding: 0 0 12px 32px; box-sizing:border-box; position:relative;}
.num_list li span{display: inline-block; text-align:center; width: 24px; height: 24px; line-height: 20px; border-radius:50%; border:2px solid #00a29e; color:#00a29e; font-size:15px; letter-spacing: -0.6pt; font-weight: 700; font-family: 'Outfit', sans-serif; position: absolute; left: 0; top:4px;}

.tit_area{position: relative; padding: 26px 0 14px; text-align:center;}
.tit_area img{position: absolute; max-width:100%; left:50%; top:0; transform:translateX(-50%);}

.subpad{padding: 130px 0;}
.subpad_t{padding: 130px 0 0;}
.subpad_b{padding: 0 0 130px;}

.dot_list{}
.dot_list li{font-size:15px; letter-spacing: -0.6pt; color:#777; letter-spacing:-0.6pt; position:relative; padding:0 0 8px 11px; box-sizing:border-box;}
.dot_list li:before{content:''; display:block; width: 4px; height: 4px; border-radius:50%; background:#888888; border-radius:50%; position: absolute; left: 0; top:12px;}
.dot_list li .engBox{letter-spacing: 0; font-family: 'Outfit', sans-serif; line-height: 160%;}






/* 카테고리 */
.cate_tab{margin: 0 0 60px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.cate_tab ul{font-size:0; text-align:center; position: relative; margin:0 auto; width: auto; justify-content: center;} 
.cate_tab ul li{display:inline-block; margin:0 20px; width: auto;}
.cate_tab ul li a{display:block; font-size:17px; letter-spacing:-0.5pt; line-height:120%; color:#777; padding:28px 0; box-sizing:border-box; transition:all .3s linear; position:relative;}
.cate_tab ul li a:hover{color:#00a29e;}
.cate_tab ul li.on a{color:#00a29e; font-weight:800;}
.cate_tab ul li a:after{content:''; display:block; width:0; height:3px; background:#00a29e; position:absolute; left:0; bottom:-1px; z-index:2; transition:all .3s linear;}
.cate_tab ul li a:hover:after{width: 100%;}
.cate_tab ul li.on a:after{width:100%;}

.tab_con {text-align:center; margin-bottom:50px}
	.tab_con ul {display:inline-block;*dispaly:inline;zoom:1;}
	.tab_con ul li {float:left;margin-left:0;z-index:1; width:285px}
	.tab_con ul li a {display:block; letter-spacing:-0.6pt; line-height:65px; border:1px solid #ddd; border-left:none;}
	.tab_con ul li:first-child a {border-left:1px solid #ddd}
	.tab_con ul li a:hover {background:#f; border-color:#00a29e; color:#00a29e;}
	.tab_con ul li a.on {color:#fff !important; font-weight:800 !important; background:#00a29e !important; border-color:#00a29e !important;}


.dot {position:relative; overflow:hidden;}
	.dot li {position:relative; line-height:1.7; letter-spacing:-0.6pt; padding:0 0 0 12px; margin-bottom:7px; font-size:1rem; color:#777}
	.dot li:last-child {margin-bottom:0}
	.dot li:before {display:block; content:""; border-radius:4px; width:4px; height:4px; background:#888; position:absolute; top:12px; left:0}
	.dot.list02 li {margin:7px 0 0 0; float:left; width:50%; padding-right:15px} 
	.dot.list02 li:nth-child(even) {padding-right:0}
	.dot.list02 li:first-child, .dot.list02 li:nth-child(2) {margin-top:0}
	.dot.ver2 li {font-size:0.882rem}
	.dot.ver2 li:before {top:10px}


.txtList_con {border-top:1px solid #ddd}
	.txtList {margin:0 0 70px 0}
	.txtList:first-child {margin-top:70px}
	.txtList:last-child {margin-bottom:0}
	.txtList .stitle {margin-bottom:15px}
	.txtList .stitle.ver2 {margin-bottom:8px}
	.txtList .txtList_black {}
	.txtList .txtList_black > li {color:#222; letter-spacing:-0.6pt; margin-bottom:5px; line-height:1.7; position:relative}
	.txtList .txtList_black > li:last-child {margin-bottom:0}
	.txtList .txtList_black > li .dot.ver2 {margin-top:7px}
	.txtList .txtList_black > li .s_dot {margin-top:7px}
	.txtList .txtList_black.ver2 > li {margin-bottom:18px}

	.txtList .txtList_black2 {}
	.txtList .txtList_black2 dl {margin-top:35px}

	.txtList .plus_con {position:relative; overflow:hidden; margin-bottom:10px; padding-left:30%}
	.txtList .plus_con:last-child {margin-bottom:0}
	.txtList .plus_con > div {float:left; position:relative;}
	.txtList .plus_con .plus_tit {background:#019d9c; color:#fff; letter-spacing:-0.6pt; text-align:center; border-radius:10px; width:31%; z-index:10; padding:20px 3%; line-height:1.7; position:absolute; top:0; left:0}
	.txtList .plus_con .plus_tit span {font-size:0.882rem; display:inline-block; color:#01fffd; margin-left:7px}
	.txtList .plus_con .plus_tit i {background:#fff url('/home/page/marketing/img/plus.png') center center no-repeat; box-shadow:4px 4px 4px rgba(0,0,0,.1); width:31px; height:31px; border-radius:31px; position:absolute; top:50%; right:-15px; transform:translate(0, -50%)}
	.txtList .plus_con .plus_txt {border-radius:10px; letter-spacing:-0.6pt; width:100%; padding:19px 3% 19px 50px; z-index:1; border:1px solid #ddd; line-height:1.7}
	.txtList .plus_con .plus_txt p {letter-spacing:-0.6pt; line-height:1.7; margin-bottom:3px}
	.txtList .plus_con .plus_txt p:last-child {margin-bottom:0}
	.txtList .plus_con .plus_txt p .gray_txt {display:block; margin:7px 0}




/********* 회사소개 *********/
/* 회사소개 */
.about_con {}
	.about_topimg {text-align:center; background:url('/home/page/company/img/aboutBg.jpg') center center/cover no-repeat; padding:130px 3%;}
	.about_topimg .eng_stitle {margin-bottom:30px}
	.about_topimg .sub_title {color:#fff}
	.about_topimg .sub_txt {color:rgba(255,255,255,0.7);}

	.about_story {}
	.about_storyList {}
	.about_storyList dl {position:relative; overflow:hidden; margin-bottom:80px}
	.about_storyList dl:last-child {margin-bottom:0}
	.about_storyList dt {float:left; width:48.78%}
	.about_storyList dt img {width:100%;}
	.about_storyList dd {float:left; width:calc(100% - 48.78%); padding:3% 0 0 6%}
	.about_storyList dd .sub_title {margin-bottom:20px}
	.about_storyList dd br.none {}
	.about_storyList dl:nth-child(even) {}
	.about_storyList dl:nth-child(even) dt {float:right;}
	.about_storyList dl:nth-child(even) dd {float:right; padding:3% 6% 0 0}


/* CEO 인사말 */
.greeting_con {position:relative; background:url('/home/page/company/img/greeting.png') right 105px bottom no-repeat; padding-bottom:40px}
	.greeting_con .greeting_tit {position:relative; font-weight:400; line-height:1.3; font-size:3.059rem; display:inline-block; color:#222; letter-spacing:-1pt; margin-bottom:40px; padding-right:85px}
	.greeting_con .greeting_tit:after {line-height:1; display:block; content:"”"; font-size:8.824rem; color:#222; opacity:0.2; font-family:'Outfit', sans-serif; position:absolute; bottom:0; right:0; height:85px}
	.greeting_con .stitle {color:#777; font-weight:400; margin-bottom:40px}
	.greeting_con .ceo {line-height:1; position:relative; color:#222; font-size:1.176rem; letter-spacing:-0.6pt; text-align:right; position:absolute; top:420px; right:105px;}
	.greeting_con .ceo span {font-weight:800; display:block; font-size:1.765rem; line-height:1; margin-top:15px; letter-spacing:0.5pt;}
	

/* 경영이념 */
.value_con {}
	.value_top {background:url('/home/page/company/img/valueBg.jpg') center center/cover no-repeat; text-align:center;}
	.value_top .value_top_in {background:url('/home/page/company/img/valueimg.png') 150px center no-repeat; padding:130px 3% 170px 3%}
	.value_top h2 {font-size:4.706rem; letter-spacing:0; font-weight: 900; line-height: 1; position: relative; font-family:'Outfit', sans-serif; margin-bottom:15px}
	.value_top h2 span{display:inline-block; vertical-align:middle; color:#fff; margin-right:-15px; position:relative; z-index:10}
	.value_top h2 span.two {margin:65px 0 0 -15px}
	.value_top h2 i {display:inline-block; vertical-align:middle; width:94px; height:98px; background:url('/home/page/img/v_plus.png') center center/100% no-repeat; position:relative; z-index:1}
	.value_top p {color:rgba(255,255,255,0.7); letter-spacing:-0.6pt; font-size:1.176rem}

	.value_mission {}
	.value_missionList {position:relative; overflow:hidden; text-align:center;}
	.value_missionList > div {display:inline-block; vertical-align:middle; }
	.value_missionList .value_missionList_dia {background:url('/home/page/company/img/value_missionBg.png') center center/100% no-repeat; width:554px; height:554px; position:relative;}
	.value_missionList .value_missionList_dia .value_missionList_dia_in {font-size:1.176rem; letter-spacing:-0.5pt; line-height:1.6; color:#222; text-align:center; position:absolute; top:50%; left:50px; transform:translate(0, -50%)}
	.value_missionList .value_missionList_dia .value_missionList_dia_in img {display:block; margin:0 auto 18px auto}
	.value_missionList .value_missionList_txt {padding:40px 0 0 20px;}
	.value_missionList .value_missionList_txt dl {margin-bottom:80px; position:relative; overflow:hidden;}
	.value_missionList .value_missionList_txt dl:nth-child(2) {padding-left:60px}
	.value_missionList .value_missionList_txt dl:last-child {margin-bottom:0}
	.value_missionList .value_missionList_txt dt {display:none;}
	.value_missionList .value_missionList_txt dt img {}
	.value_missionList .value_missionList_txt dd {text-align:left;}
	.value_missionList .value_missionList_txt dd h6 {font-weight:800; line-height:1; position:relative; color:#00a6c5; letter-spacing:-0.5pt; font-size:1.471rem; margin-bottom:15px}
	.value_missionList .value_missionList_txt dd h6 .eng {font-weight:300; letter-spacing:0; font-family:'Outfit', sans-serif; display:inline-block; margin-left:10px; vertical-align:bottom}
	.value_missionList .value_missionList_txt dd p {line-height:1.8}

	.value_missionList .value_missionList_txt dl:nth-child(2) dt div {background:#00a19e;}
	.value_missionList .value_missionList_txt dl:nth-child(2) dd h6 {color:#00a19e;}
	.value_missionList .value_missionList_txt dl:nth-child(3) dt div {background:#57b497;}
	.value_missionList .value_missionList_txt dl:nth-child(3) dd h6 {color:#57b497;}


/* 패밀라운지 CI BI */
.value1_con {
}

.value1_top {
	background: url('/home/page/company/img/valueBg.jpg') center center/cover no-repeat;
	text-align: center;
}

	.value1_top .value1_top_in {
		background: url('') 150px center no-repeat;
		padding: 130px 3% 170px 3%
	}

	.value1_top h2 {
		font-size: 4.706rem;
		letter-spacing: 0;
		font-weight: 900;
		line-height: 1;
		position: relative;
		font-family: 'Outfit', sans-serif;
		margin-bottom: 15px
	}

		.value1_top h2 span {
			display: inline-block;
			vertical-align: middle;
			color: #fff;
			margin-right: -15px;
			position: relative;
			z-index: 10
		}

			.value1_top h2 span.two {
				margin: 65px 0 0 -15px
			}

		.value1_top h2 i {
			display: inline-block;
			vertical-align: middle;
			width: 94px;
			height: 98px;
			background: url('/home/page/img/v_plus.png') center center/100% no-repeat;
			position: relative;
			z-index: 1
		}

	.value1_top p {
		color: rgba(255,255,255,0.7);
		letter-spacing: -0.6pt;
		font-size: 1.176rem
	}

.value1_mission {
}

.value1_missionList {
	position: relative;
	overflow: hidden;
	text-align: center;
}

	.value1_missionList > div {
		display: inline-block;
		vertical-align: middle;
	}

	.value1_missionList .value1_missionList_dia {
		background: url('/home/page/company/img/value_missionBg.png') center center/100% no-repeat;
		width: 554px;
		height: 554px;
		position: relative;
	}

		.value1_missionList .value1_missionList_dia .value1_missionList_dia_in {
			font-size: 1.176rem;
			letter-spacing: -0.5pt;
			line-height: 1.6;
			color: #222;
			text-align: center;
			position: absolute;
			top: 50%;
			left: 50px;
			transform: translate(0, -50%)
		}

			.value1_missionList .value1_missionList_dia .value1_missionList_dia_in img {
				display: block;
				margin: 0 auto 18px auto
			}

	.value1_missionList .value1_missionList_txt {
		padding: 40px 0 0 20px;
	}

		.value1_missionList .value1_missionList_txt dl {
			margin-bottom: 80px;
			position: relative;
			overflow: hidden;
		}

			.value1_missionList .value1_missionList_txt dl:nth-child(2) {
				padding-left: 60px
			}

			.value1_missionList .value1_missionList_txt dl:last-child {
				margin-bottom: 0
			}

		.value1_missionList .value1_missionList_txt dt {
			display: none;
		}

			.value1_missionList .value1_missionList_txt dt img {
			}

		.value1_missionList .value1_missionList_txt dd {
			text-align: left;
		}

			.value1_missionList .value1_missionList_txt dd h6 {
				font-weight: 800;
				line-height: 1;
				position: relative;
				color: #00a6c5;
				letter-spacing: -0.5pt;
				font-size: 1.471rem;
				margin-bottom: 15px
			}

				.value1_missionList .value1_missionList_txt dd h6 .eng {
					font-weight: 300;
					letter-spacing: 0;
					font-family: 'Outfit', sans-serif;
					display: inline-block;
					margin-left: 10px;
					vertical-align: bottom
				}

			.value1_missionList .value1_missionList_txt dd p {
				line-height: 1.8
			}

		.value1_missionList .value1_missionList_txt dl:nth-child(2) dt div {
			background: #00a19e;
		}

		.value1_missionList .value1_missionList_txt dl:nth-child(2) dd h6 {
			color: #00a19e;
		}

		.value1_missionList .value1_missionList_txt dl:nth-child(3) dt div {
			background: #57b497;
		}

		.value1_missionList .value1_missionList_txt dl:nth-child(3) dd h6 {
			color: #57b497;
		}


/* 클라운지 BI */
.value2_con {
}

.value2_top {
	background: url('/home/page/company/img/clounge_bi.jpg') center center/cover no-repeat;
	text-align: center;
}

	.value2_top .value2_top_in {
		background: url('') 150px center no-repeat;
		padding: 130px 3% 170px 3%
	}

	.value2_top h2 {
		font-size: 4.706rem;
		letter-spacing: 0;
		font-weight: 900;
		line-height: 1;
		position: relative;
		font-family: 'Outfit', sans-serif;
		margin-bottom: 15px
	}

		.value2_top h2 span {
			display: inline-block;
			vertical-align: middle;
			color: #fff;
			margin-right: -15px;
			position: relative;
			z-index: 10
		}

			.value2_top h2 span.two {
				margin: 65px 0 0 -15px
			}

		.value2_top h2 i {
			display: inline-block;
			vertical-align: middle;
			width: 94px;
			height: 98px;
			background: url('/home/page/img/v_plus.png') center center/100% no-repeat;
			position: relative;
			z-index: 1
		}

	.value2_top p {
		color: rgba(255,255,255,0.7);
		letter-spacing: -0.6pt;
		font-size: 1.176rem
	}

.value2_mission {
}

.value2_missionList {
	position: relative;
	overflow: hidden;
	text-align: center;
}

	.value2_missionList > div {
		display: inline-block;
		vertical-align: middle;
	}

	.value2_missionList .value2_missionList_dia {
		background: url('/home/page/company/img/value_missionBg.png') center center/100% no-repeat;
		width: 554px;
		height: 554px;
		position: relative;
	}

		.value2_missionList .value2_missionList_dia .value2_missionList_dia_in {
			font-size: 1.176rem;
			letter-spacing: -0.5pt;
			line-height: 1.6;
			color: #222;
			text-align: center;
			position: absolute;
			top: 50%;
			left: 50px;
			transform: translate(0, -50%)
		}

			.value2_missionList .value2_missionList_dia .value2_missionList_dia_in img {
				display: block;
				margin: 0 auto 18px auto
			}

	.value2_missionList .value2_missionList_txt {
		padding: 40px 0 0 20px;
	}

		.value2_missionList .value2_missionList_txt dl {
			margin-bottom: 80px;
			position: relative;
			overflow: hidden;
		}

			.value2_missionList .value2_missionList_txt dl:nth-child(2) {
				padding-left: 60px
			}

			.value2_missionList .value2_missionList_txt dl:last-child {
				margin-bottom: 0
			}

		.value2_missionList .value2_missionList_txt dt {
			display: none;
		}

			.value2_missionList .value2_missionList_txt dt img {
			}

		.value2_missionList .value2_missionList_txt dd {
			text-align: left;
		}

			.value2_missionList .value2_missionList_txt dd h6 {
				font-weight: 800;
				line-height: 1;
				position: relative;
				color: #00a6c5;
				letter-spacing: -0.5pt;
				font-size: 1.471rem;
				margin-bottom: 15px
			}

				.value2_missionList .value2_missionList_txt dd h6 .eng {
					font-weight: 300;
					letter-spacing: 0;
					font-family: 'Outfit', sans-serif;
					display: inline-block;
					margin-left: 10px;
					vertical-align: bottom
				}

			.value2_missionList .value2_missionList_txt dd p {
				line-height: 1.8
			}

		.value2_missionList .value2_missionList_txt dl:nth-child(2) dt div {
			background: #00a19e;
		}

		.value2_missionList .value2_missionList_txt dl:nth-child(2) dd h6 {
			color: #00a19e;
		}

		.value2_missionList .value2_missionList_txt dl:nth-child(3) dt div {
			background: #57b497;
		}

		.value2_missionList .value2_missionList_txt dl:nth-child(3) dd h6 {
			color: #57b497;
		}




/* 본사 및 센터안내 */
.location_con {}
	.location_con .loca_map {}
	.location_con .loca_info {position:relative; margin:50px 0 0 0}
	.location_con .loca_info ul {padding-right:380px}
	.location_con .loca_info ul li {display:inline-block; vertical-align:top; position:relative; background:url('/home/page/company/img/loca_icon01.png') left 2px no-repeat; padding-left:23px; margin-right:25px; letter-spacing:-0.6pt;}
	.location_con .loca_info ul li:nth-child(2) {background-image:url('/home/page/company/img/loca_icon02.png'); padding-left:20px}
	.location_con .loca_info ul li:last-child {margin:0}
	.location_con .locaBtn {position:absolute; top:50%; right:0; transform:translate(0, -50%)}
	.location_con .locaBtn a {display:block; float:left;  font-family:'Outfit', sans-serif; color:#fff; letter-spacing:0.3pt; margin-right:4px;}
	.location_con .locaBtn a:last-child {margin:0}
	.location_con .locaBtn a.detailBtn span {}
	.location_con .locaBtn a.printBtn {}

	.location_con .loca_way {margin-top:90px}
	.location_con .loca_way > div {border-bottom:1px solid #ddd; padding:50px 3% 50px 17%; background:url('/home/page/company/img/loca_way01.png') 4% 42px no-repeat; }
	.location_con .loca_way > div:first-child {border-top:1px solid #ddd;}
	.location_con .loca_way .subway {}
	.location_con .loca_way > div dl {margin-bottom:35px}
	.location_con .loca_way > div dl:last-child {margin-bottom:0}
	.location_con .loca_way .subway dl.sub_greenline dt {color:#37b42d;}
	.location_con .loca_way .subway dl.sub_greenline dt span {background:#37b42d;}
	.location_con .loca_way .subway dt {color:#69760f; letter-spacing:-0.6pt; position:relative; line-height:1.4; padding:0 0 12px 26px}
	.location_con .loca_way .subway dt strong {font-weight:700;}
	.location_con .loca_way .subway dt span {text-align:center; display:inline-block; width:22px; height:22px; border-radius:5px; background:#69760f; color:#fff; font-family:'Outfit', sans-serif; line-height:22px; font-size:0.882rem; position:absolute; top:0; left:0}
	.location_con .loca_way .subway dd {font-size:0.882rem; letter-spacing:-0.6pt; line-height:2; color:#666}
	.location_con .loca_way .subway dd img {margin:0 10px}
	.location_con .loca_way > div.bus {background-image:url('/home/page/company/img/loca_way02.png')}
	.location_con .loca_way .bus dt {color:#222; line-height:1.4; letter-spacing:-0.6pt; margin-bottom:12px}
	.location_con .loca_way .bus dd {}
	.location_con .loca_way .bus dd ul {}
	.location_con .loca_way .bus dd ul li {position:relative; padding:0 0 5px 75px; letter-spacing:0; font-size:0.882rem; }
	.location_con .loca_way .bus dd ul li:last-child {padding-bottom:0}
	.location_con .loca_way .bus dd ul li span {position:absolute; left:0; top:2px; color:#fff; width:65px; line-height:22px; font-size:0.765rem; border-radius:5px; text-align:center; letter-spacing:-0.6pt;}
	.location_con .loca_way .bus dd ul li .blue_line {background:#3556a7;}
	.location_con .loca_way .bus dd ul li .green_line {background:#4a972e;}
	.location_con .loca_way .bus dd ul li .lgreen_line {background:#5ac234;}
	.location_con .loca_way .bus dd ul li .red_line {background:#df121a;}



/********* BUSINESS *********/
/* BUSINESS Guide */
.g_business_con {}
	.business_guide {}
	.business_guide .guideList {}
	.business_guide .guideList dl {background:#fff; margin-bottom:5px; display:table; width:100%; padding:60px 5%}
	.business_guide .guideList dl:last-child {margin-bottom:0}
	.business_guide .guideList dt {display:table-cell; vertical-align:middle; width:34.14%;  background:url('/home/page/business/img/business_icon01.png') left center no-repeat; padding-left:85px}
	.business_guide .guideList dl:nth-child(2) dt {background-image:url('/home/page/business/img/business_icon02.png')}
	.business_guide .guideList dt span {display:block;}
	.business_guide .guideList dd {display:table-cell; vertical-align:middle; width:calc(100% - 34.14%);}

	.business_guide .c_guideList {text-align:center; padding:70px 0; margin-bottom:90px; border-bottom:1px solid #ddd}
	.business_guide .c_guideList_in {margin-top:50px}
	.business_guide .c_guideList_in dl {display:inline-block; vertical-align:middle; width:22%}
	.business_guide .c_guideList_in dt {border:1px solid #00a29e; width:100px; height:100px; border-radius:100px; margin:0 auto 20px; background:linear-gradient(130deg, rgba(255,255,255,1) 50%, rgba(247,247,247,1) 50%); display:flex; justify-content:center; align-items:center;}
	.business_guide .c_guideList_in dt img {}
	.business_guide .c_guideList_in dd {line-height:1.3; font-weight:700; letter-spacing:-0.5pt; color:#00a29e; font-size:1.176rem;}

	.business_guide .guide_process {position:relative; overflow:hidden; padding:0 75px}
	.business_guide .guide_process dl {float:left; width:12%; margin:0 17.32% 100px 0; text-align:center; position:relative;}
	.business_guide .guide_process dl:nth-child(8) ~ dl {margin-bottom:0}
	.business_guide .guide_process dl:after {display:block; content:""; width:31px; height:24px; background:url('/home/page/business/img/business_arrow.png') center center/100% no-repeat; position:absolute; top:40%; right:-85%; transform:translate(0, -50%)}
	.business_guide .guide_process dl:last-child:after {display:none;}
	.business_guide .guide_process dl:nth-child(4n) {margin-right:0}
	.business_guide .guide_process dl:nth-child(4n+1) {clear:both}
	.business_guide .guide_process dt {position:relative; line-height:1.3; color:#00a29e; font-weight:800; letter-spacing:-0.5pt;  font-size:1.471rem; width:100%; height:130px; display:flex; justify-content:center; align-items:center; border: 5px solid transparent;
    border-radius: 20px; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #03a3a0, #5fbf9e); background-origin: border-box; background-clip: content-box, border-box; margin:0 auto}
	.business_guide .guide_process dt div {line-height:inherit; letter-spacing:inherit;}
	.business_guide .guide_process dt span {display:block; font-size:1.176rem;}
	.business_guide .guide_process dd {line-height:1; color:#222; font-size:1.176rem; margin-top:20px; letter-spacing:-0.5pt}
	.business_guide .guide_process dl.gra dt {background-image: linear-gradient(45deg, rgba(3,163,160,1) 0%, rgba(95,191,158,1) 100%); border:none; color:#fff}

	.business_guide .guide_process dl:nth-child(5), .business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(7), .business_guide .guide_process dl:nth-child(8) {float:right; margin:0 0 100px 17.32%}
	.business_guide .guide_process dl:nth-child(8) {margin-left:0 !important}

	.business_guide .guide_process dl:nth-child(4):after, .business_guide .guide_process dl:nth-child(8):after {width:23px; height:30px; background-image:url('/home/page/business/img/business_arrow2.png'); right:auto; left:50%; top:auto; bottom:-65px; transform:translate(-50%, 0);}
	.business_guide .guide_process dl:nth-child(5):after, .business_guide .guide_process dl:nth-child(6):after, .business_guide .guide_process dl:nth-child(7):after {background-image:url('/home/page/business/img/business_arrow3.png'); right:auto; left:-85%}


	.business_program {}
	.business_programList {display: flex; flex-wrap: wrap;}
	.business_programList dl {border:1px solid #ddd; padding:42px 3%; width:calc((100% - 90px)/4); margin-right:30px; text-align:center}
	.business_programList dl:last-child {margin-right:0; margin-bottom:0}
	.business_programList dt {margin:0 auto 15px}
	.business_programList dt img {}
	.business_programList dd {}
	.business_programList dd .stitle {margin-bottom:12px}
	.business_programList dd .sub_txt {line-height:1.6}


/* Purchase of Goods Guide */ 
.godds_con {}
	


/********* MARKETING *********/
/* Business System */ 
.marketing_con {}
	.marketing_member {background:#f2f2f2 url('/home/page/marketing/img/marketing_topBg.png') center center/cover no-repeat;}
	.marketing_member .marketing_memberList {text-align:center; position:relative; z-index:1}
	.marketing_member .marketing_memberList dl {display:inline-block; vertical-align:top; padding-right:90px; position:relative;}
	.marketing_member .marketing_memberList dl:last-child {margin-right:0; padding-right:0}
	.marketing_member .marketing_memberList dl:last-child:after {display:none;}
	.marketing_member .marketing_memberList dl:after {display:block; content:""; width:100%; height:1px; background:#ddd; position:absolute; top:86px; right:-10px; z-index:-1}
	.marketing_member .marketing_memberList dt {margin:0 auto 25px; background:url('/home/page/marketing/img/marketing_medal01.png') center center/cover no-repeat; width:176px; height:176px; font-weight:800; line-height:1; color:#835432; letter-spacing:-0.6pt; position:relative; display:flex; justify-content:center; align-items:center; font-size:1.176rem;}
	.marketing_member .marketing_memberList dt div {line-height:1; letter-spacing:-0.6pt;}
	.marketing_member .marketing_memberList dl:nth-child(2) dt {background-image:url('/home/page/marketing/img/marketing_medal02.png'); color:#515151}
	.marketing_member .marketing_memberList dl:nth-child(3) dt {background-image:url('/home/page/marketing/img/marketing_medal03.png'); color:#4d3e0f}
	.marketing_member .marketing_memberList dt span {line-height:1; letter-spacing:0; font-family:'Outfit', sans-serif; margin-top:0; display:block; font-size:0.882rem; font-weight:normal; margin-top:6px}
	.marketing_member .marketing_memberList dd {line-height:1.7; letter-spacing:-0.6pt;}

	.marketing_term_con {}
	.marketing_term_con .marketing_termList {}
	.marketing_term_con .marketing_termList dl {position:relative; overflow:hidden; border:1px solid #ddd; background:#fff; padding:25px 35px; border-bottom:none;}
	.marketing_term_con .marketing_termList dl:last-child {border-bottom:1px solid #ddd}
	.marketing_term_con .marketing_termList dl:nth-child(even) {background:#f9f9f9}
	.marketing_term_con .marketing_termList dt {float:left; position:relative; letter-spacing:-0.6pt; font-weight:800; color:#222; line-height:1.7; padding-left:40px}
	.marketing_term_con .marketing_termList dt span {color:#00a29e; display:inline-block; position:absolute; top:0; left:0}
	.marketing_term_con .marketing_termList dd {float:left; letter-spacing:-0.6pt; padding-left:25px; line-height:1.7}

	.marketing_tree_con {background:url('/home/page/marketing/img/marketing_binaryBg.jpg') center center/cover no-repeat; text-align:center;}
	.marketing_tree_con.enroller {background-image:url('/home/page/marketing/img/marketing_enrollerBg.jpg')}
	.marketing_tree_con .sub_titcon {}
	.marketing_tree_con .sub_title {color:#fff;}
	.marketing_tree_con .eng {color:rgba(255,255,255,0.7); line-height:1; margin:7px 0 18px}
	.marketing_tree_con .sub_txt {color:rgba(255,255,255,0.7); line-height:1.7}


/* Business Tree Requirements */
.requirement_con {}
	.requirementList {}
	.requirementList .requirementList_table {width:100%;}
	.requirementList .requirementList_table thead th {text-align:center; letter-spacing:-0.6pt; color:#222; padding:0 18px 18px 18px; font-weight:800; line-height:1.3}
	.requirementList .requirementList_table tbody td {font-weight:normal; letter-spacing:-0.5pt; padding:13px 40px; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:Center;}
	.requirementList .requirementList_table tbody td:first-child {border-left:1px solid #ddd}
	.requirementList .requirementList_table tbody tr:nth-child(even) td {background:#f9f9f9}
	.requirementList .requirementList_table tbody tr:first-child td {border-top:1px solid #ddd}
	.requirementList .requirementList_table tbody td.grade {text-align:left; font-weight:800; letter-spacing:-0.6pt; color:#222;}
	.requirementList .requirementList_table tbody td.grade img {margin-right:13px;}
	.requirementList .requirementList_table tbody td.num {font-weight:700; letter-spacing:0; color:#222; font-family:'Outfit', sans-serif; text-align:right;}
	
	.requirement_basic {}
	.requirement_basicList {}
	.requirement_basicList_in {text-align:center}
	.requirement_basicList_in .requirement_week {position:Relative; overflow:hidden;}
	.requirement_basicList_in .requirement_week li {float:left; width:25%; color:#fff; font-weight:700; color:#fff; line-height:1; font-family:'Outfit', sans-serif; padding:23px 3%; background:#50bacc; font-size:1.176rem;}
	.requirement_basicList_in .requirement_week li:nth-child(2) {background:#019d9c;}
	.requirement_basicList_in .requirement_week li:nth-child(3) {background:#1e85a6;}
	.requirement_basicList_in .requirement_week li:nth-child(4) {background:#24313b;}
	.requirement_basicList_in .stitle {margin:60px 0 25px }
	.requirement_basicList_in .requirement_ex {text-align:center; width:100%; border-top:1px solid #222}
	.requirement_basicList_in .requirement_ex td {line-height:1; color:#666; letter-spacing:-0.6pt; text-align:center; padding:12px 0; border-bottom:1px solid #ddd; position:Relative;}
	.requirement_basicList_in .requirement_ex td:after {display:block; content:""; width:1px; height:100%; position:absolute; top:0; right:-1px; z-index:-2; background:#ddd}
	.requirement_basicList_in .requirement_ex td.n_border {}
	.requirement_basicList_in .requirement_ex td:last-child:after {display:none;}
	.requirement_basicList_in .requirement_ex td div {font-weight:800; position:relative; line-height:1; color:#fff; letter-spacing:-0.6pt; line-height:31px; background:#24313b; z-index:10}
	.requirement_basicList_in .requirement_ex td div:before {}
	.requirement_basicList_in .requirement_ex td div.end:after {display:block; content:""; width:14px; height:31px; background:url('/home/page/marketing/img/ingBg.gif') right center no-repeat; position:absolute; top:0; right:0; z-index:-1}
	


/* 페이징 */
.page_num{margin:30px 0 0;}
.page_num .pagination{text-align:center; font-sizE:0;}
.page_num .pagination li{display:inline-block; margin: 0 2px; vertical-align: top;}
.page_num .pagination li:nth-child(2){margin:0 20px 0 2px;}
.page_num .pagination li:last-child(2){margin:0 2px 0 20px;}
.page_num .pagination li a{display:block; width:25px; text-align:center; border-radius:50%; font-size:14px; height: 25px; line-height:25px;  letter-spacing:-0.3pt; color:#888888; font-family: 'Outfit', sans-serif; transition:all .3s linear;} 
.page_num .pagination li a:hover{color:#222;}
.page_num .pagination li a.active{background:#00a29e !important; color:#fff !important;}  
.page_num .pagination li.arrow a img{padding:8px 0 0; opacity: 0.25; transition:all .3s linear;}
.page_num .pagination li.arrow a:hover img{opacity: 1;}



/** 테이블 **/
.table_wrap{}
.table_info{font-size:13px; color:#888; letter-spacing: -0.5pt; padding: 5px 0 8px; display:none;}

.table_half {position:relative; overflow:hidden;}
.table_half .table_style {float:left; width:calc((100% - 30px)/2); margin-right:30px}
.table_half .table_style:last-child {margin:0}
.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222222;}
.table_style th{font-size:0.882rem; text-align:center; font-weight:700; color:#222; border-bottom:1px solid #bbb; border-right:1px solid #ddd; padding:15px 10px; box-sizing:border-box; letter-spacing: -0.6pt; line-height: 1.4;}
.table_style th:last-child {border-right:none;}
.table_style td{font-size:0.882rem; text-align:center; font-weight:700; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px 10px;letter-spacing:-0.6pt;}
.table_style td:last-child {border-right:none;}
.table_style td.tit {color:#222;}
.table_style td.g_bg {background:#f9f9f9;}





/* 이용안내 */
.privacy{}
.privacy > dl{padding:0 0 40px;}
.privacy > dl:last-child {margin-bottom:0}
.privacy > dl > dt{font-size:1.176rem; letter-spacing:-0.5pt; font-weight:700; color:#00a29e; padding: 0 0 10px;}
.privacy > dl > dd{font-sizE:1rem; letter-spacing:-0.3pt; padding:0 0 6px; line-height:170%;}
.privacy > dl > dd > ul{padding:20px 15px; box-sizing:border-box; background:#f7f7f7; margin: 8px 0 10px;}
.privacy > dl > dd > ul > li{padding: 0 0 4px;}
.privacy > dl > dd > ul > li:last-child{padding: 0;}
.table_scroll{}
.table_basic {margin: 8px 0 10px; width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222222;}
.table_basic th{box-sizing:border-box; padding: 18px 5px; font-size:1rem; letter-spacing: -0.3pt; color:#222; font-weight: 700; text-align:center; border-bottom: 1px solid #ddd; border-right:1px solid #ddd;}
.table_basic td{box-sizing:border-box; padding: 18px 5px; font-size:1rem; letter-spacing: -0.3pt; color:#777; font-weight: 400; text-align:center; border-bottom: 1px solid #ddd; border-right:1px solid #ddd;}
.table_basic th.last{border-right: 0;}
.table_basic td.last{border-right: 0;}


/* 검색 */
.search_cont{padding: 0 0 80px;}




/* 린시아 */
.linsia_cont{}
.linsia_cont .viewBtn{margin: 50px auto 0; width: 230px;}
.linsia_cont .txt{text-align:center;}
.linsia_info{}
.linsia_info .subStit{position: relative; padding: 75px 0 0;}
.linsia_info .subStit img{max-width:100%; position: absolute; left: 50%; transform:translateX(-50%); bottom: 0; z-index: -1;}
.linsia_info .txt{margin: 20px 0 60px;}
.linsia_icon{display:flex; text-align:center; justify-content: center;}
.linsia_icon dl{margin:0 70px 0 0;}
.linsia_icon dl:last-child{margin: 0;}
.linsia_icon dl dt{width: 130px; position: relative;}
.linsia_icon dl dt:after{content:''; display:block; width: 70px; height: 1px; background-color: #ddd; position: absolute; right:-70px; top:50%;}
.linsia_icon dl:last-child dt:after{display: none;}
.linsia_icon dl dt img{max-width:100%;}
.linsia_icon dl dd{font-size:20px; line-height: 120%; letter-spacing:-0.6pt; color:#777777; padding:15px 0 0;} 
.linsia_icon dl dd b{color:#222; font-weight: 800;}

.linsiaCont_in{}
.linsiaCont_in .subTit{padding:40px 0 0; margin: 100px 0 50px;}
.linsiaCont_in .subTit01{text-indent:330px;}
.linsiaCont_in .subTit02{text-indent:380px;}
.linsiaCont_in .subTit03{text-indent:330px;}
.linsiaCont_in .text-stroke{position: absolute; left: 0; top:0; z-index: -1; display: inline-block;}
.linsiaCont_in .subTit01 .text-stroke{text-indent:145px;}
.linsiaCont_in .subTit02 .text-stroke{text-indent:155px;}
.linsiaCont_in .subTit03 .text-stroke{text-indent:108px;}
.linsiaCont_in .text-stroke img{max-width:100%;}
.linsiaCont_in .goBtn{margin: 50px auto 0;}

/* 주디스리버 */
.judith_cont{}
.judith_cont .subTxt{word-break:keep-all;}
.judith_top{margin: 0 0 50px;}
.judith_top .tit_area{padding: 20px 0 0;}
.judith_top .tit_area .subStit{padding: 20px 0 15px;}

.judith_photo{text-align:center;}
.judith_photo img{max-width:100%;}
.judith_photo .img3{margin: 50px 0 0;}
.judith_photo .txtBox01{padding: 50px 0 100px;}
.judith_photo .txtBox01 .subStit{padding: 20px 0 0;}
.judith_photo .txtBox02{padding: 90px 0 0;}
.judith_photo .txtBox02 .subTxt{padding: 20px 0;}

.judith_heritage{}
.judith_heritage .subTit2{padding: 0 0 50px;}

.judith_banner{position: relative;}
.judith_banner .viewBtn{position: absolute; bottom: 150px; left: 50%; transform:translateX(-50%); background-color: #fff; width: 230px;}



/* 미네랄라인 */
.mineraline_cont{}
.mineraline_cont .viewBtn{margin: 0 auto; width: 230px;}
.mineraline_top{text-align:center; margin: 0 0 60px;}
.mineraline_top .subTit2{position: relative; padding: 40px 0 30px;}
.mineraline_top .subTit2 img{position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); max-width:100%;}
.mineraline_top .subStit{margin: -10px 0 0;}

.mineraline_photo{position: relative; margin: 0 0 130px;}
.mineraline_photo img{max-width:100%;}
.mineraline_photo .txt{text-align:center; position: absolute; left: 0; bottom: 20px; width: 100%; padding:0 10px; box-sizing:border-box;}

.mineraline_in{}
.mineraline_in dl{margin: 0 0 80px; display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center;} 
.mineraline_in dl:nth-child(even){flex-direction: row-reverse;}
.mineraline_in dl dt{width: calc(50% - 15px);}
.mineraline_in dl dt img{max-width:100%;}
.mineraline_in dl dd{width: calc(50% - 15px); box-sizing:border-box; padding:0 0 0 40px;}
.mineraline_in dl:nth-child(even) dd{padding: 0;}
.mineraline_in dl dd .subTit2{padding: 0 0 25px;}



/* 닥터헬리파 */
.drHelipa_cont{}
.drHelipa_cont .viewBtn{width: 230px; margin: 0 auto;}
.drHelipa_top > .img{margin: 60px 0 50px;}

.drHelipaCont_cause{}
.drHelipaCont_cause ul{display:flex; flex-wrap: wrap; justify-content: space-between; margin:50px auto 40px; max-width:930px;}
.drHelipaCont_cause ul li{width:calc((100% - 150px)/6); margin:0 30px 0 0; padding:40px 5px; box-sizing:border-box; text-align:center; position: relative; border-radius:20px; background:linear-gradient(45deg, #03a3a0, #5fbf9e); z-index: 1; display:flex; align-items: center;}
.drHelipaCont_cause ul li span{display:block; width: 100%; letter-spacing: -0.6pt; color:#00a29e; font-weight: 800; font-size:1rem; line-height:130%; }
.drHelipaCont_cause ul li:before{content:''; display: block; width:calc(100% - 10px); height:calc(100% - 10px); background-color: #fff; position: absolute; left: 50%; top:50%; transform:translate(-50%,-50%); border-radius:15px; z-index: -1;}
.drHelipaCont_cause ul li:after{content:''; display:block; width:30px; height:1px; background:#ddd; position:absolute; right:-30px; top:50%;}
.drHelipaCont_cause ul li:last-child:after{display:none;}
.drHelipaCont_cause ul li:nth-child(6n){margin:0;}

.drHelipa{position:relative;}
.drHelipa > .subTxt{padding: 12px 0 40px;}
.drHelipa .num_stlye{display:flex; flex-wrap: wrap; justify-content: space-between;}
.drHelipa .num_stlye li{text-align:center; background:#fff; line-height: 150%; font-size:1rem; letter-spacing:-0.6pt; color:#666; width: calc((100% - 90px)/4); margin: 0 30px 30px 0; padding: 46px 5px; box-sizing:border-box;}
.drHelipa .num_stlye li:nth-child(4){margin-right: 0;}
.drHelipa .num_stlye li:nth-child(5){margin: 0; width: 100%; padding:26px 5px; display:flex; justify-content: center; align-items: center;}
.drHelipa .num_stlye li:nth-child(5) .num{padding: 0 18px 0 0;}
.drHelipa .num_stlye li .num{display:block; font-size:20px; font-weight: 700; color:#222; font-family: 'Outfit', sans-serif; padding: 0 0 15px;}
.drHelipa .num_stlye li strong{display:block; font-size:25px; font-weight:700; color:#00a29e; padding: 10px 0 0; letter-spacing:0}
.drHelipa dl{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 30px 0 0;}
.drHelipa dl dt{width: 60%; padding: 0 20px 0 0; box-sizing:border-box;}
.drHelipa dl dt .subStit{padding: 0 0 10px;}
.drHelipa dl dd{width: 40%;}
.drHelipa dl dd img{max-width:100%;}

.drHelipa_recom{}
.drHelipa_recom ul{display:flex; flex-wrap: wrap; margin:40px 0 70px;}
.drHelipa_recom ul li{width: calc((100% - 60px)/3); margin: 0 30px 0 0; box-sizing:border-box; border:1px solid #ddd; padding:50px 10px; font-size:20px; font-weight: 700; color:#222; letter-spacing:-0.6pt; text-align:center; line-height: 150%;}
.drHelipa_recom ul li:nth-child(3n){margin: 0;}
.drHelipa_recom ul li img{width: 87px;}
.drHelipa_recom ul li small{display:block; font-size:1rem; letter-spacing:-0.6pt; color:#666666; line-height:120%; font-weight: 400; padding:34px 0 8px;}




/************ 커뮤니티 ************/
/* 공지사항 리스트 */
.bbsList{}
.bbs_con{width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #222222;}
.bbs_con th{font-size:15px; line-height: 120%; color:#222; font-weight: 700; letter-spacing: -0.4pt; text-align:center; box-sizing:border-box; padding:20px 10px; border-bottom: 1px solid #ddd;}
.bbs_con td{font-size:1rem; line-height: 120%; letter-spacing: -0.5pt; color:#666666; text-align:center; box-sizing:border-box; padding:20px 10px; border-bottom: 1px solid #ddd;}
.bbs_con td.left{text-align:center; overflow: hidden;}
.bbs_con td a{display: block; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.bbs_con .mo_line{display: none;}


/* 뷰페이지 */
.bbs_view {width:100%; border-collapse:collapse; border-spacing:0px; table-layout: fixed;}
.bbs_view .arrow img{margin-left: 26px; width: 15px;}
.bbs_view th.lastborder{border-bottom: 1px solid #222 !important;}
.bbs_view td.lastborder{border-bottom: 1px solid #222 !important;}
.bbs_view th {color:#222; text-align:left; padding:17px 15px; border-bottom:1px solid #ddd;}
.bbs_view th.subject {padding:40px 20px 30px; border-top:1px solid #222; border-right:none;}
.bbs_view th.subject strong{display: block; font-size:1.176rem; font-weight:700; letter-spacing: -0.3pt;}
.bbs_view td.cont{border-bottom:1px solid #ddd; padding:17px 15px; text-align: left;}
.bbs_view .view_detail {color:#888; overflow:hidden; font-size:0;}
.bbs_view .view_detail span{display:inline-block; margin-right:20px; font-weight: 400; font-size:15px; letter-spacing: 0.2pt; color:#888888; font-family: 'Outfit', sans-serif;}
.bbs_view .view_detail span img{margin-right: 6px;}
.bbs_view td.view_content{padding:20px; word-break:break-all; border-bottom:1px solid #ddd;}
.bbs_view td.view_content td {border:none;}
.bbs_view td.view_content table{max-width:100%}
.bbs_view td.view_content img{width:auto !important; max-width:100% !important; height:auto !important;}
.bbs_view td .fileBox{font-size:0; background:#f5f5f5; padding:12px 26px; margin: 100px 0 0;}
.bbs_view td .fileBox dt{display: inline-block; font-size:1rem; letter-spacing: -0.3pt; color:#222; width: 120px;}
.bbs_view td .fileBox dd{display: inline-block; font-size:1rem; letter-spacing: -0.3pt; color:#777777; width: calc(100% - 120px);}
.bbs_view td .fileBox dd a{display: block; font-size:1rem; letter-spacing: -0.3pt; color:#777777;}
.bbs_btn {margin:50px 0 0;}
.bbs_btn .listBtn{display: inline-block; width: 230px; height: 55px; line-height: 53px; box-sizing:border-box; border:1px solid #bcbcbc; text-align:center; color:#222; font-sizE:1rem; letter-spacing: -0.5pt; border-radius:55px; transition:all .3s linear;}
.bbs_btn .listBtn:hover{background-color: #bcbcbc; color:#fff;}


/* 게시판 페이징 */
.page_num{margin: 50px 0 0;}
.page_num ul{font-size:0; text-align:center;}
.page_num ul li{display: inline-block; vertical-align: middle; margin: 0 7px;}
.page_num ul li.arrow{margin: 0;}
.page_num ul li.first{margin-right: 14px;}
.page_num ul li.prev{margin-right: 35px;}
.page_num ul li.next{margin-left: 35px;}
.page_num ul li.last{margin-left: 14px;}
.page_num ul li a{display:block; font-sizE:15px; position:relative; padding: 4px 1px; line-height:120%; letter-spacing:0; color:#888888; font-weight: 300; font-family: 'Outfit', sans-serif; }
.page_num ul li.on a{color:#222; font-weight: 700;}
.page_num ul li.on a:after{content:''; display:block; width:100%; height: 2px; background:#222; position:absolute; left:0; bottom:0;}
.page_num ul li a img{height: 13px; opacity: .8; transition:all .3s linear;}
.page_num ul li a:hover img{opacity: 1;}

/* 검색 */
.searchBox{margin: 40px 0 0;}
.searchBox dl{font-size:0; text-align:center;}
.searchBox dl dt{display: inline-block; width: 114px;}
.searchBox dl dt select{width: 100%; height: 56px; line-height: 54px; box-sizing:border-box; border:1px solid #ddd; font-size:14px; color:#777; padding:0 10px; cursor:pointer; background:url('/home/page/img/select_arrow.png') no-repeat right 12px center/11px auto;}
.searchBox dl dd{display: inline-block;}
.searchBox dl .search_input{width: 300px;}
.searchBox dl .search_input input{width: 100%; height: 56px; line-height: 54px; box-sizing:border-box; border:1px solid #ddd; font-size:14px; color:#777; padding:0 10px; border-left: 0; border-right: 0;}
.searchBox dl .search_btn{}
.searchBox dl .search_btn .button{height: 56px; width: 56px; background:#323232 url('/home/page/img/search_icon.png') no-repeat center/23px auto; box-sizing:border-box; border:1px solid #ddd; font-size:0; padding:0; border:1px solid #323232; cursor:pointer; transition:all .3s linear;}
.searchBox dl .search_btn .button:hover{background-color: #000;}


/* 카테고리 */
.bbsTab{margin: 0 auto 50px;}
.bbsTab.two{max-width:570px;}
.bbsTab.three{max-width:855px;}
.bbsTab ul{display:table; table-layout:fixed; width: 100%;}
.bbsTab ul li{display:table-cell;}
.bbsTab ul li a{display: block; font-sizE:1rem; letter-spacing:-0.6pt; color:#777777; box-sizing:border-box; transition:all .3s linear; border:1px solid #ddd; height: 65px; line-height: 63px; text-align:center; margin-left: -1px; position: relative;}
.bbsTab ul li:first-child a{margin:0;}
.bbsTab ul li a:hover{color:#00a29e; border-color:#00a29e; z-index: 1;}
.bbsTab ul li a.on{background:#00a29e; color:#fff; font-weight: 800; border-color:#00a29e; z-index: 2;}





/* LSP뉴스 */
.new_list{overflow: hidden; clear:both;}
.new_list dl{float: left; margin: 0 30px 30px 0; width: calc((100% - 60px)/3);}
/*.new_list dl{float: left; margin: 0 20px 20px 0; width: calc((100% - 40px)/3);}*/
.new_list dl:nth-child(3n){margin-right: 0;}
.new_list dl a{display: block;}
.new_list dl a dt{overflow: hidden;}
.new_list dl a dt img{max-width:100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position: center; transition:all .3s linear;} 
.new_list dl a:hover dt img{transform:scale(1.1);}
/*.new_list dl a:hover dt img{transform:scale(1.1) rotate(0.05deg);}*/
.new_list dl a dd{box-sizing:border-box; border:1px solid #ddd; border-top:0; padding: 30px 34px;}
.new_list dl a dd strong{display: block; font-size:20px; letter-spacing: -0.5pt; color:#222; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.6em; height:3.2em;}
.new_list dl a dd small{display:block; font-size:15px; letter-spacing: 0.3pt; color:#888888; font-family: 'Outfit', sans-serif; margin: 10px 0 0;}



/* 자료실 */
.data_list{overflow: hidden; clear:both;}
.data_list dl{float: left; margin: 0 30px 30px 0; width: calc((100% - 60px)/3);}
.data_list dl:nth-child(3n){margin-right: 0;}
.data_list dl a{display: block;}
.data_list dl dt{overflow: hidden;}
.data_list dl dt img{max-width:100%; width: 100%; background-color: #f2f2f2; background-repeat:no-repeat; background-size:cover; background-position: center; transition:all .3s linear;}
.data_list dl:hover dt img{transform:scale(1.1);}
.data_list dl dd{border:1px solid #ddd; border-top: 0; box-sizing:border-box; position: relative; height: 90px; padding:34px 100px 34px 30px;}
.data_list dl dd strong{display: inline-block; font-size:20px; font-weight:700; letter-spacing:-0.5pt; color:#222; line-height: 120%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.data_list dl dd .download_icon{box-sizing:border-box; width: 90px; height: 90px; border:1px solid #00a29e; position: absolute; right: -1px; top:0; background:url('/home/page/community/img/download_icon.png') no-repeat center/100% auto; transition:all .3s linear;}
.data_list dl:hover dd .download_icon{background-image:url('/home/page/community/img/download_icon_on.png'); background-color: #00a29e;}


/* FAQ */
.faq_list {position:relative; border-top:1px solid #ddd; }
.faq_list dl{border:1px solid #ddd; border-top:0;}
.faq_list dt{width:100%; transition:all 0.3s;}
.faq_list dt a{position:relative; display:block; cursor:pointer; padding:20px 20px 20px 70px; line-height:170%; font-size:1rem;}
.faq_list dl.on dt a{color:#222;}
.faq_list dt a span.q{display:inline-block; font-weight:700; color:#222222; font-size:20px; line-height:inherit; vertical-align:middle; position:absolute; top:25px; left:30px; width:20px; height:20px; border-radius:50%; text-align:center; line-height:20px; font-family:'Outfit', 'Noto Sans KR', sans-serif;}
.faq_list dd{position:relative; border-top:1px solid #ddd; padding:20px 20px 20px 70px; background:#f9f9f9; display: none; font-size:1rem;}
.faq_list dd span.a{display:inline-block; font-weight:600; color:#00a29e; font-size:20px; line-height:inherit; vertical-align:middle; position:absolute; top:25px; left:30px; width:20px; height:20px; border-radius:50%; text-align:center; line-height:20px; font-family:'Outfit', 'Noto Sans KR', sans-serif;}

/* 배경 */
.modal-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 999999;
}
/* 모달 */
.modal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 1200px;
	background: #fff;
	border-radius: 8px;
	border-bottom: 1px solid #ddd;
	z-index: 9999999;
}

.modal-header {
	padding: 10px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
}

.modal-body {
	padding: 10px 10px;
	max-height: 70vh;
	overflow-y: auto;
	text-align: center;
}

.modal-body img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.modal-footer {
	padding: 10px;
	text-align: right;
	border-top: 1px solid #ddd;
}
.modal-footer button {
	background-color: #00a29e;
	border-color: #00a29e;
	padding: 10px;
	border: 1px solid #bcbcbc;
	color: #fff;
}
/*******************************************************************************
    @media ~1280px
*******************************************************************************/
	@media all and (max-width:1280px) {
		/*	VISUAL */
		#visual {
			padding: 270px 3% 120px
		}
		/*	VISUAL */

		/* LNB */
		#lnb {
		}

			#lnb ul {
				padding: 0 3%;
				width: 100%;
			}
		/* LNB */



		/********* 회사소개 *********/
		/* 회사소개 */
		.about_con {
		}

		.about_topimg {
		}

			.about_topimg .eng_stitle {
			}

			.about_topimg .sub_title {
			}

			.about_topimg .sub_txt {
			}

		.about_story {
		}

		.about_storyList {
		}

			.about_storyList dl {
			}

			.about_storyList dt {
			}

			.about_storyList dd {
			}

				.about_storyList dd .sub_title {
				}

				.about_storyList dd br.none {
					display: none;
				}


		/* CEO 인사말 */
		.greeting_con {
			background-position: right bottom
		}

			.greeting_con .ceo {
				right: 0
			}


		/* 경영이념 */
		.value_con {
		}

		.value_top .value_top_in {
			background-position: 10% center
		}

		.value_missionList .value_missionList_dia {
			width: 500px;
			height: 500px
		}

			.value_missionList .value_missionList_dia .value_missionList_dia_in {
				left: 30px
			}

				.value_missionList .value_missionList_dia .value_missionList_dia_in img {
				}

		.value_missionList .value_missionList_txt {
			padding-left: 0
		}

			.value_missionList .value_missionList_txt dl {
			}

				.value_missionList .value_missionList_txt dl:nth-child(2) {
					padding-left: 40px
				}



		/* 본사 및 센터안내 */
		.location_con {
		}

			.location_con .loca_way .subway dd br {
				display: none;
			}





		/********* BUSINESS *********/
		/* BUSINESS Guide */
		.g_business_con {
		}

		.business_guide .guide_process {
			padding: 0
		}

			.business_guide .guide_process dl {
				width: 14.28%;
				margin: 0 14.28% 100px 0
			}

				.business_guide .guide_process dl:after {
					right: -60%
				}

			.business_guide .guide_process dt {
			}

				.business_guide .guide_process dt span {
				}

			.business_guide .guide_process dd {
			}

			.business_guide .guide_process dl.gra dt {
			}

			.business_guide .guide_process dl:nth-child(5), .business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(7), .business_guide .guide_process dl:nth-child(8) {
				margin: 0 0 100px 14.28%
			}

				.business_guide .guide_process dl:nth-child(5):after, .business_guide .guide_process dl:nth-child(6):after, .business_guide .guide_process dl:nth-child(7):after {
					left: -60%
				}

		.business_program {
		}

		.business_programList dd br {
			display: none;
		}


		/********* MARKETING *********/
		/* Business System */
		.marketing_con {
		}

		.marketing_member {
		}

			.marketing_member .marketing_memberList {
			}

				.marketing_member .marketing_memberList dl {
					padding-right: 5%
				}

					.marketing_member .marketing_memberList dl:after {
					}

				.marketing_member .marketing_memberList dt {
				}

					.marketing_member .marketing_memberList dt span {
					}

		.marketing_term_con {
		}

			.marketing_term_con .marketing_termList {
			}

				.marketing_term_con .marketing_termList dl {
				}

				.marketing_term_con .marketing_termList dt {
					float: none;
					padding-left: 30px
				}

				.marketing_term_con .marketing_termList dd {
					float: none;
					padding: 3px 0 0 30px
				}



		/* 공통 */
		.subTit {
			font-size: 60px;
		}

			.subTit .text-stroke img {
				height: 45px;
			}

		.txt p br {
			display: none;
		}


		.basicCont {
			margin: 0 auto 120px;
		}

		/* 미네랄라인 */
		.mineraline_in dl dd {
			padding: 0 0 0 0;
		}


		/* 자료실 */
		.data_list dl {
			margin: 0 20px 20px 0;
			width: calc((100% - 40px)/3);
		}

			.data_list dl:nth-child(3n) {
				margin-right: 0;
			}

			.data_list dl dd {
				height: 60px;
				padding: 20px 70px 20px 20px;
			}

				.data_list dl dd strong {
					font-size: 18px;
				}

				.data_list dl dd .download_icon {
					width: 60px;
					height: 60px;
				}
	}
	/*******************************************************************************
    @media  ~980px   
*******************************************************************************/
	@media all and (max-width:980px) {


		/*	VISUAL */
		#visual {
			padding: 200px 3% 80px
		}

			#visual .vtxt h2 {
				font-size: 3.8rem;
				margin-bottom: 15px
			}

			#visual .vloca {
				bottom: 15px
			}

				#visual .vloca img {
					margin: 0 10px
				}
		/*	VISUAL */


		/* LNB */
		#lnb {
		}

			#lnb ul {
				height: 60px
			}
		/* LNB */

		/* CONTENTS */
		.contents_in {
			padding-top: 80px
		}

		h3.cont_title {
			font-size: 2rem;
			margin: 0 0 40px
		}

		.sub_title {
			margin-bottom: 12px;
			font-size: 1.6rem
		}

		.eng_stitle {
			margin-bottom: 15px
		}

		.sub_titcon {
			margin-bottom: 35px
		}

		.stitle {
			margin-bottom: 15px
		}

		.tmar_15 {
			margin-top: 15px !important
		}

		.tmar_25 {
			margin-top: 15px !important
		}

		.bmar_10 {
			margin-bottom: 10px !important
		}

		.bmar_30 {
			margin-bottom: 20px !important
		}

		.bmar_35 {
			margin-bottom: 25px !important
		}


		.tab_con {
			margin-bottom: 30px
		}

			.tab_con ul {
			}

				.tab_con ul li {
					width: 200px;
				}

					.tab_con ul li a {
						line-height: 55px
					}


		.dot.ver2 li:before {
			top: 9px
		}


		.txtList {
			margin-bottom: 50px
		}

			.txtList:first-child {
				margin-top: 50px
			}

			.txtList .stitle {
				margin-bottom: 10px
			}

			.txtList .txtList_black2 dl {
				margin-top: 30px
			}

			.txtList .plus_con .plus_tit span {
				display: block;
				margin: 0 0 0 0
			}

			.txtList .plus_con .plus_txt {
				padding: 31px 3% 31px 40px
			}

		.table_half .table_style {
			width: calc((100% - 20px)/2);
			margin-right: 20px
		}

		/********* 회사소개 *********/
		/* 회사소개 */
		.about_con {
		}

		.about_topimg {
			padding: 100px 3%
		}

			.about_topimg .eng_stitle {
				margin-bottom: 20px
			}

			.about_topimg .sub_title {
			}

			.about_topimg .sub_txt {
			}

		.about_story {
		}

		.about_storyList {
		}

			.about_storyList dl {
				margin-bottom: 50px
			}

			.about_storyList dt {
			}

			.about_storyList dd {
				padding: 2% 0 0 5%
			}

				.about_storyList dd .sub_title {
				}

			.about_storyList dl:nth-child(even) dd {
				padding: 2% 5% 0 0
			}


		/* CEO 인사말 */
		.greeting_con {
			background-position: right -30px bottom;
			background-size: 100% auto;
		}

			.greeting_con .greeting_tit {
				font-size: 2.5rem;
				padding-right: 65px;
				margin-bottom: 30px
			}

				.greeting_con .greeting_tit:after {
					height: 65px;
					font-size: 7rem
				}

			.greeting_con .stitle {
				margin-bottom: 30px
			}

			.greeting_con .ceo {
				position: relative;
				right: auto;
				top: auto;
				margin-top: 40px;
				text-align: left;
			}

		/* 경영이념 */
		.value_con {
		}

		.value_top .value_top_in {
			padding: 100px 3%;
			background-size: 280px auto;
			background-position: 12% center
		}

		.value_top h2 {
			font-size: 4rem
		}

			.value_top h2 i {
				width: 80px;
				height: 84px
			}

			.value_top h2 span {
			}

				.value_top h2 span.two {
					margin: 40px 0 0 -12px
				}

		.value_missionList .value_missionList_dia {
			width: 380px;
			height: 380px
		}

			.value_missionList .value_missionList_dia .value_missionList_dia_in {
				left: 8px
			}

				.value_missionList .value_missionList_dia .value_missionList_dia_in img {
					width: 50px;
					margin: 0 auto 12px auto
				}

		.value_missionList .value_missionList_txt {
			padding-left: 0
		}

			.value_missionList .value_missionList_txt dl {
				margin-bottom: 50px;
			}

				.value_missionList .value_missionList_txt dl:nth-child(2) {
					padding-left: 20px
				}


		/* 본사 및 센터안내 */
		.location_con {
		}

		.root_daum_roughmap .wrap_map {
			height: 400px !important
		}

		.location_con .loca_info {
			margin: 30px 0 0
		}

			.location_con .loca_info ul {
				padding-right: 300px
			}

				.location_con .loca_info ul li {
					display: block;
					margin: 0 0 6px 0;
					padding: 0 0 0 23px
				}

		.location_con .loca_way {
			margin-top: 50px
		}

			.location_con .loca_way > div {
				padding: 35px 3% 35px 15%;
				background-size: 70px;
				background-position: 3% 28px
			}

				.location_con .loca_way > div dl {
					margin-bottom: 20px
				}

			.location_con .loca_way .subway dt {
				padding-bottom: 9px
			}



		/********* BUSINESS *********/
		/* BUSINESS Guide */
		.g_business_con {
		}

		.business_guide {
		}

			.business_guide .guideList {
			}

				.business_guide .guideList dl {
					padding: 40px 3%
				}

				.business_guide .guideList dt {
					padding-left: 60px;
					background-size: 45px auto
				}

				.business_guide .guideList dd {
				}

			.business_guide .c_guideList {
				padding: 50px 0;
				margin-bottom: 70px;
			}

			.business_guide .c_guideList_in {
				margin-top: 40px;
				position: Relative;
				overflow: hidden;
			}

				.business_guide .c_guideList_in dl {
					width: 25%
				}

				.business_guide .c_guideList_in dt {
					width: 80px;
					height: 80px;
				}

					.business_guide .c_guideList_in dt img {
						width: 60px
					}

				.business_guide .c_guideList_in dd {
				}

			.business_guide .guide_process {
			}

				.business_guide .guide_process dl {
					width: 16%;
					margin: 0 12% 60px 0
				}

					.business_guide .guide_process dl:after {
						right: -45%;
						width: 24px;
						height: 19px
					}

				.business_guide .guide_process dt {
					height: 110px
				}

					.business_guide .guide_process dt span {
					}

				.business_guide .guide_process dd {
				}

				.business_guide .guide_process dl.gra dt {
				}

				.business_guide .guide_process dl:nth-child(5), .business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(7), .business_guide .guide_process dl:nth-child(8) {
					margin: 0 0 60px 12%
				}

					.business_guide .guide_process dl:nth-child(4):after, .business_guide .guide_process dl:nth-child(8):after {
						width: 19px;
						height: 24px;
						bottom: -40px
					}

					.business_guide .guide_process dl:nth-child(5):after, .business_guide .guide_process dl:nth-child(6):after, .business_guide .guide_process dl:nth-child(7):after {
						left: -45%
					}


		.business_program {
		}

		.business_programList {
		}

			.business_programList dl {
				padding: 35px 3%;
				width: calc((100% - 60px)/4);
				margin-right: 20px;
			}

			.business_programList dt {
				margin: 0 auto 15px
			}

				.business_programList dt img {
					width: 80px
				}

			.business_programList dd {
			}

				.business_programList dd .stitle {
					margin-bottom: 12px
				}

		/* Purchase of Goods Guide */
		.goods_con {
		}



		/********* MARKETING *********/
		/* Business System */
		.marketing_con {
		}

		.marketing_member {
		}

			.marketing_member .marketing_memberList {
			}

				.marketing_member .marketing_memberList dl {
					padding-right: 5%
				}

					.marketing_member .marketing_memberList dl:after {
						top: 75px
					}

				.marketing_member .marketing_memberList dt {
					margin: 0 auto 20px;
					width: 150px;
					height: 150px
				}

					.marketing_member .marketing_memberList dt span {
					}

		.marketing_term_con {
		}

			.marketing_term_con .marketing_termList {
			}

				.marketing_term_con .marketing_termList dl {
					padding: 25px
				}

				.marketing_term_con .marketing_termList dt {
					padding-left: 25px
				}

				.marketing_term_con .marketing_termList dd {
					padding: 3px 0 0 25px
				}

		.requirement_basic {
		}

		.requirement_basicList {
		}

		.requirement_basicList_in .requirement_week li {
			padding: 18px 3%;
		}

		.requirement_basicList_in .stitle {
			margin: 40px 0 20px
		}

		.requirement_basicList_in .requirement_ex td {
		}

			.requirement_basicList_in .requirement_ex td div {
			}

				.requirement_basicList_in .requirement_ex td div.end:after {
				}



		/* Business Tree Requirements */
		.requirement_con {
		}

		.requirementList {
		}

			.requirementList .requirementList_table {
			}

				.requirementList .requirementList_table thead th {
				}

				.requirementList .requirementList_table tbody td {
					padding: 10px 20px
				}

					.requirementList .requirementList_table tbody td.grade {
					}

						.requirementList .requirementList_table tbody td.grade img {
							margin-right: 7px;
							width: 45px
						}



		/** 테이블 **/
		.table_wrap {
			width: 100%;
			overflow-x: scroll;
		}

		.table_info {
			display: block;
		}

		.table_wrap > table {
			width: 980px !important;
		}

		.table_style th {
			padding: 16px 5px;
		}

		.table_style td {
			padding: 12px 5px;
		}


		/* 상품Q&A, 상품후기 */
		.table_style2 {
		}

			.table_style2 th {
				padding: 18px 2px;
			}

			.table_style2 td {
				padding: 18px 2px;
			}

		.bbs_btn {
			margin: 0 0 10px;
		}

			.bbs_btn input {
				width: 120px;
				height: 44px;
				line-height: 42px;
			}


		/* 이용안내 */
		.privacy {
		}

			.privacy > dl {
				padding: 0 0 30px;
			}

				.privacy > dl > dt {
					padding: 0 0 8px;
				}

				.privacy > dl > dd {
					padding: 0 0 4px;
				}

					.privacy > dl > dd > ul {
						padding: 15px 12px;
						margin: 6px 0 8px;
					}

						.privacy > dl > dd > ul > li {
							padding: 0 0 4px;
						}

		.table_scroll {
			width: 100%;
			overflow-x: scroll;
		}

		.table_basic {
			margin: 8px 0 10px;
			width: 980px;
		}

			.table_basic .table_info {
				padding-top: 0;
			}

			.table_basic th {
				padding: 8px 5px;
			}

			.table_basic td {
				padding: 8px 5px;
			}






		/* 공통 */
		.subTit {
			font-size: 50px;
		}

			.subTit .text-stroke img {
				height: 38px;
			}

		.subTit2 {
			font-size: 28px;
		}

		.subStit {
			font-size: 18px;
			padding: 0 0 15px;
		}

		.txt p {
			padding: 0 0 20px;
		}


		.tab_style {
			max-width: 100%;
			margin: 0 auto 40px;
		}

			.tab_style li a {
				height: 50px;
				line-height: 48px;
			}

		.basicCont {
			padding: 0 3%;
			margin: 0 auto 100px;
		}

		.num_list {
		}

			.num_list li {
				padding: 0 0 10px 28px;
			}

				.num_list li span {
					width: 22px;
					height: 22px;
					line-height: 18px;
					font-size: 13px;
					top: 2px;
				}

		.tit_area {
			padding: 20px 0 12px;
		}


		.subpad {
			padding: 100px 0;
		}

		.subpad_t {
			padding: 100px 0 0;
		}

		.subpad_b {
			padding: 0 0 100px;
		}

		.dot_list {
		}

			.dot_list li {
				font-size: 14px;
			}

				.dot_list li:before {
					top: 10px;
				}


		/* 린시아 */
		.linsia_cont {
		}

			.linsia_cont .viewBtn {
				margin: 40px auto 0;
				width: 200px;
			}

		.linsia_info .subStit img {
			width: 400px;
		}

		.linsia_info .txt {
			margin: 18px 0 50px;
		}

		.linsia_icon dl {
			margin: 0 50px 0 0;
		}

			.linsia_icon dl dt {
				width: 100px;
			}

				.linsia_icon dl dt:after {
					width: 50px;
					right: -50px;
				}

			.linsia_icon dl dd {
				font-size: 18px;
				padding: 12px 0 0;
			}

		.linsiaCont_in {
		}

			.linsiaCont_in .subTit {
				padding: 28px 0 0;
				margin: 70px 0 30px;
				text-indent: 200px !important;
			}

				.linsiaCont_in .subTit .text-stroke {
					text-indent: 80px !important;
				}

			.linsiaCont_in .goBtn {
				margin: 40px auto 0;
			}


		/* 주디스리버 */
		.judith_cont {
		}

		.judith_top {
			margin: 0 0 40px;
		}

			.judith_top .tit_area {
				padding: 15px 0 0;
			}

				.judith_top .tit_area .subStit {
					padding: 18px 0 12px;
				}

		.judith_photo .img3 {
			margin: 40px 0 0;
		}

		.judith_photo .txtBox01 {
			padding: 40px 0 80px;
		}

			.judith_photo .txtBox01 .subStit {
				padding: 15px 0 0;
			}

		.judith_photo .txtBox02 {
			padding: 60px 0 0;
		}

			.judith_photo .txtBox02 .subTxt {
				padding: 15px 0;
			}

		.judith_heritage {
		}

			.judith_heritage .subTit2 {
				padding: 0 0 40px;
			}

		.judith_banner .viewBtn {
			bottom: 80px;
			width: 200px;
		}


		/* 미네랄라인 */
		.mineraline_cont .viewBtn {
			width: 200px;
		}

		.mineraline_top {
			margin: 0 0 40px;
		}

			.mineraline_top .subTit2 {
				padding: 30px 0 20px;
			}

		.mineraline_photo {
			margin: 0 0 100px;
		}

			.mineraline_photo .txt {
				bottom: 0px;
			}

		.mineraline_in {
		}

			.mineraline_in dl {
				margin: 0 0 60px;
				align-items: flex-start;
			}

				.mineraline_in dl:nth-child(even) {
					flex-direction: row-reverse;
				}

				.mineraline_in dl dt {
					width: calc(50% - 10px);
				}

				.mineraline_in dl dd {
					width: calc(50% - 10px);
				}

					.mineraline_in dl dd .subTit2 {
						padding: 0 0 20px;
					}


		/* 닥터헬리파 */
		.drHelipa_cont .viewBtn {
			width: 200px;
		}

		.drHelipa_top > .img {
			margin: 40px 0 30px;
		}

			.drHelipa_top > .img img {
				width: 60%;
			}

		.drHelipaCont_cause {
		}

			.drHelipaCont_cause ul {
				margin: 40px auto 30px;
				max-width: 100%;
			}

				.drHelipaCont_cause ul li {
					width: calc((100% - 75px)/6);
					margin: 0 15px 0 0;
					padding: 30px 5px;
					border-radius: 10px;
				}

					.drHelipaCont_cause ul li:nth-child(6n) {
						margin: 0;
					}

					.drHelipaCont_cause ul li:before {
						width: calc(100% - 6px);
						height: calc(100% - 6px);
						border-radius: 8px;
					}

					.drHelipaCont_cause ul li:after {
						width: 15px;
						right: -15px;
					}

		.drHelipa {
		}

			.drHelipa > .subTxt {
				padding: 10px 0 30px;
			}

			.drHelipa .num_stlye {
			}

				.drHelipa .num_stlye li {
					width: calc((100% - 30px)/4);
					margin: 0 10px 10px 0;
					padding: 30px 5px;
				}

					.drHelipa .num_stlye li:nth-child(4) {
						margin-right: 0;
					}

					.drHelipa .num_stlye li:nth-child(5) {
						padding: 20px 5px;
					}

						.drHelipa .num_stlye li:nth-child(5) .num {
							padding: 0 18px 0 0;
						}

					.drHelipa .num_stlye li .num {
						font-size: 18px;
						padding: 0 0 15px;
					}

					.drHelipa .num_stlye li strong {
						font-size: 21px;
						padding: 10px 0 0;
					}

			.drHelipa dl {
				margin: 25px 0 0;
			}

		.drHelipa_recom {
		}

			.drHelipa_recom ul {
				margin: 20px 0 40px;
			}

				.drHelipa_recom ul li {
					width: calc((100% - 40px)/3);
					margin: 0 20px 0 0;
					padding: 40px 10px;
					font-size: 18px;
				}

					.drHelipa_recom ul li:nth-child(3n) {
						margin: 0;
					}

					.drHelipa_recom ul li img {
						width: 65px;
					}

					.drHelipa_recom ul li small {
						padding: 24px 0 8px;
					}



		/* 뷰페이지 */
		.bbs_view {
		}

			.bbs_view .arrow img {
				margin-left: 26px;
				width: 10px;
			}

			.bbs_view th {
				padding: 15px 10px;
			}

				.bbs_view th.subject {
					padding: 20px 15px;
				}

			.bbs_view td.cont {
				padding: 15px 10px;
			}

			.bbs_view .view_detail span {
				margin-right: 20px;
				font-size: 15px;
			}

				.bbs_view .view_detail span img {
					margin-right: 6px;
					width: 20px;
				}

			.bbs_view td.view_content {
				padding: 15px;
			}

			.bbs_view td .fileBox {
				padding: 10px 20px;
				margin: 80px 0 0;
			}

				.bbs_view td .fileBox dt {
					width: 120px;
				}

				.bbs_view td .fileBox dd {
					width: calc(100% - 120px);
				}

		.bbs_btn {
			margin: 40px 0 0;
		}

			.bbs_btn .listBtn {
				width: 190px;
				height: 48px;
				line-height: 46px;
			}

		/* LSP뉴스 */
		.new_list {
		}

			.new_list dl {
				margin: 0 20px 20px 0;
				width: calc((100% - 40px)/3);
			}

				.new_list dl:nth-child(3n) {
					margin-right: 0;
				}

				.new_list dl a dd {
					padding: 20px 25px;
				}

					.new_list dl a dd strong {
						font-size: 18px;
					}

					.new_list dl a dd small {
						font-size: 13px;
						margin: 10px 0 0;
					}



		/* 카테고리 */
		.bbsTab {
			margin: 0 auto 30px;
		}

			.bbsTab.two {
				max-width: 100%;
			}

			.bbsTab.three {
				max-width: 100%;
			}

			.bbsTab ul li a {
				height: 50px;
				line-height: 48px;
			}



		/* 자료실 */
		.data_list dl {
			margin: 0 10px 10px 0;
			width: calc((100% - 20px)/3);
		}

			.data_list dl:nth-child(3n) {
				margin-right: 0;
			}

			.data_list dl dd {
				height: 50px;
				padding: 15px 60px 15px 10px;
			}

				.data_list dl dd strong {
					font-size: 16px;
				}

				.data_list dl dd .download_icon {
					width: 50px;
					height: 50px;
				}


		/* FAQ */
		.faq_list {
		}

			.faq_list dl {
			}

			.faq_list dt a {
				padding: 20px 20px 20px 50px;
			}

				.faq_list dt a span.q {
					font-size: 18px;
					top: 22px;
					left: 20px;
				}

			.faq_list dd {
				padding: 20px 20px 20px 50px;
			}

				.faq_list dd span.a {
					font-size: 18px;
					top: 22px;
					left: 20px;
				}
	}
	/*******************************************************************************
    @media 768px
*******************************************************************************/
	@media all and (max-width:768px) {



		/********* 회사소개 *********/
		/* 경영이념 */
		.value_con {
		}

		.value_missionList .value_missionList_dia {
			width: 320px;
			height: 320px
		}

			.value_missionList .value_missionList_dia .value_missionList_dia_in {
				left: 0;
				font-size: 1rem
			}

				.value_missionList .value_missionList_dia .value_missionList_dia_in img {
					width: 40px;
					margin: 0 auto 10px auto
				}

		.value_missionList .value_missionList_txt {
			padding: 20px 0 0 0
		}

			.value_missionList .value_missionList_txt dl {
				margin-bottom: 30px;
			}
	}
	/*******************************************************************************
    @media 481~680px
*******************************************************************************/
	@media all and (max-width:680px) {


		/*	VISUAL */
		#visual {
			padding: 150px 3% 40px
		}

			#visual .vtxt h2 {
				font-size: 3rem;
				margin-bottom: 12px
			}

			#visual .vloca {
				display: none;
			}
		/*	VISUAL */


		/* LNB */
		#lnb {
		}

			#lnb ul {
				height: 45px
			}
		/* LNB */

		/* CONTENTS */
		.contents_in {
			padding-top: 50px
		}

		h3.cont_title {
			font-size: 2rem;
			margin: 0 0 30px
		}

		.sub_titcon {
			margin-bottom: 20px
		}

		.sub_title {
			margin-bottom: 10px;
			font-size: 1.5rem
		}

		.sub_title2 {
			font-size: 1.3rem
		}

		.eng_stitle {
			margin-bottom: 12px
		}

		.dep_tit {
			font-size: 1.3rem;
			margin-bottom: 10px
		}

		.stitle {
			margin-bottom: 10px
		}

		.bmar_30 {
			margin-bottom: 10px !important
		}

		.bmar_35 {
			margin-bottom: 15px !important
		}

		.tab_con {
			margin-bottom: 20px
		}

			.tab_con ul {
				display: table;
				table-layout: fixed;
				width: 100%;
			}

				.tab_con ul li {
					float: none;
					width: auto;
					display: table-cell;
					vertical-align: middle;
				}

					.tab_con ul li a {
						line-height: 40px
					}

		.dot {
		}

			.dot li {
				margin: 0 0 5px 0 !important;
				padding: 0 0 0 10px !important
			}

				.dot li:last-child {
					margin-bottom: 0 !important
				}

				.dot li:before {
					top: 10px
				}

			.dot.list02 li {
				float: none;
				width: 100%
			}

			.dot.ver2 li:before {
				top: 7px
			}

		.table_wrap > table {
			width: 800px !important
		}

		.table_half .table_style {
			float: none;
			width: 100%;
			margin-bottom: 20px
		}

		.txtList {
			margin-bottom: 40px
		}

			.txtList:first-child {
				margin-top: 40px
			}

			.txtList .txtList_black.ver2 > li {
				margin-bottom: 14px
			}

			.txtList .txtList_black2 dl {
				margin-top: 20px
			}

			.txtList .plus_con .plus_tit {
			}

			.txtList .plus_con .plus_txt {
				padding: 30px 15px 30px 32px
			}


		/********* 회사소개 *********/
		/* 회사소개 */
		.about_con {
		}

		.about_topimg {
			padding: 60px 3%
		}

			.about_topimg .eng_stitle {
				margin-bottom: 15px
			}

			.about_topimg .sub_title {
			}

			.about_topimg .sub_txt {
			}

		.about_story {
		}

		.about_storyList {
		}

			.about_storyList dl {
				margin-bottom: 30px;
			}

			.about_storyList dt {
				float: none !important;
				width: 100% !important;
			}

			.about_storyList dd {
				float: none !important;
				width: 100% !important;
				padding: 20px 0 0 0 !important
			}

				.about_storyList dd .sub_title {
					margin-bottom: 10px
				}


		/* CEO 인사말 */
		.greeting_con {
			padding-bottom: 35%
		}

			.greeting_con .greeting_tit {
				font-size: 2.3rem;
				padding-right: 45px;
				margin-bottom: 20px
			}

				.greeting_con .greeting_tit:after {
					height: 50px;
					font-size: 6rem
				}

			.greeting_con .stitle {
				margin-bottom: 20px
			}

			.greeting_con .sub_txt br.none {
				display: none;
			}

			.greeting_con .ceo {
				margin-top: 30px;
			}

				.greeting_con .ceo span {
					font-size: 1.6rem;
					margin-top: 12px
				}


		/* 경영이념 */
		.value_con {
		}

		.value_top .value_top_in {
			padding: 60px 3%;
			background-size: 160px auto;
			background-position: 12% center
		}

		.value_top h2 {
			font-size: 3.5rem;
			margin-bottom: 10px
		}

			.value_top h2 i {
				width: 60px;
				height: 64px
			}

			.value_top h2 span {
			}

				.value_top h2 span.two {
					margin: 32px 0 0 -10px
				}

		.value_missionList > div {
			display: block;
		}

		.value_missionList .value_missionList_dia {
			width: auto;
			height: auto;
			background-image: none;
			border: 5px solid transparent;
			border-radius: 20px;
			background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #00a6c5, #00a19e, #57b497);
			background-origin: border-box;
			background-clip: content-box, border-box;
		}

			.value_missionList .value_missionList_dia .value_missionList_dia_in {
				position: Relative;
				left: auto;
				top: auto;
				transform: translate(0,0);
				padding: 20px 15px
			}

				.value_missionList .value_missionList_dia .value_missionList_dia_in img {
					width: 40px;
					margin: 0 auto 10px auto
				}

				.value_missionList .value_missionList_dia .value_missionList_dia_in br {
					display: none;
				}

		.value_missionList .value_missionList_txt {
			padding: 30px 0 0 0
		}

			.value_missionList .value_missionList_txt dl {
				margin-bottom: 15px;
				display: table;
				width: 100%;
			}

			.value_missionList .value_missionList_txt dt {
				width: 75px;
				display: table-cell;
				vertical-align: middle;
			}

				.value_missionList .value_missionList_txt dt div {
					width: 75px;
					height: 75px;
					border-radius: 75px;
					background: #00a6c5;
					display: flex;
					justify-content: center;
					align-items: center;
				}

				.value_missionList .value_missionList_txt dt img {
					width: 40px
				}

			.value_missionList .value_missionList_txt dd {
				display: table-cell;
				vertical-align: middle;
				width: calc(100% - 75px);
				padding-left: 15px
			}

				.value_missionList .value_missionList_txt dd h6 {
					margin-bottom: 8px;
					font-size: 1.2rem
				}

					.value_missionList .value_missionList_txt dd h6 .eng {
						margin-left: 6px
					}

				.value_missionList .value_missionList_txt dd p {
				}

					.value_missionList .value_missionList_txt dd p br {
						display: none;
					}

			.value_missionList .value_missionList_txt dl:nth-child(2) {
				padding: 0
			}


		/* 본사 및 센터안내 */
		.location_con {
		}

		.root_daum_roughmap .wrap_map {
			height: 280px !important
		}

		.location_con .loca_info {
			margin: 20px 0 0
		}

			.location_con .loca_info ul {
				padding-right: 0
			}

				.location_con .loca_info ul li {
					margin: 0 0 6px 0;
					padding: 0 0 0 23px
				}

		.location_con .locaBtn {
			position: relative;
			top: auto;
			transform: translate(0,0);
			margin-top: 20px
		}

			.location_con .locaBtn a {
				margin: 0;
				float: none;
				width: 100%
			}

				.location_con .locaBtn a.printBtn {
					display: none;
				}

		.location_con .loca_way {
			margin-top: 30px
		}

			.location_con .loca_way > div {
				padding: 25px 15px 25px 70px;
				background-size: 45px;
				background-position: 10px 20px
			}

			.location_con .loca_way .bus dt {
				margin-bottom: 10px
			}

			.location_con .loca_way .bus dd ul li {
				padding-left: 55px
			}

				.location_con .loca_way .bus dd ul li span {
					top: 0;
					width: 50px
				}

			.location_con .loca_way > div dl {
				margin-bottom: 12px
			}

			.location_con .loca_way .subway dt {
				padding: 0 0 6px 20px
			}

				.location_con .loca_way .subway dt span {
					width: 18px;
					height: 18px;
					line-height: 18px;
					top: 0
				}

			.location_con .loca_way .subway dd img {
				margin: 0 5px
			}



		/********* BUSINESS *********/
		/* BUSINESS Guide */
		.g_business_con {
		}

		.business_guide {
		}

			.business_guide .guideList {
			}

				.business_guide .guideList dl {
					padding: 25px 15px 30px 15px;
					display: block;
				}

					.business_guide .guideList dl br {
						display: none;
					}

				.business_guide .guideList dt {
					display: block;
					width: 100%;
					padding: 5px 0 5px 45px;
					background-size: 35px auto;
					margin-bottom: 15px
				}

					.business_guide .guideList dt span {
						display: inline-block;
						margin: 0 0 0 10px
					}

				.business_guide .guideList dd {
					display: block;
					width: 100%;
					padding: 0
				}

			.business_guide .c_guideList {
				padding: 40px 0;
				margin-bottom: 40px;
			}

			.business_guide .c_guideList_in {
				margin-top: 20px;
				position: Relative;
				overflow: hidden;
			}

				.business_guide .c_guideList_in dl {
					float: left;
					width: 33.33%;
					padding: 0 10px
				}

				.business_guide .c_guideList_in dt {
					width: 70px;
					height: 70px;
				}

					.business_guide .c_guideList_in dt img {
						width: 50px
					}

				.business_guide .c_guideList_in dd {
				}

			.business_guide .guide_process {
			}

				.business_guide .guide_process dl {
					width: 24%;
					margin: 0 14% 50px 0
				}

					.business_guide .guide_process dl:after {
						right: -36%;
						width: 24px;
						height: 19px
					}

					.business_guide .guide_process dl:nth-child(4n) {
						margin-right: 14%;
					}

					.business_guide .guide_process dl:nth-child(4n+1) {
						clear: none;
					}

					.business_guide .guide_process dl:nth-child(3n) {
						margin-right: 0;
					}

					.business_guide .guide_process dl:nth-child(3n+1) {
						clear: both;
					}

				.business_guide .guide_process dt {
					height: 110px
				}

					.business_guide .guide_process dt span {
					}

				.business_guide .guide_process dd {
					margin-top: 15px
				}

				.business_guide .guide_process dl.gra dt {
				}

				.business_guide .guide_process dl:nth-child(4), .business_guide .guide_process dl:nth-child(5), .business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(10), .business_guide .guide_process dl:nth-child(11), .business_guide .guide_process dl:nth-child(12) {
					float: right;
					margin: 0 0 50px 14%
				}

				.business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(12) {
					margin-left: 0
				}

				.business_guide .guide_process dl:nth-child(7), .business_guide .guide_process dl:nth-child(8) {
					float: left;
					margin: 0 14% 50px 0
				}

				.business_guide .guide_process dl:nth-child(4):after {
					width: 19px;
					height: 24px;
					background-image: url('/home/page/business/img/business_arrow3.png');
					right: auto;
					left: -36%;
					transform: translate(0,-50%);
					bottom: auto;
					top: 40%;
					width: 24px;
					height: 19px
				}

				.business_guide .guide_process dl:nth-child(7):after, .business_guide .guide_process dl:nth-child(8):after {
					background-image: url('/home/page/business/img/business_arrow.png');
					left: auto;
					right: -36%;
					transform: translate(0,-50%);
					bottom: auto;
					top: 40%;
					width: 24px;
					height: 19px
				}

				.business_guide .guide_process dl:nth-child(5):after, .business_guide .guide_process dl:nth-child(6):after, .business_guide .guide_process dl:nth-child(10):after, .business_guide .guide_process dl:nth-child(11):after {
					left: -36%;
					background-image: url('/home/page/business/img/business_arrow3.png')
				}

				.business_guide .guide_process dl:nth-child(3n):after {
					width: 19px;
					height: 24px;
					background-image: url('/home/page/business/img/business_arrow2.png');
					right: auto;
					left: 50%;
					top: auto;
					bottom: -35px;
					transform: translate(-50%, 0);
				}

		.business_program {
		}

		.business_programList {
		}

			.business_programList dl {
				padding: 35px 3%;
				width: calc((100% - 60px)/4);
				margin-right: 20px;
			}

			.business_programList dt {
				margin: 0 auto 15px
			}

				.business_programList dt img {
					width: 80px
				}

			.business_programList dd {
			}

				.business_programList dd .stitle {
					margin-bottom: 12px
				}

		.business_program {
		}

		.business_programList {
		}

			.business_programList dl {
				padding: 20px 3%;
				width: 100%;
				margin: 0 0 10px 0
			}

			.business_programList dt {
				margin: 0 auto 10px
			}

				.business_programList dt img {
					width: 50px
				}

			.business_programList dd {
			}

				.business_programList dd .stitle {
					margin-bottom: 8px
				}


		/* Purchase of Goods Guide */
		.goods_con {
		}


		/********* MARKETING *********/
		/* Business System */
		.marketing_con {
		}

		.marketing_member {
		}

			.marketing_member .marketing_memberList {
			}

				.marketing_member .marketing_memberList dl {
					padding-right: 5%
				}

					.marketing_member .marketing_memberList dl:after {
						top: 60px
					}

				.marketing_member .marketing_memberList dt {
					margin: 0 auto 15px;
					width: 120px;
					height: 120px
				}

					.marketing_member .marketing_memberList dt span {
					}

		.marketing_term_con {
		}

			.marketing_term_con .marketing_termList {
			}

				.marketing_term_con .marketing_termList dl {
					padding: 20px
				}

				.marketing_term_con .marketing_termList dt {
					padding-left: 25px
				}

				.marketing_term_con .marketing_termList dd {
					padding: 3px 0 0 25px
				}

		.requirement_basic {
		}

		.requirement_basicList {
		}

		.requirement_basicList_in .requirement_week li {
			padding: 15px 3%;
		}

		.requirement_basicList_in .stitle {
			margin: 30px 0 15px
		}

		.requirement_basicList_in .requirement_ex td {
			padding: 8px 0
		}

			.requirement_basicList_in .requirement_ex td div {
			}

				.requirement_basicList_in .requirement_ex td div.end:after {
				}

		.marketing_con {
		}

		.marketing_tree_con {
		}

			.marketing_tree_con .eng {
				margin: 8px 0 13px
			}


		/* 페이징 */
		.page_num {
			margin: 20px 0 0;
		}

			.page_num .pagination li {
				margin: 0 1px;
			}

				.page_num .pagination li:nth-child(2) {
					margin: 0 10px 0 1px;
				}

				.page_num .pagination li:last-child(2) {
					margin: 0 1px 0 10px;
				}

				.page_num .pagination li a {
					width: 20px;
					font-size: 11px;
					height: 20px;
					line-height: 20px;
				}

				.page_num .pagination li.arrow a img {
					padding: 6px 0 0;
				}



		/** 테이블 **/
		.table_style th {
			padding: 10px 5px;
			font-size: 1rem;
		}

		.table_style td {
			padding: 10px 5px;
			font-size: 1rem;
		}

			.table_style td.left {
				padding: 14px 0;
			}

			.table_style td.info .img {
				width: 60px;
			}

			.table_style td.info .txt {
				width: calc(100% - 60px);
				padding: 10px 0 0 15px;
			}

			.table_style td.info span {
				margin: 0 0 4px;
			}

			.table_style td.info h4 {
				font-sizE: 14px;
			}

			.table_style td .delect input {
				padding: 0 0 0 12px;
			}


		/* 상품Q&A, 상품후기 */
		.table_style2 {
		}

			.table_style2 th {
				padding: 15px 2px;
			}

			.table_style2 td {
				padding: 15px 2px;
			}

		.bbs_btn input {
			width: 80px;
			height: 32px;
			line-height: 30px;
			font-size: 12px;
		}



		/* 공통 */
		.subTit {
			font-size: 36px;
		}

			.subTit .text-stroke img {
				height: 28px;
			}

		.subTit2 {
			font-size: 24px;
		}

		.subStit {
			font-size: 16px;
			padding: 0 0 12px;
		}

		.txt p {
			padding: 0 0 15px;
		}


		.tab_style {
			margin: 0 auto 30px;
		}

			.tab_style li a {
				height: 40px;
				line-height: 38px;
			}

		.basicCont {
			margin: 0 auto 80px;
		}

		.num_list {
		}

			.num_list li {
				padding: 0 0 8px 26px;
			}

				.num_list li span {
					width: 20px;
					height: 20px;
					line-height: 18px;
					font-size: 11px;
					border: 1px solid;
				}


		.subpad {
			padding: 80px 0;
		}

		.subpad_t {
			padding: 80px 0 0;
		}

		.subpad_b {
			padding: 0 0 80px;
		}


		.tit_area {
			padding: 18px 0 10px;
		}

		.dot_list {
		}

			.dot_list li {
				font-size: 13px;
				padding: 0 0 6px 9px;
			}

				.dot_list li:before {
					width: 3px;
					height: 3px;
					top: 9px;
				}


		/* 린시아 */
		.linsia_cont {
		}

			.linsia_cont .viewBtn {
				margin: 30px auto 0;
				width: 150px;
			}

		.linsia_info .subStit {
			padding: 60px 0 0;
		}

			.linsia_info .subStit img {
				width: 300px;
				bottom: 10px;
			}

		.linsia_info .txt {
			margin: 15px 0 30px;
		}

		.linsia_icon dl {
			margin: 0 30px 0 0;
		}

			.linsia_icon dl dt {
				width: 80px;
			}

				.linsia_icon dl dt:after {
					width: 30px;
					right: -30px;
				}

			.linsia_icon dl dd {
				font-size: 16px;
				padding: 10px 0 0;
			}

		.linsiaCont_in {
		}

			.linsiaCont_in .subTit {
				padding: 20px 0 0;
				margin: 30px 0 20px;
				text-indent: 0 !important;
			}

				.linsiaCont_in .subTit .text-stroke {
					text-indent: 0 !important;
					left: 50%;
					transform: translateX(-50%);
					width: 100%;
				}

			.linsiaCont_in .goBtn {
				margin: 30px auto 0;
			}


		/* 주디스리버 */
		.judith_cont {
		}

		.judith_top {
			margin: 0 0 20px;
		}

			.judith_top .tit_area {
				padding: 12px 0 0;
			}

				.judith_top .tit_area .subStit {
					padding: 12px 0 8px;
				}

		.judith_photo .img3 {
			margin: 20px 0 0;
		}

		.judith_photo .txtBox01 {
			padding: 20px 0 40px;
		}

			.judith_photo .txtBox01 .subStit {
				padding: 15px 0 0;
			}

		.judith_photo .txtBox02 {
			padding: 30px 0 0;
		}

			.judith_photo .txtBox02 .subTxt {
				padding: 10px 0;
			}

				.judith_photo .txtBox02 .subTxt br {
					display: none;
				}

		.judith_heritage {
		}

			.judith_heritage .subTit2 {
				padding: 0 0 20px;
			}

		.judith_banner .viewBtn {
			bottom: 20px;
			width: 150px;
		}



		/* 미네랄라인 */
		.mineraline_cont .viewBtn {
			width: 150px;
		}

		.mineraline_top {
			margin: 0 0 30px;
		}

			.mineraline_top .subTit2 {
				padding: 30px 0 20px;
			}

		.mineraline_photo {
			margin: 0 0 80px;
		}

		.mineraline_in {
		}

			.mineraline_in dl {
				margin: 0 0 40px;
			}

				.mineraline_in dl:nth-child(even) {
					flex-direction: row;
				}

				.mineraline_in dl dt {
					width: 100%;
				}

				.mineraline_in dl dd {
					width: 100%;
				}

					.mineraline_in dl dd .subTit2 {
						padding: 20px 0 12px;
					}


		/* 닥터헬리파 */
		.drHelipa_cont .viewBtn {
			width: 150px;
		}

		.drHelipa_top > .img {
			margin: 25px 0 18px;
		}

		.drHelipaCont_cause {
		}

			.drHelipaCont_cause ul {
				margin: 20px auto 10px;
			}

				.drHelipaCont_cause ul li {
					width: calc((100% - 20px)/3);
					margin: 0 10px 10px 0;
					padding: 20px 5px;
				}

					.drHelipaCont_cause ul li:nth-child(6n) {
						margin: 0 10px 10px 0;
					}

					.drHelipaCont_cause ul li:nth-child(3n) {
						margin-right: 0;
					}

					.drHelipaCont_cause ul li:after {
						width: 10px;
						right: -10px;
					}

					.drHelipaCont_cause ul li:nth-child(3n):after {
						display: none;
					}

		.drHelipa {
		}

			.drHelipa > .subTxt {
				padding: 8px 0 20px;
			}

			.drHelipa .num_stlye li {
				width: 100%;
				margin: 0 0 10px 0;
				padding: 15px !important;
			}

				.drHelipa .num_stlye li:nth-child(4) {
					margin-right: 0;
				}

				.drHelipa .num_stlye li:nth-child(5) {
					display: block;
				}

					.drHelipa .num_stlye li:nth-child(5) .num {
						padding: 0 0 5px;
					}

				.drHelipa .num_stlye li br {
					display: none;
				}

				.drHelipa .num_stlye li .num {
					font-size: 16px;
					padding: 0 0 5px;
				}

				.drHelipa .num_stlye li strong {
					font-size: 18px;
					display: inline-block;
					padding: 0 0 0 5px;
				}

			.drHelipa dl {
				margin: 20px 0 0;
			}

				.drHelipa dl dt {
					width: 100%;
					padding: 0 0 15px;
				}

					.drHelipa dl dt .subStit {
						padding: 0 0 8px;
					}

				.drHelipa dl dd {
					width: 100%;
					text-align: center;
				}

					.drHelipa dl dd img {
						width: 60%;
					}

		.drHelipa_recom {
		}

			.drHelipa_recom ul {
				margin: 15px 0 30px;
			}

				.drHelipa_recom ul li {
					width: calc((100% - 20px)/3);
					margin: 0 10px 0 0;
					padding: 30px 10px;
					font-size: 16px;
				}

					.drHelipa_recom ul li:nth-child(3n) {
						margin: 0;
					}

					.drHelipa_recom ul li img {
						width: 50px;
					}

					.drHelipa_recom ul li small {
						padding: 18px 0 6px;
					}



		/************ 커뮤니티 ************/
		/* 공지사항 리스트 */
		.bbsList {
		}

		.bbs_con {
		}

			.bbs_con th {
				display: none;
			}

			.bbs_con td.left {
				padding: 15px 0;
			}

			.bbs_con .pc_line {
				display: none;
			}

			.bbs_con .mo_line {
				display: block;
				width: 100%;
			}

				.bbs_con .mo_line .subject, .mo_line .subject a {
					display: block;
					width: 100%;
					font-size: 15px;
					line-height: 120%;
					font-weight: 700;
					color: #222;
				}

				.bbs_con .mo_line ul {
					font-size: 0;
					margin: 4px -8px 0;
				}

					.bbs_con .mo_line ul li {
						display: inline-block;
						font-size: 13px;
						color: #888;
						padding: 0 8px;
						position: relative;
					}

						.bbs_con .mo_line ul li:after {
							content: '';
							display: block;
							width: 1px;
							height: 8px;
							background-color: #ddd;
							position: absolute;
							right: 0;
							top: 50%;
							margin-top: -4px;
						}

						.bbs_con .mo_line ul li:last-child:after {
							display: none;
						}



		/* 뷰페이지 */
		.bbs_view {
		}

			.bbs_view .arrow img {
				margin-left: 5px;
				width: 8px;
			}

			.bbs_view th {
				padding: 12px 5px;
			}

				.bbs_view th.subject {
					padding: 15px 10px;
				}

			.bbs_view td.cont {
				padding: 12px 5px;
			}

			.bbs_view .view_detail span {
				margin-right: 10px;
				font-size: 13px;
			}

				.bbs_view .view_detail span img {
					margin-right: 6px;
					width: 15px;
				}

			.bbs_view td.view_content {
				padding: 10px;
			}

			.bbs_view td .fileBox {
				padding: 10px;
				margin: 60px 0 0;
			}

				.bbs_view td .fileBox dt {
					width: 100px;
				}

				.bbs_view td .fileBox dd {
					width: calc(100% - 100px);
				}

		.bbs_btn {
			margin: 30px 0 0;
		}

			.bbs_btn .listBtn {
				width: 150px;
				height: 40px;
				line-height: 38px;
				font-sizE: 13px;
			}



		/* 게시판 페이징 */
		.page_num {
			margin: 30px 0 0;
		}

			.page_num ul li {
				margin: 0 4px;
			}

				.page_num ul li.first {
					margin-right: 8px;
				}

				.page_num ul li.prev {
					margin-right: 15px;
				}

				.page_num ul li.next {
					margin-left: 15px;
				}

				.page_num ul li.last {
					margin-left: 8px;
				}

				.page_num ul li a {
					font-sizE: 13px;
					padding: 4px 1px;
				}

					.page_num ul li a img {
						height: 10px;
					}

		/* 검색 */
		.searchBox {
			margin: 30px auto 0;
			max-width: 400px;
		}

			.searchBox dl dt {
				width: 100px;
			}

				.searchBox dl dt select {
					height: 48px;
					line-height: 46px;
					font-size: 13px;
					padding: 0 8px;
					background: url('/home/page/img/select_arrow.png') no-repeat right 10px center/8px auto;
				}

			.searchBox dl .search_input {
				width: calc(100% - 148px);
			}

				.searchBox dl .search_input input {
					height: 48px;
					line-height: 46px;
					font-size: 13px;
					padding: 0 10px;
				}

			.searchBox dl .search_btn .button {
				height: 48px;
				width: 48px;
				background-size: 19px auto;
			}


		/* LSP뉴스 */
		.new_list {
		}

			.new_list dl {
				margin: 0 20px 20px 0;
				width: calc((100% - 20px)/2);
			}

				.new_list dl:nth-child(3n) {
					margin-right: 20px;
				}

				.new_list dl:nth-child(2n) {
					margin-right: 0;
				}

				.new_list dl a dd {
					padding: 18px 20px;
				}

					.new_list dl a dd strong {
						font-size: 16px;
					}

					.new_list dl a dd small {
						margin: 8px 0 0;
					}


		/* 카테고리 */
		.bbsTab {
			margin: 0 auto 20px;
		}

			.bbsTab ul li a {
				height: 40px;
				line-height: 38px;
			}



		/* 자료실 */
		.data_list dl {
			margin: 0 10px 10px 0;
			width: calc((100% - 10px)/2);
		}

			.data_list dl:nth-child(3n) {
				margin-right: 10px;
			}

			.data_list dl:nth-child(2n) {
				margin-right: 0;
			}

			.data_list dl dd {
				height: 40px;
				padding: 12px 50px 0 10px;
			}

				.data_list dl dd strong {
					font-size: 15px;
				}

				.data_list dl dd .download_icon {
					width: 40px;
					height: 40px;
				}


		/* FAQ */
		.faq_list {
		}

			.faq_list dl {
			}

			.faq_list dt a {
				padding: 18px 18px 18px 40px;
			}

				.faq_list dt a span.q {
					font-size: 16px;
					top: 18px;
					left: 13px;
				}

			.faq_list dd {
				padding: 18px 18px 18px 40px;
			}

				.faq_list dd span.a {
					font-size: 16px;
					top: 18px;
					left: 13px;
				}
	}
	/*******************************************************************************
    @media ~480px
*******************************************************************************/
	@media all and (max-width:480px) {


		.txtList {
		}

			.txtList .plus_con {
				padding: 0;
				border: 1px solid #ddd;
				border-radius: 10px
			}

				.txtList .plus_con > div {
					float: none;
					width: 100%
				}

				.txtList .plus_con .plus_tit {
					position: relative;
					padding: 15px;
					width: calc(100% + 2px);
					top: -1px;
					left: -1px;
					z-index: 10;
				}

					.txtList .plus_con .plus_tit span {
						display: inline-block;
						margin: 0 0 0 5px
					}

					.txtList .plus_con .plus_tit i {
						width: 24px;
						height: 24px;
						top: auto;
						transform: translate(-50%,0);
						right: auto;
						left: 50%;
						bottom: -12px
					}

				.txtList .plus_con .plus_txt {
					padding: 20px 15px;
					border: none;
				}


		/********* 회사소개 *********/
		/* CEO 인사말 */
		.greeting_con {
			background-size: 120% auto
		}

			.greeting_con .greeting_tit:after {
				right: 100px;
				height: 45px
			}


		/********* BUSINESS *********/
		/* BUSINESS Guide */
		.business_guide .guide_process {
		}

			.business_guide .guide_process dl {
				width: 40%;
				margin: 0 20% 50px 0
			}

				.business_guide .guide_process dl:after {
					right: -32%;
					width: 24px;
					height: 19px
				}

				.business_guide .guide_process dl:nth-child(3n) {
					margin-right: 20%;
				}

				.business_guide .guide_process dl:nth-child(3n+1) {
					clear: none;
				}

				.business_guide .guide_process dl:nth-child(2n) {
					margin-right: 0;
				}

				.business_guide .guide_process dl:nth-child(2n+1) {
					clear: both;
				}

				.business_guide .guide_process dl:nth-child(9), .business_guide .guide_process dl:nth-child(10) {
					margin-bottom: 50px !important
				}

					.business_guide .guide_process dl:nth-child(10) ~ dl {
						margin-bottom: 0
					}

			.business_guide .guide_process dt {
				height: 110px
			}

				.business_guide .guide_process dt span {
				}

			.business_guide .guide_process dd {
			}

			.business_guide .guide_process dl.gra dt {
			}

			.business_guide .guide_process dl:nth-child(3), .business_guide .guide_process dl:nth-child(4), .business_guide .guide_process dl:nth-child(7), .business_guide .guide_process dl:nth-child(8), .business_guide .guide_process dl:nth-child(11), .business_guide .guide_process dl:nth-child(12) {
				float: right;
				margin: 0 0 50px 20%
			}

			.business_guide .guide_process dl:nth-child(5), .business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(9), .business_guide .guide_process dl:nth-child(10) {
				float: left;
				margin: 0 20% 50px 0
			}

			.business_guide .guide_process dl:nth-child(6), .business_guide .guide_process dl:nth-child(10) {
				margin-right: 0
			}

			.business_guide .guide_process dl:nth-child(4), .business_guide .guide_process dl:nth-child(8), .business_guide .guide_process dl:nth-child(12) {
				margin-left: 0
			}

				.business_guide .guide_process dl:nth-child(4):after {
					width: 19px;
					height: 24px;
					background-image: url('/home/page/business/img/business_arrow3.png');
					right: auto;
					left: -32%;
					transform: translate(0,-50%);
					bottom: auto;
					top: 40%;
					width: 24px;
					height: 19px
				}

				.business_guide .guide_process dl:nth-child(7):after, .business_guide .guide_process dl:nth-child(8):after {
					background-image: url('/home/page/business/img/business_arrow.png');
					left: auto;
					right: -32%;
					transform: translate(0,-50%);
					bottom: auto;
					top: 40%;
					width: 24px;
					height: 19px
				}

			.business_guide .guide_process dl:nth-child(5):after, .business_guide .guide_process dl:nth-child(6):after, .business_guide .guide_process dl:nth-child(10):after, .business_guide .guide_process dl:nth-child(11):after {
				left: -32%;
				background-image: url('/home/page/business/img/business_arrow3.png')
			}

			.business_guide .guide_process dl:nth-child(3n):after, .business_guide .guide_process dl:nth-child(7):after {
				right: auto;
				left: -32%;
				width: 24px;
				height: 19px;
				background-image: url('/home/page/business/img/business_arrow3.png');
				top: 40%;
				transform: translate(0, -50%)
			}

			.business_guide .guide_process dl:nth-child(2n):after, .business_guide .guide_process dl:nth-child(6):after {
				width: 19px;
				height: 24px;
				background-image: url('/home/page/business/img/business_arrow2.png');
				right: auto;
				left: 50%;
				top: auto;
				bottom: -35px;
				transform: translate(-50%, 0);
			}

			.business_guide .guide_process dl:nth-child(5):after, .business_guide .guide_process dl:nth-child(9):after {
				background-image: url('/home/page/business/img/business_arrow.png');
				left: auto;
				right: -32%
			}



		/********* MARKETING *********/
		/* Business System */
		.marketing_con {
		}

		.marketing_member {
			background: url('/home/page/marketing/img/marketing_topBg1.png') left -100px top/250px no-repeat, url('/home/page/marketing/img/marketing_topBg2.png') right -100px bottom/250px no-repeat;
			background-color: #f2f2f2
		}

			.marketing_member .marketing_memberList {
			}

				.marketing_member .marketing_memberList dl {
					padding: 0;
					margin-bottom: 15px;
					display: block;
					text-align: left;
					display: table;
					width: 100%
				}

					.marketing_member .marketing_memberList dl:last-child {
						margin-bottom: 0
					}

					.marketing_member .marketing_memberList dl:after {
						top: auto;
						bottom: -40px;
						left: 50px;
						width: 1px;
						height: 100%;
					}

				.marketing_member .marketing_memberList dt {
					margin: 0 auto 15px;
					width: 100px;
					height: 100px;
					text-align: center;
					display: table-cell;
					vertical-align: middle;
				}

					.marketing_member .marketing_memberList dt span {
					}

				.marketing_member .marketing_memberList dd {
					display: table-cell;
					vertical-align: middle;
					width: calc(100% - 100px);
					padding-left: 15px
				}



		/* 공통 */
		.subTit {
			font-size: 30px;
		}

			.subTit .text-stroke img {
				height: 22px;
			}

		.subTit2 {
			font-size: 20px;
		}

		.subStit {
			font-size: 15px;
			padding: 0 0 10px;
		}

		.txt p {
			padding: 0 0 12px;
		}

		.tab_style {
			margin: 0 auto 20px;
		}

		.basicCont {
			margin: 0 auto 60px;
		}

		.subpad {
			padding: 60px 0;
		}

		.subpad_t {
			padding: 60px 0 0;
		}

		.subpad_b {
			padding: 0 0 60px;
		}

		/* 미네랄라인 */
		.mineraline_top {
			margin: 0 0 20px;
		}

			.mineraline_top .subTit2 {
				padding: 30px 0 20px;
			}

				.mineraline_top .subTit2 img {
					top: 0;
					transform: translate(-50%,0);
				}

		.mineraline_photo {
			margin: 0 0 60px;
		}

			.mineraline_photo .txt {
				position: relative;
			}

		.mineraline_in {
		}

			.mineraline_in dl {
				margin: 0 0 30px;
			}


		/* 닥터헬리파 */
		.drHelipa .num_stlye li .num {
			font-size: 14px;
		}

		.drHelipa .num_stlye li strong {
			font-sizE: 16px;
		}

		.drHelipa_recom {
		}

			.drHelipa_recom ul li {
				width: 100%;
				margin: 0 0 10px;
				padding: 20px 10px;
				font-size: 14px;
			}

				.drHelipa_recom ul li:nth-child(3n) {
					margin: 0;
				}

				.drHelipa_recom ul li img {
					width: 40px;
				}


		/* LSP뉴스 */
		.new_list {
		}

			.new_list dl {
				margin: 0 10px 10px 0;
				width: calc((100% - 10px)/2);
			}

				.new_list dl:nth-child(3n) {
					margin-right: 10px;
				}

				.new_list dl:nth-child(2n) {
					margin-right: 0;
				}

				.new_list dl a dd {
					padding: 15px;
				}

					.new_list dl a dd strong {
						font-size: 15px;
					}

					.new_list dl a dd small {
						margin: 6px 0 0;
					}


		/* 자료실 */
		.data_list dl {
			margin: 0 0 10px 0;
			width: 100%;
		}

			.data_list dl:nth-child(3n) {
				margin-right: 0;
			}

			.data_list dl:nth-child(2n) {
				margin-right: 0;
			}
	}
	/*******************************************************************************
    @media 360px
*******************************************************************************/
	@media all and (max-width:360px) {


		/* LSP뉴스 */
		.new_list {
		}

			.new_list dl {
				margin: 0 0 10px 0;
				width: 100%;
			}

				.new_list dl:nth-child(3n) {
					margin-right: 0;
				}

				.new_list dl:nth-child(2n) {
					margin-right: 0;
				}
	}


/*******************************************************************************
    202604 추가
*******************************************************************************/


/*추가*/
/* =========================================================
   FAMILOUNGE INTRO PAGE
========================================================= */


.familounge_intro_page {
	--fl-point: #007d7a;
	--fl-green: #124734;
	--fl-deep: #0e1610;
	--fl-cream: #f8f6f1;
	--fl-stone: #d9d4cb;
	--fl-muted: #7d8784;
	--fl-white: #fff;
}

	.familounge_intro_page .contents_in {
		overflow-x: hidden;
	}

	.familounge_intro_page .about_con {
		color: var(--fl-deep);
	}

	.familounge_intro_page .fl_intro_label {
		display: inline-block;
		margin-bottom: 16px;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.2em;
		color: var(--fl-point);
		font-family: 'Outfit', sans-serif;
		text-transform: uppercase;
	}


	/* HERO */
	.familounge_intro_page .fl_intro_hero {
		position: relative;
		height: 500px;
		margin-bottom: 120px;
		overflow: hidden;
		background: #111;
		border-radius: 24px;
		box-shadow: 0 24px 60px rgba(18, 71, 52, 0.08)
	}

	.familounge_intro_page .fl_intro_hero_media,
	.familounge_intro_page .fl_intro_hero_media img,
	.familounge_intro_page .hero-dim {
		position: absolute;
		inset: 0;
	}

		.familounge_intro_page .fl_intro_hero_media img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transform: scale(1.04);
			opacity: 0;
			transition: opacity 1.2s ease, transform 1.8s ease;
		}

	.familounge_intro_page .hero-dim {
		background: radial-gradient(circle at center, rgba(255,255,255,0.06), transparent 34%), linear-gradient(180deg, rgba(0,0,0,0.08), rgba(0,0,0,0.42));
		opacity: 0;
		transition: opacity 1.2s ease;
	}

	.familounge_intro_page .fl_intro_hero_copy {
		position: relative;
		z-index: 2;
		height: 100%;
		padding: 40px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: var(--fl-white);
	}

	.familounge_intro_page .fl_intro_hero_eyebrow {
		margin-bottom: 18px;
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0.35em;
		color: rgba(255,255,255,0.85);
		font-family: 'Outfit', sans-serif;
	}

	.familounge_intro_page .fl_intro_hero_logo {
		position: relative;
		display: inline-block;
		margin-bottom: 24px;
	}

	.familounge_intro_page .logo_glow {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 270px;
		height: 270px;
		transform: translate(-50%, -50%);
		border-radius: 50%;
		background: radial-gradient(circle, rgba(255,255,255,0.56) 0%, rgba(255,255,255,0.24) 28%, rgba(255,220,180,0.12) 48%, rgba(255,255,255,0) 70%);
		filter: blur(28px);
		opacity: 0.9;
		z-index: -1;
	}

	.familounge_intro_page .fl_intro_hero_logo img {
		position: relative;
		z-index: 2;
		width: 155px;
		margin: 0 auto;
		filter: drop-shadow(0 10px 28px rgba(0,0,0,0.32));
	}

	.familounge_intro_page .fl_intro_hero_title {
		margin: 0;
		font-size: 52px;
		line-height: 1.28;
		letter-spacing: -0.04em;
		font-weight: 700;
		color: var(--fl-white);
		text-shadow: 0 8px 24px rgba(0,0,0,0.25);
	}

	.familounge_intro_page .reveal-item {
		opacity: 0;
		transform: translateY(24px);
		transition: opacity 0.9s ease, transform 0.9s ease;
	}

	.familounge_intro_page .hero-reveal.is-visible .hero-bg-img {
		opacity: 1;
		transform: scale(1);
	}

	.familounge_intro_page .hero-reveal.is-visible .hero-dim {
		opacity: 1;
	}

	.familounge_intro_page .hero-reveal.is-visible .reveal-item {
		opacity: 1;
		transform: translateY(0);
	}

	.familounge_intro_page .hero-reveal.is-visible .reveal-item-1 {
		transition-delay: 0.35s;
	}

	.familounge_intro_page .hero-reveal.is-visible .reveal-item-2 {
		transition-delay: 0.75s;
	}

	.familounge_intro_page .hero-reveal.is-visible .reveal-item-3 {
		transition-delay: 1.15s;
	}

	/* STORY */
	.familounge_intro_page .fl_intro_story {
		margin-bottom: 120px;
	}

	.familounge_intro_page .fl_intro_story_grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 70px;
		align-items: center;
	}

	.familounge_intro_page .fl_intro_story_img {
		border-radius: 24px;
		overflow: hidden;
		box-shadow: 0 24px 60px rgba(18,71,52,0.08);
	}

		.familounge_intro_page .fl_intro_story_img img {
			width: 100%;
			display: block;
		}


	.familounge_intro_page .fl_intro_story_txt h4 {
		margin-bottom: 16px;
		font-size: 42px;
		line-height: 1.28;
		font-weight: 700;
		color: var(--fl-deep);
		letter-spacing: -0.04em;
	}

	.familounge_intro_page .fl_intro_story_txt h5 {
		margin-bottom: 28px;
		font-size: 22px;
		line-height: 1.6;
		font-weight: 600;
		color: var(--fl-muted);
	}

	.familounge_intro_page .fl_intro_story_txt p:last-child {
		font-size: 16px;
		line-height: 1.95;
		color: var(--fl-muted);
	}

	/* WHAT WE DO */
	.familounge_intro_page .fl_intro_work {
		position: relative;
		padding: 60px 48px;
		overflow: hidden;
		border-radius: 24px;
		margin-bottom: 0;
	}


	.familounge_intro_page .fl_intro_work_head {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		gap: 60px;
		margin-bottom: 70px;
	}

		.familounge_intro_page .fl_intro_work_head h4 {
			margin: 0;
			font-size: 52px;
			line-height: 1.18;
			font-weight: 500;
			color: var(--fl-deep);
			letter-spacing: -0.04em;
		}

		.familounge_intro_page .fl_intro_work_head > p {
			max-width: 390px;
			margin: 0;
			font-size: 15px;
			line-height: 1.9;
			color: rgba(255,255,255,.58);
			text-align: right;
		}

	.familounge_intro_page .fl_intro_work_grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 2px;
	}

	.familounge_intro_page .fl_intro_work_card {
		min-height: 330px;
		padding: 50px 34px;
		background: rgba(0,125,122);
		border: 1px solid rgba(0,0,0,.07);
		transition: background .3s ease, transform .5s ease;
		color: var(--fl-white);
	}

	.familounge_intro_page .fl_intro_work_card {
		position: relative;
		overflow: hidden;
		cursor: default;
		background: #007d7a;
		border: 1px solid rgba(255,255,255,.14);
		transition: transform .45s cubic-bezier(.22,.61,.36,1), background .45s ease, box-shadow .45s ease, border-color .45s ease;
	}

		.familounge_intro_page .fl_intro_work_card:before {
			content: "";
			position: absolute;
			inset: 0;
			background: radial-gradient(circle at 80% 18%, rgba(255,255,255,.22), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.12), transparent 42%);
			opacity: 0;
			transition: opacity .45s ease;
			pointer-events: none;
		}

		.familounge_intro_page .fl_intro_work_card:after {
			content: "";
			position: absolute;
			left: 34px;
			right: 34px;
			bottom: 34px;
			height: 1px;
			background: rgba(255,255,255,.45);
			transform: scaleX(0);
			transform-origin: left;
			transition: transform .45s cubic-bezier(.22,.61,.36,1);
			pointer-events: none;
		}


	.familounge_intro_page .work_num {
		display: block;
		margin-bottom: 34px;
		font-size: 12px;
		letter-spacing: .26em;
		font-family: 'Outfit', sans-serif;
		font-weight: 700;
	}

	.familounge_intro_page .work_icon {
		width: 52px;
		height: 52px;
		margin-bottom: 28px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--fl-white);
	}

		.familounge_intro_page .work_icon svg {
			width: 28px;
			height: 28px;
			stroke: currentColor;
			color: var(--fl-white);
		}

	.familounge_intro_page .fl_intro_work_card h5 {
		margin-bottom: 14px;
		font-size: 20px;
		line-height: 1.35;
		font-weight: 600;
		font-family: 'Outfit', 'NanumSquare', sans-serif;
	}

	.familounge_intro_page .fl_intro_work_card p {
		font-size: 15px;
		line-height: 1.85;
	}

	.familounge_intro_page .fl_intro_work_card:hover {
		z-index: 2;
		transform: translateY(-12px);
		background: #124734;
		border-color: rgba(255,255,255,.3);
		box-shadow: 0 24px 55px rgba(0,0,0,.18);
	}

		.familounge_intro_page .fl_intro_work_card:hover:before {
			opacity: 1;
		}

		.familounge_intro_page .fl_intro_work_card:hover:after {
			transform: scaleX(1);
		}

	.familounge_intro_page .fl_intro_work_card .work_num,
	.familounge_intro_page .fl_intro_work_card .work_icon,
	.familounge_intro_page .fl_intro_work_card h5,
	.familounge_intro_page .fl_intro_work_card p {
		position: relative;
		z-index: 1;
		transition: transform .45s ease, opacity .45s ease, color .45s ease;
	}

	.familounge_intro_page .fl_intro_work_card:hover .work_num {
		opacity: .72;
	}

	.familounge_intro_page .fl_intro_work_card:hover .work_icon {
		transform: translateY(-4px);
		background: rgba(255,255,255,.14);
	}

	.familounge_intro_page .fl_intro_work_card:hover h5 {
		transform: translateY(-4px);
	}

	.familounge_intro_page .fl_intro_work_card:hover p {
		transform: translateY(-2px);
		opacity: .9;
	}

@media all and (max-width:768px) {
	.familounge_intro_page .fl_intro_work_card:hover {
		transform: none;
		box-shadow: none;
	}
}

/* PHILOSOPHY */
.familounge_intro_page .fl_intro_philosophy {
	position: relative;
	padding: 60px 40px;
	overflow: hidden;
	text-align: center;
}

.familounge_intro_page .fl_intro_philosophy_inner {
	position: relative;
	z-index: 2;
}

.familounge_intro_page .fl_intro_philosophy h4 {
	margin: 0 0 26px;
	font-size: clamp(30px, 3.4vw, 48px);
	line-height: 1.45;
	font-weight: 500;
	color: var(--fl-deep);
	letter-spacing: -0.04em;
}

.familounge_intro_page .fl_intro_philosophy p:last-child {
	font-size: 16px;
	line-height: 1.9;
	color: var(--fl-deep);
}

/* REVEAL */
.familounge_intro_page .reveal,
.familounge_intro_page .reveal-left,
.familounge_intro_page .reveal-right {
	opacity: 0;
	transition: opacity .85s ease, transform .85s ease;
}

.familounge_intro_page .reveal {
	transform: translateY(38px);
}

.familounge_intro_page .reveal-left {
	transform: translateX(-38px);
}

.familounge_intro_page .reveal-right {
	transform: translateX(38px);
}

	.familounge_intro_page .reveal.visible,
	.familounge_intro_page .reveal-left.visible,
	.familounge_intro_page .reveal-right.visible {
		opacity: 1;
		transform: translate(0, 0);
	}

.familounge_intro_page .reveal-d1 {
	transition-delay: .12s;
}

.familounge_intro_page .reveal-d2 {
	transition-delay: .24s;
}

.familounge_intro_page .reveal-d3 {
	transition-delay: .36s;
}

.familounge_intro_page .reveal-d4 {
	transition-delay: .48s;
}

@keyframes flFlowMove {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

/* RESPONSIVE */
@media all and (max-width: 1024px) {
	.familounge_intro_page .fl_intro_hero {
		height: 600px;
	}

	.familounge_intro_page .fl_intro_hero_title {
		font-size: 40px;
	}

	.familounge_intro_page .fl_intro_story_grid {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.familounge_intro_page .fl_intro_work_head {
		display: block;
		text-align: center;
	}

		.familounge_intro_page .fl_intro_work_head > p {
			max-width: none;
			margin: 18px auto 0;
			text-align: center;
		}

	.familounge_intro_page .fl_intro_work_grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media all and (max-width: 680px) {
	.familounge_intro_page .fl_intro_hero {
		height: 420px;
		margin-bottom: 70px;
	}

	.familounge_intro_page .fl_intro_hero_copy {
		padding: 24px;
	}

	.familounge_intro_page .fl_intro_hero_logo img {
		width: 96px;
	}

	.familounge_intro_page .logo_glow {
		width: 140px;
		height: 140px;
	}

	.familounge_intro_page .fl_intro_hero_title {
		font-size: 26px;
		line-height: 1.35;
	}

	.familounge_intro_page .fl_intro_story {
		margin-bottom: 80px;
	}

	.familounge_intro_page .fl_intro_story_img::before {
		display: none;
	}

	.familounge_intro_page .fl_intro_story_txt h4 {
		font-size: 30px;
	}

	.familounge_intro_page .fl_intro_story_txt h5 {
		font-size: 18px;
	}

	.familounge_intro_page .fl_intro_work {
		padding: 80px 22px 90px;
	}

	.familounge_intro_page .fl_intro_work_head h4 {
		font-size: 32px;
	}

	.familounge_intro_page .fl_intro_work_grid {
		grid-template-columns: 1fr;
	}

	.familounge_intro_page .fl_intro_work_card {
		min-height: auto;
		padding: 36px 26px;
	}


	.familounge_intro_page .fl_intro_philosophy {
		padding: 90px 24px;
	}

	.familounge_intro_page {
		padding: 26px 0;
	}


		.familounge_intro_page .reveal-left,
		.familounge_intro_page .reveal-right {
			transform: translateY(28px);
		}

			.familounge_intro_page .reveal-left.visible,
			.familounge_intro_page .reveal-right.visible {
				transform: translateY(0);
			}
}




/*아이덴티티  20260504 */

.identity_page {
	--id-dark: #0e3d2e;
	--id-deep: #071f18;
	--id-teal: #00a29e;
	--id-gold: #b89a5a;
	--id-gold2: #d4b87a;
	--id-cream: #f7f3ec;
	--id-paper: #faf8f3;
	--id-text: #1b211e;
	--id-muted: #69726c;
	--id-ease: cubic-bezier(.22,1,.36,1);
	color: var(--id-text);
/*	overflow-x: hidden;  좌측 스크롤 */
}

	/* REVEAL */
	.identity_page .id_reveal {
		opacity: 0;
		transform: translateY(48px);
		transition: opacity 1s var(--id-ease), transform 1s var(--id-ease);
	}

		.identity_page .id_reveal.is_show {
			opacity: 1;
			transform: none;
		}

	/* COMMON */
	.identity_page .id_section {
		position: relative;
		padding: 120px 80px;
	}

	.identity_page small {
		display: inline-flex;
		align-items: center;
		gap: 12px;
		font-size: 11px;
		letter-spacing: .2em;
		font-weight: 600;
		color: var(--id-gold);
		text-transform: uppercase;
	}

	.identity_page .id_txt h4,
	.identity_page .id_center_txt h4 {
		margin: 22px 0 0;
		font-size: clamp(34px, 4vw, 56px);
		line-height: 1.22;
		letter-spacing: -.04em;
		font-weight: 500;
		color: var(--id-text);
	}

	.identity_page .id_txt p,
	.identity_page .id_center_txt p {
		margin-top: 24px;
		max-width: 520px;
		font-size: 15px;
		line-height: 1.9;
		color: var(--id-muted);
	}

	/* HERO */
	.identity_page .id_hero {
		position: relative;
		height: 560px;
		margin-bottom: 120px;
		border-radius: 24px;
		overflow: hidden;
		background: radial-gradient(ellipse at 50% 60%, rgba(0,162,158,.22), transparent 46%), radial-gradient(ellipse at 78% 18%, rgba(184,154,90,.14), transparent 34%), linear-gradient(150deg, #071f18 0%, #0e3d2e 55%, #155a4c 100%);
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		color: #fff;
	}

		.identity_page .id_hero::before {
			content: "";
			position: absolute;
			inset: 0;
			opacity: .4;
			pointer-events: none;
			background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
		}

	.identity_page .id_glow,
	.identity_page .id_glow2,
	.identity_page .id_ring_dash,
	.identity_page .id_orbit_dot {
		position: absolute;
		border-radius: 50%;
		pointer-events: none;
	}

	.identity_page .id_glow {
		width: 480px;
		height: 480px;
		border: 1px solid rgba(184,154,90,.18);
		animation: idRotate 38s linear infinite;
	}

		.identity_page .id_glow::before {
			content: "";
			position: absolute;
			inset: 80px;
			border: 1px solid rgba(0,162,158,.18);
			border-radius: 50%;
		}

		.identity_page .id_glow::after {
			content: "";
			position: absolute;
			inset: 160px;
			border: 1px solid rgba(184,154,90,.12);
			border-radius: 50%;
		}

	.identity_page .id_glow2 {
		width: 680px;
		height: 680px;
		border: 1px solid rgba(255,255,255,.04);
		animation: idRotate 80s linear infinite reverse;
	}

	.identity_page .id_ring_dash {
		width: 560px;
		height: 560px;
		border: 1px dashed rgba(184,154,90,.1);
		animation: idRotate 55s linear infinite;
	}

	.identity_page .id_orbit_dot {
		width: 480px;
		height: 480px;
		animation: idOrbitDot 12s linear infinite;
	}

		.identity_page .id_orbit_dot::before {
			content: "";
			position: absolute;
			top: -3px;
			left: 50%;
			width: 6px;
			height: 6px;
			transform: translateX(-50%);
			border-radius: 50%;
			background: var(--id-gold);
			box-shadow: 0 0 12px rgba(184,154,90,.8), 0 0 24px rgba(184,154,90,.4);
		}

		.identity_page .id_orbit_dot::after {
			content: "";
			position: absolute;
			bottom: -3px;
			left: 50%;
			width: 4px;
			height: 4px;
			transform: translateX(-50%);
			border-radius: 50%;
			background: var(--id-teal);
			box-shadow: 0 0 10px rgba(0,162,158,.8);
			opacity: .7;
		}

@keyframes idRotate {
	to {
		transform: rotate(360deg);
	}
}

@keyframes idOrbitDot {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.identity_page .id_hero_txt {
	position: relative;
	z-index: 1;
	padding: 0 24px;
}

	.identity_page .id_hero_txt p {
		font-size: 11px;
		letter-spacing: .22em;
		font-weight: 600;
		color: var(--id-gold);
		opacity: 0;
		transform: translateY(16px);
		animation: idUp .8s var(--id-ease) .4s forwards;
	}

	.identity_page .id_hero_txt h4 {
		margin-top: 28px;
		font-size: clamp(52px, 7vw, 88px);
		line-height: 1.28;
		font-weight: 700;
		letter-spacing: -.04em;
		color: #fff;
		opacity: 0;
		transform: translateY(24px);
		animation: idUp .9s var(--id-ease) .6s forwards;
	}

	.identity_page .id_hero_txt span {
		display: block;
		margin-top: 32px;
		font-size: 14px;
		letter-spacing: .26em;
		color: rgba(255,255,255,.42);
		opacity: 0;
		transform: translateY(16px);
		animation: idUp .8s var(--id-ease) .8s forwards;
	}

@keyframes idUp {
	to {
		opacity: 1;
		transform: none;
	}
}

.identity_page .id_scroll_hint {
	position: absolute;
	bottom: 40px;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	opacity: 0;
	animation: idUp .8s var(--id-ease) 1.2s forwards;
}

	.identity_page .id_scroll_hint span {
		font-size: 10px;
		letter-spacing: .2em;
		color: rgba(255,255,255,.3);
	}

.identity_page .id_scroll_line {
	width: 1px;
	height: 48px;
	background: linear-gradient(to bottom, transparent, var(--id-gold));
	animation: idLineBreath 2s ease-in-out infinite alternate;
}

@keyframes idLineBreath {
	from {
		height: 24px;
		opacity: .6;
	}

	to {
		height: 52px;
		opacity: 1;
	}
}

/* STORY */
.identity_page .id_story {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 80px;
	align-items: center;
	padding-left: 0;
	padding-right: 80px;
}

.identity_page .id_story_img {
	height: 580px;
	overflow: hidden;
	position: relative;
}

	.identity_page .id_story_img::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(to right, transparent 60%, var(--id-cream));
		pointer-events: none;
	}

	.identity_page .id_story_img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		filter: saturate(.88) brightness(.9);
	}

.identity_page .id_story_list {
	margin-top: 40px;
}

.identity_page .id_story_item {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	padding: 20px 0;
	border-bottom: 1px solid rgba(14,61,46,.09);
}

	.identity_page .id_story_item:first-child {
		border-top: 1px solid rgba(14,61,46,.09);
	}

	.identity_page .id_story_item span {
		min-width: 20px;
		padding-top: 2px;
		font-size: 13px;
		color: var(--id-gold);
	}

	.identity_page .id_story_item p {
		margin: 0;
		font-size: 16px;
		line-height: 1.7;
		color: var(--id-muted);
	}

/* CONNECT */
.identity_page .id_connect {
	min-height: 600px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
}

/*추가*/
.identity_page .id_connect {
	isolation: isolate;
}

.identity_page .id_center_txt {
	position: relative;
	z-index: 3;
}

	.identity_page .id_center_txt h4 {
		color: #0e3d2e;
	}

	.identity_page .id_center_txt p {
		margin-left: auto;
		margin-right: auto;
	}

.identity_page .id_network {
	position: absolute;
	width: 780px;
	height: 460px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

/*추가*/
.identity_page .id_network {
	max-width: calc(100vw - 48px);
}


	.identity_page .id_network span {
		position: absolute;
		border-radius: 50%;
		background: var(--id-teal);
		box-shadow: 0 0 24px rgba(0,162,158,.7);
	}

		.identity_page .id_network span:nth-child(2) {
			width: 16px;
			height: 16px;
			left: 50%;
			top: 2%;
			transform: translateX(-50%);
			animation: idPulse 2.8s ease-in-out infinite;
		}

		.identity_page .id_network span:nth-child(3) {
			width: 10px;
			height: 10px;
			left: 6%;
			top: 38%;
			animation: idPulse 3.2s ease-in-out .4s infinite;
		}

		.identity_page .id_network span:nth-child(4) {
			width: 12px;
			height: 12px;
			right: 6%;
			top: 38%;
			animation: idPulse 2.5s ease-in-out .8s infinite;
		}

		.identity_page .id_network span:nth-child(5) {
			width: 10px;
			height: 10px;
			left: 22%;
			bottom: 4%;
			animation: idPulse 3.6s ease-in-out .2s infinite;
		}

		.identity_page .id_network span:nth-child(6) {
			width: 14px;
			height: 14px;
			right: 22%;
			bottom: 4%;
			animation: idPulse 2.9s ease-in-out .6s infinite;
		}

@keyframes idPulse {
	0%,100% {
		transform: scale(1);
		box-shadow: 0 0 24px rgba(0,162,158,.7);
	}

	50% {
		transform: scale(1.5);
		box-shadow: 0 0 36px rgba(0,162,158,1), 0 0 60px rgba(0,162,158,.3);
	}
}

.identity_page .id_net_svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
	pointer-events: none;
}

@keyframes idTravel {
	from {
		stroke-dashoffset: 400;
	}

	to {
		stroke-dashoffset: 0;
	}
}

/* EXPAND */
.identity_page .id_expand {
	padding-bottom: 0;
}

.identity_page .id_expand_head {
	max-width: 680px;
	margin-bottom: 64px;
}

.identity_page .id_cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3px;
}

	.identity_page .id_cards > div {
		position: relative;
		aspect-ratio: 3 / 4;
		overflow: hidden;
		background: var(--id-dark);
		cursor: pointer;
	}

		.identity_page .id_cards > div::after {
			content: "";
			position: absolute;
			inset: 0;
			z-index: 1;
			background: linear-gradient(to top, rgba(7,31,24,.88) 0%, transparent 52%);
			transition: opacity .5s;
			pointer-events: none;
		}

	.identity_page .id_cards div:hover::after {
		opacity: .7;
	}

	.identity_page .id_cards img {
		position: relative;
		z-index: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		filter: brightness(.65) saturate(.9);
		transition: transform .9s var(--id-ease), filter .9s var(--id-ease);
	}

	.identity_page .id_cards div:hover img {
		transform: scale(1.09);
		filter: brightness(.45) saturate(1.15);
	}

.identity_page .id_card_label {
	position: absolute;
	z-index: 5;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 28px;
	color: #fff;
	transform: translateY(8px);
	transition: transform .9s var(--id-ease);
}

.identity_page .id_cards div:hover .id_card_label {
	transform: none;
}

.identity_page .id_card_label span {
	display: block;
	margin-bottom: 6px;
	font-size: 10px;
	letter-spacing: .2em;
	color: var(--id-gold);
}

.identity_page .id_card_label b {
	display: block;
	font-size: 24px;
	font-weight: 400;
	color: #fff;
}

.identity_page .id_card_label p {
	margin-top: 8px;
	max-height: 0;
	overflow: hidden;
	font-size: 13px;
	line-height: 1.6;
	color: rgba(255,255,255,.5);
	opacity: 0;
	transition: max-height .5s var(--id-ease), opacity .4s;
}

.identity_page .id_cards div:hover .id_card_label p {
	max-height: 80px;
	opacity: 1;
}

/* SYSTEM */
.identity_page .id_system {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 100px;
	align-items: center;
}

.identity_page .id_flow {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.identity_page .id_flow_item {
	text-align: center;
	transition: .4s ease;
}

	.identity_page .id_flow_item span {
		font-size: 12px;
		color: var(--id-gold);
	}

	.identity_page .id_flow_item b {
		display: block;
		margin-top: 8px;
		font-size: 14px;
		letter-spacing: .15em;
	}

	.identity_page .id_flow_item.highlight {
		transform: scale(1.1);
	}

		.identity_page .id_flow_item.highlight b {
			color: var(--id-dark);
		}

.identity_page .id_flow_line {
	flex: 1;
	height: 1px;
	margin: 0 10px;
	background: rgba(0,0,0,.1);
}

/* PHILOSOPHY */
.identity_page .id_philosophy {
	position: relative;
	padding: 90px 24px;
	border-radius: 24px;
	overflow: hidden;
	text-align: center;
	background: linear-gradient(135deg, #071f18 0%, #0e3d2e 100%);
	color: #fff;
}

	.identity_page .id_philosophy .id_txt {
		position: relative;
		z-index: 2;
	}

	.identity_page .id_philosophy h4 {
		color: #fff;
	}

	.identity_page .id_philosophy span {
		display: block;
		margin-top: 14px;
		font-size: 14px;
		color: rgba(255,255,255,.62);
	}

.identity_page .id_philosophy_glow {
	position: absolute;
	width: 480px;
	height: 480px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: radial-gradient(circle, rgba(0,162,158,.25), transparent 68%);
	animation: idEndGlow 6s ease-in-out infinite;
}

@keyframes idEndGlow {
	0%,100% {
		transform: translate(-50%,-50%) scale(1);
	}

	50% {
		transform: translate(-50%,-50%) scale(1.18);
	}
}

/* RESPONSIVE */
@media all and (max-width: 1200px) {
	.identity_page .id_section {
		padding: 100px 50px;
	}

	.identity_page .id_story {
		padding-right: 50px;
	}
}

@media all and (max-width: 1024px) {
	.identity_page .id_story,
	.identity_page .id_system {
		grid-template-columns: 1fr;
		gap: 52px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.identity_page .id_story_img {
		height: 420px;
		border-radius: 20px;
	}

		.identity_page .id_story_img::after {
			display: none;
		}

	.identity_page .id_cards {
		grid-template-columns: repeat(3, 1fr);
	}

	.identity_page .id_connect {
		min-height: 520px;
		padding: 90px 40px;
	}

	.identity_page .id_network {
		width: 640px;
		height: 390px;
	}
}

@media all and (max-width: 768px) {
	.identity_page .id_section {
		padding: 80px 24px;
	}

	.identity_page .id_hero {
		height: auto;
		min-height: 460px;
		margin-bottom: 80px;
		border-radius: 18px;
	}

	.identity_page .id_hero_txt h4 {
		font-size: 38px;
		line-height: 1.25;
	}

	.identity_page .id_hero_txt span {
		font-size: 11px;
		letter-spacing: .16em;
		line-height: 1.6;
	}

	.identity_page .id_glow,
	.identity_page .id_orbit_dot {
		width: 300px;
		height: 300px;
	}

		.identity_page .id_glow::before {
			inset: 52px;
		}

		.identity_page .id_glow::after {
			inset: 104px;
		}

	.identity_page .id_glow2 {
		width: 460px;
		height: 460px;
	}

	.identity_page .id_ring_dash {
		width: 380px;
		height: 380px;
	}

	.identity_page .id_story {
		padding-left: 0;
		padding-right: 0;
	}

	.identity_page .id_story_img {
		height: 320px;
	}

	.identity_page .id_story .id_txt {
		padding: 0 24px;
	}

	.identity_page .id_txt h4,
	.identity_page .id_center_txt h4,
	.identity_page .id_philosophy h4 {
		font-size: 32px;
		line-height: 1.3;
	}

	.identity_page .id_txt p,
	.identity_page .id_center_txt p {
		font-size: 14px;
		line-height: 1.8;
	}

	.identity_page .id_connect {
		min-height: 430px;
		padding: 70px 24px;
	}

	.identity_page .id_network {
		width: 420px;
		height: 300px;
		opacity: .6;
	}

	.identity_page .id_cards {
		grid-template-columns: 1fr;
		gap: 12px;
	}

		.identity_page .id_cards > div {
			aspect-ratio: 4 / 5;
			border-radius: 14px;
		}

		.identity_page .id_cards img {
			filter: brightness(.8) saturate(.95);
		}

		.identity_page .id_cards > div::after {
			opacity: .6;
		}

	.identity_page .id_card_label {
		padding: 20px;
	}

		.identity_page .id_card_label p {
			max-height: none;
			opacity: 1;
		}

	.identity_page .id_system {
		gap: 42px;
	}

	.identity_page .id_flow {
		flex-wrap: wrap;
		gap: 14px;
		justify-content: center;
	}

	.identity_page .id_flow_line {
		display: none;
	}

	.identity_page .id_flow_item {
		width: calc(50% - 7px);
		padding: 20px 10px;
		border: 1px solid rgba(18,71,52,.12);
		border-radius: 16px;
		background: #fff;
	}

		.identity_page .id_flow_item.highlight {
			transform: none;
		}

	.identity_page .id_philosophy {
		padding: 70px 24px;
		border-radius: 18px;
	}
}

@media all and (max-width: 480px) {
	.identity_page .id_section {
		padding: 64px 18px;
	}

	.identity_page .id_hero {
		min-height: 400px;
	}

	.identity_page .id_hero_txt h4 {
		font-size: 30px;
	}

	.identity_page .id_hero_txt p {
		font-size: 10px;
		letter-spacing: .18em;
	}

	.identity_page .id_story_img {
		height: 260px;
	}

	.identity_page .id_connect {
		min-height: 380px;
		padding: 60px 18px;
	}

	.identity_page .id_network {
		width: 320px;
		height: 240px;
	}

	.identity_page .id_flow_item {
		width: 100%;
	}

	.identity_page .id_philosophy h4 {
		font-size: 28px;
	}
}



/* =========================
   CI BI COMMON 공통 구조
========================= */
.cibi_label,
.cibi_symbol_item strong,
.cibi_color_chip strong {
	font-family: 'Outfit', sans-serif;
}

.cibi_summary_wrap {
	max-width: 1230px;
	margin: 0 auto;
	padding: 110px 0 130px;
	color: #222;
}

	.cibi_summary_wrap .cibi_section,
	.cibi_summary_premium .cibi_section {
		position: relative;
		padding: 78px 0;
		border-bottom: 1px solid #e7e1d8;
		text-align: left;
	}

.cibi_label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 154px;
	height: 42px;
	padding: 0 22px;
	border: 1px solid #d9d9d9;
	border-radius: 999px;
	background: #fff;
	color: #2f2f2f;
	font-size: 0.882rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1;
	margin-bottom: 26px;
}

.cibi_block_desc {
	font-size: 1rem;
	line-height: 1.9;
	color: #5c5c5c;
	word-break: keep-all;
}

.cibi_hero_section {
	padding: 0;
}

.cibi_hero_copy,
.cibi_hero_logo {
	position: relative;
	z-index: 2;
}

	.cibi_hero_copy .eng_stitle {
		font-size: 0.882rem;
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: 0.12em;
		color: #00a29e;
	}

	.cibi_hero_copy .sub_title {
		margin-top: 42px;
		font-size: 3.6rem;
		line-height: 1.15;
		letter-spacing: -0.05em;
		color: #1d1d1d;
		font-weight: 400;
	}

.cibi_hero_txt {
	max-width: 430px;
	margin: 34px 0 0 !important;
	padding-top: 28px;
	font-size: 1rem;
	line-height: 1.9;
	color: #444;
	word-break: keep-all;
}

.cibi_symbol_section {
	padding: 78px 0 !important;
}

.cibi_symbol_panel {
	display: flex;
	align-items: stretch;
	background: #fff;
	border-top: 1px solid #ece5db;
	border-bottom: 1px solid #ece5db;
}

.cibi_symbol_intro {
	width: 33%;
	padding: 40px 30px 36px;
	border-right: 1px solid #ece5db;
}

.cibi_symbol_title {
	font-size: 1.35rem;
	line-height: 1.55;
	letter-spacing: -0.04em;
	color: #222;
	font-weight: 700;
	margin-bottom: 24px;
	word-break: keep-all;
}

.cibi_symbol_desc {
	margin: 0 0 18px;
	font-size: 0.941rem;
	line-height: 1.9;
	color: #555;
	word-break: keep-all;
}

.cibi_symbol_items {
	width: 67%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cibi_symbol_item {
	flex: 1;
	text-align: center;
}

.cibi_symbol_plus {
	flex: 0 0 22px;
	text-align: center;
	font-size: 1.8rem;
	color: #9a9a9a;
	font-weight: 300;
}

.cibi_signature_intro,
.cibi_color_intro {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.cibi_signature_kicker {
	display: block;
	font-size: 0.941rem;
	color: #6e675f;
	text-align: center;
}

.cibi_signature_frame {
	display: flex;
	align-items: center;
	justify-content: center;
}

.cibi_color_block {
	display: grid;
	grid-template-columns: 1.08fr 1fr 1fr;
	gap: 18px;
	align-items: stretch;
}

.cibi_color_chip {
	position: relative;
	overflow: hidden;
	min-height: 220px;
	padding: 30px 28px;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

	.cibi_color_chip em {
		position: relative;
		z-index: 2;
		display: block;
		font-size: 0.882rem;
		line-height: 1.9;
		font-style: normal;
		color: rgba(255,255,255,0.95);
	}

.cibi_bottom_note {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding-top: 18px;
	font-size: 0.882rem;
	color: #7c766f;
	letter-spacing: 0.06em;
}

@media all and (max-width: 980px) {
	.cibi_summary_wrap {
		padding: 90px 0 100px;
	}

	.cibi_symbol_panel {
		display: block;
	}

	.cibi_symbol_intro,
	.cibi_symbol_items {
		width: 100%;
	}

	.cibi_symbol_intro {
		border-right: 0;
		border-bottom: 1px solid #ece5db;
	}

	.cibi_symbol_plus {
		display: none;
	}

	.cibi_color_block {
		grid-template-columns: 1fr;
	}

	.cibi_bottom_note {
		flex-direction: column;
		gap: 8px;
	}
}

@media all and (max-width: 768px) {
	.cibi_summary_wrap {
		padding: 70px 0 80px;
	}

		.cibi_summary_wrap .cibi_section,
		.cibi_symbol_section,
		.cibi_summary_premium .cibi_section {
			padding: 56px 0 !important;
		}

	.cibi_label {
		min-width: 140px;
		height: 40px;
		padding: 0 18px;
		font-size: 0.824rem;
	}

	.cibi_hero_copy .sub_title {
		font-size: 2.3rem;
	}

	.cibi_symbol_title {
		font-size: 1.25rem;
	}
}

@media all and (max-width: 480px) {
	.cibi_hero_copy .sub_title {
		font-size: 1.95rem;
	}

	.cibi_block_desc,
	.cibi_symbol_desc,
	.cibi_summary_txt {
		font-size: 0.941rem;
		line-height: 1.8;
	}

	.cibi_label {
		min-width: 128px;
		height: 38px;
		font-size: 0.765rem;
		letter-spacing: 0.04em;
	}
}



/* =========================
   패밀라운지 ci bi ONLY CSS
========================= */

/* HERO */
.cibi_hero_grid {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 80px;
	min-height: 520px;
	padding: 72px 42px;
	background-image: url('/home/page/company/img/wave_bg.jpg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	overflow: hidden;
}

.cibi_hero_copy {
	flex: 0 1 40%;
}

.cibi_hero_logo {
	flex: 0 1 60%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cibi_hero_logo_inner {
	width: 100%;
	max-width: 500px;
	text-align: center;
}

	.cibi_hero_logo_inner img {
		display: inline-block;
		max-width: 100%;
		height: auto;
	}

/* SYMBOL IMAGE */
.cibi_symbol_items {
	padding: 38px 28px 30px;
}

.cibi_symbol_item {
	padding: 0 10px;
}

.cibi_symbol_item_img {
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.cibi_symbol_item_img img {
		max-width: 150px;
		max-height: 150px;
		height: auto;
	}

/* SIGNATURE */
.cibi_signature_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 18px;
	align-items: stretch;
}

.cibi_signature_box {
	min-height: 220px;
	padding: 24px 20px 22px;
	justify-content: space-between;
}

.cibi_signature_frame {
	flex: 1;
	min-height: 136px;
	padding: 8px;
}

	.cibi_signature_frame img {
		max-width: 100%;
		max-height: 120px;
		height: auto;
	}

/* COLOR */
.cibi_color_chip.main {
	background: linear-gradient(135deg, #8a642e 0%, #6f4c1d 58%, #543713 100%);
}

.cibi_color_chip.sub {
	background: linear-gradient(135deg, #4c514c 0%, #363a36 58%, #252925 100%);
}

/* RESPONSIVE */
@media all and (max-width: 980px) {
	.cibi_hero_grid {
		display: block;
		min-height: auto;
		padding: 56px 34px;
		background-position: center;
	}

	.cibi_hero_copy,
	.cibi_hero_logo {
		width: 100%;
	}

		.cibi_hero_copy .sub_titcon,
		.cibi_hero_txt {
			text-align: center;
		}

	.cibi_hero_txt {
		max-width: 100%;
		margin: 30px auto 0 !important;
	}

	.cibi_hero_logo {
		margin-top: 36px;
	}

	.cibi_symbol_items {
		flex-wrap: wrap;
		gap: 24px 0;
	}

	.cibi_symbol_item {
		width: 50%;
		flex: none;
	}

	.cibi_signature_wrap {
		grid-template-columns: 1fr;
	}
}

@media all and (max-width: 768px) {
	.cibi_hero_grid {
		padding: 40px 22px;
	}

	.cibi_symbol_items {
		padding: 28px 18px;
	}

	.cibi_symbol_item {
		width: 100%;
	}

	.cibi_symbol_item_img {
		height: 150px;
	}

		.cibi_symbol_item_img img {
			max-width: 130px;
			max-height: 130px;
		}
}






/* =========================
   CLOUNGE BI CSS
========================= */

/* HERO */
.cibi_hero_grid {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 60px;
	min-height: 520px;
	padding: 72px 42px;
	background-image: url('/home/page/company/img/wave_bg.jpg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	overflow: hidden;
}

.cibi_hero_copy {
	flex: 0 1 38%;
}

.cibi_hero_logo {
	flex: 0 1 62%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cibi_hero_logo_inner {
	width: 100%;
	max-width: 720px;
	text-align: center;
}

	.cibi_hero_logo_inner img {
		display: inline-block;
		max-width: 100%;
		height: auto;
	}

/* SYMBOL IMAGE */
.cibi_symbol_items {
	padding: 38px 28px 30px;
}

.cibi_symbol_item_img {
	height: 108px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

	.cibi_symbol_item_img img {
		max-width: 96px;
		max-height: 96px;
		height: auto;
	}

/* SYMBOL TEXT */
.cibi_symbol_item span {
	display: block;
	font-family: 'Outfit', sans-serif;
	font-size: 1.118rem;
	line-height: 1.2;
	color: #b1945f;
	font-weight: 500;
	margin-bottom: 10px;
}

.cibi_symbol_item p {
	font-size: 0.882rem;
	line-height: 1.65;
	color: #4e4e4e;
	word-break: keep-all;
}

/* SIGNATURE */
/*
.cibi_signature_wrap {
	display: grid;
	grid-template-columns: 0.9fr 1fr 1fr 1.2fr;
	gap: 40px;
	align-items: end;
}
*/

.cibi_signature_intro {
	grid-column: 1;
}

.cibi_signature_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.cibi_signature_frame {
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.cibi_signature_frame img {
		width: auto;
		max-width: 100%;
		object-fit: contain;
		filter: drop-shadow(0 8px 18px rgba(0,0,0,0.08));
	}

	.cibi_signature_frame .signature_symbol {
		height: 70px;
	}

	.cibi_signature_frame .signature_vertical {
		height: 110px;
	}

	.cibi_signature_frame .signature_horizontal {
		max-height: 80px;
		width: auto;
	}


/* COLOR */
.cibi_color_chip.main1 {
	background: linear-gradient(135deg, #8a642e 0%, #B1945F 58%, #543713 100%);
}

.cibi_color_chip.sub1 {
	background: linear-gradient(135deg, #4c514c 0%, #2D4838 58%, #252925 100%);
}

/* RESPONSIVE */
@media all and (max-width: 980px) {
	.cibi_hero_grid {
		display: block;
		min-height: auto;
		padding: 56px 34px;
		background-position: center;
	}

	.cibi_hero_copy,
	.cibi_hero_logo {
		width: 100%;
	}

		.cibi_hero_copy .sub_titcon,
		.cibi_hero_txt {
			text-align: center;
		}

	.cibi_hero_txt {
		max-width: 100%;
		margin: 30px auto 0 !important;
	}

	.cibi_hero_logo {
		margin-top: 36px;
	}

	.cibi_symbol_items {
		flex-wrap: wrap;
		gap: 24px 0;
	}

	.cibi_symbol_item {
		width: 50%;
		flex: none;
	}

		.cibi_symbol_item p {
			min-height: 3.2em;
			ine-height: 1.6;
		}

	.cibi_signature_wrap {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.cibi_signature_intro {
		grid-column: auto;
		margin-bottom: 10px;
	}

	.cibi_signature_frame {
		height: auto;
		min-height: 120px;
	}
}

@media all and (max-width: 768px) {
	.cibi_hero_grid {
		padding: 40px 22px;
	}

	.cibi_symbol_items {
		padding: 28px 18px;
	}

	.cibi_symbol_item {
		width: 100%;
	}
}






/* =========================
   하루애 변경 CSS 
========================= */

.brand-intro {
	text-align: center;
	margin-bottom: 70px;
}

.brand-quote {
	font-size: 24px;
	line-height: 1.45;
	color: #00a29e;
	font-weight: 800;
	margin-bottom: 15px;
	letter-spacing: -0.5pt;
}

.brand-desc {
	font-size: 18px;
	line-height: 1.6;
	color: #666;
	letter-spacing: -0.4pt;
	word-break: keep-all;
}

/* =========================
   섹션 공통
========================= */
.brand-section {
	display: flex;
	align-items: center;
	gap: 40px;
}

	.brand-section.reverse {
		flex-direction: row-reverse;
	}

.brand-section-block {
	display: block;
}

.section-main {
	margin-bottom: 90px;
}

.section-program {
	margin-bottom: 100px;
}

.section-benefit {
	margin-bottom: 100px;
}

.section-routine {
	margin-bottom: 0;
}

.brand-image,
.brand-text {
	flex: 1;
}

.brand-text-full {
	width: 100%;
	flex: none;
}

.brand-image img {
	display: block;
	width: 100%;
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.brand-text h4 {
	font-size: 28px;
	line-height: 1.4;
	color: #00a29e;
	margin: 0 0 20px;
	font-weight: 700;
	letter-spacing: -0.6pt;
}

.brand-text p {
	font-size: 16px;
	line-height: 1.8;
	color: #555;
	margin: 0;
	word-break: keep-all;
	letter-spacing: -0.4pt;
}

/* =========================
   섹션 타이틀
========================= */
.sub_titcon {
	text-align: center;
	margin-bottom: 34px;
}

.sub_title {
	position: relative;
	letter-spacing: -1pt;
	font-size: 1.765rem;
	line-height: 1.45;
	font-weight: 400;
	color: #222;
	margin: 0;
}

	.sub_title span {
		color: #00a29e;
		font-weight: 800;
	}

/* eng_stitle 제거 
.eng_stitle {
	display: none !important;
}
*/

/* =========================
   프로그램 6종
========================= */
.program-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.program-card {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #eee;
	box-sizing: border-box;
	transition: all 0.3s ease;
}

	.program-card:hover {
		transform: translateY(-3px);
		box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
	}

	.program-thumb img,
	.program-card img {
		display: block;
		width: 100%;
		height: 250px;
		object-fit: cover;
	}

.program-body {
	padding: 24px 22px 26px;
	text-align: center;
}

	.program-body h5 {
		font-size: 18px;
		color: #00a29e;
		margin: 0 0 10px;
		font-weight: 800;
		min-height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1.45;
		letter-spacing: -0.4pt;
		word-break: keep-all;
	}

	.program-body p {
		font-size: 14px;
		color: #777;
		line-height: 1.6;
		margin: 0;
		word-break: keep-all;
		letter-spacing: -0.3pt;
	}

/* =========================
   특별 혜택
========================= */
.benefit-wrap.v2 {
	display: flex;
	gap: 20px;
}

.benefit-card.v2 {
	flex: 1;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	background: #fff;
	box-sizing: border-box;
}

.benefit-thumb {
	width: 100%;
}

	.benefit-thumb img {
		display: block;
		width: 100%;
		height: 220px;
		object-fit: cover;
	}

.benefit-card.v2 .benefit-body {
	padding: 26px 24px 28px;
	text-align: center;
}

.benefit-card.v2 h5 {
	font-size: 20px;
	line-height: 1.4;
	font-weight: 800;
	margin: 0 0 10px;
	color: #222;
	letter-spacing: -0.4pt;
}

.benefit-card.v2 p {
	font-size: 14px;
	line-height: 1.7;
	color: #666;
	margin: 0;
	word-break: keep-all;
	letter-spacing: -0.3pt;
}

/* 기존 badge 제거 */
.benefit-card.v2 .badge {
	display: none;
}

/* =========================
   활용 방법
========================= */
.routine-wrap.v2 {
	display: flex;
	gap: 20px;
}

.routine-card.v2 {
	flex: 1;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	background: #fff;
	box-sizing: border-box;
}

	.routine-card.v2 .rt-head {
		padding: 22px;
		text-align: center;
		font-weight: 800;
		font-size: 18px;
		line-height: 1.4;
		letter-spacing: -0.4pt;
	}

		.routine-card.v2 .rt-head span {
			display: block;
			font-size: 11px;
			margin-top: 6px;
			opacity: 0.8;
			letter-spacing: 0.08em;
			font-weight: 400;
		}

.rt-head.green {
	background: #0f9d92;
	color: #fff;
}

.rt-head.beige {
	background: #cbb08d;
	color: #fff;
}

.routine-card.v2 .rt-body {
	padding: 34px 26px 36px;
	text-align: center;
}

	.routine-card.v2 .rt-body strong {
		font-size: 20px;
		line-height: 1.4;
		display: block;
		margin-bottom: 10px;
		color: #222;
		letter-spacing: -0.4pt;
	}

	.routine-card.v2 .rt-body p {
		font-size: 14px;
		line-height: 1.7;
		color: #666;
		margin: 0;
		word-break: keep-all;
		letter-spacing: -0.3pt;
	}

	/* =========================
   정렬
========================= */
	.brand-section-block .sub_titcon,
	.brand-section-block .sub_title,
	.program-body,
	.program-body h5,
	.program-body p,
	.benefit-card.v2,
	.benefit-card.v2 h5,
	.benefit-card.v2 p,
	.routine-card.v2 .rt-head,
	.routine-card.v2 .rt-body,
	.routine-card.v2 .rt-body strong,
	.routine-card.v2 .rt-body p {
		text-align: center;
	}

/* =========================
   반응형
========================= */
@media all and (max-width: 980px) {
	.contents_in {
		padding-top: 80px;
	}

	h3.cont_title {
		font-size: 2rem;
		margin: 0 0 40px;
	}

	.basicCont {
		padding: 0 3%;
		margin: 0 auto 100px;
	}

	.brand-intro {
		margin-bottom: 55px;
	}

	.brand-quote {
		font-size: 20px;
	}

	.brand-desc {
		font-size: 16px;
	}

	.brand-section,
	.brand-section.reverse {
		flex-direction: column;
		gap: 25px;
		text-align: center;
	}

	.section-main {
		margin-bottom: 70px;
	}

	.section-program,
	.section-benefit {
		margin-bottom: 80px;
	}

	.brand-text h4 {
		font-size: 24px;
	}

	.brand-text p {
		font-size: 15px;
	}

	.sub_titcon {
		margin-bottom: 28px;
	}

	.sub_title {
		font-size: 1.6rem;
	}

	.program-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.benefit-wrap.v2,
	.routine-wrap.v2 {
		flex-direction: column;
	}
}

@media all and (max-width: 680px) {
	.contents_in {
		padding-top: 50px;
	}

	h3.cont_title {
		font-size: 2rem;
		margin: 0 0 30px;
	}

	.basicCont {
		margin: 0 auto 80px;
	}

	.brand-intro {
		margin-bottom: 40px;
	}

	.brand-quote {
		font-size: 18px;
		margin-bottom: 12px;
	}

	.brand-desc {
		font-size: 15px;
		line-height: 1.6;
	}

	.section-main {
		margin-bottom: 50px;
	}

	.section-program,
	.section-benefit {
		margin-bottom: 60px;
	}

	.brand-text h4 {
		font-size: 22px;
		margin-bottom: 14px;
	}

	.brand-text p {
		font-size: 15px;
		line-height: 1.7;
	}

	.sub_titcon {
		margin-bottom: 20px;
	}

	.sub_title {
		font-size: 1.5rem;
		line-height: 1.4;
	}

	.program-grid {
		grid-template-columns: 1fr;
	}

	.program-thumb img,
	.program-card img,
	.benefit-thumb img {
		height: auto;
	}

	.program-body {
		padding: 20px 18px 22px;
	}

		.program-body h5 {
			min-height: auto;
			font-size: 17px;
			margin-bottom: 8px;
		}

		.program-body p,
		.benefit-card.v2 p,
		.routine-card.v2 .rt-body p {
			font-size: 13px;
			line-height: 1.6;
		}

	.benefit-card.v2 .benefit-body {
		padding: 20px 18px 22px;
	}

	.benefit-card.v2 h5 {
		font-size: 18px;
	}

	.routine-card.v2 .rt-head {
		padding: 18px;
		font-size: 16px;
	}

	.routine-card.v2 .rt-body {
		padding: 24px 18px;
	}

		.routine-card.v2 .rt-body strong {
			font-size: 18px;
		}
}



/* =========================
   클라마켓 추가 CSS
========================= */



/*추가*/
/* 서브페이지 공통 개편 스타일 (brand-*) */
/* 1. 인트로 영역 */
.brand-intro {
	text-align: center;
	margin-bottom: 60px;
}

.brand-quote {
	font-size: 24px;
	color: #00a29e;
	font-weight: 800;
	margin-bottom: 15px;
	letter-spacing: -0.5pt;
}

.brand-desc {
	font-size: 18px;
	color: #666;
	word-break: keep-all;
	line-height: 1.6;
}

/* 2. 섹션 공통 (이미지 & 텍스트) */
.brand-section {
	display: flex;
	align-items: center;
	gap: 40px;
	margin-bottom: 80px;
}

	.brand-section.reverse {
		flex-direction: row-reverse;
	}
	/* 텍스트-이미지 순서 반전 */
	.brand-section .brand-image {
		flex: 1;
	}

		.brand-section .brand-image img {
			width: 100%;
			border-radius: 20px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.08);
		}

	.brand-section .brand-text {
		flex: 1;
	}

		.brand-section .brand-text h4 {
			font-size: 28px;
			color: #333;
			margin-bottom: 20px;
			font-weight: 700;
		}

		.brand-section .brand-text p {
			font-size: 16px;
			line-height: 1.8;
			color: #555;
			word-break: keep-all;
		}

/* 3. 가치 카드 영역 */
/* ===== 공용 가치 카드 영역 ===== */
.brand-values {
	display: flex;
	gap: 24px;
	margin-top: 20px;
}

	.brand-values .value-card {
		flex: 1;
		background: #fff;
		border: 1px solid #ddd;
		border-radius: 18px;
		padding: 32px 24px;
		text-align: center;
		box-sizing: border-box;
	}

		.brand-values .value-card h5 {
			font-size: 22px;
			line-height: 1.4;
			font-weight: 800;
			color: #00a29e;
			margin: 0 0 12px;
			letter-spacing: -0.5pt;
		}

		.brand-values .value-card p {
			font-size: 15px;
			line-height: 1.7;
			color: #666;
			margin: 0;
		}

@media all and (max-width: 980px) {
	.brand-values {
		flex-direction: column;
		gap: 16px;
	}
}

@media all and (max-width: 680px) {
	.brand-values .value-card {
		padding: 24px 18px;
	}

		.brand-values .value-card h5 {
			font-size: 18px;
		}
}

/* 모바일 대응 (반응형) */
@media all and (max-width: 980px) {
	.brand-section, .brand-section.reverse {
		flex-direction: column;
		gap: 25px;
		text-align: center;
		margin-bottom: 60px;
	}

	.brand-values {
		flex-direction: column;
	}

	.brand-quote {
		font-size: 20px;
	}

	.brand-section .brand-text h4 {
		font-size: 24px;
	}
}




/* =========================
   CLOUNGE 공간공유 소개 
========================= */
.space-intro {
	padding-top: 10px;
	color: #222;
}

/* 공통 */
.space-intro .section-title {
	font-size: 28px;
	line-height: 1.45;
	font-weight: 800;
	letter-spacing: -0.8px;
	margin: 0 0 14px;
}

	.space-intro .section-title span {
		color: #00a29e;
	}

.space-intro .section-desc {
	font-size: 15px;
	line-height: 1.8;
	color: #666;
	margin: 0;
}


.space-intro .section-kicker {
	font-size: 15px;
	line-height: 1.3;
	font-weight: 700;
	color: #0d8f88;
	margin: 0 0 16px;
	letter-spacing: -0.2px;
}

/* =========================
   HERO
========================= */

.space-intro .hero-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 42px;
	margin-bottom: 90px;
}

.space-intro .hero-copy {
	width: 44%;
}

.space-intro .hero-kicker {
	font-size: 13px;
	font-weight: 700;
	color: #00a29e;
	margin-bottom: 14px;
	letter-spacing: 0.2px;
}

.space-intro .hero-title {
	font-size: 40px;
	line-height: 1.35;
	font-weight: 800;
	margin: 0 0 18px;
	letter-spacing: -1.1px;
}

	.space-intro .hero-title span {
		color: #00a29e;
	}

.space-intro .hero-desc {
	font-size: 16px;
	line-height: 1.9;
	color: #666;
	margin: 0;
	word-break: keep-all;
}

.space-intro .hero-image {
	width: 56%;
}

	.space-intro .hero-image img {
		width: 100%;
		display: block;
		border-radius: 24px;
		box-shadow: 0 14px 28px rgba(0, 0, 0, 0.06);
	}

/* 버튼 공통 */
.space-intro .hero-btn,
.space-intro .hero-btn:link,
.space-intro .hero-btn:visited,
.space-intro .hero-btn:hover,
.space-intro .hero-btn:active,
.space-intro .cta-btn,
.space-intro .cta-btn:link,
.space-intro .cta-btn:visited,
.space-intro .cta-btn:hover,
.space-intro .cta-btn:active {
	text-decoration: none !important;
}

.space-intro .hero-btn,
.space-intro .cta-btn {
	display: inline-block;
	min-width: 140px;
	height: 44px;
	line-height: 42px;
	border-radius: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

/* =========================
   WHY (이미지 카드형)
========================= */

.space-intro .why-section {
	margin-bottom: 84px;
	text-align: center;
}

.space-intro .why-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	margin-top: 34px;
}

.space-intro .why-card.img {
	position: relative;
	min-height: 260px;
	border-radius: 22px;
	overflow: hidden;
	background: #f7f7f4;
	border: 1px solid #ecebe6;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
}

	.space-intro .why-card.img img {
		width: 100%;
		height: 100%;
		min-height: 260px;
		object-fit: cover;
		display: block;
		transform: scale(1);
		transition: transform 0.45s ease;
	}

	.space-intro .why-card.img:hover img {
		transform: scale(1.03);
	}


.space-intro .why-dim {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 68%;
	background: linear-gradient( to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.32) 45%, rgba(0, 0, 0, 0) 100% );
	z-index: 1;
}

.space-intro .why-text {
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 18px;
	z-index: 2;
	text-align: left;
	color: #fff;
}

	.space-intro .why-text span {
		display: inline-block;
		font-family: 'Outfit', sans-serif;
		font-size: 11px;
		line-height: 1;
		color: rgba(255, 255, 255, 0.92);
		border: 1px solid rgba(255, 255, 255, 0.4);
		border-radius: 999px;
		padding: 5px 8px;
		margin-bottom: 10px;
		backdrop-filter: blur(3px);
	}

	.space-intro .why-text h5 {
		font-size: 20px;
		line-height: 1.35;
		font-weight: 800;
		margin: 0 0 6px;
		letter-spacing: -0.3pt;
		color: #fff;
	}

	.space-intro .why-text p {
		font-size: 13px;
		line-height: 1.65;
		color: rgba(255, 255, 255, 0.92);
		margin: 0;
		word-break: keep-all;
	}

/* =========================
   BRIDGE SECTION
========================= */

.space-intro .bridge-section {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 36px;
	padding: 34px 0 40px;
	margin-bottom: 84px;
	border-top: 1px solid rgba(0, 162, 158, 0.12);
	border-bottom: 1px solid rgba(0, 162, 158, 0.12);
}

.space-intro .bridge-copy {
	width: 36%;
}

.space-intro .bridge-kicker {
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	color: #00a29e;
	letter-spacing: 0.4px;
	margin: 0 0 14px;
}

.space-intro .bridge-copy h4 {
	font-size: 28px;
	line-height: 1.4;
	font-weight: 800;
	color: #222;
	letter-spacing: -0.6pt;
	margin: 0 0 12px;
}

/* .space-intro .bridge-copy p {
  font-size: 15px;
  line-height: 1.8;
  color: #666;
  margin: 0;
  word-break: keep-all;
} */

.space-intro .bridge-points {
	width: 64%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.space-intro .bridge-point {
	padding: 8px 4px;
}

	.space-intro .bridge-point span {
		display: inline-block;
		font-family: 'Outfit', sans-serif;
		font-size: 30px;
		line-height: 1;
		color: #00a29e;
		margin-bottom: 14px;
		font-weight: 800;
		letter-spacing: -1px;
	}


	.space-intro .bridge-point strong {
		display: block;
		font-size: 18px;
		line-height: 1.4;
		font-weight: 800;
		color: #222;
		margin-bottom: 8px;
		letter-spacing: -0.3pt;
	}

	.space-intro .bridge-point p {
		font-size: 14px;
		line-height: 1.7;
		color: #666;
		margin: 0;
		word-break: keep-all;
	}


/* =========================
   SCALE SECTION
========================= */

.space-intro .scale-section {
	margin-bottom: 60px;
}

.space-intro .scale-card {
	position: relative;
	overflow: hidden;
	border-radius: 18px;
	padding: 30px 34px;
	box-sizing: border-box;
	background: linear-gradient(135deg, #0f8f8c, #11a8a6);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
	min-height: 170px;
}

.space-intro .scale-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	pointer-events: none;
}

	.space-intro .scale-bg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: right center;
		display: block;
		opacity: 0.95;
	}

.space-intro .scale-copy {
	position: relative;
	z-index: 2;
	max-width: 420px;
	color: #fff;
}

.space-intro .scale-kicker {
	font-size: 12px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.4px;
	opacity: 0.92;
	margin: 0 0 10px;
}

.space-intro .scale-card h4 {
	font-size: 28px;
	line-height: 1.35;
	font-weight: 700;
	letter-spacing: -0.6pt;
	margin: 0 0 12px;
	color: #fff;
}

	.space-intro .scale-card h4 strong {
		display: inline-block;
		font-size: 52px;
		letter-spacing: -1px;
		line-height: 1;
		font-weight: 800;
		margin-top: 4px;
		color: #fff;
	}

.space-intro .scale-desc {
	font-size: 14px;
	line-height: 1.7;
	opacity: 0.92;
	margin: 0;
	color: #fff;
}

/* tablet */
@media all and (max-width: 980px) {
	.space-intro .scale-card {
		padding: 26px 28px;
		min-height: 160px;
	}

		.space-intro .scale-card h4 {
			font-size: 24px;
		}

			.space-intro .scale-card h4 strong {
				font-size: 40px;
			}
}

/* mobile */
@media all and (max-width: 680px) {
	.space-intro .scale-section {
		margin-bottom: 50px;
	}

	.space-intro .scale-card {
		padding: 22px 18px;
		border-radius: 14px;
		min-height: 150px;
	}


	.space-intro .scale-bg img {
		object-position: right center;
	}

	.space-intro .scale-copy {
		max-width: 72%;
	}

	.space-intro .scale-kicker {
		font-size: 11px;
		margin-bottom: 8px;
	}

	.space-intro .scale-card h4 {
		font-size: 22px;
		line-height: 1.4;
		margin-bottom: 10px;
	}

		.space-intro .scale-card h4 strong {
			font-size: 34px;
		}

	.space-intro .scale-desc {
		font-size: 13px;
		line-height: 1.65;
	}
}






/* =========================
   CTA
========================= */

.space-intro .bottom-cta {
	text-align: center;
	background: #eef7f6;
	padding: 30px;
	/* border-radius: 20px; */
}

	.space-intro .bottom-cta h4 {
		font-size: 28px;
		line-height: 1.4;
		font-weight: 800;
		margin: 0 0 10px;
		letter-spacing: -0.5pt;
	}

	.space-intro .bottom-cta span {
		color: #00a29e;
	}

	.space-intro .bottom-cta p {
		font-size: 14px;
		line-height: 1.7;
		color: #666;
		margin: 0 0 20px;
	}

.space-intro .cta-btns {
	display: flex;
	justify-content: center;
	gap: 14px;
	flex-wrap: wrap;
}

.space-intro .cta-btn.primary {
	background: #00a29e;
	border: 1px solid #00a29e;
	color: #fff;
}

.space-intro .cta-btn.secondary {
	border: 1px solid #00a29e;
	color: #00a29e;
	background: #fff;
}

/* =========================
   반응형
========================= */

@media (max-width: 980px) {
	.space-intro .hero-section,
	.space-intro .bridge-section {
		flex-direction: column;
	}

	.space-intro .hero-copy,
	.space-intro .hero-image,
	.space-intro .bridge-copy,
	.space-intro .bridge-points {
		width: 100%;
	}

	.space-intro .why-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.space-intro .bridge-points {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 680px) {
	.space-intro .why-grid,
	.space-intro .bridge-points {
		grid-template-columns: 1fr;
	}

	.space-intro .hero-title {
		font-size: 28px;
	}

	.space-intro .section-title,
	.space-intro .bridge-copy h4,
	.space-intro .bottom-cta h4 {
		font-size: 24px;
		line-height: 1.45;
	}

	.space-intro .why-card.img,
	.space-intro .why-card.img img {
		min-height: 220px;
	}

	.space-intro .why-text h5,
	.space-intro .bridge-point strong {
		font-size: 18px;
	}

	.space-intro .why-text p,
	.space-intro .hero-desc,
	.space-intro .section-desc,
	.space-intro .bridge-copy p,
	.space-intro .bridge-point p,
	.space-intro .bottom-cta p {
		font-size: 13px;
		line-height: 1.7;
	}

	.space-intro .hero-btn,
	.space-intro .cta-btn {
		width: 100%;
		min-width: 100%;
	}
}


/* 공간 활용 섹션 */
.space_usage_section .cont_title {
	margin-bottom: 24px;
}

.space_usage_intro {
	max-width: 760px;
	margin: 0 auto 56px;
	font-size: 17px;
	line-height: 1.9;
	letter-spacing: -0.45px;
	color: #777;
	word-break: keep-all;
}

.space_usage_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 72px;
	padding: 0 0 48px;
}

.space_usage_visual {
	width: calc(62% - 36px);
}

	.space_usage_visual img {
		display: block;
		width: 100%;
		height: 620px;
		object-fit: cover;
		border-radius: 24px;
		box-shadow: 0 24px 60px rgba(0,0,0,0.08);
		transition: opacity .35s ease, transform .35s ease;
	}

.space_usage_copy {
	width: calc(38% - 36px);
	text-align: left;
	transition: opacity .35s ease, transform .35s ease;
}

	.space_usage_visual img.is-changing,
	.space_usage_copy.is-changing {
		opacity: .3;
		transform: translateY(6px);
	}

.usage_eyebrow {
	display: inline-block;
	margin: 0 0 20px;
	padding-bottom: 10px;
	font-size: 13px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.18em;
	color: #00a29e;
	font-family: 'Outfit', sans-serif;
}

.usage_title {
	margin: 0 0 18px;
	font-size: 40px;
	line-height: 1.25;
	letter-spacing: -1.3px;
	font-weight: 800;
	color: #222;
	word-break: keep-all;
}

.usage_desc {
	max-width: 420px;
	margin: 0 0 34px;
	font-size: 15px;
	line-height: 1.85;
	letter-spacing: -0.35px;
	color: #777;
	word-break: keep-all;
}

.usage_keyword_wrap {
	padding-top: 24px;
	border-top: 1px solid #ececec;
}

.usage_keyword_tit {
	margin: 0 0 14px;
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.18em;
	color: #999;
	font-family: 'Outfit', sans-serif;
}

.usage_keyword {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
}

	.usage_keyword li {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 38px;
		padding: 0 16px;
		background: transparent;
		border: 1px solid #e3e7e7;
		border-radius: 999px;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 1;
		font-weight: 600;
		letter-spacing: -0.3px;
		color: #5f6f6e;
	}

/* 탭 */
.usage_tabs_line {
	max-width: 920px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #e7e7e7;
	text-align: center;
	font-size: 0;
}

	.usage_tabs_line li {
		display: inline-block;
		margin: 0 22px;
		vertical-align: top;
	}

		.usage_tabs_line li a {
			position: relative;
			display: block;
			padding: 18px 2px 20px;
			font-size: 16px;
			line-height: 1;
			color: #888;
			font-weight: 500;
			letter-spacing: -0.3px;
			transition: all .3s ease;
		}

			.usage_tabs_line li a:after {
				content: '';
				display: block;
				width: 0;
				height: 2px;
				background: #00a29e;
				position: absolute;
				left: 0;
				bottom: -1px;
				transition: width .3s ease;
			}

			.usage_tabs_line li a:hover {
				color: #222;
			}

				.usage_tabs_line li a:hover:after,
				.usage_tabs_line li a.on:after {
					width: 100%;
				}

			.usage_tabs_line li a.on {
				color: #00a29e;
				font-weight: 800;
			}

/* 반응형 */
@media all and (max-width:1200px) {
	.space_usage_wrap {
		gap: 48px;
	}

	.space_usage_visual {
		width: calc(58% - 24px);
	}

	.space_usage_copy {
		width: calc(42% - 24px);
	}

	.space_usage_visual img {
		height: 560px;
	}

	.usage_title {
		font-size: 36px;
	}
}

@media all and (max-width:1024px) {
	.space_usage_wrap {
		gap: 34px;
		padding-bottom: 36px;
	}

	.space_usage_visual,
	.space_usage_copy {
		width: 100%;
	}

		.space_usage_visual img {
			height: 460px;
			border-radius: 24px;
		}

	.usage_title {
		font-size: 31px;
	}

	.usage_desc {
		max-width: 100%;
		margin-bottom: 28px;
	}

	.usage_tabs_line li {
		margin: 0 14px;
	}
}

@media all and (max-width:768px) {
	.space_usage_intro {
		margin: 0 auto 34px;
		font-size: 15px;
		line-height: 1.8;
	}

	.space_usage_wrap {
		gap: 22px;
		padding-bottom: 28px;
	}

	.space_usage_visual img {
		height: 320px;
		border-radius: 18px;
	}

	.usage_eyebrow {
		margin-bottom: 16px;
		font-size: 12px;
	}

	.usage_title {
		font-size: 25px;
		line-height: 1.35;
		margin-bottom: 14px;
	}

	.usage_desc {
		font-size: 15px;
		line-height: 1.82;
		margin-bottom: 22px;
	}

	.usage_keyword_wrap {
		padding-top: 18px;
	}

	.usage_keyword {
		gap: 8px;
	}

		.usage_keyword li {
			height: 34px;
			padding: 0 13px;
			font-size: 13px;
		}

	.usage_tabs_line {
		overflow-x: auto;
		white-space: nowrap;
		text-align: left;
		padding: 0 10px;
	}

		.usage_tabs_line li {
			margin: 0 12px 0 0;
		}

			.usage_tabs_line li a {
				font-size: 15px;
				padding: 16px 2px 18px;
			}
}



/* ==============================================
   이용요금 페이지
   ============================================== */

.space-guide {
	color: #111;
}

	.space-guide img {
		max-width: 100%;
	}

	/* ── 공통 섹션 레이아웃 ── */
	.space-guide .usage_section,
	.space-guide .usage_block {
		padding: 110px 20px 0;
	}

	/* usage_section_head */
	.space-guide .usage_section_head,
	.space-guide .usage_head {
		margin-bottom: 44px;
	}

		.space-guide .usage_section_head.center,
		.space-guide .usage_head.center {
			text-align: center;
		}

	/* ── 라벨 (FLOW / PRICING / GUIDELINE…) ── */
	.space-guide .usage_section_label,
	.space-guide .usage_label {
		margin: 0 0 14px;
		font-size: 13px;
		line-height: 1.4;
		letter-spacing: 0.22em;
		color: #00a29e;
		font-weight: 700;
		font-family: 'Outfit', sans-serif;
		text-transform: uppercase;
	}

	/* ── 섹션 타이틀 ── */
	.space-guide .usage_section_title,
	.space-guide .usage_title {
		margin: 0;
		font-size: 34px;
		line-height: 1.35;
		font-weight: 800;
		letter-spacing: -0.03em;
		color: #111;
	}

	/* ── 버튼 ── */
	.space-guide .usage_btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 170px;
		height: 52px;
		padding: 0 28px;
		border-radius: 999px;
		font-size: 14px;
		line-height: 1;
		font-weight: 700;
		text-decoration: none;
		transition: all 0.25s ease;
		box-sizing: border-box;
		cursor: pointer;
	}

	.space-guide .usage_btn--primary {
		background: #00a29e;
		border: 1px solid #00a29e;
		color: #fff;
	}

		.space-guide .usage_btn--primary:hover {
			background: #008b87;
			border-color: #008b87;
			color: #fff;
		}

	.space-guide .usage_btn--outline {
		background: transparent;
		border: 1px solid rgba(17, 17, 17, 0.2);
		color: #111;
	}

		.space-guide .usage_btn--outline:hover {
			border-color: #00a29e;
			color: #00a29e;
		}

	/* =============================================
   HERO
   ============================================= */
	.space-guide .usage_hero_experience {
		position: relative;
		padding: 110px 20px 40px;
	}

	.space-guide .usage_hero_inner {
		position: relative;
		max-width: 1180px;
		margin: 0 auto;
		padding: 80px 70px;
		text-align: center;
		border-radius: 32px;
		background: radial-gradient(circle at top left, rgba(0, 162, 158, 0.07), transparent 45%), radial-gradient(circle at bottom right, rgba(0, 162, 158, 0.05), transparent 55%), linear-gradient(145deg, #ffffff 0%, #ffffff 100%);
		overflow: hidden;
	}

		/* 장식 원 */
		.space-guide .usage_hero_inner::before,
		.space-guide .usage_hero_inner::after {
			content: "";
			position: absolute;
			border-radius: 999px;
			pointer-events: none;
		}

		.space-guide .usage_hero_inner::before {
			width: 320px;
			height: 320px;
			border: 1px solid rgba(0, 162, 158, 0.12);
			top: -100px;
			left: -100px;
		}

		.space-guide .usage_hero_inner::after {
			width: 240px;
			height: 240px;
			border: 1px solid rgba(0, 162, 158, 0.10);
			right: -60px;
			bottom: -80px;
		}

	.space-guide .usage_eyebrow {
		display: inline-block;
		margin: 0 0 20px;
		font-size: 13px;
		line-height: 1.4;
		letter-spacing: 0.26em;
		color: #00a29e;
		font-weight: 700;
		font-family: 'Outfit', sans-serif;
		text-transform: uppercase;
	}


	.space-guide .usage_hero_title {
		margin: 0;
		font-size: 46px;
		line-height: 1.3;
		font-weight: 800;
		letter-spacing: -0.045em;
		color: #111;
		font-family: 'Outfit', 'NanumSquare', sans-serif;
	}

	.space-guide .usage_hero_desc {
		margin: 26px 0 0;
		font-size: 17px;
		line-height: 1.85;
		color: #555;
		letter-spacing: -0.01em;
		word-break: keep-all;
	}

	/* =============================================
   FLOW (이용 흐름)
   ============================================= */
	.space-guide .usage_flow_wrap {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		gap: 0;
	}

	/* ── FLOW 아이템 ── */
	.space-guide .usage_flow_item {
		flex: 1 1 0;
		min-height: 220px;
		padding: 40px 34px;
		background: #fff;
		position: relative;
		cursor: pointer;
		border-top: 1px solid rgba(17, 17, 17, 0.10);
		border-bottom: 1px solid rgba(17, 17, 17, 0.10);
		border-right: none;
		transition: background 0.22s ease;
	}

		.space-guide .usage_flow_item:last-child {
			border-right: 0px solid rgba(17, 17, 17, 0.10);
		}


		.space-guide .usage_flow_item::before {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 3px;
			background: #00a29e;
			transform: scaleX(0);
			transform-origin: left;
			transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
		}


		.space-guide .usage_flow_item:hover::before {
			transform: scaleX(1);
		}


		.space-guide .usage_flow_item:hover .flow_title {
			color: #00a29e;
		}


	.space-guide .flow_num {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		border: 1px solid rgba(17, 17, 17, 0.15);
		margin-bottom: 18px;
		font-size: 13px;
		font-weight: 600;
		color: #999;
		letter-spacing: 0.05em;
		font-family: 'Outfit', sans-serif;
		transition: all 0.22s ease;
	}


	.space-guide .usage_flow_item:hover .flow_num {
		border-color: #00a29e;
		color: #00a29e;
		background: rgba(0, 162, 158, 0.08);
		transform: translateY(-2px);
	}


	.space-guide .flow_title {
		margin: 0 0 10px;
		font-size: 24px;
		line-height: 1.35;
		font-weight: 800;
		letter-spacing: -0.03em;
		color: #111;
		font-family: 'Outfit', 'NanumSquare', sans-serif;
		transition: color 0.22s ease;
	}


	.space-guide .flow_desc {
		margin: 0;
		font-size: 15px;
		line-height: 1.8;
		color: #666;
		letter-spacing: -0.01em;
		word-break: keep-all;
	}


	.space-guide .flow_arrow {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		color: rgba(0, 162, 158, 0.5);
		font-size: 18px;
		position: relative;
		z-index: 2;
	}

	/* =============================================
   PRICING (이용요금)
   ============================================= */
	.space-guide #usage_price {
		padding-top: 110px;
	}

		.space-guide #usage_price .usage_head {
			margin-bottom: 46px;
		}


	.space-guide .price_box_v3 {
		max-width: 820px;
		margin: 0 auto;
		padding: 62px 52px 52px;
		border: 1.5px solid rgba(0, 162, 158, 0.22);
		border-radius: 32px;
		background: #ffffff;
		text-align: center;
		box-sizing: border-box;
		position: relative;
		overflow: hidden;
	}

		.space-guide .price_box_v3::before {
			content: "";
			position: absolute;
			width: 280px;
			height: 280px;
			border-radius: 999px;
			background: radial-gradient(circle, rgba(0, 162, 158, 0.08) 0%, transparent 70%);
			top: -80px;
			right: -80px;
			pointer-events: none;
		}

	.space-guide .price_item_name {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		margin: 0 0 20px;
		padding: 6px 18px;
		border-radius: 999px;
		background: rgba(0, 162, 158, 0.08);
		font-size: 14px;
		line-height: 1.5;
		color: #00a29e;
		font-weight: 700;
		letter-spacing: 0.04em;
		font-family: 'Outfit', sans-serif;
	}

	/* [추가] font-family 보완 */
	.space-guide .price_big {
		margin: 0;
		font-size: 64px;
		line-height: 1.0;
		letter-spacing: -0.06em;
		color: #111;
		font-weight: 900;
		font-family: 'Outfit', 'NanumSquare', sans-serif;
	}

		.space-guide .price_big span {
			font-size: 0.45em;
			font-weight: 600;
			letter-spacing: -0.02em;
			vertical-align: middle;
			color: #444;
		}

	.space-guide .price_base_info {
		margin: 16px 0 0;
		font-size: 16px;
		line-height: 1.7;
		color: #888;
		letter-spacing: -0.01em;
	}

	.space-guide .price_divider {
		width: 48px;
		height: 1px;
		background: rgba(17, 17, 17, 0.12);
		margin: 34px auto;
	}

	.space-guide .price_option_grid_v3 {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}

	.space-guide .price_option_card_v3 {
		padding: 26px 22px;
		border-radius: 20px;
		background: #fff;
		border: 1px solid rgba(17, 17, 17, 0.07);
		box-sizing: border-box;
		text-align: left;
		transition: box-shadow 0.2s ease;
	}



		.space-guide .price_option_card_v3 .option_label {
			display: block;
			margin-bottom: 10px;
			font-size: 13px;
			line-height: 1.5;
			color: #999;
			letter-spacing: 0.04em;
			text-transform: uppercase;
		}

		/* [추가] font-family 보완 */
		.space-guide .price_option_card_v3 .option_value {
			display: block;
			font-size: 22px;
			line-height: 1.3;
			color: #111;
			font-weight: 800;
			letter-spacing: -0.03em;
		}

	/* =============================================
   GUIDELINE (이용 안내)
   ============================================= */

	.space-guide .space-guide-guideline__summary {
		max-width: 980px;
		margin: 0 auto 54px;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		border: 1px solid rgba(0, 162, 158, 0.14);
		border-radius: 20px;
		overflow: hidden;
	}

	.space-guide .space-guide-guideline__summary-item {
		padding: 36px 28px;
		text-align: center;
		position: relative;
		background: transparent;
	}


		.space-guide .space-guide-guideline__summary-item + .space-guide-guideline__summary-item {
			border-left: 1px solid rgba(0, 162, 158, 0.14);
		}

	.space-guide .space-guide-guideline__icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		border-radius: 12px;
		margin: 0 auto 16px;
		font-size: 20px;
	}


	.space-guide .space-guide-guideline__summary-item strong {
		display: block;
		margin-bottom: 8px;
		font-size: 18px;
		line-height: 1.4;
		color: #111;
		font-weight: 800;
		letter-spacing: -0.03em;
		font-family: 'Outfit', 'NanumSquare', sans-serif;
	}

	.space-guide .space-guide-guideline__summary-item p {
		margin: 0;
		font-size: 14px;
		line-height: 1.75;
		color: #666;
		word-break: keep-all;
		c
	}

	/* 카드 그리드 */
	.space-guide .space-guide-guideline__cards {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
		max-width: 1180px;
		margin: 0 auto;
	}

	.space-guide .space-guide-guideline__card {
		padding: 34px 30px;
		border-radius: 22px;
		background: #fff;
		border: 1px solid rgba(17, 17, 17, 0.08);
		transition: box-shadow 0.25s ease, transform 0.25s ease;
	}


	.space-guide .space-guide-guideline__card-header {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 20px;
		padding-bottom: 18px;
		border-bottom: 1px solid rgba(17, 17, 17, 0.07);
	}

	/* [추가] font-family 보완 */
	.space-guide .space-guide-guideline__card h3 {
		margin: 0;
		font-size: 18px;
		line-height: 1.4;
		color: #111;
		font-weight: 800;
		letter-spacing: -0.02em;
		font-family: 'Outfit', 'NanumSquare', sans-serif;
	}

	.space-guide .space-guide-guideline__card ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.space-guide .space-guide-guideline__card li {
		position: relative;
		padding-left: 16px;
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 1.8;
		color: #555;
		word-break: keep-all;
	}

		.space-guide .space-guide-guideline__card li:last-child {
			margin-bottom: 0;
		}

		.space-guide .space-guide-guideline__card li::before {
			content: "";
			position: absolute;
			left: 0;
			top: 11px;
			width: 5px;
			height: 5px;
			border-radius: 50%;
			background: #00a29e;
		}

	/* =============================================
   CTA
   ============================================= */
	.space-guide .usage_cta_experience {
		padding: 110px 20px 130px;
	}

	.space-guide .usage_cta_inner {
		max-width: 1180px;
		margin: 0 auto;
		padding: 88px 48px;
		text-align: center;
		border-radius: 32px;
		background: radial-gradient(circle at 20% 80%, rgba(0, 162, 158, 0.10) 0%, transparent 50%), linear-gradient(145deg, #ffffff 0%, #f9f5e8 100%);
		position: relative;
		overflow: hidden;
	}

		.space-guide .usage_cta_inner::before {
			content: "";
			position: absolute;
			width: 260px;
			height: 260px;
			border: 1px solid rgba(0, 162, 158, 0.10);
			border-radius: 999px;
			left: -80px;
			bottom: -80px;
			pointer-events: none;
		}


	.space-guide .usage_cta_label {
		margin: 0 0 16px;
		font-size: 13px;
		line-height: 1.4;
		letter-spacing: 0.26em;
		color: #00a29e;
		font-weight: 700;
		font-family: 'Outfit', sans-serif;
		text-transform: uppercase;
	}


	.space-guide .usage_cta_title {
		margin: 0;
		font-size: 42px;
		line-height: 1.3;
		font-weight: 800;
		letter-spacing: -0.04em;
		color: #111;
		font-family: 'Outfit', 'NanumSquare', sans-serif;
	}

	.space-guide .usage_cta_btns {
		display: flex;
		justify-content: center;
		gap: 12px;
		margin-top: 34px;
		flex-wrap: wrap;
	}

/* =============================================
   RESPONSIVE
   ============================================= */
@media (max-width: 1024px) {
	.space-guide .usage_hero_title {
		font-size: 38px;
	}

	.space-guide .usage_section_title,
	.space-guide .usage_title {
		font-size: 28px;
	}

	/* flow: 세로 스택 */
	.space-guide .usage_flow_wrap {
		flex-direction: column;
		gap: 0;
	}
	/*
	.space-guide .usage_flow_item {
		border-right: 1px solid rgba(17,17,17,0.10);
		border-bottom: none;
	}

		.space-guide .usage_flow_item:last-child {
			border-bottom: 1px solid rgba(17,17,17,0.10);
		}
*/
	.space-guide .flow_arrow {
		transform: rotate(90deg);
		width: 100%;
		height: 24px;
	}

	/* guideline grid */
	.space-guide .space-guide-guideline__summary {
		grid-template-columns: 1fr;
		border-radius: 16px;
	}

	.space-guide .space-guide-guideline__summary-item + .space-guide-guideline__summary-item {
		border-left: none;
		border-top: 1px solid rgba(0, 162, 158, 0.14);
	}

	.space-guide .space-guide-guideline__cards {
		grid-template-columns: 1fr;
	}

	.space-guide .price_option_grid_v3 {
		grid-template-columns: 1fr;
	}

	.space-guide .usage_cta_title {
		font-size: 34px;
	}
}

@media (max-width: 768px) {
	.space-guide .usage_hero_experience {
		padding: 70px 16px 20px;
	}

	.space-guide .usage_hero_inner {
		padding: 56px 24px;
		border-radius: 22px;
	}

	.space-guide .usage_hero_title {
		font-size: 30px;
	}

	.space-guide .usage_hero_desc {
		font-size: 15px;
	}

	.space-guide .usage_section,
	.space-guide .usage_block {
		padding: 80px 16px 0;
	}

	.space-guide #usage_price {
		padding-top: 80px;
	}

	.space-guide .usage_section_title,
	.space-guide .usage_title {
		font-size: 24px;
	}

	.space-guide .usage_flow_item {
		min-height: auto;
		padding: 28px 22px;
	}

	.space-guide .flow_title {
		font-size: 20px;
	}

	.space-guide .flow_desc {
		font-size: 14px;
	}

	.space-guide .price_box_v3 {
		padding: 44px 24px 36px;
		border-radius: 22px;
	}

	.space-guide .price_big {
		font-size: 48px;
	}

	.space-guide .price_option_card_v3 .option_value {
		font-size: 20px;
	}

	.space-guide .usage_cta_experience {
		padding: 80px 16px 100px;
	}

	.space-guide .usage_cta_inner {
		padding: 60px 24px;
		border-radius: 22px;
	}

	.space-guide .usage_cta_title {
		font-size: 28px;
	}

	.space-guide .usage_btn {
		min-width: 140px;
		height: 48px;
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.space-guide .usage_hero_title {
		font-size: 26px;
	}

	.space-guide .usage_section_title,
	.space-guide .usage_title {
		font-size: 22px;
	}

	.space-guide .usage_cta_title {
		font-size: 24px;
	}

	.space-guide .price_big {
		font-size: 42px;
	}
}