@charset "utf-8";

/*reset.css*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


*{
    padding:0px;
    margin:0px;
}
ul,li {
    list-style:none;
}
a {
    text-decoration:none !important;
    color:#333;
}
img{
    border: 0;
    vertical-align: top;
}
body {
    width:100%;
    font-family: 'Noto Sans KR', sans-serif;
}

/*속성 지정*/
.inner{
    width:1200px !important;
    margin:0 auto;
}
.cf:after{
    content:"";
    clear:both;
    display:block;
}

#wrap{
    min-width:1200px;
}
.section_tit{
    text-align: center;
    
}
.section_tit2{
    text-align: center;
    margin: 60px 0 50px 0;
    
}
.section_txt{
    text-align: center;
}
/*reset.css*/
/*page tab s*/
.page_tab{
    width:100%;
    background-color:#f2f2f2 !important;
}
.page_tab .menu li{
    width:187px;
    height:70px;
    background-color:#fff;
    border-radius:20px;
    text-align:center;
    line-height:70px;
    font-size:16px;
    color:#624a22 !important;
    margin:0 0 0 10px;
}
.page_tab .menu li:nth-child(5){
    border:3px solid #624a22 !important;
    box-sizing:border-box !important;
    line-height:67px;
}
.page_tab .menu li a{
    display:block;
    width:100%;
    height:100%;
}
a:link, a:visited{
    color:#624a22 !important;
}
/*page tab e*/


/*s2 s*/


#section2{
	width: 100%;
	height: 613px;
	background: url(../images/sub_0304/s2_bg.jpg) no-repeat center/cover; 
}


#section2 .box1{
	width: 249px;
	height: 402px;
	float: left;
	background: url(../images/sub_0304/s2_img1.png) no-repeat center/cover;
	margin-left: 260px;
}

#section2 .box2{
	width: 249px;
	height: 402px;
	float: left;
	background: url(../images/sub_0304/s2_img2.png) no-repeat center/cover; 
	margin-left: 82px
}

#section2 .s2_box{
	text-align: center;
	color: #333;
	font-size: 14.5px;
}

#section2 .s2_box .tit{
	margin: 15px 0 10px 0;
}






#section2 .icon1 img{
	transform: scale(-0.2);
    opacity: 0;
    transition: all 0.8s;
}


#section2 .icon2 img{
	transform: scale(-0.2);
    opacity: 0;
    transition: all 0.8s;
	transition-delay: 0.5s;
}


/*
#section2 .cont3 .icon{
	transform: scale(-0.2);
    opacity: 0;
    transition: all 0.8s;
	transition-delay: 0.8s;
}

*/


#section2 .icon1 img.on,#section2 .icon2 img.on{
	opacity: 1;
	transform: scale(1);
}




/*s2 e*/



/*s3 s*/


/*
#scroll_ani3{
	width: 100%;
	height: auto;
	background: url(../images/sub_0304/s3_con_bg.png) no-repeat center/cover; 
}
*/


/*s3 e*/


/*s4 s*/

#section4{
	width: 100%;
	height: 992px;
	background: url(../images/sub_0304/s4_bg.jpg) no-repeat center/cover;  
}




/*s4 e*/


/*s5 s*/
#section5 .s5_txt{
	float: left;
	margin-left: 100px;
}

#section5 .s5_txt .txt{
	padding: 15px 0;
	font-size: 15px;
	color: #333333;
}

#section5 .s5_txt .img{
	padding-bottom: 15px;
}

#section5 .s5_img .img{
	width: 278px;
	margin: 0 auto -10px auto;
	z-index: 300;
}
/*s5 e*/



/*s6 s*/

#section6{
	width: 100%;
	height: 724px;
	background: url(../images/sub_0304/s6_bg.jpg) no-repeat center/cover;  
}


#section6 .con{
	width: 269px;
	height: 189px;
	padding-top: 280px;
	float: left;
	text-align: center;
	color: #333;
	margin-left: 73px;
}

#section6 .con span{
	font-size: 17px;
	font-weight: 500;
}


#section6 .s6_con1{
	background: url(../images/sub_0304/s6_con1.png) no-repeat center/cover;
	transform: scale(-0.2);
    opacity: 0;
    transition: all 0.8s;
}


#section6 .s6_con2{
	background: url(../images/sub_0304/s6_con2.png) no-repeat center/cover;
	transform: scale(-0.2);
    opacity: 0;
    transition: all 0.8s;
	transition-delay: 0.4s;
}


#section6 .s6_con3{
	background: url(../images/sub_0304/s6_con3.png) no-repeat center/cover;
	transform: scale(-0.2);
    opacity: 0;
    transition: all 0.8s;
	transition-delay: 0.8s;
}





#section6 .s6_con1.on,#section6 .s6_con2.on,#section6 .s6_con3.on{
	opacity: 1;
	transform: scale(1);
}

/*s6 e*/