@charset "utf-8";
html, body, div{word-break: keep-all; font-size:20px; color: #000; line-height:1.4;}
p{word-break: keep-all; font-size:20px; color:#535353;}


/*------------------ 공통---------------- */
.red{color:#E41D25;}
.gray{background-color:#F1F1F1}
.center{text-align: center;}
.foot-clear{width: 100%; height: 120px;}
.mob{display: none;}
.pc{display: inline-block;}
a {cursor: pointer;}
.center{text-align: center;}
.clear{width: 200px;}
.pp{font-family:poppins;}
sup{padding-top:10px;}
#page-08 .history .h_cont .h_text span.sup, .sup{vertical-align: 0.5em;font-size: 0.75em;}
.title_p{color:#000; text-align:center; max-width:80%; margin:0 auto 110px;}
.t_img{margin-bottom:100px;}

.img_m{display:none;}

.tabnav{display:flex; justify-content:center; margin-bottom:100px;}
.tabnav li{margin-right:5px; margin-left:5px;}
.tabnav li a{color:#888; display: inline-block; font-size:30px; font-weight:500; padding:15px 25px; border-radius:36px;  background-color:#eee; display:flex; justify-content:center;}
.tabnav li a.active,
.tabnav li a:hover{border-radius:36px; background-color:#E41D25; color:#fff; font-weight:800; transition:0.2s;}

.tabnav-b{display:flex; justify-content:center; margin-bottom:100px; margin-top:-50px;}
.tabnav-b li{margin-right:5px; margin-left:5px;}
.tabnav-b li a{color:#888; display: inline-block; font-size:30px; font-weight:500; padding:15px 25px; border-radius:36px;  background-color:#eee;}
.tabnav-b li a.active,
.tabnav-b li a:hover{border-radius:36px; background-color:#E41D25; color:#fff; font-weight:800; transition:0.2s;}

.title_st01{font-size: 38px;font-weight: 700; display:flex;}
.title_st01:before{content:''; width:20px; min-width:20px; height:20px; border:5px solid #E41D25; border-radius:50%; display:block; margin:17px 5px 0 0;}

.title_st02{display: flex;height: 370px;flex-direction: column; justify-content: center; align-items: center;}
.title_st02 .b_tt{font-size: 48px;font-weight: 600;text-align:center;width:80%;}
.title_st02 .fs-28{text-align:center;width:80%;}

.title_st03 p{color:#E41D25; font-size:20px; font-weight: 600; margin-bottom:10px;}
.title_st03 div{font-size: 48px;font-weight: 700; line-height:1.2;}

.gr_st01 {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:100px;}
.gr_st01 img{}

.gr_st01 .gr_text {width:50%;}
.gr_st01 .gr_text .title_st01{margin-bottom:40px;}
.gr_st01 .gr_text ul{border-top:1px solid #d9d9d9; padding-top:40px;}
.gr_st01 .gr_text ul li {margin-bottom:10px;display:flex; flex-wrap:wrap;}
.gr_st01 .gr_text ul li p{color:#333; font-size: 23px;}
.gr_st01 .gr_text ul li span{width:100%; display:inline-block; color: #A8A8A8;font-size: 23px;font-weight: 700;}

.gr_st02 ul {display:flex;  flex-wrap:wrap; justify-content:space-evenly; }
.gr_st02 ul li {margin-bottom:50px;}
.gr_st02 ul li div{color:#fff;}
.gr_st02 ul li .title{font-size: 30px; font-weight: 700; margin-bottom:25px; text-align:center; max-width:350px; height:147px;}
.gr_st02 ul li .cont{
	width:350px; height:350px; border:6px solid #fff; 
	border-radius:50%; display: flex; flex-direction: column;
	justify-content: center;
	align-items: center;
}
.gr_st02 ul li .cont .img{margin-bottom:20px;}
.gr_st02 ul li .cont .gr_text p{color:#fff; text-align:center;margin-bottom:3px;}
.gr_st02 ul li .num{color: #FFF;opacity: 0.5;font-size: 40px;font-weight: 700;}

.gr_st03{display:flex; flex-wrap:wrap;}
.gr_st03 li{
	width:700px; display:flex; padding: 20px 35px; 
	align-items: center; border-radius: 0px 0px 50px 0px; 
	border-top: 4px solid #E41D25;
	background: #FFF; box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.10);
	margin:0 50px 40px 0;
}
.gr_st03 li .icon{margin-right:20px; }
.gr_st03 li .text .title{font-size: 35px;font-weight: 600;}
.gr_st03 li .text p{color: #000; font-size: 20px; font-weight: 400; word-break:keep-all;}

.gr_st04{display:flex; flex-wrap:wrap; justify-content:space-evenly;}
.gr_st04 li{ box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.10);}
.gr_st04 li:before{display: flex; content:''; width:100%;border-top:5px solid #E41D25;}
.gr_st04 li > div{
	width: 400px; padding: 80px 0px;
	display: flex; 	
	flex-direction: column;
	align-items: center;
	
}
.gr_st04 li .icon{margin-bottom:40px;}
.gr_st04 li .text p{margin-bottom:20px;font-size: 30px;text-align: center;font-weight: 500;}
.gr_st04 li .text .title{font-size: 50px;font-weight: 700;}

.gr_st05{display:flex; flex-wrap:wrap; justify-content:space-between;}
.gr_st05 li{width:48%; height:360px; display:flex; flex-direction: column;justify-content: center;align-items: center; margin-bottom:40px;}
.gr_st05 li .icon{margin-bottom:20px;}
.gr_st05 li .text{color:#fff;font-size: 40px;font-weight: 700;text-align: center;}

.gr_st06{display:flex; flex-wrap:wrap; justify-content:space-between;}
.gr_st06 li{width:48%; height:340px; display:flex; flex-direction: column; padding: 10px 30px; border-top:5px solid #E41D25; margin-bottom:40px;}
.gr_st06 li .num{color: rgba(0, 0, 0, 0.10);font-size: 100px;font-weight: 600;}
.gr_st06 li div{font-size: 31px;font-weight: 600;}

.gr_st07{display:flex; flex-wrap:wrap; justify-content:space-between;}
.gr_st07 li{
	width:31%; height:450px; padding:30px;
	display:flex; flex-direction: column; 
	background: url("/images/content/menu/39_img01.png") no-repeat;
	background-size:cover;
}
.gr_st07 li .t_1{color: #FFBCBC;font-size: 75px;font-weight: 700; margin-bottom:10px;text-align:center;}
.gr_st07 li .t_2{color: #000;font-size: 33px;font-weight: 700;text-align:center; margin-bottom:20px;}
.gr_st07 li .t_3{font-size: 20px;font-weight: 500; width:80%; text-align:center; line-height:1.6; margin:0 auto}

.gr_st08 ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.gr_st08 li{
	width:23%; padding: 20px 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 5px solid #FFF;
	background: rgba(0, 0, 0, 0.50);
	margin-bottom:20px;
}
.gr_st08 li .title{font-size: 30px; color: #FFF;font-weight: 700; margin-top:20px;text-align:center;}
.gr_st08 li p{color: #FFF;font-size: 20px;font-weight: 400; margin-top:20px;text-align:center;}

.gr_st09 li{width:100%; border-bottom:1px solid #d9d9d9; display:flex; padding-bottom:50px; margin-bottom:80px; }
.gr_st09 li .icon{margin-right:30px;}
.gr_st09 li .gr09_t{color: #000;font-size: 30px;font-weight: 700;margin-bottom:15px;}
.gr_st09 li .gr09_c{font-size: 20px; font-weight: 400;}

.gr_st10{display:flex; flex-wrap:wrap; justify-content:space-between;}
.gr_st10 li{
	
	width:48%; height:340px;
	border-top:5px solid #E41D25;
	background: rgba(255, 255, 255, 0.60);
	margin-bottom:40px;
}
.gr_st10 li > div{
	border: 1px solid #D9D9D9; 
	width:100%; height:100%; 
	display: flex;	
	align-items: center;
	position:relative; padding: 10px 30px;
}

.gr_st10 li .cont{}
.gr_st10 li .num{color: rgba(0, 0, 0, 0.10);font-size: 95px; line-height:1;font-weight: 600;}
.gr_st10 li .title{color: #000;font-size: 35px;font-weight: 600;}
.gr_st10 li .text{font-weight: 400; width:80%;}
.gr_st10 li .icon{position:absolute; right:30px; bottom:25px; }

.gr_st11{display:flex; flex-wrap:wrap; justify-content:space-between;}
.gr_st11 > li{
	width:32%; padding:30px 20px 30px 30px;
	border:5px solid #E41D25;
	position:relative;
}
.gr_st11 li .title{color: #000;font-size: 25px;font-weight: 600;}
.gr_st11 li ul.text li:before{content:'·'; color:#E41D25;font-size: 25px;font-weight: 600; margin-right:3px;}
.gr_st11 li .icon{position:absolute; bottom:10px; right:15px;}

.process{display:flex; justify-content:space-between; margin-bottom:100px;}
.process li{
	width:23%;
	padding: 50px 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-top:5px solid #E41D25;
	box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.20);
	position:relative; 
}
.process li:after{
	display: flex; content:'Pass'; 
	color: #FFF; font-size: 25px; 
	border-radius: 50px; font-weight: 600;
	width: 100px; height: 100px; 
	background: #E41D25;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 91%;
    z-index: 100;
}
.process li:last-child:after{display:none;}
.process li .pro_n{color: #DADADA;font-size: 50px;font-weight: 600;line-height: 55px; margin-bottom:15px;}
.process li .pro_t{text-align: center;font-size: 33px;font-weight: 600; margin-bottom:15px; color: #000;}

.process02{display:flex; justify-content:space-between; margin-bottom:100px;}
.process02 li:nth-child(2n-1){
	width:28%;
	
	padding: 30px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	border:5px solid #fff;
	background: rgba(0, 0, 0, 0.50);
}
.process02 li:nth-child(2n){display: flex;justify-content:center;align-items: center;}
.process02 li .num{color: #FFF;font-size: 75px;font-weight: 700;opacity: 0.3; margin-bottom:20px; line-height:1;}
.process02 li .title{color: #FFF;font-size: 28px;text-align: center;font-weight: 700;}
.process02 li .title:after{content:''; width: 40px;height: 3px;background: #E41D25; display:block;margin:20px auto;}
.process02 li .text{color: #FFF;font-weight: 500;text-align: center; width:90%;}

.process03{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:100px;}
.process03 li{
	width:30%;
	height: 350px;
	padding: 30px;
	position:relative;
	perspective: 1100px;
	margin-bottom:50px;
}
.process03 li .flip{position:relative;width:100%; height:100%;transition: .4s;transform-style: preserve-3d;}
.process03 li:hover .flip{transform: rotateY(180deg);}
.process03 li .front, .back{
	position: absolute; 
	width: 100%; height: 100%; 
	display: flex;flex-direction: column;justify-content: center;align-items: center;
	backface-visibility: hidden;
}

.process03 li .front{ border:5px solid #fff;background: rgba(0, 0, 0, 0.50);}
.process03 li .front .num{line-height:1;text-align: center;color: #FFF;font-size:75px;font-weight: 700;opacity: 0.3; }
.process03 li .num:after{content:''; width: 40px;height: 3px; background: #E41D25; display:block;margin:20px auto;}
.process03 li .front .title{color: #FFF;font-size:27px;text-align: center;font-weight: 700; width:90%;}

.process03 li .back{transform: rotateY(180deg); border:5px solid #E41D25;background:#fff;}
.process03 li .back .num{line-height:1;text-align: center;color: #B2B2B2;font-size: 80px;font-weight: 700;opacity: 0.3; }
.process03 li .back .text{width:80%; text-align: center; color: #000;font-size: 20px;font-weight: 400;}

.table_st{width:1000px;}
.table_st table{width:100%; background: #fff;}
.table_st thead tr{
	border-bottom: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	background: #606060;	
}
.table_st thead tr td{border-right: 1px solid #D9D9D9; color:#fff; padding:20px 10px; font-weight: 400;}
.table_st tr td{text-align:center; padding:20px 10px; border-bottom: 1px solid #D9D9D9; vertical-align:middle; font-weight: 400;}
.table_st tbody tr td.b_gray{background: #F5F5F5;;}
@media (max-width:1535px){
	.gr_st08 li{min-height:380px;}
}
@media (max-width:1440px){
	.img_p img{width:100%;}
	.title_st02 .b_tt{font-size:45px;}
	.wrap .t_img img{width:100%;}
	.gr_st01 .img{width:48%;}
	.gr_st01 .img img{width:100%;}
	.gr_st01 .gr_text .title_st01{margin-bottom:20px;}
	.gr_st01 .gr_text ul{padding-top:30px;}	
	.gr_st01 .gr_text ul li span{font-size:20px;min-width:90px;}
	.gr_st01 .gr_text ul li p{font-size:18px; font-weight:500;}
	.gr_st02 ul li .title{width:30vw; font-size:30px; margin-bottom:20px;}
	.gr_st02 ul li .cont{width:30vw;height:30vw; padding:2vw;}
	.gr_st02 ul li .cont .gr_text p{font-size:17px;}
	
	.gr_st03 li{width:48%; margin:0 2% 3% 0;}
	
	.gr_st04 li {width:31%;}
	.gr_st04 li > div{width:100%; padding:50px 0;}
	.gr_st04 li .icon{margin-bottom:20px;}
	.gr_st04 li .text .title{font-size:40px; text-align:center;}
	.gr_st04 li .text p{font-size:18px; line-height:1;}
	
	.gr_st06 li .num{font-size:90px; line-height:1.2;}
	.gr_st06 li div{font-size:30px;line-height:1.2; }
	
	.gr_st07 li{height:370px; padding:30px 10px;}
	.gr_st07 li .t_1{font-size:50px;}	
	.gr_st07 li .t_2{font-size:25px; margin-bottom:10px;}
	.gr_st10 li .icon{width:80px; height:80px;}
	.gr_st10 li .icon img{width:100%;}
}
@media (max-width:1050px){
	.gr_st08 li{width:48%;}
	.gr_st10 li .text{max-width:80%;}
	
}
@media (max-width:1024px){
	.gr_st02 ul li .title{height:unset; width:28vw;}
	
	
	
	.gr_st10 li .num{font-size:80px;}
	.gr_st10 li .title{font-size:25px;}
	.gr_st10 li .text{width:70%;}
	
	.gr_st11 > li{width:33%;}
	
	.process02 li:nth-child(2n-1){width:31%; height:unset;}
	.process02 li:nth-child(2n){width:2%;}
	.process02 li:nth-child(2n) img{width:80%;}
	.process02 li .num{font-size:50px;margin-bottom:15px;}
	.process02 li .title{font-size:25px;}
	.process02 li .text br{margin-bottom:5px;}
	
	.process03 li{width:33%; padding:10px;}
}
@media (max-width:930px){
	.gr_st06 li div{font-size:26px;}
	.gr_st11 > li{width:100%;margin-bottom:30px;}
}
@media (max-width:820px){
	.title_st01{font-size:32px;}
	.title_st01:before{margin:12px 5px 0 0; }
	.title_st02 .b_tt{font-size:38px;}
	
	.gr_st02 ul li .cont .img{margin-bottom:10px;}
	.gr_st03 li{padding:15px 15px;}
	.gr_st03 li .text .title{font-size:23px; line-height:1.2;}
	.gr_st03 li .text p{font-size:18px;}
	
	.gr_st04 li .text .title{font-size:30px; }
	
	.gr_st06 li {height:300px;}
	.gr_st06 li .num{font-size:75px;}
	.gr_st06 li div{font-size:22px;}
	
	.gr_st07 li{height:340px;}
	.gr_st07 li .t_1{line-height:1;}
	.gr_st07 li .t_2{font-size:22px;}
	.gr_st07 li .t_3{line-height:1.3; font-size:17px;}
	
	.gr_st10 li{height:270px;}
	.gr_st10 li .num{font-size:50px;}
	.gr_st10 li .title{font-size:25px;}
	.gr_st10 li .text{width:65%;}
	.gr_st10 li .icon{right:20px; bottom:15px;}
	
	
	
	
	.process02 li .title{font-size:25px;width:90%; line-height:1.2;}
	
	.process03 li{height:300px;margin-bottom:30px;}
	.process03 li .front .num, 
	.process03 li .back .num {font-size:50px;}
	.process03 li .front .title{font-size:25px; line-height:1.2;}
	.process03 li .back .text{line-height:1.1;}
}
@media (max-width:768px){
	.gr_st07 li{height:380px;}
}
@media (max-width:730px){
	.gr_st02 ul li .title{ margin-bottom:15px; width:60vw; margin:20px auto;}
	.gr_st02 ul li .cont{width:320px;height:320px; margin:0 auto;}
	.gr_st02 ul li .cont .gr_text p{font-size:20px;}
}
@media (max-width:550px){
	p{font-size:18px;}
	.img_p{display:none;}
	.img_m{display:block;}
	.img_m img{width:100%;}
	.tabnav {overflow-x:scroll;margin-bottom:80px;}
	.tabnav li a.mw-162{min-width:162px;}
	.tabnav li{margin-right:2px;margin-left:2px;} 
	.tabnav li a{font-size:16px;padding:8px 13px;}
	.tabnav-b li{margin-right:2px;margin-left:2px;}
	.tabnav-b li a{font-size:16px;padding:10px 15px;}
	.title_p{max-width:90%; margin:0 auto 50px; font-size:27px;}
	.title_st01{font-size:25px;}
	.t_img {margin-bottom:50px;}	
	.t_img img{width:200%;}
	
	.title_st01:before{margin:10px 5px 0 0; }
	.title_st02{height:250px; background-size:250%;}
	.title_st02 .s_tt{font-size:18px;}
	.title_st02 .b_tt{font-size:27px; line-height:1.2;}
	.title_st03 p{font-size:18px;}
	.title_st03 div{font-size:35px;}
	
	.gr_st01{margin-bottom:70px;}
	.gr_st01 .img{width:100%;}
	.gr_st01 .gr_text .title_st01{margin-top:30px; margin-bottom:20px;}
	.gr_st01 .gr_text{width:100%;}
	.gr_st01 .gr_text ul li p{line-height:1.2;}
	
	.gr_st03 li{width:100%;margin-bottom:30px;}
	.gr_st03 li .text p{font-size:16px;}
	
	.gr_st04 li{width:80%;margin-bottom:30px;}
	
	.gr_st06 li {width:100%;padding:20px 30px;}
	.gr_st06 li .num{font-size:60px;}
	
	.gr_st07 li{width:100%;margin-bottom:30px; height:310px;}
	
	.gr_st08 li{width:100%; margin-bottom:30px;}
	.gr_st08 li .title{font-size:25px;}
	.gr_st08 li p{}
	
	.gr_st09 li{flex-wrap:wrap; }
	.gr_st09 li .icon{margin:15px auto;}
	.gr_st09 li .text{text-align:center;}
	.gr_st09 li .gr09_t{font-size:25px;}
	.gr_st09 li .gr09_c{font-size:18px;}
	
	.gr_st10 li{width:100%;}
	.gr_st10 li .title{width:80%; line-height:1.2;}
	.gr_st10 li .text{width:75%;}
	
	.table_st thead tr td{padding:5px 8px;}
	.table_st tr td{padding:5px 8px; font-size:14px;}
	
	.process02{flex-wrap:wrap;}
	.process02 li:nth-child(2n-1){width:100%;height:380px; display:flex; justify-content:center;}
	.process02 li:nth-child(2n){width:100%;margin:10px 0;}
	.process02 li:nth-child(2n) img{width:unset;transform:rotate(90deg);}
	.process02 li .num{line-height:1;}
	
	.process03 li{width:100%;}
	
}

/*인사말 page6*/
#page-06 .message p.fs-17{margin-top:50px;} 
#page-06 .message div.atg{margin-top:10px; font-weight:800; font-size:41px; letter-spacing:5px;}
#page-06 .bg{background: url("/images/content/menu/6_img_bg.png") no-repeat bottom;}
#page-06 .flex{flex-wrap:wrap; justify-content:space-between; padding-top:150px; padding-bottom:200px;}
#page-06 .ceo_items{width:470px; }
#page-06 .ceo_items .img:after{margin-top:20px;content:''; width:50px; height:5px; background-color:#E41D25; display:block;}
#page-06 .ceo_items .ceo_text{margin-top:20px; }
#page-06 .ceo_items .ceo_text .fs-45{font-weight:600; }
#page-06 .ceo_items .ceo_text .fs-20{margin-top:10px; font-weight:500;}
@media (max-width:1500px){
	#page-06 .ceo_items{width:32%; }
	#page-06 .ceo_items img{width:100%;}
	
}
@media (max-width:1024px){
	
	#page-06 .ceo_items img{width:100%}
	#page-06 .ceo_items .ceo_text .fs-45{font-size:25px; }
}
@media (max-width:550px){
	#page-06 .message div.atg{font-size:33px;}
	#page-06 .ceo_items{width:100%; margin-bottom:35px;}
	#page-06 .ceo_items .ceo_text{margin-top:12px; }
	
}

/*회사개요 page7*/
#page-07 .bg{background: url("/images/content/menu/31_img_bg.jpg") no-repeat; padding:100px 0 150px 0;background-size:cover;}
#page-07 .bg .title_p{color:#fff; font-weight: 400; margin-bottom:50px;}
#page-07 .bg .map_img{text-align:center; margin-bottom:50px;}
#page-07 section:nth-child(1) .title_st02{background: url("/images/content/menu/32_img01.png") no-repeat; margin-bottom:80px;}
#page-07 section:nth-child(2) .title_st02{background: url("/images/content/menu/32_img02.png") no-repeat; margin-bottom:80px;}
#page-07 section:nth-child(3) .title_st02{background: url("/images/content/menu/32_img03.png") no-repeat; }
#page-07 section:nth-child(4) .title_st02{background: url("/images/content/menu/32_img05.png") no-repeat; margin-bottom:80px;}
#page-07 .title_st02 .s_tt{font-size: 27px;font-weight: 600; color: #FFF; text-align: center; opacity: 0.5; margin-bottom:20px;}
#page-07 .title_st02 .b_tt{ color: #FFF;}
#page-07 #tab02 section .wrap > p{text-align:center; padding-bottom:70px; margin-bottom:80px; border-bottom:1px solid #d9d9d9;}
#page-07 section:nth-child(3) .title_st02 .s_tt{color: #E41D25; opacity:1;}
#page-07 section:nth-child(3) .title_st02 .b_tt{color: #000;}
#page-07 section:nth-child(3) div.img{text-align:center; margin-bottom:80px;}
#page-07 section:nth-child(3) .gr_st03{margin-bottom:40px;}
#page-07 section:nth-child(3){margin-bottom:80px; border-bottom:1px solid #d9d9d9;}
#page-07 section:nth-child(4) .title_st02 .s_tt{color: #E41D25; opacity:1;}
#page-07 section:nth-child(4) .title_st02 .b_tt{color: #000;}
#page-07 section:nth-child(4) {margin-bottom:200px;}
@media (max-width:1024px){
	#page-07 #tab02 .img{width:100%;}
	#page-07 #tab02 .img img{width:100%;}

}
@media (max-width:550px){
	#page-07 .bg .map_img{width:100%;}
	#page-07 .bg .map_img img{width:100%;}
	#page-07 section:nth-child(1) .title_st02{margin-bottom:50px;background-size:250%;background-position:center;}
	#page-07 section:nth-child(2) .title_st02{margin-bottom:50px;background-size:250%;background-position:center;}
	#page-07 section:nth-child(3) .title_st02{margin-bottom:50px;background-size:250%;background-position:center;}
	#page-07 section:nth-child(4) .title_st02{margin-bottom:50px;background-size:250%;background-position:center;}
	#page-07 .title_st02 .s_tt{font-size: 20px;}

}


/*연혁 page8*/
#page-08 .title_p{margin-bottom:45px;}
#page-08 section:first-child p{color: #000;text-align:center; margin-bottom:100px;}
#page-08 .history {padding-bottom:100px;padding-top:100px;}
#page-08 .history .wrap{display:flex; flex-wrap:wrap; justify-content:space-between;}
#page-08 .history .h_cont{width:48%;}
#page-08 .history .h_cont .h_text li{display:flex; margin-bottom:25px;}
#page-08 .history .h_cont div.fs-100{line-height:1; margin-bottom:60px;}
#page-08 .history .h_cont .h_text li > span.year{color:#000; font-size:25px; font-weight:700; width:80px;}
#page-08 .history .h_cont .h_text ul{width:80%;}
#page-08 .history .h_cont .h_text ul li{font-size: 20px; color: #333; font-weight: 400; margin-bottom:10px;}
#page-08 section.history:nth-child(2){padding-top:0;}
#page-08 section.history:last-child{padding-bottom:200px;}
#page-08 section.history:nth-child(2n-1){background: #F9F9F9;}
@media (max-width:1500px){
	.h_img{width:48%;}
	.h_img img{width:100%; padding-top:180px;}
}
@media (max-width:1024px){
	#page-08 .history .h_cont div.fs-100{font-size:70px; margin-bottom:40px;}
	#page-08 .history .h_cont div.fs-100 p{font-size:70px;}
	#page-08 .history .h_cont .h_text li{margin-bottom:20px;}
	#page-08 .history .h_cont .h_text ul li{line-height:1.1;}
}
@media (max-width:880px){
	#page-08 .history .h_cont .h_text > li{display:flex; flex-wrap:wrap;}
	#page-08 .history .h_cont{width:100%; margin-bottom:30px;}
	.h_img{width:100%;}
	.h_img img{padding-top:0;}
	#page-08 .history .h_cont .h_text ul{width:85%;}
}
@media (max-width:550px){
	
	#page-08 section:first-child p{margin-bottom:50px;}
	
	#page-08 .title_p{margin-bottom:30px;}
	#page-08 .history .h_cont .h_text ul{width:75%;}
	#page-08 .history .h_cont .h_text ul li{font-size:18px; }

}

/*조직도 page9*/
#page-09 .title_p{margin-bottom:45px;}
#page-09 section:first-child p{color: #000;text-align:center; margin-bottom:100px;}
#page-09 .bg{background: url("/images/content/menu/9_img_bg.jpg") no-repeat; padding-bottom:200px;}
#page-09 .bg .img{text-align:center; margin-top:30px;}
@media (max-width:1440px){
	#page-09 .bg .img{width:100%;}
	#page-09 .bg .img img{width:100%;}
}
@media (max-width:550px){
	#page-09 section:first-child p{margin-bottom:70px;}
	#page-09 .bg{padding-bottom:100px;}
}
/*오시는 길 page11*/
#page-11 #tab01, #page-11 #tab02{padding-bottom:100px;}
#page-11 .location{margin:150px 0 150px 0; }
#page-11 .location .wrap{display:flex; flex-wrap:wrap; justify-content:space-between;}
#page-11 .location .l_cont{width:450px;} 
#page-11 .location .l_text{margin-top:85px;}
#page-11 .location .l_text li{margin-bottom:10px;display:flex; }
#page-11 .location .l_text li span{font-size: 20px; font-weight: 700; color:#535353; width:95px; margin-right:10px;}
#page-11 .location .l_text li:before{content:'·'; font-weight: 800; color: #E41D25; display:inline-block; margin-right:5px; text-indent:-8px; margin-left:8px;}
#page-11 .location .l_text li p {color:#000;font-weight: 400; max-width:75%;}
.tabnav-l{display:flex; justify-content:center;  margin-bottom:100px;}
.tabnav-l li{margin-right:5px; margin-left:5px;}
.tabnav-l li a{text-align:center; color:#888; display: inline-block; font-size:28px; font-weight:500; padding:15px 25px; border-radius:36px;  background-color:#eee;}
.tabnav-l li a.active, .tabnav-l li a:hover{border-radius:36px; background-color:#E41D25; color:#fff; font-weight:700; transition:0.2s;}
@media (max-width:1440px){
	#page-11 .location .l_cont{width:100%;}
	
}
@media (max-width:1024px){
	#page-11 .location{margin:50px 0 100px 0; }
	#page-11 .l_cont {margin-bottom:30px;}
	#page-11 .location .l_text{margin-top:30px;}
	#page-11 .location .img{width:100%;}
	#page-11 .location .img img{width:100%;}
	.tabnav-l {overflow-x:scroll;margin-bottom:80px; justify-content:start;}
	.tabnav-l li a{display:flex; justify-content:center;}
	.tabnav-l li:nth-child(1) a{width:370px; }
	.tabnav-l li:nth-child(2) a{width:375px;}
	.tabnav-l li:nth-child(3) a{width:460px;}
}
@media (max-width:852px){

	
}
@media (max-width:550px){
	#page-11 #tab01, #page-11 #tab02{padding-bottom:50px;}
	#page-11 .location{margin:80px 0 80px 0; }
	
	.tabnav-l li{margin-right:2px;margin-left:2px;}
	.tabnav-l li a{font-size:17px;padding:10px 13px; }
	.tabnav-l li:nth-child(1) a{width:211px; }
	.tabnav-l li:nth-child(2) a{width:220px;}
	.tabnav-l li:nth-child(3) a{width:280px;}
	#page-11 .location .l_text li {display:flex; flex-wrap:wrap;}
	#page-11 .location .l_text li p {margin-left:10px; max-width:70%;}
	#page-11 .location .l_text li p span{font-size:17px;}
	#page-11 .location .l_text li span{width:70px;}
}

/*케미칼사업 page12*/
#page-12 #tab02 .title_p{margin-bottom:45px;}
#page-12 #tab02 section:first-child p{color: #000; font-weight: 400; text-align:center; margin-bottom:100px;}
#page-12 .t_cont .wrap{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start;}
#page-12 section.t_cont{margin-top:100px; padding-bottom:150px; border-bottom:1px solid #d9d9d9;}
#page-12 section.bg1{background: url("/images/content/menu/36_img_bg.jpg") no-repeat bottom; }
#page-12 section.bg2{background: url("/images/content/menu/35_img_bg02.jpg") no-repeat; margin-top:0;}
#page-12 section.bg2 .wrap{padding:100px 0 200px;}
#page-12 section.bg2 .title_st01{color:#fff; margin-bottom:70px;}
#page-12 section .gr_st03 li{width:1000px;}
#page-12 #tab02 .table_st{margin-bottom:65px;}
#page-12 .gr_st05 li:nth-child(1){background: url("/images/content/menu/37_img01.jpg") no-repeat; }
#page-12 .gr_st05 li:nth-child(2){background: url("/images/content/menu/37_img02.jpg") no-repeat; }
#page-12 .gr_st05 li:nth-child(3){background: url("/images/content/menu/37_img03.jpg") no-repeat; }
#page-12 .gr_st05 li:nth-child(4){background: url("/images/content/menu/37_img04.jpg") no-repeat; }
#page-12 #tab03 section:last-child{margin-bottom:200px;}
#page-12 .a_img{text-align:center; margin-bottom:50px;}
#page-12 .title_st01{margin-bottom:70px;}
#page-12 .gr_st06 li:nth-child(1){background: url("/images/content/menu/38_img01.png") no-repeat; }
#page-12 .gr_st06 li:nth-child(2){background: url("/images/content/menu/38_img02.png") no-repeat; }
#page-12 .gr_st06 li:nth-child(3){background: url("/images/content/menu/38_img03.png") no-repeat; }
#page-12 .gr_st06 li:nth-child(4){background: url("/images/content/menu/38_img04.png") no-repeat; }
#page-12 #tab04 section:last-child{margin-bottom:200px;} 
#page-12 #tab05 .title_st02{background: url("/images/content/menu/39_img_bg.png") no-repeat; margin-bottom:100px;}
#page-12 #tab05 .title_st02 .b_tt{color:#fff; }
#page-12 #tab05 .gr_st07{margin-bottom:100px;}
#page-12 #tab05 .bg{background: url("/images/content/menu/39_img_bg2.png") no-repeat; padding-top:100px; padding-bottom:200px;}
@media (max-width:1024px){
	#page-12 .tabnav {overflow-x:scroll;margin-bottom:80px;justify-content:start;}
	#page-12 .tabnav li{margin-right:2px;margin-left:2px;} 
	#page-12 .tabnav li a{padding:15px 25px; display:flex; justify-content:center;}
	#page-12 .tabnav li:first-child a{width:417px;}
	#page-12 .tabnav li:nth-child(3) a{width:253px;}
	#page-12 .tabnav li:nth-child(4) a{width:271px;}
	#page-12 .tabnav li:nth-child(5) a{width:281px;}
	#page-12 section .bg1_cont{width:100%;}
	#page-12 .bg1_cont .table_st{overflow-x:scroll;}
	#page-12 section .gr_st03 li{width:100%; margin:0 0 3% 0;}
	#page-12 section .bg1_cont .table_st{width:auto;}
	
	.gr_st05 li{height:300px;padding:30px;}
	.gr_st05 li .text{text-align:center;font-size:27px;}
	#page-12 .gr_st06 li:nth-child(1),
	#page-12 .gr_st06 li:nth-child(2),
	#page-12 .gr_st06 li:nth-child(3),
	#page-12 .gr_st06 li:nth-child(4){background-position:center;}
	
	#page-12 .a_img img{width:100%;}
}
@media (max-width:820px){
	#page-12 .gr_st02 ul li .title{font-size:24px; height:100px;}
}
@media (max-width:550px){
	#page-12 .tabnav {justify-content:start;}
	#page-12 .tabnav li a{ display:flex; align-items:center; padding:8px 13px; font-size:17px;}
	#page-12 .tabnav li:first-child a{width:240px;}
	#page-12 .tabnav li:nth-child(3) a{width:143px;}
	#page-12 .tabnav li:nth-child(4) a{width:160px;}
	#page-12 .tabnav li:nth-child(5) a{width:172px;}
	#page-12 section.t_cont{margin-top:50px;}
	#page-12 .title_st01{margin-bottom:30px;}
	#page-12 .table_st{overflow-x:scroll;}
	#page-12 .table_st table{}
	#page-12 section.t_cont{padding-bottom:100px;}
	#page-12 section.bg2 .wrap{padding:80px 0 100px;}
	#page-12 section.bg2{background-size:cover;}
	#page-12 .gr_st02 ul li .title{height:unset; width:80%; margin:30px auto;}
	
	#page-12 #tab02 section:first-child p{margin-bottom:50px;}
	#page-12 #tab02 .gr_st03{margin-bottom:20px;}
	#page-12 #tab02 .gr_st03 li .icon{margin-right:10px;}
	.gr_st05 li{width:100%;height:270px;}
	
	#page-12 #tab04 section:last-child{margin-bottom:100px;}
	#page-12 #tab05 .title_st02{background-position-x:-900px;background-position-Y:-200px;}
	#page-12 #tab05 .bg{padding-bottom:100px;}
}

/*oemodm page13*/
#page-13 .gr_st08{background: url("/images/content/menu/13_img_bg.jpg") no-repeat; padding-top:100px; padding-bottom:100px; background-size:cover;}
#page-13 .gr_st07{margin-top:100px;}
#page-13 .od_img{display:flex; flex-wrap:wrap; justify-content:space-between;margin-top:100px;padding-bottom:100px;}
#page-13 .bg{background: url("/images/content/menu/35_img_bg01.png") no-repeat;padding-top:100px; padding-bottom:100px;}
#page-13 .bg .img_p, .img_m{text-align:center;}
#page-13 .gr_st07 li {height:480px;}
#page-13 .gr_st07 li .t_1{line-height:1;}
@media (max-width:1535px){
	#page-13 .gr_st08{background-size:cover;}
}
@media (max-width:1440px){
	#page-13 .od_img img{width:49%;}
	#page-13 .gr_st07 li{height:450px;}
}

@media (max-width:1024px){
	
	#page-13 .gr_st07 li{height:500px;}
	
}
@media (max-width:550px){
	#page-13 .od_img img{width:100%; margin-bottom:20px;}
	#page-13 .bg{padding-top:80px; padding-bottom:100px;}
	#page-13 .gr_st07 li{height:320px;}
	
}

/*기타 page14*/
#page-14 .gr_st08{background: url("/images/content/menu/14_img_bg.jpg") no-repeat; padding-top:100px; padding-bottom:150px;background-size:cover;}
#page-14 .title_p{color:#fff;}
#page-14 p{color:#fff; text-align:center;}
#page-14 .agent{margin-top:100px;}
#page-14 .agent .title_p{color:#000;}
#page-14 .a_img{text-align:center; margin-bottom:50px;}
#page-14 .title_st01{margin-bottom:70px;}
#page-14 .gr_st08 li:last-child .title{font-size:25px; font-weight:600;}
#page-14 .gr_st06 li:nth-child(1){background: url("/images/content/menu/38_img01.png") no-repeat; }
#page-14 .gr_st06 li:nth-child(2){background: url("/images/content/menu/38_img02.png") no-repeat; }
#page-14 .gr_st06 li:nth-child(3){background: url("/images/content/menu/38_img03.png") no-repeat; }
#page-14 .gr_st06 li:nth-child(4){background: url("/images/content/menu/38_img04.png") no-repeat; }
#page-14 .gr_st06 .num{text-align:left;}
#page-14 section:last-child{margin-bottom:200px;}
@media (max-width:1440px){
	#page-14 .gr_st08{background-size:cover;}
}
@media (max-width:1024px){
	#page-14 .a_img img{width:100%;}
	#page-14 .gr_st06 li:nth-child(1),
	#page-14 .gr_st06 li:nth-child(2),
	#page-14 .gr_st06 li:nth-child(3),
	#page-14 .gr_st06 li:nth-child(4){background-position:center;}
}
@media (max-width:550px){
	#page-14 .gr_st08{padding-bottom:100px;}
	#page-14 section:last-child{margin-bottom:100px;}
}

/*주요고객사 page15*/
#page-15 .bg {
	background: url("/images/content/menu/15_img_bg.png") no-repeat;display:flex;
	height: 350px;flex-direction: column; justify-content: center; 
	align-items: center;
}
#page-15 .bg .title_p{color:#fff; text-align:center; margin:0;}
#page-15 .cus ul{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:100px; padding-bottom:200px;}
#page-15 .cus ul li{margin-bottom:30px;}
@media (max-width:768px){
	#page-15 .cus ul li{width:32%;}
}
@media (max-width:550px){
	#page-15 .bg{height:250px;background-position-x:-450px;}
	#page-15 .cus ul li{width:48%;}
	#page-15 .cus ul li img{width:100%}
}

/*품질경영 page16*/
#page-16 #tab01 .title_p{margin-bottom:45px;}
#page-16 #tab01 section .wrap > p{color: #000; font-weight: 400; text-align:center; margin-bottom:100px;}
#page-16  #tab01 .title_st02{background: url("/images/content/menu/40_img_bg.png") no-repeat;margin-bottom:100px;}
#page-16 .title_st02 .b_tt{margin-bottom:20px;color:#000; }
#page-16 .title_st02 .fs-28{color:#000;}
#page-16 #tab01 .img{margin-top:50px; margin-bottom:150px;}
#page-16  #tab02 .title_st02{background: url("/images/content/menu/41_img_bg01.png") no-repeat;margin-bottom:100px;}
#page-16  #tab02 .bg{background: url("/images/content/menu/35_img_bg02.jpg")no-repeat; padding-top:50px; padding-bottom:200px;}
#page-16  #tab02 .bg .wrap > div:first-child,
#page-16  #tab03 .bg .wrap > div:first-child{color: #FFF;padding-top:100px; margin-bottom:80px; }
#page-16  #tab03 .bg{background: url("/images/content/menu/42_img_bg2.jpg")no-repeat; padding-top:100px; padding-bottom:150px;}
#page-16 #tab03 .img{margin-bottom:100px;}
#page-16 #tab03 .gr_st10{margin-bottom:60px;}
@media (max-width:1440px){
	#page-16 #tab01 .img img{width:100%;}
	#page-16 #tab02 .bg{padding-top:0; }
	#page-16 #tab03 .img img{width:100%;}
	#page-16 #tab03 .bg{padding-top:0; }
	#page-16 #tab03 .gr_st02 ul li .title{height:unset; font-size:25px;}
}
@media (max-width:1024px){
	.process li {padding:30px 20px;}
	.process li .pro_t{font-size:25px;}
	.process li:after{width:80px; height:80px; font-size:20px; left:88%}
}
@media (max-width:820px){
	.process li {padding:20px 20px;}
	.process li .pro_n{font-size:45px;}
	.process li .pro_t{font-size:22px;}
	.process li:after{width:80px; height:80px; font-size:22px; left:84%}
	#page-16 #tab02 .bg{padding-bottom:100px;}
	#page-16 #tab02 .gr_st02 ul li .title{font-size:25px;}
	
	#page-16 #tab03 .gr_st02 ul li .title{height:unset; font-size:20px;}
}
@media (max-width:550px){
	#page-16 #tab01 .title_st02{height:550px; background-position-x:-150px;margin-bottom:50px;}
	#page-16 #tab02 .title_st02{height:300px; padding-bottom:0;margin-bottom:0;}
	#page-16 #tab02 .title_st02 .b_tt{padding-bottom:50px;}
	.process {flex-wrap:wrap;}
	.process li {width:100%; margin-bottom:20px;}
	.process li:after{left:50%; top:104%; transform:translate(-50%, -50%);}
	.process li .pro_t{font-size:25px;}
	#page-16  #tab02 .bg{background-size:cover;}
	#page-16  #tab03 .bg{background-size:cover;}
}

/*연구개발 page17*/
#page-17 {background: url("/images/content/menu/17_img_bg.jpg") no-repeat;padding-top:100px; padding-bottom:150px; background-size:cover;}
#page-17 .title_p{margin-bottom:85px;}
#page-17 .wrap .img{margin-bottom:100px;text-align: center;}
@media (max-width:820px){
	#page-17 .wrap .img img{width:100%;}
	#page-17 .gr_st10 li{height:400px}
	#page-17 .gr_st10 li > div{align-items:start; padding:20px 30px;}
}
@media (max-width:550px){
	#page-17{padding-bottom:100px;}
	#page-17 .gr_st10 li{height:320px}
}

/*지속가능경영 page18*/
#page-18 section{padding-bottom:150px;}
#page-18 .img{margin-bottom:100px;}
#page-18 .img_p, .img_m{ text-align: center;}
#page-18 .gr_st11{margin-bottom:150px;}
#page-18 .gr_st11 .cont li{text-indent:-9px;margin-left:9px;}
#page-18 .gr_st11 .cont li{}
#page-18 .gr_st11 .cont li:nth-last-child(2), #page-18 .gr_st11 .cont li:last-child{width:75%; }
#page-18 .title_st02{background: url("/images/content/menu/18_img_bg01.png") no-repeat;margin-bottom:100px;}
#page-18 .title_st02 .b_tt{color:#000;}
@media (max-width:1440px){
	#page-18 .img img{width:100%;}
	#page-18 .gr_st11 .cont li:last-child{width:75%;}
}
@media (max-width:820px){
	#page-18 .title_st02{margin-bottom:0;}
}
@media (max-width:550px){
	#page-18 .img img{height:200px; width:unset;}
	#page-18 .gr_st11{margin-bottom:100px;}
	#page-18 .title_st02{margin-bottom:0;background-position-x:-400px;background-position-y:-100px;}
	#page-18 .gr_st11 .cont li{width:100%; font-size:17px; line-height:1.2;}
	#page-18 .gr_st11 .cont li:nth-last-child(2), #page-18 .gr_st11 .cont li:last-child{width:75%; }
}

/*경영방침 page19*/
#page-19 #tab01 section .wrap > p{color: #000; font-weight: 400; text-align:center; margin-bottom:100px;}
#page-19 #tab01 .title_st02{background: url("/images/content/menu/43_img_bg01.png") no-repeat;margin-bottom:100px;}
#page-19 #tab01 .title_st02 .b_tt{margin-bottom:20px;color:#000; }

#page-19 .img{text-align: center;}
#page-19 #tab01 section:first-child{padding-bottom:100px; margin-bottom:100px; border-bottom:1px solid #d9d9d9;}
#page-19 .gr_st01 {margin-top:40px;}
#page-19 .gr_st01 .gr_text ul li span{min-width:150px;}
#page-19 #tab01 section:last-child{margin-bottom:200px;}
#page-19 #tab02  .title_p{margin-bottom:45px;}
#page-19 #tab02 section:first-child .wrap > p{color:#000; text-align:center; margin:0 auto 100px;width:80%;}
#page-19 #tab02 .bg{background: url("/images/content/menu/44_img_bg.jpg ") no-repeat;padding-top:100px; padding-bottom:150px; }

#page-19 #tab02 .bg .title_p{margin-bottom:50px;color:#fff; }
#page-19 #tab03 .title_st02{background: url("/images/content/menu/45_img_bg01.png") no-repeat;margin-bottom:0; }
#page-19 #tab03 .title_st02 .b_tt{color:#000;}
#page-19 #tab03 .bg01 .title_st02{background:none; color:#fff; height:unset; margin-bottom:50px;}
#page-19 #tab03 .bg01 .title_st02 .b_tt{color:#fff;}
#page-19 #tab03 section{padding-bottom:100px;}
#page-19 #tab03 section.bg01{background: url("/images/content/menu/45_img_bg02.jpg") no-repeat;padding-top:100px;}
#page-19 #tab03 section.bg02{background: url("/images/content/menu/45_img_bg03.png") no-repeat bottom;padding-top:100px;}
#page-19 #tab03 .bg02 .title_st02{background:none; height:unset; margin-bottom:80px;}
#page-19 #tab03 section.bg02 .gr_st09 .gr09_c b{color:#000;}
#page-19 #tab04 .title_st02{background: url("/images/content/menu/46_img_bg.png") no-repeat;}
#page-19 #tab04 .title_st02 .b_tt{color:#000;}
#page-19 #tab04 .gr_st10 li:nth-child(1){background: url("/images/content/menu/46_img01.png") no-repeat;}
#page-19 #tab04 .gr_st10 li:nth-child(2){background: url("/images/content/menu/46_img02.png") no-repeat;}
#page-19 #tab04 .gr_st10 li:nth-child(3){background: url("/images/content/menu/46_img03.png") no-repeat;}
#page-19 #tab04 .gr_st10 li:nth-child(4){background: url("/images/content/menu/46_img04.png") no-repeat;}

#page-19 #tab04 section:last-child{margin-bottom:200px;}
#page-19 .gr_st11 .cont li{text-indent:-9px;margin-left:9px;}
#page-19 .gr_st11 .cont li:last-child{width:80%;}
@media (max-width:1366px){
	#page-19 .gr_st11 .cont li:nth-last-child(2), #page-19 .gr_st11 .cont li:last-child{width:75%; }
}
@media (max-width:820px){
	#page-19 #tab01 .title_st02{margin-bottom:0;}
	#page-19 #tab01 .img img{width:100%;}
	#page-19 .gr_st01 .gr_text ul li span{min-width:130px;}
	#page-19 #tab03 .title_st02{background-position-x:-500px;}
	#page-19 #tab04 .title_st02{background-position-x:-500px;}
}
@media (max-width:550px){
	#page-19 .tabnav{justify-content:start;}
	#page-19 .tabnav li a{}
	#page-19 .tabnav li:first-child a{width:190px;}
	#page-19 #tab01 .title_st02{height:500px;}
	#page-19 #tab02 .bg{background-size:cover;}
	#page-19 #tab02 .bg .title_st02 .b_tt{width:100%;}
	#page-19 #tab02 .process02 li:first-child{height:440px;}
	#page-19 #tab03 section{padding-bottom:50px;margin-bottom:80px;}
	#page-19 #tab03 section.bg01{background-size:cover;}
	#page-19 #tab03 section.bg02{padding-top:0;margin-bottom:0;}
	#page-19 #tab03 .gr_st01{margin-bottom:0;}
	#page-19 #tab04 .title_st02{background-position-x:-650px;background-position-y:-100px;}
	
	
	
}

/*사회공헌 contribute*/
.bbs-list-header .title_p{margin-top:-50px;}
.bbs-list-header .title_st02{background: url("/images/content/menu/21_img00.jpg") no-repeat center;margin-bottom:100px;}
.bbs-list-header .title_st02 .b_tt{font-size:38px; color:#fff; width:60%;}
.bbs-list-header .ctb{display:flex; flex-wrap:wrap; justify-content:space-between;margin-bottom:100px;}
.bbs-list-header .ctb li{width:49%; border: 1px solid #D9D9D9;}
.bbs-list-header .ctb li .img{width:100%;font-size:0;}
.bbs-list-header .ctb li .img img{width:100%;}
.bbs-list-header .ctb li .cont{width:100%; min-height:294px;padding:30px;}
.bbs-list-header .ctb li .cont .title{color: #000;font-size: 35px;font-weight: 600; }
.bbs-list-header .ctb li .cont .title:after{content:''; display:block; width: 40px;height: 3px;background: #E41D25;margin-top:20px;}
.bbs-list-header .ctb li .cont p{font-weight: 400;margin-top:20px;}
@media (max-width:1024px){
	.bbs-list-header .ctb li .cont{}
	.bbs-list-header .title_st02 .b_tt{font-size:35px;}
}
@media (max-width:853px){
	.bbs-list-header .ctb li .cont{ padding:20px;}
	
}
@media (max-width:550px){
	.bbs-list-header .ctb li{width:100%; margin-bottom:30px;}
	.bbs-list-header .ctb li .cont{}
	.bbs-list-header .ctb li .cont .title{font-size: 30px; line-height:1;}
	.bbs-list-header .title_st02 .b_tt{font-size: 24px; width:80%; line-height:1.2;}
}



/*기업문화 page22*/
#page-22 #tab01 .bg{background: url("/images/content/menu/27_img_bg.png") no-repeat bottom; padding-bottom:200px;}
#page-22 #tab01 .title_p{margin-bottom:20px;}
#page-22 .wrap > p {color:#000; margin-bottom:100px; text-align:center;}
#page-22 #tab01 .gr_st04 li{background-color:#fff;text-align:center;}
#page-22 #tab01 .gr_st04 li > div{padding:40px 15px;}
#page-22 #tab01 .gr_st04 li .text .title{font-size:36px;}
#page-22 #tab02 section:first-child{ margin-bottom:100px; }
#page-22 #tab02 section:first-child .wrap{padding-bottom:100px; border-bottom: 1px solid #D9D9D9;}
#page-22 #tab02 section:last-child{margin-bottom:200px;}
#page-22 #tab02 .title_st02{background: url("/images/content/menu/28_img_bg.jpg") no-repeat;margin-bottom:100px; }
#page-22 #tab02 .title_st02 .b_tt{color:#fff;}
#page-22 #tab02 .title_st01{margin-bottom:70px;}
#page-22 #tab02 .fs-40{margin-bottom:100px; text-align:center;}
@media (max-width:1024px){
	#page-22 .title_st02 .b_tt{font-size:35px;}
}
@media (max-width:550px){
	#page-22 #tab01 .gr_st04 li {}
	#page-22 #tab01 .gr_st04 li .text .title{font-size:25px;}
	#page-22 #tab02 .title_st01{margin-bottom:30px;}
	#page-22 #tab02 .title_st02{background-position-x:-750px;margin-bottom:50px; }
	#page-22 #tab02 .title_st02 .b_tt{line-height:1.2;font-size: 24px;width:90%;}
	#page-22 #tab02 .fs-40{margin-bottom:50px; }	
}