@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(6){
    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: 694px;
	background: url(../images/sub_0303/s2_bg.jpg) no-repeat center/cover; 
}


#section2 .cont{
	width: 268px;
	height: 469px;
	float: left;
}

#section2 .cont1{
	background: url(../images/sub_0303/s2_cont1.png) no-repeat center/cover; 
}

#section2 .cont3{
	background: url(../images/sub_0303/s2_cont2.png) no-repeat center/cover; 
}


#section2 .cont2{
	background: url(../images/sub_0303/s2_cont3.png) no-repeat center/cover; 
}

#section2 .text{
	text-align: center; 
	color: #2a2a2a; 
	font-size: 20px; 
	
}



#section2 .icon{
	width: 100%;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 130px;
}

#section2 .cont{
	margin-left: 80px;
}

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


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


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



#section2 .cont1 .icon.on,#section2 .cont2 .icon.on,#section2 .cont3 .icon.on{
	opacity: 1;
	transform: scale(1);
}


/*s2 e*/


/*s3 s*/
#section3{
	width: 100%;
	height: 1062px;
	background: url(../images/sub_0303/s3_bg.jpg) no-repeat center/cover; 
}

#scroll_ani3{
	margin: 0 auto;
	width: 1100px;
	height: 421px;
	background: url(../images/sub_0303/s3_img1.png) no-repeat center/cover; 
	position: relative;
}

#scroll_ani3 .txt1{
	position: absolute;
	top:130px;
	left: 400px;
}


#scroll_ani6{
	margin: 0 auto;
	width: 1100px;
	height: 407px;
	background: url(../images/sub_0303/s3_img2.png) no-repeat center/cover; 
	position: relative;
}

#scroll_ani6 .txt2{
	position: absolute;
	top:100px;
	right: 400px;
}
/*s3 e*/


/*s4 s*/

#section4 .text{
	color: #7c7b76;
    font-size: 17px;
    letter-spacing: -1px;
    line-height: 180%;
}

#section4 .text span{
	font-size: 22px;
	font-weight: 600;
	color: #555;
}


/*s4 e*/


/*s5 s*/
#section5{
	width: 100%;
	height: 374px;
	background: url(../images/sub_0303/s5_bg.jpg) no-repeat center/cover; 
}

#section5 .s5_img{
	position:absolute;
	top:0px;
	right: -480px;
	transition: all 0.8s;
}

#section5 .s5_img.on{
	right: -20px;
}