@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;}
.title_p{color:#000; text-align:center; max-width:70%; 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;}
.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: 40px;font-weight: 700; display:flex; align-items:center;}
.title_st01:before{content:''; width:20px; height:20px; border:5px solid #E41D25; border-radius:50%; display:block; margin-right:5px;}

.title_st02{display: flex;height: 370px;flex-direction: column; justify-content: center; align-items: center;}
.title_st02 .b_tt{font-size: 50px;font-weight: 700;text-align:center;width:70%;}
.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: 50px;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;}
.gr_st01 .gr_text ul li p{color:#333; font-size: 23px;}
.gr_st01 .gr_text ul li span{min-width:100px; 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: 40px; font-weight: 700; margin-bottom:25px; text-align:center;}
.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;
	border: 1px solid #D9D9D9;
}
.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: 60px;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;}

.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: 33px;font-weight: 600;}

.gr_st07{display:flex; flex-wrap:wrap; justify-content:space-between;}
.gr_st07 li{
	width:31%; height:400px; padding:30px;
	display:flex; flex-direction: column; 
	background: url("/images/content/menu/39_img01.png") no-repeat;
}
.gr_st07 li .t_1{color: #FFBCBC;font-size: 80px;font-weight: 700; margin-bottom:10px;text-align:center;}
.gr_st07 li .t_2{color: #000;font-size: 35px;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%; height: 400px;padding: 10px 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:80px;
}
.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;}
.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:31%; 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;}
.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 0px;
	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:'합격'; 
	color: #FFF; font-size: 27px; 
	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: 40px;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%;
	height:480px;
	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: 80px;font-weight: 700;opacity: 0.3; margin-bottom:20px;}
.process02 li .title{color: #FFF;font-size: 35px;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;}

.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: 80px;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: 35px;text-align: center;font-weight: 700;}

.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: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{font-size:30px; margin-bottom:20px;}
	.gr_st02 ul li .cont{width:30vw;height:30vw;}
	.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:50px;}
	.gr_st04 li .text p{font-size:18px; line-height:1;}
	
	.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;}
}
@media (max-width:1050px){
	.gr_st08 li{width:48%;}
	.gr_st10 li .text{max-width:80%;}
	.gr_st10 li .icon{width:80px; height:80px;}
	.gr_st10 li .icon img{width:100%;}
}
@media (max-width:1024px){
	
	.gr_st11 > li{width:33%;}
	
	.process02 li:nth-child(2n-1){width:31%; height:450px;}
	.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:30px;}
	
	.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:35px;}
	.title_st02 .b_tt{font-size:38px;}
	.gr_st03 li{padding:15px 15px;}
	.gr_st03 li .text .title{font-size:30px;}
	.gr_st03 li .text p{font-size:18px;}
	
	.gr_st06 li {height:300px;}
	.gr_st06 li .num{font-size:80px;}
	
	
	.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:nth-child(2n-1){height:400px;}
	.process02 li .title{font-size:25px;}
	
	.process03 li{height:300px;margin-bottom:30px;}
	.process03 li .front .num, 
	.process03 li .back .num {font-size:60px;}
	.process03 li .front .title{font-size:28px;}
}
@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:158px;}
	.tabnav li{margin-right:2px;margin-left:2px;} 
	.tabnav li a{font-size:18px;padding:10px 12px;}
	.tabnav-b li{margin-right:2px;margin-left:2px;} 
	.tabnav-b li a{font-size:18px;padding:10px 12px;}
	.title_p{max-width:90%; margin:0 auto 50px; font-size:30px;}
	.title_st01{font-size:30px;}
	.t_img {margin-bottom:50px;}	
	.t_img img{width:200%;}
	
	.title_st02{height:250px; background-size:250%;}
	.title_st02 .s_tt{font-size:18px;}
	.title_st02 .b_tt{font-size:30px;}
	.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_st02 ul li .title{ margin-bottom:15px;}
	.gr_st02 ul li .cont{width:320px;height:320px;}
	.gr_st02 ul li .cont .gr_text p{font-size:20px;}
	
	.gr_st03 li{width:100%;margin-bottom:30px;}
	
	.gr_st04 li{width:80%;margin-bottom:30px;}
	
	.gr_st06 li {width:100%;}
	
	.gr_st07 li{width:100%;margin-bottom:30px; }
	
	.gr_st08 li{width:100%;height:350px; 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%;}
	.gr_st10 li .text{width:75%;}
	
	.table_st thead tr td{padding:5px 8px;}
	.table_st tr td{padding:5px 8px; font-size:14px;}
	.table_st tr td.break{word-break:break-word;}
	
	.process02{flex-wrap:wrap;}
	.process02 li:nth-child(2n-1){width:100%;height:350px;}
	.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%;}
	
}
@media (max-width:390px){
	
	.tabnav li a.mw-162{min-width:149px;}	
	.tabnav li a{font-size:17px;}	
	.tabnav-b li a{font-size:17px;}
}

/*인사말 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:1485px){
	#page-06 .ceo_items{width:32%; }
	#page-06 .ceo_items img{width:100%}
	#page-06 .ceo_items .ceo_text .fs-45{font-size:25px; }
}
@media (max-width:550px){
	#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;}
#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 span{color:#000; font-size:25px; font-weight:700; width:80px;}
#page-08 .history .h_cont .h_text ul li{font-size: 20px; color: #000; 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:1515px){
	.h_img{width:48%;}
	.h_img img{width:100%;}
}
@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 {padding-top:5px;}
	#page-08 .history .h_cont .h_text ul li{line-height:1.1;max-width:300px;}
}
@media (max-width:550px){
	
	#page-08 section:first-child p{margin-bottom:50px;}
	.h_img{width:100%;}
	#page-08 .title_p{margin-bottom:30px;}
	#page-08 .history .h_cont{width:100%; margin-bottom:30px;}
	#page-08 .history .h_cont .h_text ul li{max-width:340px;}

}
@media (max-width:390px){
	#page-08 .history .h_cont .h_text ul li{max-width:280px;}
}

/*조직도 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 .location{margin:150px 0 150px 0; }
#page-11 .location .wrap{display:flex; flex-wrap:wrap; justify-content:space-between;}
#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:55px; margin-right:10px;}
#page-11 .location .l_text li span:before{content:'·'; font-weight: 800; color: #E41D25; display:inline-block; margin-right:5px;}
#page-11 .location .l_text li p {color:#000;font-weight: 400;}
.tabnav-l{display:flex; justify-content:center; margin-bottom:100px;}
.tabnav-l li{margin-right:5px; margin-left:5px;}
.tabnav-l li a{color:#888; display: inline-block; font-size:30px; 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:800; transition:0.2s;}

@media (max-width:1024px){
	#page-11 .location{margin:100px 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%;}
}
@media (max-width:550px){
	#page-11 .location{margin:80px 0 80px 0; }
	.tabnav-l {overflow-x:scroll;margin-bottom:80px;}
	.tabnav-l li{margin-right:2px; margin-left:2px;}
	.tabnav-l li a.mw-162{min-width:162px;}
	.tabnav-l li{margin-right:2px;margin-left:2px;} 
	.tabnav-l li a{font-size:18px;padding:10px 13px;}
	#page-11 .location .l_text li p span{font-size:17px;}
}

/*케미칼사업 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; min-width:410px;}
#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 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:768px){
	
}
@media (max-width:550px){
	#page-12 .tabnav {}
	#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 #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 .bg{padding-bottom:100px;}
}
@media (max-width:390px){
	#page-12 .tabnav {}
}

/*oemodm page13*/
#page-13 .gr_st08{background: url("/images/content/menu/13_img_bg.jpg") no-repeat; padding-top:100px; padding-bottom:100px;}
#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;}
@media (max-width:1440px){
	#page-13 .od_img img{width:49%;}
}
@media (max-width:1050px){
	#page-13 .gr_st08{background-size:cover;}
	
}
@media (max-width:1440px){
	#page-13 .od_img img{width:100%; margin-bottom:20px;}
	#page-13 .bg{padding-top:80px; padding-bottom:100px;}
}

/*기타 page14*/
#page-14 .gr_st08{background: url("/images/content/menu/14_img_bg.jpg") no-repeat; padding-top:100px; padding-bottom:200px;}
#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_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/41_img_bg02.png")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; }
}
@media (max-width:1024px){
	.process li {padding:40px 0;}
	.process li .pro_t{font-size:28px;}
	.process li:after{width:80px; height:80px; font-size:22px; left:88%}
}
@media (max-width:820px){
	.process li {padding:30px 0;}
	.process li .pro_n{font-size:45px;}
	.process li .pro_t{font-size:25px;}
	.process li:after{width:80px; height:80px; font-size:22px; left:84%}
	#page-16  #tab02 .bg{padding-bottom:100px;}
}
@media (max-width:550px){
	#page-16 #tab01 .title_st02{height:450px; 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:28px;}
	#page-16  #tab02 .bg{background-size:cover;}
	#page-16  #tab03 .bg{background-size:cover;}
	#page-16  #tab03 .gr_st10 li .title{width:100%;}
	#page-16  #tab03 .gr_st10 li .text{width:100%; max-width:unset;}
	#page-16  #tab03 .gr_st10 li:nth-child(6) .text{width:80%;}
}

/*연구개발 page17*/
#page-17 {background: url("/images/content/menu/17_img_bg.jpg") no-repeat;padding-top:100px; padding-bottom:150px;}
#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%;}
}
@media (max-width:550px){
	#page-17{padding-bottom:100px;}
}

/*지속가능경영 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 .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%;}
}
@media (max-width:550px){
	#page-18 .gr_st11{margin-bottom:100px;}
	#page-18 .title_st02{margin-bottom:0;background-position-x:-400px;background-position-y:-100px;}
}

/*경영방침 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; margin-bottom:80px;}
#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;}
@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 #tab01 .title_st02{height:400px;}
	#page-19 #tab02 .bg{background-size:cover;}
	#page-19 #tab02 .bg .title_st02 .b_tt{width:100%;}
	#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:40px; 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%;}
.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%; padding:30px; border: 1px solid #D9D9D9;}
.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:820px){
	.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 .title{font-size: 30px; line-height:1;}
	.bbs-list-header .title_st02 .b_tt{font-size: 27px; width:80%;}
}



/*기업문화 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 #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:550px){
	#page-22 #tab02 .title_st02{background-position-x:-750px;margin-bottom:50px; }
	#page-22 #tab02 .title_st02 .b_tt{font-size: 25px;width:100%;}
	#page-22 #tab02 .fs-40{margin-bottom:50px; }
}