/* 메인 */
#main {width:100%; min-width:1200px; float:left; position:relative;display:inline-block;}



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




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


a.view {margin-left:70px;padding:5px 8px;border-bottom:1px #555 solid;font-size:15px;font-weight:500;display:inline-block;}
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_bg.jpg) top center no-repeat; height:778px; }
#main #sec1 .inner {background:url(images/sec1.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_bg.jpg) top center no-repeat; height:840px; }
#main #sec3 .inner {background:url(images/sec3.png) top center no-repeat;}
#main #sec3 .inner a.view {margin-top:825px !important; float: left;}
#main #sec4 {background:url(images/sec4_bg.jpg) top center no-repeat; height:584px; }
#main #sec4 .inner {background:url(images/sec4.png) top center no-repeat;}
#main #sec4 .inner a.view {margin-top:690px !important; float: left;}


#main #sec6 {padding:120px 0;}
#main #sec6 .inner {background:url(images/sec5.png) top center no-repeat;padding-top:140px; height: 100%;}
#main #sec6 .inner a.item {float:left;margin-left:5px;width:296px;height:440px;display:block;overflow:hidden;position:relative;text-align:center;border:1px #e0e0e0 solid;background-color:#333;}
#main #sec6 .inner a.item.first {margin-left:0;}
#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; width: auto; padding: 4px 0px;}
#main #sec7 .inner .box2 {width:800px;}