.test{ float:left; width:720px;  background-color:#0F6;  }
 
@media all and (min-width:800px) {    /* 화면 너비가 980px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
     .test{ float:left; width:800px ; background-color:#333333 }    /* 콘텐츠 플롯하고 너비를 고정 */
     
 }
 

/* 메인비주얼 */
.main_visual {position:relative; width:100%; padding-top:70px; overflow:hidden; z-index:8; }
.main_visual .imgs { position:relative; width:100%; height:350px;}
.main_visual .imgs > li { position:absolute; width:100%; height:100%; top:0; left:100%;}
.main_visual .imgs li.li_01 { left:0; }

.main_visual .mb_text  { position:absolute; width:250px; left:5%; top:40%; transform:translate(0) translateY(-50%); font-size:2.3em; font-weight:600; color:#232323; line-height:1.2em; text-align:left; z-index:8;}
.main_visual .mb_text strong { display:; font-size:1.0em; color:#11adbe; }
.main_visual .mb_text p { display:block; margin-top:10px; font-size:0.4em; font-weight:400; color:#5d5d5d; line-height:1.5em; letter-spacing:-0.5px;}

.main_visual .bns {position:absolute; left:4%; top:64%; width:80px; margin-top:; }
.main_visual .bns > div {}
.main_visual .bns .bn a {width:100%; height:100%; display:block;}
.main_visual .bns .bn_left {float:left; left:5%; position:absolute;}
.main_visual .bns .bn_right {float:right; right:5%; position:absolute;}


.board{ width:90%; margin:8% auto; overflow:hidden;}
.board > .title{ line-height:; margin-bottom:-10px; overflow:hidden; }
.board > .contents{ padding:0;}
#bbsTab  {float:left; padding:0 0px; overflow:hidden;}
#bbsTab li { float:left;  padding-right:15px;  font-size:18px; font-weight:400; color:#888888; line-height:40px; letter-spacing:-1px; cursor:pointer;  overflow:hidden; }
#bbsTab li:nth-child(2):before {position: relative; top:0; margin-right: 10px; display: inline-block; content: ''; width: 1px; height: 15px; background-color: rgba(128,128,128,0.8);}
#bbsTab li.on { font-weight:600; color:#232323; }
.bbsMore { float:right; background:url(/images/bullet_more.png) right no-repeat; font-size:12px; font-weight:400; line-height:40px; overflow:hidden; }
.bbsMore a { padding-right:30px; color:#595959;}


/* 슬라이드배너 */
.slide_banner { width:100%; margin:4% 0 12% 0; padding-left:2%; }
    .viewport {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
    }

    .flipsnap {
        width: 1440px; /* 320px(item width) * 3(item count) */
        padding-left: 0;
    }
	 .flipsnap2 {
        width: 1440px; /* 320px(item width) * 3(item count) */
        padding-left: 0;
    }

    .flipsnap:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }

    .item {
        float: left;
        width: 260px;
        margin: 0 10px;

    }



/* 자주찾는메뉴 */
.often_menu { background:#f6f6f1; padding:30px 0;}
.often_menu ul { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; }
.often_menu ul li {display: block; width:30%; margin:2% 0; }
.often_menu ul li a{display: block; height:; padding:5px 10px; border-radius:15px; background-color:#fff; box-shadow:0px 3px 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow:0px 3px 10px rgba(0, 0, 0, 0.05);  -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;font-size: 1rem !important; line-height: 1.5;}
.often_menu ul li div{ background-repeat:no-repeat; background-position:50%; height:55px;}
.often_menu ul li:hover a{background-color:#11adbe; }
.often_menu ul li:nth-child(1) div{ background-image:url(/images/main_often_01.png); background-size:50%;}
.often_menu ul li:nth-child(2) div{ background-image:url(/images/main_often_02.png); background-size:50%;}
.often_menu ul li:nth-child(3) div{ background-image:url(/images/main_often_03.png); background-size:50%;}
.often_menu ul li:nth-child(4) div{ background-image:url(/images/main_often_04.png); background-size:50%; }
.often_menu ul li:nth-child(5) div{ background-image:url(/images/main_often_04.png); background-size:50%;}
.often_menu ul li:nth-child(6) div{ background-image:url(/images/main_often_06.png); background-size:50%;}
.often_menu ul li:nth-child(1):hover div{background-image:url(/images/main_often_01_ov.png); background-size:50%;}
.often_menu ul li:nth-child(2):hover div{background-image:url(/images/main_often_02_ov.png); background-size:50%;}
.often_menu ul li:nth-child(3):hover div{background-image:url(/images/main_often_03_ov.png); background-size:50%;}
.often_menu ul li:nth-child(4):hover div{background-image:url(/images/main_often_04_ov.png); background-size:50%;}
.often_menu ul li:nth-child(5):hover div{background-image:url(/images/main_often_04_ov.png); background-size:50%;}
.often_menu ul li:nth-child(6):hover div{background-image:url(/images/main_often_06_ov.png); background-size:50%;}
.often_menu ul li p{display:block; margin-top:0px; line-height:19px; text-align:center; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.often_menu ul li:hover p{color:#fff; font-weight:;}



.introduct { background:url(../images/main_introduct_bg.jpg) center; background-size:cover; padding:40px 0;}
.introduct .wrapper { width:90%; margin:0 auto; overflow:hidden;}
.introduct .wrapper .movie { margin-top:15px; }
.introduct .wrapper .text { width:100%; color:#fff; letter-spacing:-1.0px; }
.introduct .wrapper .text p { font-size:1.3em; font-weight:300; line-height:1.5em;}
.introduct .wrapper .text strong { display:block; margin:5px 0 15px; font-size:1.8em; line-height:1.2em;}
.introduct .wrapper .text span { display:block;}
.introduct .wrapper .text span a { background:url(/images/main_introduct_arr.png) right no-repeat; padding-right:20px; font-size:1.1em; font-weight:500;color:#fff;}


.site { width:90%; margin:0 auto; padding:20px 0;}
.site ul  { display:flex; justify-content:space-between; }
.site ul li { width:24%; text-align:center; }
.site ul li img { height:25px;}



/*기본게시판*/
.latestBBS { clear:; margin-left:0; width:; }
.latestBBS li {height:40px; overflow:hidden; background: url() no-repeat 5px 13px; border-bottom:1px #e6e6e6 solid;} /* ../images/dot_title2.png */
.latestBBS li .title { display:inline-block; width:70%; text-overflow:ellipsis; white-space:nowrap; font-size:1.0em; font-weight:400; color:#4d4d4d; line-height:40px; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; color:#9a9a9a; line-height:40px; letter-spacing:0.5px;}


/*갤러리게시판*/
.latestGallery { width:100%; }
.latestGallery li {  width:32%; float:left; margin-top:; margin-right:2%;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:100%; height:;}
.latestGallery li .caption { width:; height:; margin-top:5px; overflow:hidden; text-align:center; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; z-index:999; }