@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;
}
/*reset.css*/


/*page tab s*/
.page_tab{
    width:100%;
    background-color:#fafafa !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(3){
    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*/


/*#section1 s*/
#section1{
    width:100%;
    padding:70px 0 0 0;
    background-color:#fafafa;
}

#section1 .inner .top_box .sec1_title{
    width:989px;
    height:85px;
    margin:0 auto;
}
#section1 .inner .top_box p{
    font-size:15px;
    color:#222;
    font-weight:400;
    text-align:center;
    line-height:25px;
    margin:35px 0;
}
#section1 .inner .top_box .sec1_img img{
    float:left;
    margin:0 0 0 9px;
}
#section1 .inner .top_box .sec1_img img:first-child{
    margin:0;
}

#section1 .inner .bot_box{
    margin:90px 0 0 0;
}
#section1 .inner .bot_box .sec1_title{
    width:481px;
    height:49px;
    margin:0 auto;
}
#section1 .inner .bot_box img.info{
    width:100%;
    margin:35px 0 0 0;
}
/*#section1 e*/


/*#section2 s*/
#section2{
    width:100%;
    padding:70px 0  50px 0;
    background-color:#fff;
}

#section2 .sec2_title{
    width:981px;
    margin:0 auto;
    text-align:center;
}
#section2 .sec2_title p{
    font-size:15px;
    color:#222;
    font-weight:400;
    line-height:25px;
    margin:30px 0;
}

#section2 .cont .c_box{
    width:100%;
    height:281px;
}
#section2 .cont .c_box:first-child{
    background:url(../images/sub_medi/sec2_c1bg.jpg) no-repeat center 0/cover;
    opacity:0;
    margin:50px 0 15px 0;
    transition:all 1s;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
}
#section2 .cont .c_box:nth-child(2){
    background:url(../images/sub_medi/sec2_c2bg.jpg) no-repeat center 0/cover;
    opacity:0;
    margin:50px 0 15px 0;
    transition:all 1s;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition-delay:0.6s;
    -webkit-transition-delay:0.6s;
    -moz-transition-delay:0.6s;
}
#section2 .cont .c_box:nth-child(3){
    background:url(../images/sub_medi/sec2_c3bg.jpg) no-repeat center 0/cover;
    opacity:0;
    margin:50px 0 15px 0;
    transition:all 1s;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition-delay:1.2s;
    -webkit-transition-delay:1.2s;
    -moz-transition-delay:1.2s;
}
#section2 .cont .c_box:last-child{
    background:url(../images/sub_medi/sec2_c4bg.jpg) no-repeat center 0/cover;
    opacity:0;
    margin:50px 0 0 0;
    transition:all 1s;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    transition-delay:1.8s;
    -webkit-transition-delay:1.8s;
    -moz-transition-delay:1.8s;
}
#section2 .cont .c_box:first-child.On,
#section2 .cont .c_box:nth-child(2).On,
#section2 .cont .c_box:nth-child(3).On{
    opacity:1;
    margin:0 0 15px 0;
}
#section2 .cont .c_box:last-child.On{
    opacity:1;
    margin:0;
}

#section2 .cont .c_box .c_txt p{
    font-size:15px;
    font-weight:400;
    line-height:25px;
    margin:25px 0 0 0;
    text-align:left;
}
#section2 .cont .c_box:nth-child(odd) .c_txt{
    float:right;
}
#section2 .cont .c_box:nth-child(even) .c_txt{
    float:left;
}
#section2 .cont .c_box:nth-child(1) .c_txt{
    margin:50px 50px 0 0;
}
#section2 .cont .c_box:nth-child(2) .c_txt{
    margin:65px 0 0 50px;
}
#section2 .cont .c_box:nth-child(3) .c_txt{
    margin:75px 150px 0 0;
}
#section2 .cont .c_box:nth-child(4) .c_txt{
    margin:65px 0 0 50px;
}
/*#section2 e*/


/*#section3 s*/
#section3{
    width:100%;
    height:624px;
    padding:70px 0 0 0;
    background:url(../images/sub_medi/sec3_bg.jpg) no-repeat center 0/cover;
}

#section3 .sec3_title{
    width:298px;
    height:48px;
    margin:0 auto 40px auto;
}

#section3 .use{
    width:960px;
    height:475px;
    margin:0 auto;
}
#section3 .use .u_box{
    width:270px;
    height:475px;
    background-color:#fff;
    border-radius:270px;
    float:left;
    margin:0 0 0 75px;
    text-align:center;
}
#section3 .use .u_box:first-child{
    margin:0;
}

#section3 .use .u_box .u_img{
    width:247px;
    height:247px;
    border-radius:50%;
    margin:10px auto 45px auto;
}
#section3 .use .u_box:first-child .u_img{
    background-color:#ffc808;
}
#section3 .use .u_box:nth-child(2) .u_img{
    background-color:#dca602;
}
#section3 .use .u_box:nth-child(3) .u_img{
    background-color:#b28850;
}
#section3 .use .u_box:first-child .u_img img{
    margin:40px 0 0 0;
    opacity:0;
    transform:scale(0.2);
    transition:all 0.6s;
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
}
#section3 .use .u_box:nth-child(2) .u_img img{
    margin:35px 0 0 0;
    opacity:0;
    transform:scale(0.2);
    transition:all 0.6s;
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    transition-delay:0.4s;
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
}
#section3 .use .u_box:nth-child(3) .u_img img{
    margin:35px 0 0 0;
    opacity:0;
    transform:scale(0.2);
    transition:all 0.6s;
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    transition-delay:0.8s;
    -webkit-transition-delay:0.8s;
    -moz-transition-delay:0.8s;
}
#section3 .use .u_box:first-child .u_img img.On,
#section3 .use .u_box:nth-child(2) .u_img img.On,
#section3 .use .u_box:nth-child(3) .u_img img.On{
    opacity:1;
    transform:scale(1);
}

#section3 .use p{
    font-size:16px;
    line-height:27px;
    color:#222;
    font-weight:400;
}
/*#section3 e*/


/*#section4 s*/
#section4{
    width:100%;
    padding:60px 0;
}

#section4 .inner .go_btn{
    width:639px;
    height:202px;
    margin:0 auto;
}
#section4 .inner .go_btn a{
    display:block;
    width:100%;
    height:100%;
}
/*#section4 e*/

#section5 .blog{
	margin: 0 auto;
}

#section5 .img{
	float: left;
	margin-left: 257px;
}


#section5 .tit{
	width: 526px;
	float: left;
	margin-left: 16px;
	margin-top: 50px;
}