.side_Wrap{}
.sub_title_box{height: 200px; background-size: cover !important; position: relative;}
.sub_title_box:after{content:''; display:block; clear:both; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5);} 
.sub_img01 {background: url(../images/main/main_bg1.jpg) center 50% no-repeat;} 
.sub_img02 {background: url(../images/main/main_bg3.jpg) center 50% no-repeat;} 
.sub_img03 {background: url(../images/main/main_bg3.jpg) center 50% no-repeat;} 
.sub_img04 {background: url(../images/main/main_bg3.jpg) center 50% no-repeat;} 


.txt_box {display: block; position: relative; z-index: 1; animation: fadein 2s;-moz-animation: fadein 2s; /* Firefox */ -webkit-animation: fadein 2s; /* Safari and Chrome */ -o-animation: fadein 2s; /* Opera */}
		@keyframes fadein {from {opacity:0;} to {opacity:1;}}
		@-moz-keyframes fadein { /* Firefox */from {opacity:0;} to {opacity:1;}}
		@-webkit-keyframes fadein { /* Safari and Chrome */  from {opacity:0;} to {opacity:1;}}
		@-o-keyframes fadein { /* Opera */from {opacity:0;} to {opacity: 1;}}

.sub_txt01{color: #df2514; text-align: center; padding-top: 105px; font-size:32px; font-weight: 500;}
.txt_box>p{text-align: center; color: #fff;}

.Con_Wrap{max-width: 1024px; margin: 0 auto; padding:0 20px;}
.sub_txt02{color: #202020; text-align: center; padding: 30px 20px; font-size:32px; font-weight: 500;}



/*연혁*/
.history_box>ul{}
.history_box>.history_box01{overflow: hidden;}
.history_box>.history_box02{margin-top: 30px; overflow: hidden;}
.history_box>.history_box03{margin-top: 30px; overflow: hidden;}
.st_item.on .history_box>ul {}

.history_box01>li{float: left; width: 50%; position: relative;}
.history_box01>.history_title01{text-align: right; padding-right: 25px;}
.history_box01>.history_title01>ul li{font-size: 14px; font-weight: 300; color: #606060; line-height: 130%; margin-top: 10px; position: relative;font-weight: 600;}
.history_box01 .year_01{font-size: 24px; font-weight: 600; color: #df2514; padding-left: 25px; position: relative;}
.history_box01 .year_01:before{content:''; display:block; clear:both; position: absolute; right: -33px; top: 5px; width: 16px; height: 16px; background-color: #df2514; border-radius: 50%;}
.history_box01 .text01{font-size: 13px; font-weight: 300; color: #999999; line-height: 130%; margin-top: 10px;}
.history_box01>.history_list01{text-align: left; padding-top: 36px; padding-left: 25px;}
.history_box01>.history_list01>ul li{font-size: 14px; font-weight: 300; color: #606060; line-height: 130%; padding-bottom: 10px; position: relative;}
.history_box01>.history_list01>ul li:before{content:''; display:block; clear:both; position: absolute; left: -30px; top: 4px; width: 10px; height: 10px; background-color: #df2514; border-radius: 50%; z-index: 1;}
.history_box01>.history_list01>ul li:after{content:''; display:block; clear:both; position: absolute; left: -26px; top: 8px; width: 2px; height: 100%; background-color: #df2514; border-radius: 50%;}
.history_box01>.history_list01>ul li:last-child:after{display:none;}

.history_box02>li{float: right; width: 50%; position: relative;}
.history_box02>.history_title02{text-align: left; padding-left: 25px;}
.history_box02>.history_title02>ul li{font-size: 14px; font-weight: 300; color: #606060; line-height: 130%; margin-top: 10px; position: relative;font-weight: 600;}
.history_box02 .year_02{font-size: 24px; font-weight: 600; color: #404040; position: relative;}
.history_box02 .year_02:before{content:''; display:block; clear:both; position: absolute; left: -33px; top: 5px; width: 16px; height: 16px; background-color: #404040; border-radius: 50%;}
.history_box02 .text02{font-size: 13px; font-weight: 300; color: #999999; line-height: 130%; margin-top: 10px;}
.history_box02>.history_list02{text-align: right; padding-top: 36px; padding-right: 25px;}
.history_box02>.history_list02>ul li{font-size: 14px; font-weight: 300; color: #606060; line-height: 130%; padding-bottom: 10px; position: relative;}
.history_box02>.history_list02>ul li:before{content:''; display:block; clear:both; position: absolute; right: -29px; top: 6px; width: 7px; height: 7px; background-color: #909090; border-radius: 50%; z-index: 1;}
.history_box02>.history_list02>ul li:after{content:''; display:block; clear:both; position: absolute; right: -26px; top: 8px; width: 1px; height: 100%; background-color: #e0e0e0; border-radius: 50%;}
.history_box02>.history_list02>ul li:last-child:after{display:none;}



/*조직*/
.Organization_box{text-align: center; margin-top: 20px;}
.Organization_box>div{display: inline-block; background-color: #df2514; font-size: 30px; padding: 15px 50px; margin-bottom: 40px; font-weight: 600; text-align: center; color: #fff;}
.Organization_box>ul{overflow: hidden;}
.Organization_box>ul>li{float: left; width: 25%; margin-bottom: 30px; padding: 0 10px;}
.Organization_box>ul>li div{background-color: #404040; font-size: 20px; padding: 10px 0; text-align: center; color: #fff;}
.Organization_box>ul>li p{border: 1px solid #e0e0e0; border-top: none; padding: 10px 0; font-size: 18px; color: #202020; font-weight: 600; text-align: center; border-bottom: none; display: block;}
.Organization_box>ul>li ul{border: 1px solid #e0e0e0; border-top: none; display: block; min-height: 120px;}
.Organization_box>ul>li ul>li{font-size: 16px; color: #707070; font-weight: 300;}

/*파트*/
.partner_box{text-align: center; margin-top: 20px;}
.partner_box>ul{overflow: hidden;}
.partner_box>ul>li{float: left; width: 25%; margin-bottom: 30px;}
.partner_box>ul>li div{border: 1px solid #e0e0e0; margin: 0 10px;}
.partner_box>ul>li img{max-width: 100%;}
.partner_box>ul>li p{font-size: 18px; color: #404040; line-height: 100%; margin: 0 auto; margin-top: 10px; text-align: center; padding: 0;}

/*오시는길*/
.sub_map_t01{text-align: center;}
.sub_map_t01>ul{display: inline-block; width: 90%; margin: 30px 5%;}
.sub_map_t01>ul>li{float: left; width: 33.333333%; display: inline-block;}


/*포트폴리오 목록*/
.p_item_box{text-align: center;}
.p_item_box>ul{overflow: hidden;}
.p_item_box>ul>li{float: left; width: 25%; margin-bottom: 30px;}
.p_item_box>ul>li>a{display: block; text-align: center; margin: 0 20px;}
.p_item_box>ul>li>a:hover > div{border: 1px solid #df2514;}
.p_item_box>ul>li>a>div{border: 1px solid #e0e0e0; padding: 10px;}
.p_item_box>ul>li>a>div>img{max-width: 100%;}
.p_item_box>ul>li>a>p{font-size: 24px; color: #404040; line-height: 100%; margin: 0 auto; margin-top: 20px; text-align: center; padding: 0;}
.p_item_box>ul>li>a>span{font-size: 16px; color: #777; line-height: 130%; margin: 0 auto; margin-top: 10px; text-align: center; padding: 0;}
/*포트폴리오 상세*/
.Portfolio_view_box{margin: 20px; border: 1px solid #e0e0e0; background-color:#f6f6f6; text-align: center; line-height: 400px;}


@media screen and (max-width: 1600px) {

	
}


@media screen and (max-width: 1366px){ 

}


@media screen and (max-width: 1280px){

}


@media screen and (max-width: 1152px){

}


@media screen and (max-width: 1024px){

}




@media screen and (max-width: 768px){

.sub_title_box{height: 130px;}
.sub_txt01{padding-top: 60px; font-size:26px;}
.sub_txt02{padding: 20px 20px 10px 20px; font-size:26px;}


.partner_box>ul>li{width: 33.33333%;}
.p_item_box>ul>li{width: 33.33333%;}
	
}



@media screen and (max-width: 640px){

.Organization_box>ul>li{width: 50%;}
.partner_box>ul>li{width: 50%;}
.p_item_box>ul>li{ width: 50%;}
	
}


@media screen and (max-width: 480px){

.Organization_box>ul>li{width: 100%;}
.Organization_box>ul>li ul{min-height: auto; padding-bottom: 20px;}
.partner_box>ul>li{width: 100%;}
.p_item_box>ul>li{ width: 100%;}
	
}