* {
    padding:0;
    margin:0;
    list-style:none;
    text-decoration:none;
}



html, body  {height:100%;}
body {margin:0;padding:0;font-size:0.875em;font-family:'Nanum Gothic', sans-serif; background-color:#f0e7ef;}

::-webkit-scrollbar{ width:10px;height:10px; border-radius:50px;}
::-webkit-scrollbar-track{background-color:#f0e7ef; border-radius:50px;}
::-webkit-scrollbar-thumb{background:#e6c8e3;border-radius:50px; }
::-webkit-scrollbar-thumb:hover{background:#f1a739;}
::-webkit-scrollbar-thumb:active{background:#f1a739;}
::-webkit-scrollbar-button { display: none; }

section {display:block}

.clearfix {
    display:block;
    clear:both;
}
.background {
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

#main {
    width:100%;
    overflow:hidden;
}
.sec {
    width:100%;
    position:relative;
}

#main .banner {
    width:100%;height:1000px;
    position:relative;
}
#main .banner div {
    width:100%;height:100%;
}

#main .banner .bnL {
  position : absolute;
  width : 250px;
  height: 100px;
  top:375px;
  left:380px;
  border:0px solid #000;
  color:#3c7245;
  font-size:2.45em;
  font-weight:700;
  font-family: 'arita-buriotfbold';
}

#main .banner .bnR {
  position : absolute;
  width : 50%;
  height: 425px;
  top:240px;
  right : 50px;
  border:0px solid #000;
}
#main .banner .bnR .wgallery {
  width:80%;
    height:425px;
    margin:0 auto;
    position:relative;
    z-index:10;
}


#main .banner .bn {
    position:relative;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top left;
}
#main .banner .bn::before {
    content:'';
    position:absolute;
    top:0;left:0; background-color:rgba(0, 0, 0, 0);
    width:100%;height:100%;
    z-index:1;
}
#main .banner .bn01 {
    background-image:url('./img/webzin_bg.gif');
}

.btm_img {
    float:left;
    height:86px;
	width:100%;
    background-image:url('./img/webzin_btm.gif');

    background-repeat:repeat-x;
    background-position:top left;
    background-color:#fbf5e0;
}

#main_middle {
   width:100%;height:auto;overflow:hidden;
}

.mid_section:after {display:block;visibility:hidden;clear:both;content:""}
.mid_section {background:#daeefa;}
.mid_section .innr {width:80%;height:500px; margin:0 auto;padding:30px 0 }
.mid_section .innr:after {display:block;visibility:hidden;clear:both;content:""}

.mid_section .innr p {display:block;text-align:center;margin-bottom:80px;font-family: 'arita-buriotfbold';}
.mid_section .innr p strong {color:#3c7245;font-size:3.25em;}
.mid_section .innr p a{color:#3c7245;font-size:1.45em;}
.mid_section .innr p a:hover{color:#009cff;text-decoration:none;}
.mid_section .innr p span{vertical-align:middle;}
.mid_section .innr .web_gallery{width:100%; float:left;height:450px; }



.mid_section2:after {display:block;visibility:hidden;clear:both;content:""}
.mid_section2 {background:#e7edd1;padding:80px 0px;}

.mid_section3:after {display:block;visibility:hidden;clear:both;content:""}
.mid_section3 {background:#faf2d4;padding:80px 0px;}

.mid_section4:after {display:block;visibility:hidden;clear:both;content:""}
.mid_section4 {background:#f0e7ef;padding:0px 0px;}





/* 서브페이지 레이아웃 */
#wz_sub {position:relative;background-color:#f0e7ef;}
#wz_sub:after {display:block;visibility:hidden;clear:both;content:"";background-color:#f0e7ef;}

#wz_sub .ban {
    width:100%;
	min-height:800px;
	height:auto;
    position:relative;
    display:block;
	background-image:url('./img/webzine_sub.gif');
    background-repeat:no-repeat;
    background-position:top left;
	margin:0px; padding:0px;
    background-size:cover;
    background-color:#f0e7ef;
}

#wz_sub  .ban .Lbody {
  position : absolute;
  width : 250px;
  height: 100px;
  top:295px;
  left:175px;
  border:0px solid #000;
  color:#3c7245;
  font-size:2.05em;
  font-weight:700;
  font-family: 'arita-buriotfbold';
}


#wz_sub .ban .Rbody {
   width:77%;
   float:right;
   border:0px solid #000;
}


@media screen and (max-width:1500px) {
    .main-title{
        width:100%;
    }

}

@media screen and (max-width:1240px) {
#main .banner {
        height:600px;
    }
    #main .banner .bn {
        padding:0 20px;
    }
	 #main .banner .textBox {
        width:100%;
        align-items:center;
    }
    #main .banner .textBox h1 {
        font-size:2.5em;
        text-align:center;
    }
    #main .banner .textBox p {
        font-size:1.2em;
    }
	#main .banner .textBox a {
        width:180px;height:45px; line-height:45px;
    }
} 

/* 하단 레이아웃 */
#wft {min-width:1400px;background:#333;font-size:0.92em;padding:20px;}
#wft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#wft a {display:inline-block;margin:0px;color:inherit;color:#555;}

#wft_company_wrapper {width:1400px;margin:0 auto;color:#aaa;overflow:hidden;margin-top:10px;height:90px;}
#wft_company  {font-size:1.05em;width:1000px;float:left;color:#ccc;padding-top:30px;}
#wft_logo {padding:10px 0;float:left;width:200px;text-align:center;}
#wft_logo img {height:70px;}
#wft_pdf {padding:20px 0;float:right;width:150px;}



#wft_pdf a.btn_pdf {display:inline-block;padding:15px;border:1px solid #eee;color:#fff;text-decoration:none;vertical-align:middle;border-radius:20px;}
#wft_pdf a.btn_pdf:focus, .btn_pdf:hover {text-decoration:none;color:#00a0e9;}