/*공통*/
.title2{font-size:30px; font-weight:600; color:#272727;}


/*회사소개*/
#page25 .sec01 .wrap{ text-align:center; color:#fff; background:url(/images/content/company/page25_bg01.png) no-repeat; height:500px;padding-top:130px;}
#page25 .sec01 .wrap .fs-38{ margin-bottom:80px;}
#page25 .sec01 .wrap .fs-40{ margin-bottom:80px;}

#page25 .sec01 .wrap .hp_btn{ margin-top:30px;}
#page25 .sec01 .wrap .hp_btn a{border-radius:50px; border:1px solid #272727; padding:10px 20px; color:#272727;transition:all 200ms; font-size:20px; font-weight: 700;}
#page25 .sec01 .wrap .hp_btn:hover a{background:#272727; color:#fff; transition:all 200ms;}


#page25 .sec02 {margin-top:140px;}
#page25 .sec02 .wrap .flex{flex-wrap:wrap; justify-content:space-between; margin-bottom:70px;}
#page25 .sec02 .wrap .flex .com_text{ width:48%; word-break:keep-all;}
#page25 .sec02 .wrap .flex .com_text .fs-28{margin-bottom:30px;}

/* #page25 .sec03{margin-top:30px;color:#fff; background:url(/images/content/company/page25_bg02.png)no-repeat;height:230px; text-align:center; display:flex; align-items:center;}
#page25 .sec03 .wrap .hp_btn{ margin-top:25px;}
#page25 .sec03 .wrap .hp_btn a{border-radius:50px; border:1px solid #fff; padding:10px 20px; color:#fff;transition:all 200ms;}
#page25 .sec03 .wrap .hp_btn:hover a{background:#fff; color:#272727; transition:all 200ms;} */

#page25 .sec04 {margin-top:100px;}
#page25 .sec04 .wrap .title2{text-align:center; margin-bottom:70px;}
#page25 .sec04 .wrap .flex{flex-wrap:wrap; justify-content:space-between;}
#page25 .sec04 .wrap .ba_item{width:430px; margin-bottom:60px;}
#page25 .sec04 .wrap .ba_item .ba_title{color:#444; font-size:23px; font-weight:500; margin-top:10px; }
#page25 .sec04 .wrap .ba_item ul{ margin-top:10px;}
#page25 .sec04 .wrap .ba_item ul li{color:#666; margin-bottom:5px; }
#page25 .sec04 .wrap .ba_item ul li:before{content:'·'; color:#666; margin-right:3px;}


.sec-vid {
    position:relative;
    margin-top: 70px;
  }
.sec-vid .wrap iframe{width: 100%;}

@media (max-width:1180px){
	#page25 .sec01 .wrap{padding-top:100px; background-size:contain;}
	#page25 .sec01 .wrap .fs-40{width:60%; margin:0 auto 80px; word-break:keep-all;}
	#page25 .sec02{margin-top:50px;}
	#page25 .sec02 .wrap .flex .com_text{ width:50%; }
	#page25 .sec02 .wrap .flex .com_text .fw-6{margin-bottom:20px;}
	#page25 .sec02 .wrap .flex .img{width:48%;}	
	#page25 .sec04 .wrap .flex{justify-content:space-evenly;}
}
@media (max-width:768px){
	#page25 .sec01 .wrap{padding-top:80px; height:380px;} 
	#page25 .sec01 .wrap .img{max-width:300px; margin:0 auto;}
	#page25 .sec02{margin-top:0;}
	#page25 .sec02 .wrap .flex{justify-content:space-evenly; text-align:center; margin-bottom:30px;} 	
	#page25 .sec02 .wrap .flex .com_text{ width:92%; margin-bottom:30px;}
	#page25 .sec02 .wrap .flex .com_text .fs-28{width:80%; margin:30px auto;}
	#page25 .sec02 .wrap .flex .img{width:100%; text-align:center;}
	#page25 .sec02 .wrap .flex:nth-child(2n) .img{margin-bottom:30px;}
	#page25 .sec03{margin-top:70px;}
	#page25 .sec04 .wrap .ba_item{width:48%;}
}
@media (max-width:550px){
	#page25 .sec01 .wrap .fs-40{width:80%; color:#000;}
	#page25 .sec01 .wrap .fs-38{width:80%; color:#000;}
	#page25 .sec01 .wrap .img{max-width:250px;}
	#page25 .sec02 .wrap .flex .com_text .fs-28{font-size:25px; margin:20px auto;}
	#page25 .sec04 .wrap .title2{margin-bottom:40px;}
	#page25 .sec04 .wrap .ba_item{width:100%;margin-bottom:30px;}
	#page25 .sec04 .wrap .ba_item ul{ margin-top:5px;}
}


/*1차 카테고리 공통*/
.ctg section:first-child{margin-bottom:80px;}
.ctg section:first-child .wrap .bg{ text-align:center; color:#fff;}
.ctg section:first-child .wrap .adv{margin-top:60px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.ctg section:first-child .wrap .adv li{ width:48%; margin-bottom:30px;}
.ctg section:first-child .wrap .adv li p{margin-bottom:10px;}
.ctg section:first-child .wrap .adv li p:after{content:''; width:20px; border-bottom:3px solid #254D88; margin-bottom:10px; margin-top:10px; height:3px; display:block;}
.ctg section .wrap .cat_btn {display:flex; flex-wrap:wrap; justify-content:space-between;}
.ctg section .wrap .cat_btn li a{position:relative; width:330px; height:330px; border-radius:30px; color:#272727; display:inline-block; padding:40px 30px;transition:all 300ms;}
.ctg section .wrap .cat_btn li a:hover p.btn{transition:all 300ms; background:#272727; color:#fff;}
.ctg section .wrap .cat_btn li:nth-child(2n-1) a{background-color:#F4FAFF;z-index:0;}
.ctg section .wrap .cat_btn li:nth-child(2n) a{background-color:#FFFBF4;z-index:0;}
.ctg section .wrap .cat_btn li a img{position:absolute; top:0; left:0; z-index:-1;}
.ctg section .wrap .cat_btn li a p.c_name{font-size:22px; font-weight:500; margin-bottom:15px; word-break:keep-all;}
.ctg section .wrap .cat_btn li a p.btn{padding:7px 15px; border:1px solid #272727; border-radius:32px; font-size:15px; color:#272727;}
.ctg section .wrap .cat_btn01 li {width:100%; text-align:center; display:flex; align-items:center; justify-content:center;border-radius:30px;}
.ctg section .wrap .cat_btn01 li a {display:block; padding:40px;}
.ctg section .wrap .cat_btn01 li a:hover p.btn{transition:all 300ms; background:#272727; color:#fff;}
.ctg section .wrap .cat_btn01 li a img{margin-bottom:15px;}
.ctg section .wrap .cat_btn01 li a p.c_name{font-size:22px; font-weight:500; margin-bottom:15px;}
.ctg section .wrap .cat_btn01 li a p.btn{padding:7px 15px; border:1px solid #272727; border-radius:32px; font-size:15px; color:#272727;}
.swiper .swiper-wrapper .swiper-slide > div{height:300px; display:flex; align-items:center; justify-content:center; border-radius:30px;}
.swiper .swiper-wrapper .swiper-slide div p{text-align:center; color:#fff;}
.swiper .swiper-button-prev, .swiper .swiper-button-next{color:#fff;}
@media (max-width:1180px){
	.swiper .swiper-wrapper .swiper-slide div p{width:70%; word-break:keep-all; margin:0 auto;}
}
@media (max-width:550px){
	.swiper .swiper-wrapper .swiper-slide div p.fs-33{font-size:27px; margin-bottom:10px;}
	
}


#cate_01 section:first-child .wrap .bg{background:url(/images/content/category/cat01.jpg)no-repeat rgba(0,0,0,0.4); height:300px; display:flex; align-items:center; justify-content:center; border-radius:30px;}

#cate_02 section:first-child .wrap .bg{background:url(/images/content/category/cat02.jpg)no-repeat rgba(0,0,0,0.4); height:300px; display:flex; align-items:center; justify-content:center; border-radius:30px;}
#cate_02 section .wrap .cat_btn01 li {background-color:#F4FAFF; }

#cate_03 section:first-child .wrap .bg{background:url(/images/content/category/cat03.jpg)no-repeat rgba(0,0,0,0.4); height:300px; display:flex; align-items:center; justify-content:center; border-radius:30px;}
#cate_03 section .wrap .cat_btn01 li {background-color:#FFFBF4; }

#cate_04 section:first-child .wrap .bg{background:url(/images/content/category/cat04.jpg)no-repeat rgba(0,0,0,0.4); height:300px; display:flex; align-items:center; justify-content:center; border-radius:30px;}
#cate_04 section:first-child .wrap .adv{justify-content:center;}
#cate_04 section:first-child .wrap .adv li p:after{margin:10px auto;}
#cate_04 section:first-child .wrap .adv li{text-align:center;}
#cate_04  section .wrap .cat_btn {justify-content:center;}
#cate_04  section .wrap .cat_btn li{margin-right:20px;}
#cate_04  section .wrap .cat_btn li:last-child{margin-right:0;}

#cate_05 section:first-child .wrap .bg{background:url(/images/content/category/cat05.jpg)no-repeat rgba(0,0,0,0.4); height:300px; display:flex; align-items:center; justify-content:center; border-radius:30px;}
#cate_05 section .wrap .cat_btn01 li {background-color:#F4FAFF; }

#cate_06 section:first-child .wrap .bg{background:url(/images/content/category/cat06.jpg)no-repeat rgba(0,0,0,0.4); height:300px; display:flex; align-items:center; justify-content:center; border-radius:30px;}

@media (max-width:1180px){
	#cate_01 section:first-child .wrap .bg{background-blend-mode:multiply;}
	section:first-child .wrap .bg .fs-33{width:70%; word-break:keep-all;}
	.ctg section .wrap .cat_btn li a{width:23vw; height:23vw; padding:20px;}
	.ctg section .wrap .cat_btn li a p.c_name{font-size:20px;margin-bottom:10px;}
	.ctg section .wrap .cat_btn li a p.btn{font-size:13px;}
	.ctg section .wrap .cat_btn li a img{width:100%; }
}
@media (max-width:768px){
	section:first-child .wrap .bg .fs-33{width:60%;font-size:30px;}
	.ctg section .wrap .cat_btn li{margin-bottom:3vw;}
	.ctg section .wrap .cat_btn li a{width:47vw; height:47vw; padding:30px;}	
	.ctg section .wrap .cat_btn li a p.c_name{font-size:22px;}
	#cate_04 section .wrap .cat_btn li{margin-right:2vw;}
	#cate_04 section .wrap .cat_btn li a{width:30vw; height:30vw; padding:20px;}
}
@media (max-width:550px){
	section:first-child .wrap .bg .fs-33{width:80%;font-size:27px;}
	.ctg section:first-child .wrap .adv li{width:100%;}
	.ctg section .wrap .cat_btn li a{padding:20px;}
	.ctg section .wrap .cat_btn li a p.c_name{font-size:15px;}
	.ctg section .wrap .cat_btn li a p.btn{padding:5px 13px; font-size:12px;}
	#cate_04 section .wrap .cat_btn li{margin-right:2vw;}
	#cate_04 section .wrap .cat_btn li a{width:45vw; height:45vw; }
	#cate_04 section .wrap .cat_btn li a p.c_name{font-size:17px;}
}
@media (max-width:400px){
	#cate_04 section .wrap .cat_btn li{margin-right:0;}
	#cate_04 section .wrap .cat_btn li a{width:90vw; height:90vw; padding:30px;}
	#cate_04 section .wrap .cat_btn li a p.c_name{font-size:25px;}

}

/*카테고리 하위메뉴 설명*/
.menu_ex {margin-top:100px;}
.menu_ex section div p{color:#fff; text-align:center;}
.menu_ex section .wrap .bg{height:300px; display:flex; align-items:center; justify-content:center; border-radius:30px;}
#cat_03 section .wrap .bg{background:url(/images/content/category/cat_03bg.png)no-repeat;}
#cat_18 section .wrap .bg{background:url(/images/content/category/cat_18bg.png)no-repeat;}
#cat_04 section .wrap .bg{background:url(/images/content/category/cat_04bg.png)no-repeat;}
#cat_02 section .wrap .bg{background:url(/images/content/category/cat_02bg.png)no-repeat;}
#cat_09 section .wrap .bg{background:url(/images/content/category/cat_09bg.png)no-repeat;}
#cat_10 section .wrap .bg{background:url(/images/content/category/cat_10bg.png)no-repeat;}
#cat_11 section .wrap .bg{background:url(/images/content/category/cat_11bg.png)no-repeat;}
#cat_08 section .wrap .bg{background:url(/images/content/category/cat_08bg.png)no-repeat;}
#cat_13 section .wrap .bg{background:url(/images/content/category/cat_13bg.png)no-repeat;}
#cat_14 section .wrap .bg{background:url(/images/content/category/cat_14bg.png)no-repeat;}
#cat_15 section .wrap .bg{background:url(/images/content/category/cat_15bg.png)no-repeat;}

@media (max-width:1180px){
	.menu_ex section:first-child .wrap .bg .fs-33{width:100%; margin-bottom:10px;}
	.menu_ex section:first-child .wrap .bg .fs-18{width:70%; word-break:keep-all; margin:0 auto;}
}
@media (max-width:550px){
	.menu_ex {margin-top:50px;}
	.menu_ex section .wrap .bg{height:280px;}
	.menu_ex section:first-child .wrap .bg .fs-33{font-size:23px;}
	.menu_ex section:first-child .wrap .bg .fs-18{width:80%; font-size:13px;}
}