/* 공통 */
.co1{color:#302783 !important;}
.co2{color:#e30413 !important;}
.h_type0{font-size:35px; color:#222; font-weight: 900; position: relative; z-index: 0;}
.h_type0 span{position: relative;}
.h_type0 span::before{position: absolute; content:''; right:100%; top:50%; transform: translate(0,-50%); display: block;margin-right:20px; width:80px; height:2px; background:#222;}
/* .h_type0 span::after{position: absolute; top:0; right:-30px; width:20px; height:20px; content:'';   background: linear-gradient(145deg, #1900ff 0%, #ff0011 100%); border-radius: 50%;} */

.h_type1{font-size:35px; font-weight: 700; color:#222;}
.h_type2{font-size:26px; font-weight: 700; color:#222;}
.p_type1{font-size:18px; font-weight: 500; color:#8c8c8c;}

@media(max-width:1024px){
	.h_type0{font-size:26px;}
	.h_type1{font-size:26px;}
	.h_type2{font-size:20px;}
	.p_type1{font-size:16px;}
}

@media(max-width:425px){
	.h_type0{font-size:21px;}
    .h_type0 span::before{margin-right:10px;}
    .h_type0 span::after{width:15px; height:15px;}
	.h_type1{font-size:21px;}
	.h_type1{font-size:18px;}
	.p_type1{font-size:14px;}
    
}

/* 0102__기업개요 */
.inner0102 .container{margin-bottom:80px;}
.inner0102 .h_type0{max-width:1400px; width:100%; margin:0 auto; margin-bottom:40px;}
.inner0102 .content{max-width:1400px; width:100%; margin:0 auto 40px; align-items: center; padding:0 0 40px;}
.inner0102 .content:last-child{margin:0 auto; border:0; padding:0;}
.inner0102 .content .img_box{margin:0 0 0 40px; width:40%;}
.inner0102 .content .img_box img{width:100%;}
.inner0102 .content .text_box{width:60%; position: relative;}
.inner0102 .content .text_box::after{position: absolute; content:''; right:20px; bottom:20px; width:50px; height:50px; background:#f90;}
.inner0102 .content .text_box p{padding:0 20px; margin-bottom:20px; font-size:20px; font-weight: 500; color:#302783;}
.inner0102 .content .text_box h3{padding:20px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.inner0102 .content .text_box h3 .desc1{margin-right:10px;}
.inner0102 .content .text_box h3 .desc2{font-weight: 300;}
.inner0102 .content .text_box ul{padding:0 20px;}
.inner0102 .content .text_box ul li{font-size:20px; margin-bottom:20px; position: relative; padding:0 0 0 15px;}
.inner0102 .content .text_box ul li::before{position: absolute; content:''; left:0; top:50%; transform: translate(-50%,-50%); width:5px; height:5px; background:#302783;}
.inner0102 .content .text_box ul li .desc1{margin-right:10px; font-weight: 500; color:#302783; width:45px;}
.inner0102 .container3{padding:80px 0 !important; background:#f2f2f2; margin-bottom:0;}
.inner0102 .container3 .content{align-items: flex-start;}
.inner0102 .container3 .content .img_box{margin:0 40px 0 0;}
.inner0102 .container3 .content .text_box{margin:40px 0 0;}
.inner0102 .container3 .content .text_box::after{display: none;}
.inner0102 .container3 .content .text_box p{color:#666;}
.inner0102 .container1{background:#fafafa; padding:80px 0;}
.inner0102 .container1 .content{max-width:1400px; width:100%; margin:0 auto; position: relative; padding:0 0 0 100px;}
.inner0102 .container1 .list_box{align-items: center;}
.inner0102 .container1 .list_box2{margin-top:-50px; margin-left:110px;}
.inner0102 .container1 .list_box3{margin-top:-50px; margin-left:220px;}
.inner0102 .container1 .tit_box{ min-width:250px; min-height:250px; border:2px solid #e30413; border-radius: 50%; align-items: center; justify-content: center; position: relative; margin-right:160px;}
.inner0102 .container1 .tit_box::before{position: absolute; content:''; left:100%; top:50%; transform: translate(-50%,-50%); width:20px; height:20px; background:#e30413; border-radius: 50%;}
.inner0102 .container1 .tit_box::after{position: absolute; content:''; left:100%; top:50%; transform: translate(0,-50%); width:120px; height:2px; background:#e30413;}
.inner0102 .container1 .tit_box h2{font-size:30px; font-weight: 700; color:#222;}
.inner0102 .container1 .txt_box p{font-size:20px; color:#222;}
.inner0102 .container1 .logo_icon{position: absolute; width:280px;  left:40px; bottom:130px;}
.inner0102 .container1 .logo_icon1{z-index: 1;}
.inner0102 .container1 .logo_icon2{bottom:100px; filter: blur(10px); opacity: .4 !important; z-index: 0;}
.inner0102 .container1 .cls-1, .inner0102 .container1 .cls-4 { fill: #e30413; }
.inner0102 .container1 .cls-1, .inner0102 .container1 .cls-2 { fill-rule: evenodd; }
.inner0102 .container1 .cls-2, .inner0102 .container1 .cls-3 { fill: #302783; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .inner0102 .container1 .logo_icon2{display: none;}
}


@media(max-width:1400px){
    .inner0102 .container{padding:0 40px;}
    .inner0102 .container1{background:#fafafa; padding:80px 40px;}
}

@media(max-width:1024px){
    .inner0102 .content .text_box p{font-size:18px;}
    .inner0102 .content .text_box ul li{font-size:18px;}
    .inner0102 .content .text_box::after{bottom:auto; top:95px; width:50px; height:50px;}
    .inner0102 .container1 .content{padding:0;}
    .inner0102 .container1 .tit_box{min-width:200px; min-height:200px;}
    .inner0102 .container1 .tit_box h2{font-size:26px;}
    .inner0102 .container1 .txt_box p{font-size:18px;}
    .inner0102 .container1 .logo_icon{left:auto; bottom:auto; top:-130px; right:0;}
    .inner0102 .container1 .logo_icon2{bottom:auto;top:-120px;}
    .inner0102 .container1 .list_box2{margin-left:60px;}
    .inner0102 .container1 .list_box3{margin-left:120px;}
}

@media(max-width:768px){
    .inner0102 .content{flex-direction: column; margin:0 auto;}
    .inner0102 .content .text_box{width:100%;}
    .inner0102 .content .img_box{width:100%; margin:0;}
    .inner0102 .container3{padding:80px 40px !important;}
    .inner0102 .container3 .content .img_box{margin:0;}
    .inner0102 .container1 .tit_box{border:1px solid #e30413;}
    .inner0102 .container1 .tit_box::before{width:13px; height:13px;}
    .inner0102 .container1 .tit_box::after{height:1px; width:60px;}
    .inner0102 .container1{overflow: hidden;}
    .inner0102 .container1 .logo_icon{opacity: .03; width:900px; right:-50%; top:-50%; opacity: .03 !important;}
    .inner0102 .container1 .list_box2{margin-left:0;}
    .inner0102 .container1 .list_box3{margin-left:0;}
    .inner0102 .container1 .tit_box{margin-right:80px;}
    .inner0102 .container1 .tit_box h2{font-size:24px;}
    .inner0102 .container1 .txt_box p{font-size:16px;}

}

@media(max-width:505px){
    .inner0102 .content .text_box::after{display: none;}
    .inner0102 .container1 .tit_box{min-width:160px; min-height:160px;}
    .inner0102 .container1 .tit_box h2{font-size:20px;}
    .inner0102 .container1 .txt_box p{font-size:14px;}
    .inner0102 .container1 .tit_box{margin-right:30px;}
    .inner0102 .container1 .tit_box::before{display: none;}
    .inner0102 .container1 .tit_box::after{height:1px; width:0px;}
    .inner0102 .container1 .list_box2{margin-top:0;}
    .inner0102 .container1 .list_box3{margin-top:0;}
}

@media(max-width:435px){
    .inner0102 .container{padding:60px 20px; margin-bottom:40px;}
    .inner0102 .content{padding: 0 0 20px;}
    .inner0102 .content .text_box p{font-size:14px;}
    .inner0102 .content .text_box ul li{font-size:14px;}
    .inner0102 .h_type0{margin-bottom:20px;}
    .inner0102 .content .text_box p{margin-bottom:10px;}
    .inner0102 .content .text_box ul li{margin-bottom:10px;}
    .inner0102 .container3{margin-bottom:0; padding:60px 20px !important;}
    .inner0102 .container3 .content .text_box{margin:0;}
    .inner0102 .container3 .text_box{order:1;}
    .inner0102 .container3 .img_box{order:2;}

}

/* 0101___인사말 */
.inner0101 .content_group{background:#f2f2f2; width:100%;}
.inner0101 .content1{max-width:1400px; width:100%; margin:0 auto 40px; align-items: center; margin-bottom:40px;}
.inner0101 .content1 .text_box{margin-right:40px; width:50%; line-height: 2;}
.inner0101 .content1 .text_box h2{flex-direction: column; font-weight: 900;}
.inner0101 .content1 .text_box h2 span{position: relative;}
.inner0101 .content1 .img_box{width:50%;}
.inner0101 .content1 .img_box img{width:100%;}
.inner0101 .content2{max-width:1400px; width:100%; margin:80px auto;}
.inner0101 .content2 .text_box{width:50%;}
.inner0101 .content2 .text_box1{margin-right:40px;}
.inner0101 .content2 .text_box1 p span{display: block; line-height: 2.5; color:#222;}
.inner0101 .content2 .text_box2 p{ line-height: 2.5; color:#222; font-weight: 500;}
.inner0101 .content2 .text_box2 p span{font-weight: 700;}

@media(max-width:1400px){
	.inner0101 .content1{padding: 0 40px;}
	.inner0101 .content2{padding: 0 40px;}
}

@media(max-width:1024px){
	.inner0101 .content2 .br1, .inner0101 .content2 .br3, .inner0101 .content2 .br4, .inner0101 .content2 .br5 {display: none;}
}

@media(max-width:768px){
	.inner0101 .content_group{background:none;}
	.inner0101 .content1 {flex-wrap: wrap;}
	.inner0101 .content1 .text_box{width:100%; margin:0 0 40px;}
	.inner0101 .content1 .img_box{width:100%;}
	.inner0101 .content2 {margin:40px 0;}
}
@media(max-width:580px){
	.inner0101 .content2{flex-wrap: wrap;}
	.inner0101 .content2 .text_box{width:100%;}
	.inner0101 .content2 .text_box1{margin:0 0 20px;}
}

@media(max-width:425px){
	.inner0101 .content1{padding:0 20px;}
	.inner0101 .content2{padding:0 20px;}
}



/* 0103___주요연혁 */
.history{position: relative;  margin:0 auto; padding:80px 0; box-sizing: border-box; background:url(../images/contents/history_bg.png)no-repeat right top / 100%; backdrop-filter: blur(100px);}
.history::after{position: absolute; content:''; left:50%; top:230px; transform: translate(-50%,-0); width:2px; height:82%; background:#ccc; z-index: -1;}
.history .logo_box{width:100%; text-align: center; margin-bottom:80px; box-sizing: border-box;}
.history .content{max-width:1400px; width:100%; margin:0 auto; }
.history .content:nth-of-type(even){justify-content: flex-start; text-align: right;}
.history .content:nth-of-type(odd){justify-content:flex-end; text-align: left;}
.history .content:nth-of-type(even) .item{margin-right:50px;}
.history .content:nth-of-type(odd) .item{margin-left:50px;}
.history .content .item{width:calc(50% - 50px); }
.history .content .item h2{font-size:45px; color:#000; margin-bottom:40px; font-weight: 800; position: relative;}
.history .content:nth-of-type(even) .item h2::after{position: absolute; content:''; right:-50px; top:50%; transform: translate(50%,-50%); width:15px; height:15px; background:#e30413;}
.history .content:nth-of-type(odd) .item h2::after{position: absolute; content:''; left:-50px; top:50%; transform: translate(-50%,-50%); width:15px; height:15px; background:#e30413;}
.history .content .item ul{margin-bottom:30px;}
.history .content .item ul li{margin-bottom:15px; display: flex; display: -ms-flex; display: -webkit-flex; line-height: 1.4;}
.history .content .item ul li .text{color:#666666; font-size:18px; font-weight: 400;}
.history .content .item ul li .day{color:#302783; font-size:18px; font-weight: 700;}
.history .content .item .img_box{width:100%;}
.history .content:nth-of-type(even) .item .img_box{justify-content: flex-end;}
.history .content:nth-of-type(even) .item .img_box img:last-child{margin-right:0;}
.history .content:nth-of-type(even) .item ul li{justify-content: flex-end;}
.history .content:nth-of-type(even) .item ul li .day{padding-left:15px;}
.history .content:nth-of-type(odd) .item ul li .day{padding-right:15px;}


@media(max-width:1400px){
    .history{padding:80px 40px;}
}

@media(max-width:1024px){
    .history .content{padding:20px;}
    .history .content .item h2{font-size:45px;}
    .history .content .item ul li .text{font-size:16px;}
}

@media(max-width:768px){
    .history .content .item h2{font-size:35px;}
    .history .content .item ul li .text{font-size:14px;}
    .history .content .item ul li .day{font-size:14px;}
    .history .content:nth-of-type(even) .item .img_box{display: flex; display: -ms-flex; display: -webkit-flex;}
    .history .logo_box img{width:260px;}
    .history .logo_box{margin-bottom:40px;}

}

@media(max-width:600px){
    .history .content{margin: 30px auto; border-bottom:1px solid #ddd; padding:30px 20px;}
    .history .content .item{width:100% !important; margin:0 !important;}
    .history .content:nth-of-type(even){text-align: left;}
    .history .content:nth-of-type(even) .item ul li{justify-content: flex-start;}
    .history .content:nth-of-type(even) .item .img_box{justify-content: flex-start;}
    .history .content .item ul li .day{order:1;}
    .history .content .item ul li .text{order:2;}
    .history .content:nth-of-type(even) .item ul li .day{padding-left:0; padding-right:15px;}
    .history::after{display: none;}
    .history .content:nth-of-type(even) .item h2::after{display: none;}
    .history .content:nth-of-type(odd) .item h2::after{display: none;}
    .history {background:url(../images/contents/history_bg.png)no-repeat right top / 200%;}
}

@media(max-width:425px){
    .history{padding:80px 20px;}
    .history .logo_box img{width:200px;}
}


/* 0105___CI&BI */
.inner0105 .container{max-width:1400px; width:100%; margin:0 auto; padding:80px 0;}
.inner0105 .container:last-child{margin:0 auto;}
.inner0105 .title_box{width:50%;flex-grow: 1; margin-right:80px;}
.inner0105 .title_box h2{margin-bottom:20px;}
.inner0105 .title_box ul.downlode{margin-top:40px; display: flex; display: -ms-flex; display: -webkit-flex;}
.inner0105 .title_box ul.downlode li{width:200px; margin-right:20px;}
.inner0105 .title_box ul.downlode li:last-child{margin:0;}
.inner0105 .title_box ul.downlode li a{display: block; padding:15px; text-align: center; border:2px solid #302783; color:#302783; transition: all .3s ease;}
.inner0105 .title_box ul.downlode li:hover a{background:#302783; color:#fff;}
.inner0105 .content{width:50%; flex-direction: column-reverse;}
.inner0105 .item{margin-bottom:40px;}
.inner0105 .item .img_box img{width:100%;}
.inner0105 .item h3{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.inner0105 .container_group:first-child{background:#f2f2f2;}

@media(max-width:1400px){
    .inner0105 .container{padding:80px 40px;}
}

@media(max-width:768px){ 
    .inner0105 .container{flex-direction: column;}
    .inner0105 .title_box{width:100%; margin-bottom:40px;}
    .inner0105 .content{width:100%;}
    .inner0105 .title_box ul.downlode{margin-bottom:40px;}
}
@media(max-width:425px){ 
    .inner0105 .container{padding:60px 20px;}
    .inner0105 .title_box ul.downlode li a{padding:10px;}
}


/* 0106___오시는길 */
.inner0106 .container{width:100%; height:600px; position: relative;}
.inner0106 .map_box{width:100%; height:100%; background:#f90;}
.inner0106 .info_box{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); max-width:1400px; width:100%; height:100%; justify-content: flex-end; align-items: center; padding:120px 0; z-index: 1;}
.inner0106 .info{width:50%; background:rgba(255, 255, 255, 0.85); margin:0 40px; padding:40px; box-sizing: border-box; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);}
.inner0106 .info h2{font-size:40px; font-weight: 900; color:#222; margin-bottom:20px;}
.inner0106 .info ul li{align-items: center; margin-bottom:20px; font-size: 20px; font-weight: 500;}
.inner0106 .info ul li:last-child{margin:0;}
.inner0106 .info ul li .desc1{color:#302783; font-weight: 700; width:35px;}

@media(max-width:1440px){
    .inner0106 .container{height:auto;}
    .inner0106 .map_box{height:600px;}
    .inner0106 .info h2{font-size:35px;}
    .inner0106 .info ul li{font-size:18px;}
}

@media(max-width:768px){
    .inner0106 .info_box{position: relative; transform: translate(0,0); padding:0; left:0; top:0; margin:0;}
    .inner0106 .info{width:100%; margin:0; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.0);}
    .inner0106 .info h2{font-size:30px;}
    .inner0106 .info ul li{font-size:16px;}
}

@media(max-width:425px){
    .inner0106 .map_box{height:400px;}
    .inner0106 .info{padding:20px;}
    .inner0106 .info h2{font-size:26px;}
    .inner0106 .info ul li{font-size:14px; margin-bottom:10px;}
}


/* 03 ____ 제품정보 */
.inner03{margin-bottom:120px;}
.inner03 .h_type0{margin-bottom:40px;}
.inner03 .container{margin: 0 -40px;}
.inner03 .container > .h_type1{margin:0 40px;}
.inner03 .container > .h_type0{margin:0 40px;}
.inner03 .container > .p_type1{margin:0 40px;}
.inner03 .content{margin-bottom:60px; flex-wrap: wrap; width:100%;}

.inner03 .content .item{border:3px solid #cdcdcd; border-radius: 15px; padding:40px; font-size:18px; flex-direction: column; align-items: center; position: relative; min-height:250px; width:calc(25% - 80px); margin:40px; justify-content: center;}
.inner03 .content .item::before{position: absolute; content:''; left:100%; top:50%; transform: translate(-50%,-50%); width:10px; height:30px; background:#fff;}
.inner03 .content .item i{position: absolute; content:''; left:calc(100% + 14px); top:calc(50% + 15px); transform: translate(-50%,-50%); font-size:35px; color:#cdcdcd;}
.inner03 .content .item span{position: relative;  z-index: 2; width:45px; height:45px; background:#302783; align-items: center; justify-content: center; border-radius: 50%; color:#fff;}
.inner03 .content .item h6{font-weight: 700; margin:20px 0; font-size:24px; color:#222; text-align: center;}
.inner03 .content .item p{font-size:18px; text-align: center;}
.inner03 .content .item p.co2{position: absolute; content:''; left:50%; bottom:20px; transform: translate(-50%,0);}
.inner03 .content2 .item i{left:-14px; top:calc(50% + 15px); transform: translate(-50%,-50%) rotate(-180deg); font-size:35px; color:#cdcdcd;}
.inner03 .content2 .item::before{left:0; top:50%; transform: translate(-50%,-50%); width:10px; height:30px; background:#fff;}
.inner03 .content .item .labal{position: absolute; content:''; left:-29px; top:20px; font-size:14px; background:#222; color:#fff; padding:3px 40px; clip-path: polygon(19% 0%, 80% 0, 100% 100%, 0% 100%); transform: rotate(-45deg);}

.inner03 .content .item4 i{top:calc(100% - 4px); left:calc(50% - 33px); transform: rotate( 90deg );}
.inner03 .content .item4::before{top:100%; left:50%; width:30px; height:10px;}
.inner03 .content .item8 i{top:calc(100% - 4px); left:calc(50% - 33px); transform: rotate( 90deg );}
.inner03 .content .item8::before{top:100%; left:50%; width:30px; height:10px;}

.inner03.nonclr .content .item span{background:none; }



/* .inner0305 .content1 .item1::after{position: absolute; content:'입고검수'; left:calc(100% - 7px); top:0; transform: translate(-0,-100%);padding:10px 15px; z-index: 10;  color:#302783;}
.inner0305 .content2 .item5::after{position: absolute; content:'검수'; right:calc(100% + 13px); top:0; transform: translate(-0,-100%);padding:10px 15px; z-index: 10;  color:#302783;} */
.inner03 .content2 .item5{order:4;}
.inner03 .content2 .item6{order:3;}
.inner03 .content2 .item7{order:2;}
.inner03 .content2 .item8{order:1;}

.inner0305 .content .item10 i{display: none;}
.inner0305 .content .item10::before{display: none;}

.inner0304 .content .item9 i{display: none;}
.inner0304 .content .item9::before{display: none;}

.inner0303 .content .item10 i{display: none;}
.inner0303 .content .item10::before{display: none;}

.inner0302 .content .item8 i{display: none;}
.inner0302 .content .item8::before{display: none;}

.inner0301 .content .item8 i{display: none;}
.inner0301 .content .item8::before{display: none;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .inner0305 .content1 .item .labal{color:#e30413; background:none; transform: rotate(0);}
}

@media(max-width:1440px){
    .inner03 .container{padding:0 40px;}
    .inner03 .content .item h6{font-size:22px;}

}
@media(max-width:1024px){ 
    .inner03 .content{margin-bottom:20px;}
    .inner03 .content .item{margin:20px; width:calc(25% - 40px)}
    .inner03 .container > .h_type1{margin:0 20px;}
    .inner03 .container > .p_type1{margin:0 20px;}
    
}
@media(max-width:768px){ 
    .inner03 .content .item{width:calc(50% - 40px); margin:20px;}
    .inner03 .content2 .item5{order:1;}
    .inner03 .content2 .item6{order:2;}
    .inner03 .content2 .item7{order:3;}
    .inner03 .content2 .item8{order:4;}
    .inner03 .content .item::before{display: none;}
    .inner03 .content .item i{display: none;}

}
@media(max-width:425px){ 
    .inner03 .h_type0{margin-bottom:20px;}
    .inner03 .content .item h6{font-size:20px;}
    .inner03 .content .item p{font-size:14px;}
    .inner03 .content .item{min-height:180px; padding:20px;}
    .inner03 .container{padding:0 40PX;}
    .inner03 .content .item span{font-size:14px; width:35px; height:35px;}
    
}

/* 0201__식물안전관리 */
.inner0201 .container{background:#fafafa; padding: 80px 0;}
.inner0201 .title_box{max-width:1400px; width:100%; margin:0 auto 40px;}
.inner0201 .title_box h2{margin-bottom:20px;}
.inner0201 .img_box{max-width:1400px; width:100%; margin:0 auto;}
.inner0201 .img_box img{width:100%;}
.inner0201 .img_box.pc{display: block;}
.inner0201 .img_box.m{display: none;}

@media(max-width:1400px){
    .inner0201 .title_box{padding: 0 40px;}
    .inner0201 .img_box{padding: 0 40px;}
 }

 @media(max-width:768px){ 
    .inner0201 .img_box.pc{display: none;}
    .inner0201 .img_box.m{display: block;}
 }


/* 0202___R&D */
.inner0202 .content .item{min-height:230px;}
.inner0202 .content1 .item4{position: relative;}
.inner0202 .content1 .item4 u{ text-decoration: none;position: absolute; right:105%;}
.inner0202 .content1 .item4 u img{max-width:none !important;}
.inner0202 .content1 .item4 .u_img1{top:0;}
.inner0202 .content1 .item4 .u_img2{transform: rotateZ(180deg); bottom:0;}
.inner0202 .content1 .item4 i{left:-14px; top:calc(50% - 15px); transform: translate(-50%,-50%) rotate(-180deg); font-size:35px; color:#cdcdcd; display:none;}
.inner0202 .content1 .item4::before{display: none !important;}

.inner0202 .content3 .item3 i{display: none;}
.inner0202 .content3 .item3::before{display: none;}

@media(max-width:768px){ 
    .inner0202 .content .item i{display: block;}
    .inner0202 .content .item::before{display: block;}
    .inner0202 .content1 .item1{order:1}
    .inner0202 .content1 .item2{order:2}
    .inner0202 .content1 .item3{order:4}
    .inner0202 .content1 .item4{order:3}
    .inner0202 .content1 .item3 i{left:-14px; top:calc(50% - 15px); transform: translate(-50%,-50%) rotate(-180deg); font-size:35px; color:#cdcdcd;}
    .inner0202 .content1 .item3::before{left:0; top:50%; transform: translate(-50%,-50%); width:10px; height:30px; background:#fff;}
    .inner0202 .content1 .item4::before{position: absolute; content:''; left:100%; top:50%; transform: translate(-50%,-50%); width:10px; height:30px; background:#fff;}
    .inner0202 .content1 .item4 i{position: absolute; content:''; left:calc(100% + 14px); top:calc(50% + 15px); transform: translate(-50%,-50%); font-size:35px; color:#cdcdcd; display: none;}
    .inner0202 .content1 .item2 i{top:calc(100% - 4px); left:calc(50% - 33px); transform: rotate( 90deg );}
    .inner0202 .content1 .item2::before{top:100%; left:50%; width:30px; height:10px;}
    .inner0202 .content3 .item2 i{top:calc(100% - 4px); left:calc(50% - 33px); transform: rotate( 90deg );}
    .inner0202 .content3 .item2::before{top:100%; left:50%; width:30px; height:10px;}
    .inner0202 .content3 .item3 i{display: none;}
    .inner0202 .content3 .item3::before{display: none;}
    .inner0202 .content3{justify-content: flex-end;}
    .inner0202 .content1 .item4 u{ text-decoration: none;position: absolute; left:99%; right:auto;}
    .inner0202 .content1 .item4 .u_img1{top:-30px;}
    .inner0202 .content1 .item4 .u_img2{transform: rotateZ(180deg); bottom:-30px;}
}

@media(max-width:425px){ 
    .inner0202 .content .item{min-height:177px; flex-wrap: wrap;}
}

/* 공통 */
.inner03 .container > .img_box{ position: relative; margin-bottom:80px; z-index: 50;}
.inner03 .container > .img_box::before{position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; height:100%; background:rgba(0, 0, 0, 0.2)}
.inner0301 .container > .img_box{ background: #ddd url(../images/contents/0301-top_bg.jpg) no-repeat center / 100%;}
.inner0302 .container > .img_box{ background: #ddd url(../images/contents/0302-top_bg.jpg) no-repeat center / 100%;}
.inner0303 .container > .img_box{ background: #ddd url(../images/contents/0303-top_bg.jpg) no-repeat center / 100%;}
.inner0304 .container > .img_box{ background: #ddd url(../images/contents/0304-top_bg.jpg) no-repeat center / 100%;}
.inner0305 .container > .img_box{ background: #ddd url(../images/contents/0305-top_bg.jpg) no-repeat center / 100%;}
.inner03 .list_box{width:100%; padding:150px 40px; position: relative; z-index: 5;}


@media(max-width:1024px){

    .inner03 .list_box{padding:40px;}
}

@media(max-width:768px){

    .inner03 .list_box{padding:40px 40px;}
    .inner0301 .container > .img_box{ background: #ddd url(../images/contents/0301-top_bg.jpg) no-repeat center / 200%;}
    .inner0302 .container > .img_box{ background: #ddd url(../images/contents/0302-top_bg.jpg) no-repeat center / 200%;}
    .inner0303 .container > .img_box{ background: #ddd url(../images/contents/0303-top_bg.jpg) no-repeat center / 200%;}
    .inner0304 .container > .img_box{ background: #ddd url(../images/contents/0304-top_bg.jpg) no-repeat center / 200%;}
    .inner0305 .container > .img_box{ background: #ddd url(../images/contents/0305-top_bg.jpg) no-repeat center / 200%;}
}

@media(max-width:425px){
    .inner03 .container > .img_box{margin-bottom:40px;}
    .inner03 .list_box{padding:40px 20px;}

    .inner0301 .container > .img_box{ background: #ddd url(../images/contents/0301-top_bg.jpg) no-repeat center / 300%;}
    .inner0302 .container > .img_box{ background: #ddd url(../images/contents/0302-top_bg.jpg) no-repeat center / 300%;}
    .inner0303 .container > .img_box{ background: #ddd url(../images/contents/0303-top_bg.jpg) no-repeat center / 300%;}
    .inner0304 .container > .img_box{ background: #ddd url(../images/contents/0304-top_bg.jpg) no-repeat center / 300%;}
    .inner0305 .container > .img_box{ background: #ddd url(../images/contents/0305-top_bg.jpg) no-repeat center / 300%;}

}


.inner0306 {background: #fafafa; padding:80px 0 20px;}
.inner0306 .content {flex-wrap: wrap; justify-content: space-between;}
.inner0306 .item{width: 30%; display: flex; flex-direction: column; text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 80px;}
/* .inner0306 .item{margin-bottom: 0;} */
.inner0306 .item p{margin: 40px 0 20px; color: #222; font-size: 20px;}
@media(max-width:1440px){
    .inner0306 .item{ margin-bottom: 60px;}
    .inner0306 .item p{margin: 30px 0 20px; font-size: 18px;}

}

@media(max-width:1024px){
    .inner0306 .item{ width: 48%; margin-bottom: 60px;}

}

@media(max-width:768px){

}

@media(max-width:425px){
    .inner0306 .item{ width: 100%;}

}