/* 메인 */
#main {width:100%; max-width:640px; float:left; position:relative;display:inline-block; margin-top: 110px;}



#fullpage {height:100%;}



#main .section {text-align:center;background-position:center;background-size:cover;background-repeat:no-repeat;height:100%;}
#main .section .inner {height:inherit;width: 600px;}


/*#main .flexslider {width:100%;float:left;}*/
#main .main_sl1 {background:url(images/main_sl1.jpg)top center no-repeat; height: 970px;}
#main .main_sl1 .inner {background-image:url(images/main_sl1top.png);}



/*a.view {margin-left:70px;padding:5px 8px;border-bottom:1px #555 solid;font-size:15px;font-weight:500;display:inline-block;}
a.view {padding:5px 8px;border-bottom:1px #555 solid;font-size:15px;font-weight:500;display:inline-block;bottom:30px;position:absolute;left:50%;margin-left:-73px;top:}


a.view.white {color:#fff;border-bottom:1px #fff solid;}

a.view span {padding-left:30px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
a.view:hover span {padding-left:10px;}*/



#main #sec1 {background:url(images/sec1.jpg)top center no-repeat; }
#main #sec1 .inner {background:url(images/sec1top.png) top center no-repeat;}
#main #sec2 {height:728px;}
#main #sec2 .inner {background:url(images/sec2.png) top center no-repeat;}
/*#main #sec2 .inner a.view {margin-top:715px !important; float: left;}*/
#main #sec3 {background:url(images/sec3.jpg) top center no-repeat; height:1080px;}
#main #sec3 .inner {background:url(images/sec3top.png) top center no-repeat;}
/*#main #sec3 .inner a.view {margin-top:825px !important; float: left;}*/
#main #sec4 {background:url(images/sec4.jpg) top center no-repeat; height:1080px;}
#main #sec4 .inner {background:url(images/sec4top.png) top center no-repeat;}
/*#main #sec4 .inner a.view {margin-top:690px !important; float: left;}*/
#main .section .inner a.more{float: left; width: 100%; height: 100%;}

#main #sec6 {/*padding:120px 0;*/ height: 740px; margin: 80px 0px;}
#main #sec6 .inner {background:url(images/sec5.png) top center no-repeat; padding-top:140px; height: 100%;}
#main #sec6 .inner a.item {float:left;width:289px;height:289px;display:block;overflow:hidden;position:relative;text-align:center;border:1px #e0e0e0 solid;background-color:#333;}
#main #sec6 .inner a.item.first {margin-right:20px;}
/*#main #sec6 .inner a.item * {-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
#main #sec6 .inner a.item > img {position:absolute;top:0;left:0;}
#main #sec6 .inner a.item > div {height:146px;width:100%;background-color:#fff;position:absolute;bottom:0;left:0;z-index:10}
#main #sec6 .inner a.item > div span {width:52px;height:52px;line-height:52px;background-color:#efd52d;color:#fff;font-size:30px;font-weight:700;display:inline-block;border-radius:52px;margin-top:-30px;}
#main #sec6 .inner a.item > div h3 {padding-top:10px;}
#main #sec6 .inner a.item:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);}
#main #sec6 .inner a.item:hover div {height:100%;color:#fff;background-color:rgba(0,0,0,0.5);padding-top:170px}
#main #sec6 .inner a.item:hover div span {background-color:#fff;color:#333;}
#main #sec6 .inner a.item:hover div h3 {padding-top:30px;}*/


#main #sec7 {/*padding:40px 0;*/background-color:#f0f0f0;padding-top: 60px;}
#main #sec7 .inner {background:url(images/sec6.jpg) top center no-repeat;height:712px;}
#main #sec7 .inner > div {float:left;height:356px;}
#main #sec7 .inner a {display:block;width:100%;height:inherit;text-indent:-3333px;float:left;}
#main #sec7 .inner .sns a {height:178px;}
#main #sec7 .inner .box1 {width:400px;}
#main #sec7 .inner .box1 > a.online{height: 113px;}
#main #sec7 .inner .box1 .board_box{height: 243px; padding: 20px; text-align:left; float: left;}
#main #sec7 .inner .box1 .board_box a{text-indent:0px;}
#main #sec7 .inner .box2 {width:800px;}