@charset "utf-8"; @import url(respond.css); @media screen and (min-width:1641px) { .p{display: block;} .m{display: none;} } @media screen and (min-width:1201px) and (max-width:1640px) { .p{display: block;} .m{display: none;} } @media screen and (min-width:1081px) and (max-width:1200px) { .p{display: block;} .m{display: none;} } @media screen and (max-width:1080px) { .p{display: none;} .m{display: block;} .swiper-container { width: 105%;margin-left: -2.5% !important; } #contents .swiper-wrapper{padding-bottom: 10%;} #contents .swiper-pagination-fraction{bottom: 0;font-size: 5vw;} #contents .swiper-pagination-fraction span.swiper-pagination-current{font-family: "HelveticaBold",sans-serif;font-size: 5vw;color: #bd8f47;} #contents .swiper-pagination-fraction span.swiper-pagination-total{font-family: "Helvetica",sans-serif;font-weight: lighter;font-size: 5vw;} #contents .swiper-button-next{background: url(../img/txt_next.png) no-repeat 0 0;background-size: 100%;position: fixed;right: 0;width: 12vw;height: 25vw;} #contents .swiper-button-prev{background: url(../img/txt_prev.png) no-repeat 0 0;background-size: 100%;position: fixed;left: 0;width: 12vw;height: 25vw;} #conVis{background-image: url(../beer/img/conVisM.png);background-size:100%;height: auto} #conVis.about{background-image: url(../footer_menu/img/conVisM.png);background-size:100%;height: auto} #conVis h2{font-size: 12vw;padding: 13vw 0 12vw;} #contents{width: 100%;margin: 0 auto;position: relative;} #contents #sub h3{font-size: 8vw;} #contents #localArticle{width:95%;margin: 0 auto;display: block;} #contents #localArticle h3{} #contents #localArticle .main_article{padding-bottom: 5%;border-bottom: 1px solid #bebebe;} #contents #localArticle .main_article .new_article{padding-top: 5%;float: none;width: 100%;overflow: hidden;position: relative;} #contents #localArticle .main_article .new_article span.art_img{width: 70%;float: left;display: inline-block;} #contents #localArticle .main_article .new_article span.art_img img{width: 100%;} #contents #localArticle .main_article .new_article .mon_txt{width: 25%;margin-left: 3%;} #contents #localArticle .main_article .new_article h4{font-size: 4vw;padding: 0 0 2vw;display: inline-block;vertical-align: top;} #contents #localArticle .main_article .new_article span.art_date{font-size: 2vw;vertical-align: top;display: inline-block;} #contents #localArticle .main_article .new_article span.art_date:after{display: none;} #contents #localArticle .main_article .new_article div.art_txt{display: none;} #contents #localArticle .main_article .new_article div.art_more{margin-top: 0;margin-left: 0;position: absolute;bottom: 1%;right: 4%;} #contents #localArticle .main_article .new_article div.art_more a{padding: 2.2vw 4vw 2vw 3vw;font-size: 3vw;background-position: 90% 53%;background-size: 1vw !important;border: 1px solid #aaa;} #contents #localArticle .main_article .new_article div.art_more a:hover{background-position: 90% 53%;background-size: 1vw !important;} #contents #localArticle .last_article{padding-top: 5%;} #contents #localArticle .last_article .art{width: 100%;float: none;} #contents #localArticle .last_article .art>ul{} #contents #localArticle .last_article .art>ul li{width: 100%;margin-right: 0;margin-bottom: 5%;position: relative;padding-bottom: 5%;border-bottom: 1px solid #bebebe;} #contents #localArticle .last_article .art>ul li:last-child{border-bottom: 2px solid #1d1f2e;} #contents #localArticle .last_article .art>ul li a{overflow: hidden;} #contents #localArticle .last_article .art>ul li a span.art_img{width: 43%;float: left;display: inline-block;} #contents #localArticle .last_article .art>ul li a span.art_img img{width: 100%;} #contents #localArticle .last_article .art>ul li a span.art_img span{font-size: 3vw;padding: 1vw 3vw 0.5vw;top: 5%;left: 3%;border-radius: 30px;} #contents #localArticle .last_article .art>ul li a h4{float: left;font-size: 4vw;padding: 0 0 2vw;display: inline-block;vertical-align: top;margin-left: 3%;width: 50%;} #contents #localArticle .last_article .art>ul li a span.art_date{font-size: 2vw;vertical-align: top;display: inline-block;float: left;margin-left: 3%;} #contents #localArticle .last_article .art>ul li a span.art_date:after{display: none;} #contents #localArticle .last_article .art>ul li a div.art_txt{display: none;} #contents #localArticle .last_article .art>ul li div.art_more{margin-top: 5.5vw;margin-left: 3%;position: absolute;bottom: 18%;right:29%;} #contents #localArticle .last_article .art>ul li div.art_more a{padding: 1.5vw 5vw 1vw 4vw;font-size: 3vw;background-position: 90% 53%;background-size: 1vw !important;vertical-align: bottom;border: 1px solid #aaa;} #contents #localArticle .last_article .art>ul li div.art_more a:hover{background-position: 90% 53%;background-size: 1vw !important;padding: 1.5vw 5vw 1vw 4vw;font-size: 3vw;} #contents #localArticle .last_article .art .num_wrap{clear: both;background: #f6f6f6;border: 1px solid #e9e9e9;padding: 18px 0;margin-bottom: 100px;} #contents #localArticle .last_article .art .num_wrap ul.num{width: 430px;margin: 0 auto;overflow: hidden;} #contents #localArticle .last_article .art .num_wrap ul.num li{float: left;margin-right: 9px;} #contents #localArticle .last_article .art .num_wrap ul.num li:last-child{margin-right: 0;} #contents #localArticle .last_article .art .num_wrap ul.num li a{font-family: "Helvetica",sans-serif;color: #000;font-size: 14px;padding:6px 5px 10px;border: 1px solid #cdcdcd;background: #fff;display: block;} #contents #localArticle .last_article .art .num_wrap ul.num li ul{} #contents #localArticle .last_article .art .num_wrap ul.num li ul li:nth-child(8){padding-top: 10px;} #contents #localArticle .last_article .art .num_wrap ul.num li ul li a{padding:8px 12px;} #contents #localArticle .last_article .art .num_wrap ul.num li ul li.on a{color: #fff;background: #28c5ff;font-weight: bold;} #contents #localArticle .last_article .ad{float: none;width: 100%;margin-top: 0%;padding-top: 5%;background: #f0f0f0;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);} #contents #localArticle .last_article .ad ul{width: 95%;margin: 0 auto;padding-bottom: 10%;} #contents #localArticle .last_article .ad ul li{margin-bottom: 2vw;} #contents #localArticle .last_article .ad ul li:last-child{margin-bottom: 0;} #contents #localArticle .last_article .ad ul li a{display: block;} #contents #localArticle .last_article .ad ul li a img{width: 100%;} #contents #guideArticle{display: inline-block;width: 1200px;overflow: hidden;padding-bottom: 100px;} #contents #guideArticle #guide{position: relative;width: 875px;display: inline-block;} #contents #guideArticle .option{position: absolute;top: 10px;right: 0;} #contents #guideArticle .option .select{border: 1px solid #000;padding: 5px 0 5px 10px;width: 80px;} #contents #guideArticle .option select{background: none;border: none;-webkit-appearance:none;width: 100%;display: block;text-align: center;font-size: 14px;background: url(../brewery/img/select.png) no-repeat 85% center;} #contents #guideArticle .option select option{} #contents #guideArticle .option select{ option[disabled] { display: none;color: #bcbcbc; } } #contents #guideArticle .option select::-ms-expand{display:none;} #contents #guideArticle .option div{display: inline-block;padding-left: 10px;} #contents #guideArticle .option div span{font-size: 15px;padding-right: 5px;} #contents #guideArticle .guide{border-top: 2px solid #000;overflow: hidden;width: 875px;float: left;} #contents #guideArticle .guide ul{padding-top: 20px;overflow: hidden;} #contents #guideArticle .guide ul li{display: inline-block;float: left;width: 32%;margin-right: 2%;margin-bottom: 20px;border: 1px solid #e1e1e1;box-sizing: border-box;} #contents #guideArticle .guide ul li:nth-child(3n){margin-right: 0;} #contents #guideArticle .guide ul li span.beer_img{position: relative;display: block;border-bottom: 1px solid #e1e1e1;} #contents #guideArticle .guide ul li span.beer_img img{width: 100%;vertical-align: bottom;} #contents #guideArticle .guide ul li h4{font-size: 17px;padding: 18px 0 3px;text-align: center;} #contents #guideArticle .guide ul li span.beer_sub_tit{font-size: 15px;font-family: "NanumBarunGothicLight",sans-serif;display: block;text-align: center;padding-bottom: 10px;} #contents #guideArticle .guide ul li .beer_txt{text-align: center;} #contents #guideArticle .guide ul li span.beer_alc{font-size: 14px;font-family: "NanumBarunGothicLight",sans-serif;display: inline-block;padding-right: 10px;} #contents #guideArticle .guide ul li span.beer_mark{font-size: 14px;font-family: "NanumBarunGothicLight",sans-serif;color: #fa870b;display: inline-block;} #contents #guideArticle .guide ul li span.markBg{background: url(../beer/img/mark.png) no-repeat 0 0;width: 13px;height: 13px;display: inline-block;} #contents #guideArticle .guide ul li span.mark{} #contents #guideArticle .guide ul li .beer_more{margin: 15px 0 20px;text-align: center;} #contents #guideArticle .guide ul li .beer_more a{display: inline-block;color: #000;padding: 10px 40px 10px 27px;font-size: 16px;background:#fff url(../img/more3.png) no-repeat 80% center;border: 1px solid #000;text-align: center;} #contents #guideArticle .guide ul li .beer_more a:hover{color: #fff;background:#000 url(../img/more2.png) no-repeat 80% center;} #contents #guideArticle .guide table{border-collapse: collapse;margin: 30px 0 50px;border-top: 2px solid #b0b0b0;border-bottom: 2px solid #b0b0b0;width: 100%;} #contents #guideArticle .guide table thead{border-bottom: 1px solid #dbdbdb;} #contents #guideArticle .guide table thead tr{background: #f5f5f5;} #contents #guideArticle .guide table thead tr th{font-family: "NanumBarunGothicBold",sans-serif;font-size: 17px;text-align: center;padding: 25px 0;border-right: 1px solid #dbdbdb;} #contents #guideArticle .guide table thead tr th:last-child{border-right: 0;} #contents #guideArticle .guide table tbody{} #contents #guideArticle .guide table tbody tr{border-bottom: 1px solid #dbdbdb;} #contents #guideArticle .guide table tbody tr:last-child{border-bottom: 0;} #contents #guideArticle .guide table tbody tr td{padding: 25px 15px;border-right: 1px solid #dbdbdb;font-size: 14px;font-family: "NanumBarunGothicLight",sans-serif;} #contents #guideArticle .guide table tbody tr td:last-child{border-right: 0;} #contents #guideArticle .guide table tbody tr td a{font-size: 15px;color: #005ad5;border-bottom: 1px solid #005ad5;} #contents #guideArticle .guide table tbody tr td span.beerpost{color: #ffb505;margin-left: 10px;} #contents #guideArticle .guide table tbody tr td span.beerpost img{vertical-align: middle;} #contents #guideArticle .ad{display: inline-block;float: right;width: 260px;margin-top: 54px;} #contents #guideArticle .ad ul{} #contents #guideArticle .ad ul li{margin-bottom: 20px;} #contents #guideArticle .ad ul li a{display: block;} #contents #guideArticle .ad ul li a img{width: 100%;} #contents #guideArticle #guide .num_wrap{clear: both;background: #f6f6f6;border: 1px solid #e9e9e9;padding: 18px 0;margin-bottom: 100px;} #contents #guideArticle #guide .num_wrap ul.num{width: 430px;margin: 0 auto;overflow: hidden;} #contents #guideArticle #guide .num_wrap ul.num li{float: left;margin-right: 9px;} #contents #guideArticle #guide .num_wrap ul.num li:last-child{margin-right: 0;} #contents #guideArticle #guide .num_wrap ul.num li a{font-family: "Helvetica",sans-serif;color: #000;font-size: 14px;padding:6px 5px 10px;border: 1px solid #cdcdcd;background: #fff;display: block;} #contents #guideArticle #guide .num_wrap ul.num li ul{} #contents #guideArticle #guide .num_wrap ul.num li ul li:nth-child(8){padding-top: 10px;} #contents #guideArticle #guide .num_wrap ul.num li ul li a{padding:8px 12px;} #contents #guideArticle #guide .num_wrap ul.num li ul li.on a{color: #fff;background: #28c5ff;font-weight: bold;} #contents #guideArticle #sub{width: 875px;display: inline-block;} #contents #guideArticle #sub>span.board_tit{font-size: 25px;font-family: "NanumBarunGothicBold",sans-serif;padding-right: 5px;display: inline-block;padding-bottom: 15px;} #contents #guideArticle #sub>span.board_date{font-size: 15px;color: #6e6e6e;font-family: "NanumBarunGothicLight",sans-serif;} #contents #guideArticle #sub h3{font-size: 30px;} #contents #guideArticle #sub .guide_main{border-top: 2px solid #000;padding-top: 20px;overflow: hidden;} #contents #guideArticle #sub .guide_main .guide_img{float: left;border: 1px solid #d3d3d3;} #contents #guideArticle #sub .guide_main .guide_img img{vertical-align: bottom;} #contents #guideArticle #sub .guide_main .guide_info{float: right;width: 485px;} #contents #guideArticle #sub .guide_main .guide_info.bw{width: 400px;} #contents #guideArticle #sub .guide_main .guide_info table{border-top: 1px solid #bfbfbf;border-collapse: collapse;width: 100%;} #contents #guideArticle #sub .guide_main .guide_info table tr{border-bottom: 1px solid #bfbfbf;} #contents #guideArticle #sub .guide_main .guide_info table tr th{padding: 23px 0 22px;text-align: center;font-size: 17px;font-family: "NanumBarunGothicBold",sans-serif;} #contents #guideArticle #sub .guide_main .guide_info table tr td{padding: 23px 0 22px;text-align: center;font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;} #contents #guideArticle #sub .guide_main .guide_info table tr td a{color: #000;} #contents #guideArticle #sub .guide_main .guide_txt{padding: 40px 0 94px;clear: both;} #contents #guideArticle #sub .guide_main .guide_txt p{font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;line-height: 1.7;clear: both;} #contents #guideArticle #sub .main_beer{clear: both;} #contents #guideArticle #sub .main_beer h4{font-size: 25px;font-family: "NanumBarunGothicBold",sans-serif;padding-bottom: 8px;border-bottom: 2px solid #000;} #contents #guideArticle #sub .main_beer .beer{overflow: hidden;padding: 22px 0 100px;} #contents #guideArticle #sub .main_beer .beer .img{position: relative;display: inline-block;float: left;} #contents #guideArticle #sub .main_beer .beer .img img{} #contents #guideArticle #sub .main_beer .beer .img .best{position: absolute;top: 10px;left: 10px;color: #fff;background: #cd1311;border-radius: 30px;padding: 3px 8px;display: inline-block;font-size: 14px;text-transform: uppercase;} #contents #guideArticle #sub .main_beer .beer .info{width: 540px;float: right;} #contents #guideArticle #sub .main_beer .beer .info table{border-top: 1px solid #bfbfbf;border-collapse: collapse;width: 100%;} #contents #guideArticle #sub .main_beer .beer .info table tr{border-bottom: 1px solid #bfbfbf;} #contents #guideArticle #sub .main_beer .beer .info table tr th{padding: 23px 0 22px;text-align: center;font-size: 17px;font-family: "NanumBarunGothicBold",sans-serif;} #contents #guideArticle #sub .main_beer .beer .info table tr td{padding: 23px 0 22px;text-align: center;font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;} #contents #guideArticle #sub .main_beer .beer .info .slider{margin-top: 30px;background: #f4f4f4;} #contents #guideArticle #sub .main_beer .beer .info .thumbnail{margin: 0 auto;width: 80%;} #contents #guideArticle #sub .main_beer .beer .info .thumbnail .jq-scroller-wrapper{height: 115px;} #contents #guideArticle #sub .main_beer .beer .info .thumbnail .jq-scroller{padding-top: 10px;height: 140px;width: 80%;} #contents #guideArticle #sub .main_beer .beer .info .thumbnail .jq-scroller-mover{height: 90%;} #contents #guideArticle #sub .main_beer .beer .info .thumbnail .jq-scroller-prev,#contents #guideArticle #sub .main_beer .beer .info .thumbnail .jq-scroller-next{top: 45%;} #contents #guideArticle #sub .main_beer .beer .info .thumbnail .jq-scroller-item{min-width: 95px;} #contents #guideArticle #sub .related_post{clear: both;} #contents #guideArticle #sub .related_post h4{font-size: 25px;font-family: "NanumBarunGothicBold",sans-serif;padding-bottom: 8px;border-bottom: 2px solid #000;} #contents #guideArticle #sub .related_post ul{overflow: hidden;padding: 22px 0 100px;} #contents #guideArticle #sub .related_post ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 20px;} #contents #guideArticle #sub .related_post ul li:nth-child(3n){margin-right: 0;} #contents #guideArticle #sub .related_post ul li a{position: relative;display: block;overflow: hidden;} #contents #guideArticle #sub .related_post ul li a span.post_img{} #contents #guideArticle #sub .related_post ul li a span.post_img img{vertical-align: bottom;width: 100%;} #contents #guideArticle #sub .related_post ul li a .post_info{position: absolute;top: 0;left: 0;background:rgba(0,0,0,0.5);padding: 27px 18px;width: 100%;height: 100%;} #contents #guideArticle #sub .related_post ul li a .post_info .post_tit{display: block;color: #fff;font-size: 20px;font-family: "NanumBarunGothicBold",sans-serif;padding-bottom: 8px;width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #contents #guideArticle #sub .related_post ul li a .post_info .post_date{display: block;color: #fff;font-size: 15px;} #contents #eventArticle{overflow: hidden;} #contents #eventArticle .tab{width: 95%;margin: 0 auto 10%;} #contents #eventArticle .tab ul li a{font-size: 4vw;padding: 3vw 0 2.5vw;} #contents #eventArticle .tab ul li.on a{background: #000;} #contents #eventArticle .tab ul li:last-child a{background: none;} #contents #eventArticle .tab ul li.on a{color: #fff;} #contents #eventArticle .tab ul li.on a:after{content: none;} #contents #eventArticle .eventWrap{width: 95%;margin: 0 auto;} #contents #eventArticle .event{padding: 20px 0 150px;} #contents #eventArticle .event ul{overflow: hidden;} #contents #eventArticle .event ul li{width: 48.5%;margin-right: 3%;margin-bottom: 3%;} #contents #eventArticle .event ul li:nth-child(2n){margin-right: 0;} #contents #eventArticle .event ul li a{position: relative;overflow: hidden;display: block;} #contents #eventArticle .event ul li a .event_img{} #contents #eventArticle .event ul li a .event_img img{width: 100%;vertical-align: bottom;} #contents #eventArticle .event ul li a .event_info{padding: 8% 5%;} #contents #eventArticle .event ul li a .event_info span.event_tit{font-size: 4vw;padding-bottom: 1vw;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;} #contents #eventArticle .event ul li a .event_info span.event_date{font-size: 3.5vw;} #contents #eventArticle .event ul li a .more{position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;display: none;} #contents #eventArticle .event ul li a .more p{text-align: center;color: #fff;font-size: 5vw;background: url(../news/img/more.png) no-repeat 80% center;background-size: 10%;padding-right: 20%;line-height: 1000%;} #contents #eventArticle .event .event_no{width: 100%;} #contents #eventArticle .event .event_no span.caution{padding: 15% 0 5%;} #contents #eventArticle .event .event_no span.caution img{width: 30%;} #contents #eventArticle .event .event_no p{font-size: 5vw;} #contents #eventArticle .ad{float: right;width: 260px;margin-top: 54px;} #contents #eventArticle .ad ul{} #contents #eventArticle .ad ul li{margin-bottom: 20px;} #contents #eventArticle .ad ul li a{display: block;} #contents #eventArticle .ad ul li a img{width: 100%;} #contents #eventArticle .num_wrap{clear: both;background: #f6f6f6;border: 1px solid #e9e9e9;padding: 18px 0;margin-bottom: 100px;} #contents #eventArticle .num_wrap ul.num{width: 430px;margin: 0 auto;overflow: hidden;} #contents #eventArticle .num_wrap ul.num li{float: left;margin-right: 9px;} #contents #eventArticle .num_wrap ul.num li:last-child{margin-right: 0;} #contents #eventArticle .num_wrap ul.num li a{font-family: "Helvetica",sans-serif;color: #000;font-size: 14px;padding:6px 5px 10px;border: 1px solid #cdcdcd;background: #fff;display: block;} #contents #eventArticle .num_wrap ul.num li ul{} #contents #eventArticle .num_wrap ul.num li ul li:nth-child(8){padding-top: 10px;} #contents #eventArticle .num_wrap ul.num li ul li a{padding:8px 12px;} #contents #eventArticle .num_wrap ul.num li ul li.on a{color: #fff;background: #28c5ff;font-weight: bold;} #contents #eventArticle #sub{width: 95%;display: block;margin: 0 auto;} #contents #eventArticle #sub>span.board_tit{font-size: 8vw;padding-right: 2vw;padding-bottom: 2vw;} #contents #eventArticle #sub>span.board_date{font-size: 3vw;} #contents #eventArticle #sub h3{font-size: 5vw;padding-bottom: 2vw;} #contents #eventArticle #sub .event_main{padding-top: 5%;} #contents #eventArticle #sub .event_main div.main_img{margin-bottom: 1vw;width: 95%;margin: 0 auto;} #contents #eventArticle #sub .event_main div.main_img.news{margin-bottom: 1vw;width: 100%;margin: 0 auto;} #contents #eventArticle #sub .event_main div.main_img span.main_img{width: 100%;} #contents #eventArticle #sub .event_main div.main_img span.main_img img{width: 100%;} #contents #eventArticle #sub .event_main div.main_img span.img_txt{font-size: 3vw;padding: 1vw 3vw;} #contents #eventArticle #sub .event_main div.main_img .main_info{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,0.8);padding: 27px 25px;} #contents #eventArticle #sub .event_main div.main_img .main_info>div{display: inline-block;} #contents #eventArticle #sub .event_main div.main_img .main_info>div:after{content: "|";color: #8a8885;padding: 0 20px;} #contents #eventArticle #sub .event_main div.main_img .main_info>div:last-child:after{content: none;padding: 0;} #contents #eventArticle #sub .event_main div.main_img .main_info>div .tit{color: #fff;font-family: "NanumBarunGothicBold",sans-serif;font-size: 18px;padding-right: 8px;display: inline-block;} #contents #eventArticle #sub .event_main div.main_img .main_info>div .txt{color: #fff;font-family: "NanumBarunGothicLight",sans-serif;font-size: 18px;} #contents #eventArticle #sub .event_main .event_btn{margin: 45px auto;width: 180px;} #contents #eventArticle #sub .event_main .event_btn a{font-size: 18px;color: #fff;text-align: center;display: block;padding: 15px 0;border-radius: 30px;background: #000 url(../img/more2.png) no-repeat 77% 45%;padding-right: 8%;} #contents #eventArticle #sub .event_main {} #contents #eventArticle #sub .event_main p{font-size: 3.5vw;line-height: 1.7;font-family: "NanumBarunGothicRegular",sans-serif;width: 95%;margin: 0 auto;} #contents #eventArticle #sub .event_main .event_txt p{font-size: 3.5vw;line-height: 1.7;font-family: "NanumBarunGothicRegular",sans-serif;width: 100%;} #contents #eventArticle #sub .event_main .event_txt.news p{word-break: keep-all;text-align: left;} #contents #eventArticle #sub .event_main .event_txt p a{font-size: 3.5vw;} #contents #eventArticle #sub .event_main .event_txt p img{width: 100%;} #contents #eventArticle #sub .event_main .event_txt p span{float: none !important;width: 100% !important;} #contents #eventArticle #contents #eventArticle #sub .event_main p.color{font-size: 2.5vw;padding-left: 2vw;color:#8b681c;font-family: 'NanumBarunGothicLight',sans-serif;line-height: 1.8;} #contents #eventArticle #sub .event_main p.color span{margin-left: -2vw;display: block;} #contents #eventArticle #sub .event_main p span{width: 95%;margin: 0 auto;} #contents #eventArticle #sub .event_main p span.viewImg{display: block;padding: 2% 0;} #contents #eventArticle #sub .event_main p span img{width: 100%;} #contents #eventArticle #sub .event_main p a{font-size: 3vw;}#sub .event_main .txt_tit{margin: 8% auto 5%;width: 95%;} #contents #eventArticle #sub .event_main .txt_tit h4{font-size: 4.2vw;font-family: "NanumBarunGothicBold",sans-serif;line-height: 1.3;} #contents #eventArticle #sub .event_main .txt_tit h4.h5{font-size: 4.2vw;font-family: "NanumBarunGothicBold",sans-serif;} #contents #eventArticle #sub .event_main .txt_tit h5{font-size: 4.2vw;font-family: "NanumBarunGothicBold",sans-serif;} #contents #eventArticle #sub .event_main .txt_tit span{font-size: 4.2vw;padding-top: 2vw;line-height: 1.4;display: block;color: #8b681c;font-family: "NanumBarunGothicBold",sans-serif;} #contents #eventArticle #sub .event_main .txt_tit span span{padding-top: 0;font-family: "NanumBarunGothicLight",sans-serif;} #contents #eventArticle #sub .event_main .txt_tit p{padding-top: 1.5vw;font-size: 3.2vw;} #contents #eventArticle #sub .event_main ul{width: 95%;margin: 0 auto;} #contents #eventArticle #sub .event_main ul li{padding-bottom: 5%;} #contents #eventArticle #sub .event_main ul li span{font-size: 3.5vw;font-family: "NanumBarunGothicBold",sans-serif;} #contents #eventArticle #sub .event_main ul li span span{font-size: 3.5vw;font-family: "NanumBarunGothicRegular",sans-serif;line-height: 1.4;display: block;padding-bottom: 3vw;width: 100%;} #contents #eventArticle #sub .event_main ul li p{display: inline;} #contents #eventArticle #sub .event_main ul.view4{width: 95%;margin: 3vw auto 0;} #contents #eventArticle #sub .event_main ul.view4 li{font-size: 2.6vw;padding-bottom: 2vw;letter-spacing: -1px;} #contents #eventArticle #sub .event_main ul.view4 li:before{content:"ยท";padding: 0 1vw 0 0;} #contents #eventArticle #sub .event_main .event_btn2{margin: 30px auto 100px;width: 180px;} #contents #eventArticle #sub .event_main .event_btn2 a{font-size: 18px;color: #000;text-align: center;display: block;padding: 15px 0;border-radius: 30px;background: #fff url(../img/more3.png) no-repeat 77% 45%;padding-right: 8%;border: 1px solid #000;} #contents #eventArticle #sub .event_main .hash_tag{margin: 8% 0;} #contents #eventArticle #sub .event_main .hash_tag ul{overflow: hidden;} #contents #eventArticle #sub .event_main .hash_tag ul li{margin-right: 2vw;margin-bottom: 2vw;padding-bottom: 0;} #contents #eventArticle #sub .event_main .hash_tag ul li a{font-size: 3.5vw;padding: 1vw 2vw;} #contents #eventArticle #sub .event_main .editor{padding: 8% 0;} #contents #eventArticle #sub .event_main .editor>div{margin-top: 3%;border-right: none;padding-right: 0;margin-right: 0;display: block;} #contents #eventArticle #sub .event_main .editor .beerpost{float:left;width: 13%;} #contents #eventArticle #sub .event_main .editor .beerpost img{width: 100%;} #contents #eventArticle #sub .event_main .editor .editor_info{float: ;padding-left: 10px;} #contents #eventArticle #sub .event_main .editor .editor_info .job{font-size: 5vw;} #contents #eventArticle #sub .event_main .editor .editor_info .name{font-size: 4vw;padding-top: 1vw;} /*#contents #eventArticle #sub .related_post{clear: both;} #contents #eventArticle #sub .related_post h4{font-size: 25px;font-family: "NanumBarunGothicBold",sans-serif;padding-bottom: 8px;border-bottom: 2px solid #000;} #contents #eventArticle #sub .related_post ul{overflow: hidden;padding: 22px 0 100px;} #contents #eventArticle #sub .related_post ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 20px;} #contents #eventArticle #sub .related_post ul li:nth-child(3n){margin-right: 0;} #contents #eventArticle #sub .related_post ul li a{position: relative;display: block;overflow: hidden;} #contents #eventArticle #sub .related_post ul li a span.post_img{} #contents #eventArticle #sub .related_post ul li a span.post_img img{vertical-align: bottom;width: 100%;} #contents #eventArticle #sub .related_post ul li a .post_info{position: absolute;top: 0;left: 0;background:rgba(0,0,0,0.5);padding: 27px 18px;width: 100%;height: 100%;} #contents #eventArticle #sub .related_post ul li a .post_info .post_tit{display: block;color: #fff;font-size: 20px;font-family: "NanumBarunGothicBold",sans-serif;padding-bottom: 8px;width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #contents #eventArticle #sub .related_post ul li a .post_info .post_date{display: block;color: #fff;font-size: 15px;}*/ #contents #eventArticle .ad2{float: none;width: 100%;margin-top: 0%;padding-top: 5%;background: #f0f0f0;vertical-align: bottom;} #contents #eventArticle .ad2 ul{width: 95%;margin: 0 auto;padding-bottom: 10%;} #contents #eventArticle .ad2 ul li{margin-bottom: 2vw;} #contents #eventArticle .ad2 ul li:last-child{margin-bottom: 0;} #contents #eventArticle .ad2 ul li a{display: block;} #contents #eventArticle .ad2 ul li a img{width: 100%;} /*#contents #search_form{} #contents #search_form #search{width: 875px;display: inline-block;} #contents #search_form #search .search_input{padding-bottom: 60px;} #contents #search_form #search .search_input input{width: 560px;border: none;background: none;border-bottom: 2px solid #000;background: url(../search/img/search.png) no-repeat 100% center;padding-bottom: 10px;font-size: 30px;font-family: "NanumBarunGothicBold",sans-serif;color: #000;} #contents #search_form #search .search_list{} #contents #search_form #search .search_list ul{} #contents #search_form #search .search_list ul li{border-bottom: 1px solid #d9d9d9;margin-bottom: 20px;} #contents #search_form #search .search_list ul li a{display: block;overflow: hidden;padding-bottom: 20px;color: #000;} #contents #search_form #search .search_list ul li a .list_info{width: 620px;float: left;} #contents #search_form #search .search_list ul li a .list_info .board_tit{font-size: 17px;color: #1b96ff;font-family: "NanumBarunGothicBold",sans-serif;display: block;padding-bottom: 8px;} #contents #search_form #search .search_list ul li a .list_info .list_tit{font-size: 21px;font-family: "NanumBarunGothicBold",sans-serif;display: block;padding-bottom: 8px;} #contents #search_form #search .search_list ul li a .list_info .list_date{font-size: 13px;font-family: "NanumBarunGothicLight",sans-serif;color: #6e6e6e;} #contents #search_form #search .search_list ul li a .list_info .list_date:after{content: "|";color: #6e6e6e;font-size: 10px;padding: 0 5px;} #contents #search_form #search .search_list ul li a .list_info .list_cmt{font-size: 13px;font-family: "NanumBarunGothicLight",sans-serif;color: #6e6e6e;} #contents #search_form #search .search_list ul li a .list_info .list_cmt span.cmt{width: 12px;height: 12px;background: url(../img/cmt.png) no-repeat 0 0;background-size:100%;display: inline-block;margin-right: 3px;} #contents #search_form #search .search_list ul li a .list_info .list_txt{padding-top: 15px;} #contents #search_form #search .search_list ul li a .list_info .list_txt p{font-size: 14px;line-height: 1.4;font-family: "NanumBarunGothicLight",sans-serif} #contents #search_form #search .search_list ul li a .list_img{float: right;} #contents #search_form #search .search_list ul li a .list_img img{} #contents #search_form #search .search_no{background: #f7f7f7;width: 100%;height: 1035px;margin-bottom: 100px;} #contents #search_form #search .search_no span.caution{text-align: center;display: block;padding:180px 0 10px;} #contents #search_form #search .search_no p{font-size: 25px;font-family: "NanumBarunGothicLight",sans-serif;text-align: center;line-height: 1.5;} #contents #search_form #search .num_wrap{clear: both;background: #f6f6f6;border: 1px solid #e9e9e9;padding: 18px 0;margin: 50px 0 100px;} #contents #search_form #search .num_wrap ul.num{width: 430px;margin: 0 auto;overflow: hidden;} #contents #search_form #search .num_wrap ul.num li{float: left;margin-right: 9px;} #contents #search_form #search .num_wrap ul.num li:last-child{margin-right: 0;} #contents #search_form #search .num_wrap ul.num li a{font-family: "Helvetica",sans-serif;color: #000;font-size: 14px;padding:6px 5px 10px;border: 1px solid #cdcdcd;background: #fff;display: block;} #contents #search_form #search .num_wrap ul.num li ul{} #contents #search_form #search .num_wrap ul.num li ul li:nth-child(8){padding-top: 10px;} #contents #search_form #search .num_wrap ul.num li ul li a{padding:8px 12px;} #contents #search_form #search .num_wrap ul.num li ul li.on a{color: #fff;background: #28c5ff;font-weight: bold;} #contents #search_form .ad{display: inline-block;float: right;width: 260px;} #contents #search_form .ad ul{} #contents #search_form .ad ul li{margin-bottom: 20px;} #contents #search_form .ad ul li a{display: block;} #contents #search_form .ad ul li a img{width: 100%;}*/ #contents #faqWrap{overflow: hidden;position: relative;} #contents #faqWrap #faq{width: 95%;margin: 0 auto 15%;display: block;} #contents #faqWrap #faq .faq ul li>a{padding: 3vw 3%;background-image: url(../footer_menu/img/downM.png);background-size: 5vw;} #contents #faqWrap #faq .faq ul li>a.on{background-image: url(../footer_menu/img/upM.png);background-size: 5vw;} #contents #faqWrap #faq .faq ul li>a .q_num{background-image: url(../footer_menu/img/qBgM.png);background-size:100%;font-size: 3vw;width: 6vw;height: 6vw;line-height: 6.5vw;} #contents #faqWrap #faq .faq ul li>a p{font-size: 3vw;margin-left: 2vw;margin-top: 1vw;} #contents #faqWrap #faq .faq ul li>a .allow{position: absolute;top: 30px;right: 17px;} #contents #faqWrap #faq .faq ul li .answer{padding: 5% 3%;overflow: hidden;} #contents #faqWrap #faq .faq ul li .answer .a{background-size:100%;font-size: 3vw;width: 6vw;height: 6vw;line-height: 6.5vw;} #contents #faqWrap #faq .faq ul li .answer p{font-size: 3vw;padding-left:0;width: 88%;margin-right: 2%;float: right;} #contents #faqWrap #faq .faq.notice ul li a.on .q_num{background-image: url(../footer_menu/img/aBgM.png);} #contents #faqWrap #faq .num_wrap{padding: 18px 0;margin: 50px 0 100px;} #contents #faqWrap #faq .num_wrap ul.num{width: 430px} #contents #faqWrap #faq .num_wrap ul.num li{float: left;margin-right: 9px;} #contents #faqWrap #faq .num_wrap ul.num li:last-child{margin-right: 0;} #contents #faqWrap #faq .num_wrap ul.num li a{font-size: 14px;padding:6px 5px 10px;} #contents #faqWrap #faq .num_wrap ul.num li ul{} #contents #faqWrap #faq .num_wrap ul.num li ul li:nth-child(8){padding-top: 10px;} #contents #faqWrap #faq .num_wrap ul.num li ul li a{padding:8px 12px;} #contents #faqWrap #faq div .tit{font-size: 17px;display: block;padding-left: 10px;background: url(../footer_menu/img/dot.png) no-repeat 0 center;padding-bottom: 5px;} #contents #faqWrap #faq form{padding-top: 47px;} #contents #faqWrap #faq .service_info{width: 370px;float: left;} #contents #faqWrap #faq .service_info ul{border-bottom: none;} #contents #faqWrap #faq .service_info ul li{border-bottom: none;margin-bottom: 18px;} #contents #faqWrap #faq .service_info ul li label{} #contents #faqWrap #faq .service_info ul li input{border: 1px solid #ccc;padding: 15px;box-sizing: border-box;width: 100%;font-size: 15px;} #contents #faqWrap #faq .service_info>div{margin-bottom: 18px;position: relative;} #contents #faqWrap #faq .service_info p{font-size: 14px;font-family: "NanumBarunGothicLight",sans-serif;color: #787878;padding-left: 15px;background: url(../footer_menu/img/bar.png) no-repeat 0 20%;line-height: 1.5;} #contents #faqWrap #faq .service_info table{border-collapse: collapse;border: 1px solid #ccc;width: 100%;} #contents #faqWrap #faq .service_info table tr{border-bottom: 1px solid #d8d8d8;} #contents #faqWrap #faq .service_info table tr:last-child{border-bottom: 0;} #contents #faqWrap #faq .service_info table tr th{font-size: 14px;padding: 10px 13px;background: #ededed;} #contents #faqWrap #faq .service_info table tr td{font-size: 13px;font-family: "NanumBarunGothicLight",sans-serif;padding: 10px 13px;line-height: 1.5;} #contents #faqWrap #faq .service_info .allCheck{text-align: right;float: right;cursor: pointer;position: relative;position: absolute;top: 0;right: 0;} #contents #faqWrap #faq .service_info .allCheck input#agree{position: absolute;top: 0;left: 0;opacity: 0;cursor: pointer;width: 12px;height: 12px;margin-top: 2px;} #contents #faqWrap #faq .service_info .allCheck i{float: left;display: block;width: 12px;height: 12px;background: url(../footer_menu/img/check.png) no-repeat left top;background-size: 100%;margin-top: 2px;} #contents #faqWrap #faq .service_info .allCheck label{float: left;margin-left:5px;cursor: pointer;font-size: 15px;color: #4889ff;} #contents #faqWrap #faq .service_info .allCheck input#agree:checked+i{background-position: left bottom;} #contents #faqWrap #faq .contact_txt{float: right;width: 480px;} #contents #faqWrap #faq .contact_txt textarea{width: 100%;border: 1px solid #ccc;padding: 15px;box-sizing: border-box;width: 100%;height: 515px;font-size: 15px;} #contents #faqWrap #faq .service_btn{margin: 0 auto;width: 180px;clear: both;padding: 50px 0;} #contents #faqWrap #faq .service_btn button{background: none;border: none;display: block;width: 180px;} #contents #faqWrap #faq .service_btn a{font-size: 18px;color: #fff;text-align: center;display: block;padding: 15px 0;border-radius: 30px;background: #000 url(../footer_menu/img/service_btn.png) no-repeat 77% 45%;padding-right: 8%;} #contents #faqWrap #faq .map_img{margin-top: 0;} #contents #faqWrap #faq .map_img #map{height: 300px;} #contents #faqWrap #faq .map_img .map_txt{position: static;width: 94%;padding: 5% 3%;position: relative;} #contents #faqWrap #faq .map_img .map_txt ul{} #contents #faqWrap #faq .map_img .map_txt ul li{border-bottom: none;} #contents #faqWrap #faq .map_img .map_txt .map_info{font-size: 3vw;width: 100%;float: none;} #contents #faqWrap #faq .map_img .map_txt .map_info p{padding: 1vw 0 1vw 7%;background: url(../footer_menu/img/map01M.png) no-repeat 0 30%;margin-bottom: 1vw;line-height: 1.5;background-size: 5%;} #contents #faqWrap #faq .map_img .map_txt .map_info ul{overflow: hidden;} #contents #faqWrap #faq .map_img .map_txt .map_info ul li{float: none;padding: 1vw 0 1vw 7%;margin-bottom: 2vw;background-size: 5% !important;} #contents #faqWrap #faq .map_img .map_txt .map_info ul li:after{display: none;} #contents #faqWrap #faq .map_img .map_txt .map_info ul li:last-child:after{content: none;} #contents #faqWrap #faq .map_img .map_txt .map_info ul li:nth-child(1){background: url(../footer_menu/img/map02M.png) no-repeat 0 center;} #contents #faqWrap #faq .map_img .map_txt .map_info ul li:nth-child(2){background: url(../footer_menu/img/map03M.png) no-repeat 0 center;} #contents #faqWrap #faq .map_img .map_txt .map_info ul li:nth-child(3){background: url(../footer_menu/img/map04M.png) no-repeat 0 center;margin-bottom: 0;} #contents #faqWrap #faq .map_img .map_txt .map_sns{float:none;padding-right: 0;position: absolute;bottom: 13%;right: 5%;} #contents #faqWrap #faq .map_img .map_txt .map_sns ul{overflow: hidden;padding-top:0;width: 30vw;} #contents #faqWrap #faq .map_img .map_txt .map_sns ul li{float: left;margin-right:4%;width: 48%;} #contents #faqWrap #faq .map_img .map_txt .map_sns ul li:last-child{margin-right: 0;} #contents #faqWrap #faq .map_img .map_txt .map_sns ul li a{width: 100%;} #contents #faqWrap #faq .map_img .map_txt .map_sns ul li a img{width: 100%;} #contents #faqWrap .ad{float: none;width: 100%;margin-top: 0%;padding-top: 5%;background: #f0f0f0;vertical-align: bottom;} #contents #faqWrap .ad ul{width: 95%;margin: 0 auto;padding-bottom: 10%;} #contents #faqWrap .ad ul li{margin-bottom: 2vw;} #contents #faqWrap .ad ul li:last-child{margin-bottom: 0;} #contents #faqWrap .ad ul li a{display: block;} #contents #faqWrap .ad ul li a img{width: 100%;} #contents #aboutWrap{width: 95%;margin: 0 auto 10%;} #contents #aboutWrap .about_us .about_txt{padding: 3vw 0 5vw;} #contents #aboutWrap .about_us .about_txt p{font-size: 3.8vw;letter-spacing: 0;} #contents #aboutWrap .about_us .about_txt span{font-size: 3.8vw;text-align: left;padding-top: 2vw;} #contents #aboutWrap .about_us ul{padding: 6vw 0;} #contents #aboutWrap .about_us ul li{margin-bottom: 8vw;} #contents #aboutWrap .about_us ul li .aboutImg{float:none;width: 100%;} #contents #aboutWrap .about_us ul li .aboutImg img{width: 100%;} #contents #aboutWrap .about_us ul li .aboutTxt{float: none;width: 100%;} #contents #aboutWrap .about_us ul li .aboutTxt h4{font-size: 5vw;padding: 5vw 0 3vw;} #contents #aboutWrap .about_us ul li .aboutTxt p{font-size: 3.7vw;letter-spacing: 0;} #my_popup{width: 270px;background: #fff;border: 1px solid #bababa;padding: 30px 0;} #my_popup p{font-size: 18px;text-align: center;line-height: 1.6;padding-top: 65px;background: url(../footer_menu/img/alert01.png) no-repeat center 0;font-family: "NanumBarunGothicBold",sans-serif;} #my_popup .my_popup_btn{margin:17px auto 0;width: 100px;} #my_popup .my_popup_btn button{display: inline-block;border: none;background: #000;border-radius: 20px;font-size: 16px;color: #fff;text-align: center;padding: 10px 0;width: 100px;} #my_popup2{width: 270px;background: #fff;border: 1px solid #bababa;padding: 30px 0;} #my_popup2 p{font-size: 18px;text-align: center;padding-bottom: 10px;line-height: 1.6;padding-top: 65px;background: url(../footer_menu/img/alert02.png) no-repeat center 0;font-family: "NanumBarunGothicBold",sans-serif;} #my_popup2 span{font-size: 15px;text-align: center;font-family: "NanumBarunGothicLight",sans-serif;display: block;text-align: center;line-height: 1.3;} #my_popup2 .my_popup2_btn{margin:17px auto 0;width: 100px;} #my_popup2 .my_popup2_btn button{display: inline-block;border: none;background: #000;border-radius: 20px;font-size: 16px;color: #fff;text-align: center;padding: 10px 0;width: 100px;} } @media screen and (max-width:480px) { }