.br_pc{display: none;}

/*-------- 00 --------*/
#compnay_info {max-width: 85%;margin: 4% auto 0;}
#compnay_info .sub_txt {text-align: center;}
#compnay_info .sub_txt h1 {font-size: 45px;line-height: 1.8;font-family: 'GongGothicMedium';font-weight: 500;letter-spacing: -0.5px;margin-bottom: 5%;}
#compnay_info .sub_txt h1 span {display: inline;background: #66a7a4;color: #fff;padding: 15px 30px;border-radius: 20px;}
#compnay_info .sub_txt .img_mian {margin: 6% auto 3%;}
#compnay_info .sub_txt .img_mian img {width: 100%;}
#compnay_info .sub_txt .boxs_t {background: rgba(255,255,255,0.8);padding: 50px;margin-bottom: 4%;border: 2px dashed #c4b8ac;}
#compnay_info .sub_txt .info_txt {font-size: 17px;font-family: 'Pretendard-Regular';line-height: 2;padding-bottom: 3%;letter-spacing: -0.5px;}


/* -------- 01 --------*/
#ceo_info {max-width: 80%;margin: 4% auto;}
#ceo_info .max {display: block;}
#ceo_info .max .item-box {/* display: inline-flex; */margin: auto;left: 0;right: 0;}
#ceo_info .max .item-box .right {width: 50%;overflow: hidden;margin: 0 auto 3%;}
#ceo_info .max .item-box .right img {width: 100%;}
#ceo_info .max .item-box .left  {/* padding-left: 5%; */}
#ceo_info .max .item-box .left h3 {width: 100%;font-size: 25px;line-height: 1.8;font-family: 'GongGothicMedium';font-weight: 100;color: #666;margin-bottom: 7%;text-align: center;}
#ceo_info .max .item-box .left h3 span {color: #906756;display: block;font-size: 30px;letter-spacing: -0.5px;}
#ceo_info .max .item-box .left .txt p {font-size: 15px;padding-bottom: 5%;}
#ceo_info .max .item-box .left .txt .ani {display: flex;border-bottom: 1px dashed #c4b8ac;margin-bottom: 50px;}
#ceo_info .max .item-box .left .txt .ani_end {border-bottom: none;}
#ceo_info .max .item-box .left .txt .ani .num {width: 80%;width: 150px;color: #906756;font-size: 8em;font-family: 'Pretendard-Regular';font-weight: bold;height: 0;opacity: 0.2;}
#ceo_info .max .item-box .left .txt .ani p {font-size: 16px;font-family: 'Pretendard-Regular';line-height: 2;letter-spacing: -0.5px;}
#ceo_info .max .item-box .left .txt .ani p b {color: #906756;}
#ceo_info .max .item-box .sine {display: inline-flex;right: 11%;position: absolute;font-size: 18px;font-family: 'Pretendard-Regular';}
#ceo_info .max .item-box .sine b {padding-right: 20px;}


/* ------- 02 ---------*/
#ideology {max-width: 80%;margin: 4% auto;}
#ideology h1{text-align: center;font-size: 2.2rem;letter-spacing: -0.5px;font-family: 'Pretendard-Regular';}

#ideology .max {display: block;margin-top: 5%;}
#ideology .max .titwrap span {font-size: 27px;border-bottom: 3px solid #000;width: 100%;display: block;font-family: 'Pretendard-Regular';padding-bottom: 1%;}


#ideology .max .item-box {/* display: inline-flex; */}
#ideology .max .item-box .boxs  {}
#ideology .max .item-box .boxs h3 {width: 100%;font-size: 25px;line-height: 1.8;font-family: 'GongGothicMedium';font-weight: 100;color: #666;margin-bottom: 7%;}
#ideology .max .item-box .boxs h3 span {color: #906756;display: block;font-size: 30px;letter-spacing: -0.5px;}
#ideology .max .item-box .boxs  p {font-size: 15px;padding-bottom: 5%;}
#ideology .max .item-box .boxs  .ani {display: flex;margin-bottom: 15px;padding: 50px 40px;background: #f9f7f3;}
#ideology .max .item-box .boxs  .ani_end {border-bottom: none;}
#ideology .max .item-box .boxs  .ani .num {width: 12%;color: #906756;font-size: 6em;font-family: 'Pretendard-Regular';font-weight: bold;height: 31px;top: 30px;position: relative;}
#ideology .max .item-box .boxs  .ani dl{width: 100%;}
#ideology .max .item-box .boxs  .ani dl dt {font-size: 25px;font-family: 'GongGothicMedium';line-height: 2;letter-spacing: -0.5px;color: #906756;margin-bottom: 1%;padding-bottom: 2%;border-bottom: 1px dashed #a79584;}
#ideology .max .item-box .boxs  .ani dl dd {font-size: 18px;line-height: 2;letter-spacing: -0.5px;font-family: 'Pretendard-Regular';}



/* -------- 03 ---------*/
#group_box {position: relative;max-width: 80%;margin: 3% auto;}
#group_box .deco_text{white-space: nowrap;font-size: 11.375rem;	letter-spacing: -0.6rem;position: absolute;z-index: -1;top: 125px; right: -12vw;color: #dec5ba;	opacity: 0.2;}
#group_box .tit_box{color: rgba(222,197,186,.2);font-size: 11.375rem;	}
#group_box .tit_box .tit{/* text-align: center; */font-size: 3.125rem;font-weight: normal;color: var(--color04);}
#group_box .tit_box .tit span{color: #dec5ba;font-size: inherit;}
	
#group_box .organization{text-align: center;}
#group_box .organization .top {/* overflow: hidden; */position: relative;width: auto;}
#group_box .organization .top::before{position: absolute;top: 55px;width: 1px;height: 137%;left: 0;right: 0;margin: auto;content:'';z-index:1;background: #906756;}

	
#group_box .organization .top h4{width: 20%;box-sizing: border-box;padding: 20px 0;background-color: #906756;color: #fff;font-weight: 600;font-size: 1.50rem;margin: 0 auto 7%;display: block;letter-spacing: 4px;font-family: 'Pretendard-Regular';}
#group_box .organization .top h5 {display: math;/* background: #906756; */color: #906756;border: 1px solid #906756;width: 200px;right: 19em;position: absolute;padding: 20px 0;font-family: 'Pretendard-Regular';letter-spacing: 3px;float: right;}
#group_box .organization .top .tit01 { top: 35%; }
#group_box .organization .top .tit01_1 { top: 110%; }
#group_box .organization .top .tit::after{content: "";display: block;position: absolute;width: 121%;height: 1px;right: 100%;top: 50%;background-color: #906756;}


#group_box .organization .top .txt01_1{margin-bottom: 0;}
#group_box .organization .top .line {background: #000;}

#group_box .organization .cen {border: 1px solid #906756;position: relative;padding: 45px;height: 5px;margin: 9% auto 0;width: 84%;border-bottom: none;background: #fff;z-index: 1;}

#group_box .organization h3{display: inline-block;font-size: 1.75rem;font-weight: 600;background-color: #5a4d45;color: #fff;padding: 25px 100px;margin-bottom: 4%;width: 100%;}
#group_box .organization ul{/* margin-top: 165px; */display: flex;flex-direction: row;align-items: flex-start;gap: 20px;position: relative;}
#group_box .organization ul::before{position:absolute;top: 7%;left:10%;width:80%;height:0;content:'';border-top: 1px dashed #c4b8ac;z-index: 0;}
#group_box .organization ul li{width: calc( (100% - (20px * 3)) / 4); position: relative;}

#group_box .organization dl{/* margin-top: 30px; */}
#group_box .organization dl dt{width: 100%;box-sizing: border-box;padding: 20px 0;background-color: #dec5ba;font-size: 1.25rem;font-weight: 600;font-family: 'Pretendard-Regular';}
#group_box .organization dl dt:not(:first-of-type){	margin-top: 40px;}
#group_box .organization dl dd{padding: 15px 10px;border: 1px solid #dec5ba;background-color: #fff;text-align: center;font-size: 1.125rem;line-height: 1.8;font-family: 'Pretendard-Regular';font-weight: 100;letter-spacing: -0.5px;}


/* --------- 04 --------*/


#plan_box .box_info{margin-top: 80px;}

#plan_box .box_info ul{width: 85%; margin: 0 auto;}
#plan_box .box_info ul li{display: flex;width: 100%;align-items: center;gap: 30px;box-sizing: border-box;border-radius: 35px;/* box-shadow: 0px 0px 10px rgba(204,204,204,.5); */padding: 60px 30px;}
#plan_box .box_info ul li.ba01 {background: #f3f0ee;}
#plan_box .box_info ul li.ba02 {background: #edeae8;}
#plan_box .box_info ul li:not(:last-child){margin-bottom: 65px;}	
#plan_box .box_info .tit{display: inline-block;padding: 50px 35px;text-align: center;font-size: 1.25rem;font-weight: 600;color: #fff;line-height: 1.2;margin-top: 0;transform: translateX(-50%);}
#plan_box .box_info{margin-top: 80px;}


#plan_box .box_info .left figure i {font-size: 72px;color: #75655d;}
#plan_box .box_info .right h4{display: inline; font-size: 1.25rem;font-weight: 600;color: var(--color04);box-shadow: inset 0 -10px 0 #eee2dc;}
#plan_box .box_info .right p{margin-top: 25px;font-size: 18px;word-break: keep-all;line-height: 2;font-family: 'Pretendard-Regular';letter-spacing: -0.5px;border-left: 1px solid;padding-left: 50px;}



@media(max-width:1448px) {
	
	#compnay_info .sub_txt h1{font-size: 38px; line-height: 2;}
	#compnay_info .sub_txt .info_txt{font-size: 15.5px;}
	
	#ceo_info .max .item-box .left h3{font-size: 20px;}
	#ceo_info .max .item-box .left h3 span {font-size: 25px;}
	#ceo_info .max .item-box .right{width: 45%;}
	#ceo_info .max .item-box .left .txt .ani .num{width: 40px;font-size: 5em;}
	#ceo_info .max .item-box .left .txt .ani p{font-size: 15px;}
	#ceo_info .max .item-box .left{padding-left: 0;}
	
	#ideology .max .item-box .boxs .ani .num{width: 12%; font-size: 5em; top: 25px;}
	
	#group_box{max-width: 85%;}
	#group_box .organization .top .tit::after{width: 100%;}
	#group_box .organization .top h5{right: 13%;}
	#group_box .organization ul{column-gap: 10px;}
	#group_box .organization dl dd{font-size: 16px;}
	
	#plan_box .box_info ul li{gap:0;}
	#plan_box .box_info .left figure i{position: relative; left: -35%;}
	#plan_box .box_info .right p{font-size: 15px;}
	
}



@media(max-width:950px) {
	
	#ceo_info{max-width: 95%;}
	
	#compnay_info, #ideology, #group_box, #plan_box .box_info ul{max-width: 95%;}
	#plan_box .box_info ul{width: 100%;}

	#compnay_info .sub_txt h1{font-size: 30px;}
	
	#ceo_info .max .item-box{display: block;}
	#ceo_info .max .item-box .right{width: auto;margin: 0 auto 5%;}
	#ceo_info .max .item-box .left h3{text-align: center;}
	
	#ideology h1{line-height: 2;}
	
	#group_box .organization .top .tit::after{width: 50%;}
	
	#plan_box .box_info ul li{display: block;}
	#plan_box .box_info .left figure i{left: 0;}
	#plan_box .box_info .left figure{margin: 2.5% auto; text-align: center;}
	#plan_box .box_info .tit{width: 100%; transform:none; padding: 10px 35px;}
	#plan_box .box_info .right p{border: none; padding-left: 0;}
	
	.br_pc{display: block;} .mo_br {display: none;}
	
	.mo_height{padding-top: 5%;}

}


@media(max-width:780px) {
	
	#compnay_info .sub_txt h1, #ideology h1{font-size: 22px;}
	
	#ideology .max .item-box .boxs .ani{padding: 50px 5px;}
	#ideology .max .item-box .boxs .ani .num{top: 5px; font-size: 2em;}
	
	#group_box .organization h3{padding: 25px 0;}
	
	#group_box .organization ul{display: block;}
	#group_box .organization ul li{width: 48.5%; display: inline-grid; padding-bottom: 5%;}
	
	#group_box .organization .top h4{width: 95%;margin-bottom: 5%;}
	#group_box .organization .top h5 {width: 95%;float: none;right: 0;position: relative;left: 0;margin: auto;display: block;}
	
	#group_box .organization .top .txt01_1{margin-bottom: 5%;}

	#group_box .organization .top .tit01 {top: auto;margin-bottom: 5%;}
	#group_box .organization .top .tit01_1 {top: auto;margin-bottom: 5%;}
	
	#group_box .organization .top::before{display: none;}
	#group_box .organization .top .tit::after{display: none;}
	#group_box .organization ul::before{display: none;}
	#group_box .organization .cen{display: none;}
}




@media(max-width:465px) {
	
	#compnay_info .sub_txt h1, #ideology h1{font-size: 19px;}
	#compnay_info .sub_txt h1 span{padding: 10px 25px;}
	#compnay_info .sub_txt .boxs_t{padding: 50px 15px;}
	#compnay_info .sub_txt .info_txt{padding-bottom: 10%;}
	
	
	#ceo_info .max .item-box .left h3{font-size: 18px;}
	#ceo_info .max .item-box .left h3 span {font-size: 20px; line-height: 2;}
	#ceo_info .max .item-box .sine{right: 0; text-align: center; left: 0; margin-bottom: 5%; display: none;}
	
	#ideology .max{margin-top: 12%;}
	#ideology .max .titwrap span{font-size: 20px;}
	#ideology .max .item-box .boxs .ani{display: block;}
	#ideology .max .item-box .boxs .ani .num{left: 0; right: 0; margin: auto; text-align: center;}
	#ideology .max .item-box .boxs .ani dl dt{text-align: center; font-size: 20px;}
	#ideology .max .item-box .boxs .ani dl dd{font-size: 15px; padding-top: 5%;}
	
	#plan_box .box_info ul li{border-radius: 10px;}
	#plan_box .box_info .left figure{margin: 8.5% auto;}
	#plan_box .box_info .left figure i{font-size: 55px;}
}