/* Theme Name: tcrews Author: THE CREWS Author URI: http://beerpost.kr/ Description: 더크루 Version: v0.1 Licence URI: http://tcrews.co.kr */ /*@import url(http://fans.solidworks.co.kr/wp-includes/css/editor.min.css?ver=4.5.15);*/ #wp-kboard_content-media-buttons{display: none;} #qt_kboard_content_toolbar{display: none;} #wp-kboard_content-editor-tools{overflow: hidden;} .wp-editor-tabs{float: right;} .wp-editor-tabs button{font-size: 12px;padding: 10px 20px;display: inline-block;border: 1px solid #ccc;border-bottom: none;} @import url(http://fans.solidworks.co.kr/wp-includes/js/tinymce/skins/lightgray/skin.min.css?wp-mce-4310-20160418); #kboard-document .v{line-height: 1.5;} .mce-path { display: none !important; } /* NANUM BARUN GOTHIC BOLD */ @font-face { font-family: 'NanumBarunGothicBold'; src: url('http://beerpost.kr/fonts/NanumBarunGothicBold.eot'); src: url('http://beerpost.kr/fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'), url('http://beerpost.kr/fonts/NanumBarunGothicBold.woff') format('woff'), url('http://beerpost.kr/fonts/NanumBarunGothicBold.ttf') format('truetype'), url('http://beerpost.kr/fonts/NanumBarunGothicBold.svg#NanumBarunGothicBold') format('svg'); font-weight: normal; font-style: normal; } /* NANUM BARUN GOTHIC */ @font-face { font-family: 'NanumBarunGothic'; src: url('http://beerpost.kr/fonts/NanumBarunGothic.eot'); src: url('http://beerpost.kr/fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('http://beerpost.kr/fonts/NanumBarunGothic.woff') format('woff'), url('http://beerpost.kr/fonts/NanumBarunGothic.ttf') format('truetype'), url('http://beerpost.kr/fonts/NanumBarunGothic.svg#NanumBarunGothic') format('svg'); font-weight: normal; font-style: normal; } /* NANUM BARUN GOTHIC LIGHT */ @font-face { font-family: 'NanumBarunGothicLight'; src: url('http://beerpost.kr/fonts/NanumBarunGothicLight.eot'); src: url('http://beerpost.kr/fonts/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'), url('http://beerpost.kr/fonts/NanumBarunGothicLight.woff') format('woff'), url('http://beerpost.kr/fonts/NanumBarunGothicLight.ttf') format('truetype'), url('http://beerpost.kr/fonts/NanumBarunGothicLight.svg#NanumBarunGothicLight') format('svg'); font-weight: normal; font-style: normal; } /* NANUM BARUN GOTHIC ULTRALIGHT */ @font-face { font-family: 'NanumBarunGothicUltraLight'; src: url('http://beerpost.kr/fonts/NanumBarunGothicUltraLight.eot'); src: url('http://beerpost.kr/fonts/NanumBarunGothicUltraLight.eot?#iefix') format('embedded-opentype'), url('http://beerpost.kr/fonts/NanumBarunGothicUltraLight.woff') format('woff'), url('http://beerpost.kr/fonts/NanumBarunGothicUltraLight.ttf') format('truetype'), url('http://beerpost.kr/fonts/NanumBarunGothicUltraLight.svg#NanumBarunGothicUltraLight') format('svg'); font-weight: normal; font-style: normal; } /* 게시판 커스텀 */ #kboard-card-gallery-list{width: 100%;padding: 20px 0 150px;border-top: 2px solid #000;} #kboard-card-gallery-document{width: 875px;display: inline-block;-webkit-font-smoothing: antialiased !important;overflow-wrap:break-word;word-wrap: break-word;} #kboard-card-gallery-list .kboard-pagination{padding: 40px 0 15px;margin: 0 auto;text-align: center;} #kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages{display: inline-block;float: none;width: auto;} #kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li{width: auto !important;margin-bottom: 0 !important;margin-right: 10px !important;} #kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li:last-child{margin-right: 0 !important} #kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li a{border: none !important;padding: 0;line-height: 2.5;display: inline-block;} #kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.active a{position: relative;width: 31px;height: 31px;background: #000;border-radius: 50%;border: none;} #kboard-card-gallery-editor{width: 100%;margin-top: 66px;} .kboard-card-gallery-button-small:hover, .kboard-card-gallery-button-small:focus, .kboard-card-gallery-button-small:active{background: #ec3025;} #kboard-card-gallery-list .kboard-list-item{border: 1px solid #000 !important;width: 310px;margin-right: 1%;margin-bottom: 30px;height: 409px;box-sizing: border-box;} /*#kboard-card-gallery-list .kboard-list-item:nth-last-child(1),#kboard-card-gallery-list .kboard-list-item:nth-last-child(2),#kboard-card-gallery-list .kboard-list-item:nth-last-child(3){margin-bottom: 0;} #kboard-card-gallery-list .kboard-list-item:nth-child(2n+1){margin-right: 0;}*/ #kboard-card-gallery-list .kboard-list-thumbnail{border-bottom: 3px solid #ec3025 !important;} #kboard-card-gallery-list .kboard-control{padding-top: 100px;} #kboard-card-gallery-list .kboard-control button{border-radius: 30px !important;padding: 5px 30px 5px 20px !important;background: #000 url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/write.png) no-repeat 80% center !important;font-size: 16px !important;font-family: "NanumBarunGothicBold",sans-serif;color: #fff !important;border: none !important;height: 34px;} #kboard-card-gallery-list .kboard-control button:hover{background-color: #000 !important;} #kboard-card-gallery-list .kboard-list-height{height: 230px;} #kboard-card-gallery-list .kboard-header{float: none;text-align: center;display: block;overflow: hidden;} #kboard-card-gallery-list .kboard-header:nth-child(2) .kboard-category{width: 725px;margin: 0 auto 50px;padding-bottom: 0;float: none;} #kboard-card-gallery-list .kboard-category select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; min-width: 100%; height: 28px; line-height: 28px; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; } #kboard-card-gallery-list .kboard-category .kboard-category-list {border: 1px solid #000;box-sizing:border-box;overflow: hidden;width: 100%;} #kboard-card-gallery-list .kboard-category .kboard-category-list:last-child{} #kboard-card-gallery-list .kboard-category .kboard-category-list li {width: 33.33% !important;display: inline-block;float: left;margin: 0 !important;} #kboard-card-gallery-list .kboard-category .kboard-category-list li.kboard-category-selected{background: #000;} #kboard-card-gallery-list .kboard-category .kboard-category-list li::before, #kboard-card-gallery-list .kboard-category .kboard-category-list li::after { display: none; } #kboard-card-gallery-list .kboard-category .kboard-category-list li a {display: block;text-align: center;font-size: 20px;padding: 15px 0;color: #000;background: url(http://beerpost.kr/news/img/tab.png) no-repeat 100% center;} #kboard-card-gallery-list .kboard-category .kboard-category-list li a:hover:after{display: none !important;} #kboard-card-gallery-list .kboard-category .kboard-category-list li:last-child a{background: none;} #kboard-card-gallery-list .kboard-category .kboard-category-list li.kboard-category-selected a {color: #fff;background: none;} #kboard-card-gallery-list .kboard-list-item .kboard-list-catetory{font-size: 17px;font-family: "NanumBarunGothicBold",sans-serif;color: #ec3025;padding-top: 20px;} #kboard-card-gallery-list .kboard-list-item .kboard-list-title .cut_strings{font-size: 17px;font-family: "NanumBarunGothicBold",sans-serif;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.5;word-wrap: break-word;white-space: normal;width: 95%;margin: 0 auto;} #kboard-card-gallery-list .kboard-list-item .kboard-list-date{text-align: center;display: block;font-family: "NanumBarunGothicLight",sans-serif;font-size: 13px;} #kboard-card-gallery-list .kboard-list-item .kboard-list-more{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);} #kboard-card-gallery-list .kboard-list-item .kboard-list-more img{} #kboard-card-gallery-list .kboard-list{padding-top: 20px;} #kboard-card-gallery-list .kboard-header2{} #kboard-card-gallery-list .kboard-header2 .kboard-category2{float: none;width: 100%;display: block;} #kboard-card-gallery-list .kboard-header2 .kborad-category2 .kboard-category-list2{border: none;} #kboard-card-gallery-list .kboard-header2 .kborad-category2 .kboard-category-list2 li{display: none !important;} #kboard-card-gallery-list .kboard-header2 .kborad-category2 .kboard-category-list2 li.kboard-category-selected2{display: block;width: 100% !important;} #kboard-card-gallery-list .kboard-header2 .kboard-category2 .kboard-category-list2 li.kboard-category-selected2 a{color: #000;font-size: 40px;font-family: "NanumBarunGothicBold",sans-serif;padding: 0 0 8px;border-bottom: 2px solid #000;text-align: left;text-indent: 0;display: block !important;} #kboard-card-gallery-list .kboard-header2 .kboard-category2 .kboard-category-list2 li a{display: none !important;pointer-events:none;color: #fff;text-indent: -9999px;} #kboard-card-gallery-list .kboard-header2 .kboard-category2 .kboard-category-list2 li a:hover:after{display: none !important;} /* document */ #kboard-card-gallery-document *{font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;line-height: 1.7;-webkit-font-smoothing: antialiased !important;overflow-wrap:break-word;word-wrap: break-word} #kboard-card-gallery-document p a{font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;color: #1b96ff;display: inline-block;margin-right: 5px;line-height: 1.2;/*float: left;padding: 7px 7px 5px;border: 1px solid #1b96ff;border-radius: 30px;*/} #kboard-card-gallery-document .kboard-detail{background: none;border-bottom: 2px solid #000;padding-bottom: 0;position: relative;} #kboard-card-gallery-document .kboard-title p{padding: 0 0 8px;font-family: "NanumBarunGothicBold",sans-serif;font-size: 30px;color: #000;} #kboard-card-gallery-document .kboard-detail .detail-attr{padding: 0;padding-left: 20px;} #kboard-card-gallery-document .kboard-detail .detail-category1{margin: 22px 0;background: #ec3025;padding: 8px 16px 6px;display: none;} #kboard-card-gallery-document .kboard-detail .detail-attr .detail-name{color: #fff;float: none;text-align: center;font-weight: bold;line-height: 1;font-size: 15px;} #kboard-card-gallery-document .kboard-detail .detail-attr .detail-value{color: #666;padding-left: 0;letter-spacing: 0.5px;font-size: 14px;} #kboard-card-gallery-document .kboard-detail .detail-attr .detail-value img{display: none;} #kboard-card-gallery-document .kboard-detail .detail-wrap{position: absolute;top: -35px;left: 100px;} #kboard-card-gallery-document .kboard-detail .detail-wrap2{top: -35px;left: 102px;} #kboard-card-gallery-document .kboard-detail .detail-wrap2:before{content: "Event";display: inline-block;font-size: 40px;font-family: "NanumBarunGothicBold",sans-serif;position: absolute;top: -30px;left: -103px;} #kboard-card-gallery-document.beer .kboard-detail .detail-wrap{left: 120px;} #kboard-card-gallery-document .kboard-content .content-view{padding: 22px 0;} #kboard-card-gallery-document .kboard-attach{margin: 45px 0 0;padding: 0;border: none;} #kboard-card-gallery-document .kboard-attach a{font-size: 15px;font-family: "NanumBarunGothicLight",sans-serif;background: #dedede url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/attach.png) no-repeat 14px center;border: none;border-radius: 30px;font-size: 14px;line-height: 14px;padding: 9px 12px 8px 30px;} #kboard-card-gallery-document .kboard-button-action{font-size: 14px;line-height: 14px;padding: 9px 12px 8px 30px;} #kboard-card-gallery-document .kboard-button-like{color: #666;background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/heart.png) no-repeat 8px center;border-radius: 0;border: 1px solid #666;margin: 0;} #kboard-card-gallery-document .kboard-document-action{padding: 0;margin-bottom: 45px;width: 100%;position: relative;} #kboard-card-gallery-document .kboard-document-action .left{padding-top: 30px;} #kboard-card-gallery-document .kboard-document-action .kboard-control{float: none;padding: 0;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 187px;} #kboard-card-gallery-document .kboard-document-action .kboard-control>a{background: none !important;border-radius:0 !important;font-size: 22px !important;padding: 16px 0 15px !important;width: 100%;display: block;text-align: center;color: #000 !important;border: 1px solid #000;font-family: "NanumBarunGothicBold",sans-serif;line-height: 1.5;} #kboard-card-gallery-document .kboard-document-navi{padding-top: 0;border: 1px solid #666;border-left: 0;border-right: 0;background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/naviBg.png) repeat-y center 0;} #kboard-card-gallery-document .kboard-document-navi a{font-size: 16px;color: #666;padding: 25px 0 20px;} #kboard-card-gallery-document .kboard-document-navi .kboard-prev-document .navi-arrow{position: static;padding-left: 30px;background-image: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/list_prev.png) ,url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/bar.png);background-repeat: no-repeat, no-repeat;background-position: 10px 40%, 100% center;padding-right: 10px;font-family: "NanumBarunGothicBold",sans-serif;display: inline-block;vertical-align: middle;margin-right: 10px;font-size: 20px;float: left;color: #000;} #kboard-card-gallery-document .kboard-document-navi .kboard-next-document .navi-arrow{position: static;float: right;text-align: right;padding-right: 30px;background-image: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/list_next.png) ,url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/bar.png);background-repeat: no-repeat, no-repeat;background-position:90% 40%, 0 center;padding-left: 10px;font-family: "NanumBarunGothicBold",sans-serif;margin-left: 10px;font-size: 20px;color: #000;} #kboard-card-gallery-document .kboard-document-navi .kboard-prev-document .navi-document-title{padding-left: 0;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;width: 320px;display: inline-block;} #kboard-card-gallery-document .kboard-document-navi .kboard-next-document .navi-document-title{padding-right: 0;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;width: 320px;display: inline-block;} #kboard-card-gallery-document .kboard-control .right{} #kboard-card-gallery-document .kboard-control .right>a{height: 40px;line-height: 40px;background-color: #fff !important;border: 1px solid #797979;font-size: 15px !important;padding: 0 30px 0 15px !important;background-repeat: no-repeat;background-position: 90% center;margin-left: 5px !important;border-radius: 3px;} #kboard-card-gallery-document .kboard-control .right>a:first-child{color: #ff2301 !important;background-image: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/revise.png) !important;} #kboard-card-gallery-document .kboard-control .right>a:last-child{color: #2e2e2e !important;background-image: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/delete.png) !important;} /* 검색폼 */ .kboard-control>.kboard-card-gallery-button-small{border-radius: 30px !important;padding: 4px 30px 2px 20px !important;background: #000 url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/write.png) no-repeat 80% center !important;font-size: 16px !important;font-family: "NanumBarunGothicBold",sans-serif;} #kboard-card-gallery-list .kboard-category{padding-bottom: 30px;width: auto;} #kboard-card-gallery-list .kboard-category .select-wrap{border: 1px solid #797979;padding: 8px 20px;width: 155px;background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/selBg.png) no-repeat 90% center;display: inline-block;border-radius: 30px;} #kboard-card-gallery-list .kboard-category select{font-size: 16px;font-family: "NanumBarunGothicLight",sans-serif;background: none;border: none;display: inline-block;width: 100%;-webkit-appearance:none;padding: 0;border-radius: 0;line-height: 1;margin: 0;height: auto;} #kboard-card-gallery-list .kboard-search{overflow: hidden;width: auto;padding-bottom: 30px;float: right;display: none;} #kboard-card-gallery-list .kboard-search .select-wrap{border: 1px solid #797979;padding: 8px 20px;width: 55px;background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/selBg.png) no-repeat 90% center;display: inline-block;border-radius: 30px;display: inline-block;float: left;margin-right: 10px;} #kboard-card-gallery-list .kboard-search .search-wrap{float: left;background: #eeeeee;border-radius: 30px;padding: 3px 15px;} #kboard-card-gallery-list .kboard-search select{font-size: 16px;font-family: "NanumBarunGothicLight",sans-serif;background: none;border: none;display: inline-block;width: 100%;-webkit-appearance:none;padding: 0;border-radius: 0;line-height: 1;height: auto;} #kboard-card-gallery-list .kboard-search input{border: none;padding: 0;background: #eeeeee;} #kboard-card-gallery-list .kboard-search .kboard-card-gallery-button-small{width: 20px;border: none;background: #eee url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/search.png) no-repeat center !important;text-indent: -9999px;padding: 2px 0 !important;} /* 뉴스 게시판 */ #kboard-card-gallery-list .webinar-list{} #kboard-card-gallery-list .webinar-list .kboard-list-item{border: none !important;width: 284px;margin-right: 21px;margin-bottom: 20px;height: 294px;} #kboard-card-gallery-list .webinar-list .kboard-list-item:nth-child(3n){margin-right: 0;} #kboard-card-gallery-list .webinar-list .kboard-list-item .kboard-list-thumbnail{height: 294px;border-bottom: none !important;} #kboard-card-gallery-list .webinar-list .kboard-list-item a{display: block;position: relative;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt{position: absolute;bottom: 0;left: 0;width: 100%;height: 30%;background: rgba(0,0,0,0.7);} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .webinar-list-title{position: absolute;top: 0;left: 0;width: 100%;padding: 18px 0;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .kboard-list-catetory{font-size: 16px;font-family: "NanumBarunGothicBold",sans-serif;color: #fff;text-align: left;vertical-align: bottom;padding: 0;display: none;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .kboard-list-title{vertical-align: bottom;padding: 0;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .kboard-list-title .cut_strings{font-size: 20px;font-family: "NanumBarunGothicBold",sans-serif;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 1.5;word-wrap: break-word;white-space: normal;color: #fff;padding: 0;width: 90%;text-align: left;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .kboard-list-title span{color: #fff;display: block;width: 90%;margin: 0 auto;text-align: left;font-size: 17px;} #kboard-card-gallery-editor .kboard-control .kboard-card-gallery-button-small{height: 40px;line-height: 40px;background-color: #fff !important;;border: 1px solid #797979;font-size: 15px !important;;padding: 0 15px !important;;background-repeat: no-repeat;background-position: 90% center;margin-left: 5px;color: #2e2e2e !important;border-radius: 3px !important;} /* beer 게시판 */ #contents #localArticle .last_article.beer .art{width: 100%;float: none;} #kboard-card-gallery-list .beer-list{padding-top: 0;} #kboard-card-gallery-list .kboard-list-item:hover:hover{background: none;} #kboard-card-gallery-list .kboard-list-item:hover .kboard-list-thumbnail{opacity: 1;} #kboard-card-gallery-list .beer-list li.kboard-list-item{border: none !important;width: 25%;height: auto} #kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-title{padding: 0;} #kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-thumbnail{border: 1px solid #ccc !important;height: 187px;} #kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-catetory{display: none;} #kboard-card-gallery-list .beer-list li.kboard-list-item .beer-list-txt{padding: 15px 0 10px 1%;text-align: left;vertical-align: top;} #kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-title .cut_strings{font-size: 17px;font-family: "NanumBarunGothicBold",sans-serif;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow-y: hidden;width: 100%;text-align: left;display: inline-block;} #kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-title span{font-family: "NanumBarunGothicLight",sans-serif;font-size: 13px;color: #6e6e6e;display: block;padding:5px 0 10px;text-align: left;} #kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-summary{font-size: 15px;font-family: "NanumBarunGothicLight",sans-serif;line-height: 1.7;padding: 0;text-align: left;height: 70px;display: none;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child{width: 100%;margin-right: 0;float: none;margin-bottom: 30px;text-align: left;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .kboard-list-thumbnail{display: inline-block;width: 49%;height: 355px;position: relative;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .kboard-list-thumbnail:before{content: "NEW";display: inline-block;font-size: 14px;color: #fff;padding: 5px 10px;position: absolute;top: 10px;left: 10px;display: inline-block;text-align: center;border-radius: 30px;text-transform: uppercase;background: #21b9ed;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .kboard-list-catetory{display: none;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .beer-list-txt{display: inline-block;width: 48%;text-align: left;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .kboard-list-title .cut_strings{font-size: 28px;text-align: left;display: inline-block;width: 570px;} #kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-title span{padding: 10px 0 0;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .kboard-list-summary{-webkit-line-clamp: 7;height: 175px;padding: 0;display: inline-block;width: 100%;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .kboard-list-title span{padding: 10px 0 25px;} .ad.beer{float: none;position: absolute;right: 0;width: 25%;top: 36%;margin-top: 0;} .ad ul,.ad ul li,.ad ul li img{width: 100%;} /* magazine 게시판 */ #kboard-card-gallery-list .maga-list{float: none;overflow: hidden;} #kboard-card-gallery-list .maga-list .kboard-list-item{width: 23%;margin-right: 2.6%;display: inline-block;height: auto} #kboard-card-gallery-list .maga-list .kboard-list-item:nth-child(4n){margin-right: 0;} #kboard-card-gallery-list .maga-list .kboard-list-item .kboard-list-thumbnail{width: 100%;height: 344px;border-bottom: none !important;} #kboard-card-gallery-list .maga-list .kboard-list-item .kboard-list-summary,#kboard-card-gallery-list .maga-list .kboard-list-item .kboard-list-catetory{display: none;} #kboard-card-gallery-latest.magazine{pointer-events: none;} #kboard-card-gallery-latest.magazine .kboard-list-item{height: auto;} #kboard-card-gallery-latest.magazine .kboard-list-item .kboard-list-thumbnail{float: none;width: 100%;height: 395px;} #contents #con04 #magazines .magazine_wrap ul{float: none;overflow: hidden;} #contents #con04 #magazines .magazine_wrap ul li{height: auto;margin-bottom: 0;} html { overflow-y: scroll } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button { margin: 0; padding: 0; font-weight: normal; } body, h1, h2, h3, h4, input, button { font-family: 'NanumBarunGothic', Dotum, Helvetica, 'Apple SD Gothic Neo', Sans-serif; font-size: 12px; color: #000 } body { background-color: #fff; word-break: break-all; /*-ms-word-break:break-all*/ } img, fieldset, iframe { border: 0 none } li { list-style: none } a{text-decoration:none;color: #000;} /*input {-webkit-appearance: none !important;border-radius: 0 !important;}*/ /* Webkit */ input::-webkit-input-placeholder {color: #bcbcbc; font-family: "NanumBarunGothicLight",sans-serif !important;} /* Firefox 4-18 */ input:-moz-placeholder {color: #bcbcbc;font-family: "NanumBarunGothicLight",sans-serif !important; } /* Firefox 19+ */ input::-moz-placeholder {color: #bcbcbc;font-family: "NanumBarunGothicLight",sans-serif !important; } /* IE10+ */ input:-ms-input-placeholder {color: #bcbcbc;font-family: "NanumBarunGothicLight",sans-serif !important; } select{-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;} select{ option[disabled] { display: none;color: #bcbcbc; } } select::-ms-expand{display:none;} html{overflow-y: scroll;-webkit-overflow-scrolling:touch;} body{overflow-y: scroll;-webkit-overflow-scrolling:touch;word-break: keep-all;} /*html::-webkit-scrollbar{ width:0; display:none} ::-webkit-scrollbar{ width:0; display:none}*/ #wrap{position: relative;/*word-break: keep-all;*/text-align: justify;} #headerWrap{} #header{background: #000;} #header .header_wrap{width: 1200px;margin: 0 auto;} #header .header_wrap .sns_wrap{margin: 28px 0;display: inline-block;} #header .header_wrap .sns_wrap ul{overflow: hidden;display: inline-block;} #header .header_wrap .sns_wrap ul li{float: left;display: inline-block;margin-right: 20px;} #header .header_wrap .sns_wrap ul li a{display: block;} #header .header_wrap .sns_wrap ul li a img{width: 100%;} #header .header_wrap h1{display: inline-block;position: absolute;top: 35px;left: 50%;transform: translateX(-50%);} #header .header_wrap h1 a{display: block;} #header .header_wrap h1 img{width: 100%;} #header .header_wrap .lang_wrap{display: inline-block;float: right;margin-top: 30px;position: relative;} #header .header_wrap .lang_wrap strong{border: 1px solid #fff;width: 120px;border-radius: 30px;background: url(http://beerpost.kr/img/lang_select.png) no-repeat 90% center;font-size: 14px;display: block;} #header .header_wrap .lang_wrap strong a{display: block;padding: 7px 0 3px;color: #fff;text-align: left;} #header .header_wrap .lang_wrap strong a img{padding-left: 7px;} #header .header_wrap .lang_wrap ul{overflow: hidden;width: 96px;margin: 0 auto;display: none;position: absolute;top: 39px;left: 50%;transform: translateX(-50%);} #header .header_wrap .lang_wrap ul li{text-align: left;font-size: 14px;/*background: url(http://beerpost.kr/img/lang_kor.png) no-repeat 7% center;*/background: #000;border: 1px solid #ccc;border-top: none;z-index: 99999;} #header .header_wrap .lang_wrap ul li a{display: block;padding: 7px 0 3px;color: #fff;text-align: center;} #header .header_wrap .lang_wrap ul li a img{padding-left: 7px;} #gnbWrap{border-bottom: 2px solid #e5e5e5;background: #fff;height: 72px;width: 100%;position: relative;z-index: 99999999;} #gnb{width: 1200px;margin: 0 auto;} #gnb>ul{display: inline-block;z-index: 9;margin-left: 160px;}/*display: inline-block;z-index: 9;*/ #gnb>ul>li{float: left;font-size: 22px;font-family: "Helvetica",sans-serif;margin-right: 116px;padding-bottom: 100px;position: relative;} #gnb>ul>li>a{display: block;padding: 23px 0 24px;color: #000;} #gnb>ul>li.on>a{border-bottom: 2px solid #000;} #gnb ul li ul{position: absolute;top: 74px;left: 0;width: 500px;z-index: 9999;display: none;overflow: hidden;} #gnb ul li ul li{background: #fff;float: left;} #gnb ul li ul li.on{} #gnb ul li ul li:last-child{border-bottom: none;} #gnb ul li ul li a{margin-right: 40px;padding: 16px 10px 16px 0;font-size: 18px;color: #000;display: block;} #gnb ul li ul li.on a{padding: 16px 10px 16px 0;font-size: 18px;color: #bd8f47;background: url(http://beerpost.kr/img/more4.png) no-repeat 100% 55%;} #gnb .search_wrap{float: right;display: inline-block;margin-top: 25px;border-bottom: 2px solid #000;} #gnb .search_wrap input[type=search]{border: none;width: 150px;font-size: 14px;padding: 5px;-webkit-appearance: textfield;box-sizing:content-box;} #gnb .search_wrap input[type=submit]{border: none;background: url(http://beerpost.kr/img/search.png) no-repeat 100% center;font-size: 14px;padding: 5px 8px;} .gnbBg{position: absolute;top: 74px;left: 0;background: #fff;width: 100%;height: 56px;z-index: 999;display: none;box-shadow: 0 5px 10px 1px rgba(0,0,0,0.1)} .fixedTop{position:fixed !important;top:0px;} #mainVis{position: relative;} #mainVis .sliderTxt{width: 1200px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);padding-top: 100px;} #mainVis .sliderTxt .date{} #mainVis .sliderTxt .date ins{font-size: 18px;font-family: "NanumBarunGothicLight",sans-serif;color: #fff;text-decoration: none;border-bottom: 1px solid #fff;} #mainVis .sliderTxt .date span{color: #ffd58e;} #mainVis .sliderTxt .title{padding-top: 20px;} #mainVis .sliderTxt .title h2{font-family: "NanumBarunGothicLight",sans-serif;color: #fff;font-size: 58px;} #mainVis .sliderTxt .title h2 strong{font-weight: normal;font-family: "NanumBarunGothicBold",sans-serif;display: block;} #mainVis .sliderTxt .title p{font-family: "NanumBarunGothicLight",sans-serif;font-size: 20px;padding-top: 30px;color: #fff;} #mainVis .sliderTxt .more_btn{margin-top: 260px;} #mainVis .sliderTxt .more_btn a{display: inline-block;font-family: "NanumBarunGothicLight",sans-serif;color: #fff;font-size: 18px;padding: 10px 50px 10px 30px;border: 1px solid #fff;background: url(http://beerpost.kr/img/more.png) no-repeat 90% center;} #mainVis .bx-wrapper .bx-pager{top: auto;bottom: 5%;} #mainVis div.slider01 .more_btn{margin: 300px auto 0;text-align: center;display: block;padding-top: 30px;} #mainVis div.slider03 .more_btn a{color: #6f532b;border: 1px solid #6f532b;background: url(http://beerpost.kr/img/more_2.png) no-repeat 90% center;} #mainVis div.slider04 .more_btn a{color: #293354;border: 1px solid #293354;background: url(http://beerpost.kr/img/more_3.png) no-repeat 90% center;} /* these are just the default styles used in the Cycle2 demo pages. you can use these styles or any others that you wish. */ /* set border-box so that percents can be used for width, padding, etc (personal preference) */ .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* slideshow images (for most of the demos, these are the actual "slides") */ .cycle-slideshow img { /* some of these styles will be set by the plugin (by default) but setting them here helps avoid flash-of-unstyled-content */ position: absolute; top: 0; left: 0; width: 100%; padding: 0; display: block; } /* in case script does not load */ .cycle-slideshow img:first-child { position: static; z-index: 100; } /* pager */ .cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 30px; overflow: hidden; } .cycle-pager span { font-family: arial; font-size: 0; margin: 0 5px; display: inline-block; color: #ddd; cursor: pointer; background: url(http://beerpost.kr/img/pager_off.png) no-repeat 0 0;width: 24px;height: 21px; } .cycle-pager span.cycle-pager-active { color: #D69746;background-image: url(http://beerpost.kr/img/pager_on.png);} /* caption */ .cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; } /* overlay */ .cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 600; background: black; color: white; padding: 15px; opacity: .5; } /* prev / next links */ .cycle-prev, .cycle-next { position: absolute; top: 0; width: 10%; opacity: 1; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; } .cycle-prev { left: 8%; background: url(http://beerpost.kr/img/prev_.png) 50% 50% no-repeat;} .cycle-next { right: 8%; background: url(http://beerpost.kr/img/next_.png) 50% 50% no-repeat;} .cycle-prev:hover, .cycle-next:hover { opacity: 1; filter: alpha(opacity=70) } .disabled { opacity: .5; filter:alpha(opacity=50); } /* display paused text on top of paused slideshow */ .cycle-paused:after { content: 'Paused'; color: white; background: black; padding: 10px; z-index: 500; position: absolute; top: 10px; right: 10px; border-radius: 10px; opacity: .5; filter: alpha(opacity=50); } /* media queries some style overrides to make things more pleasant on mobile devices */ @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { .cycle-slideshow { width: 200px;} .cycle-overlay { padding: 4px } .cycle-caption { bottom: 4px; right: 4px } } #contents{width: 1200px;margin: 0 auto 100px;position: relative;} #contents .content{width: 1200px;margin: 0 auto 65px;} #contents>div{padding-top: 95px;} #contents h3{font-size: 40px;font-family: "NanumBarunGothicBold",sans-serif;padding-bottom: 8px;} #contents #con01{overflow: hidden;padding-top: 50px;} #contents #con01 #mainArticle{width: 875px;display: inline-block;float: left;} #contents #con01 #mainArticle .main_article{border-top: 2px solid #000;overflow: hidden;padding-top: 30px;} #contents #con01 #mainArticle .main_article .new_article{padding-top: 30px;float: left;width: 552px;} #contents #con01 #mainArticle .main_article .new_article a{display: block;color: #000;} #contents #con01 .ad{display: inline-block;float: right;margin-top: 50px;} #contents #con01 .ad ul{} #contents #con01 .ad ul li{margin-bottom: 20px;} #contents #con01 .ad ul li a{display: block;} #contents #con01 .ad ul li a img{width: 100%;} #contents #localArticle .last_article.index{padding-top: 0;} #contents #localArticle .last_article.index h3{margin-bottom: 35px;border-bottom: 2px solid #000;} #contents #con02{} #contents #con02 #majorArticle{} #contents #con02 #majorArticle .major_article{border-top: 2px solid #000;overflow: hidden;} #contents #con02 #majorArticle .major_article h3{display: none;} #contents #con02 #majorArticle .major_article ul{padding-top: 30px;} #contents #con02 #majorArticle .major_article ul li{width: 48.5%;margin:0 3% 0 0;height: auto;display: inline-block;vertical-align: top;} #contents #con02 #majorArticle .major_article ul li:nth-child(2n){margin-right: 0;} #contents #con02 #majorArticle .major_article ul li a{display: block;color: #000;} #contents #con02 #majorArticle #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-thumbnail{height: 360px;} #contents #con02 .ad{display: inline-block;margin-top: 46px;display: none;} #contents #con02 .ad ul{} #contents #con02 .ad ul li{margin-bottom: 20px;} #contents #con02 .ad ul li a{display: block;} #contents #con02 .ad ul li a img{width: 100%;} #contents #con03{overflow: hidden;} #contents #con03 #newsArticle{position: relative;} #contents #con03 #newsArticle>a.more{display: inline-block;position: absolute;top: 5px;right: 0;} #contents #con03 #newsArticle .news_article{border-top: 2px solid #000;overflow: hidden;} #contents #con03 #newsArticle .news_article ul{overflow: hidden;padding-top: 30px;} #contents #con03 #newsArticle .news_article ul li.kboard-list-item{float: left;width: 24%;margin-right: 1.32%;margin-bottom: 30px;border: 1px solid #ccc !important;box-sizing: border-box;} #contents #con03 #newsArticle .news_article ul li a{position: relative;overflow: hidden;display: block;} #contents #con03 #newsArticle .news_article ul li a:hover:after{display: inline-block;content:"";background-image: url(http://beerpost.kr/news/img/news_hover.png);background-repeat: no-repeat;background-position: center;width: 100%;height: 294px;position: absolute;top: 0;left: 0;background-size: 100%;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item{border: none !important;width: 284px;margin-right: 21px;margin-bottom: 20px;height: 294px;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item:nth-child(4n){margin-right: 0;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item .kboard-list-thumbnail{width: 100%;height: 284px;border-bottom: none !important;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item a{display: block;position: relative;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item .news_wrap{position: absolute;bottom: 0;left: 0;width: 100%;height: 30%;background: rgba(0,0,0,0.7);} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item .news_wrap .kboard-list-title{position: absolute;top: 0;left: 0;width: 100%;padding: 18px 0;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item .news_wrap .kboard-list-title .cut_strings{font-size: 20px;font-family: "NanumBarunGothicBold",sans-serif;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 1.5;word-wrap: break-word;white-space: normal;color: #fff;padding: 0;width: 90%;text-align: left;margin: 0 auto;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item .news_wrap .kboard-list-title span{color: #fff;display: block;width: 90%;margin: 0 auto;text-align: left;font-size: 17px;} #contents #con_people{overflow: hidden;} #contents #con_people #peopleArticle{position: relative;} #contents #con_people #peopleArticle .people_article{border-top: 2px solid #000;overflow: hidden;} #contents #con_people #peopleArticle .people_article h3{display: none;} #contents #con_people #peopleArticle>a.more{display: inline-block;position: absolute;top: 5px;right: 0;} #contents #con_people #peopleArticle .people_article ul{padding-top: 30px;} #contents #con_people #peopleArticle .people_article ul li{height: auto;display: inline-block;vertical-align: top;} #contents #con_people #peopleArticle .people_article ul li a{display: block;color: #000;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list{overflow: hidden;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item{height: auto;float: right;width: 25%;border-bottom: 1px solid #bebebe;padding-bottom: 15px;margin-bottom: 15px;position: relative;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:before{content: "·";display: inline-block;position: absolute;top: 5%;left: -15px;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:nth-child(2){margin-top: 10px;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:last-child{border-bottom: none;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item .kboard-list-title .cut_strings{font-size: 16px;font-family: "NanumBarunGothicLight",sans-serif;display: block;line-height: 1.5;width: 100%;margin-bottom: 0;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item .beer_wrap .kboard-list-title{margin: 0;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item .kboard-list-title span{display: none;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item .kboard-list-thumbnail{display: none;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item .kboard-list-txt{padding: 15px 0 10px 1%;text-align: left;vertical-align: top;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item .kboard-list-summary{;display: none;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child{width: 70%;margin-right: 0;float: left;text-align: left;border-bottom: none;padding-bottom: 0;margin-bottom: 0;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child:before{display: none;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child .beer_wrap{overflow: hidden;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child .kboard-list-thumbnail{display: inline-block;width: 56%;height: 260px;float: left;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child .kboard-list-title{display: inline-block;width: 41%;margin-left: 3%;text-align: left;vertical-align: top;height: auto;margin-top: 10px;padding-left: 0;float: right;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child .kboard-list-title .cut_strings{font-size: 28px;text-align: left;display: inline-block;width: 100%;font-family: "NanumBarunGothicBold",sans-serif;height: auto;margin-bottom: -12px;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child .kboard-list-summary{-webkit-line-clamp: 7;height: 175px;padding: 0;display: inline-block;width:100%;display: inline-block;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child .kboard-list-title span{padding: 10px 0;display:block;} .ad_banner{width: 1200px;margin: 0 auto 60px;} #contents #con_brewery{overflow: hidden;} #contents #con_brewery #breweryArticle{position: relative;} #contents #con_brewery #breweryArticle .brewery_article{border-top: 2px solid #000;overflow: hidden;} #contents #con_brewery #breweryArticle .brewery_article h3{display: none;} #contents #con_brewery #breweryArticle>a.more{display: inline-block;position: absolute;top: 5px;right: 0;} #contents #con_brewery #breweryArticle .brewery_article ul{padding-top: 30px;} #contents #con_brewery #breweryArticle .brewery_article ul li{width: 32%;margin:0 2% 0 0;height: auto;display: inline-block;vertical-align: top;} #contents #con_brewery #breweryArticle .brewery_article ul li:nth-child(3n){margin-right: 0;} #contents #con_brewery #breweryArticle .brewery_article ul li a{display: block;color: #000;} #contents #con_brewery #breweryArticle #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-thumbnail{height: 260px;} #contents #con_pubs{overflow: hidden;} #contents #con_pubs #pubsArticle{position: relative;} #contents #con_pubs #pubsArticle .pubs_article{border-top: 2px solid #000;overflow: hidden;} #contents #con_pubs #pubsArticle .pubs_article h3{display: none;} #contents #con_pubs #pubsArticle>a.more{display: inline-block;position: absolute;top: 5px;right: 0;} #contents #con_pubs #pubsArticle .pubs_article ul{padding-top: 30px;} #contents #con_pubs #pubsArticle .pubs_article ul li{width: 32%;margin:0 2% 0 0;height: auto;display: inline-block;vertical-align: top;} #contents #con_pubs #pubsArticle .pubs_article ul li:nth-child(3n){margin-right: 0;} #contents #con_pubs #pubsArticle .pubs_article ul li a{display: block;color: #000;} #contents #con_pubs #pubsArticle #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-thumbnail{height: 260px;} #contents #con04{margin-bottom: 100px;} #contents #con04 #magazines .magazine_wrap{border-top: 2px solid #000;} #contents #con04 #magazines .magazine_wrap ul{overflow: hidden;padding-top: 40px;} #contents #con04 #magazines .magazine_wrap ul li{float: left;display: inline-block;width: 23%;margin-right: 2.6%;} #contents #con04 #magazines .magazine_wrap ul li:last-child{margin-right: 0;} #contents #con04 #magazines .magazine_wrap ul li a{display: block;} #contents #con04 #magazines .magazine_wrap ul li a img{width: 100%;} #contents #ins{padding: 65px 0 100px;background: #f5f5f5;} #contents #ins h4{text-align: center;margin: 0 auto 40px;} #contents #ins h4 img{width: 640px;display: inline-block;} #contents #ins .instagram{width: 1200px;margin: 0 auto;} #contents #ins .instagram a{width: 100%;} #contents #ins .instagram a img{width: 100%;} #footerWrap{} #footerWrap #service{background: url(http://beerpost.kr/img/subscribeBg.png) no-repeat 0 0; background-size: cover;} #footerWrap #service .subscribe{padding:70px 0 50px;} #footerWrap #service .subscribe span{font-size: 18px;color: #fff;font-family: "NanumBarunGothicLight",sans-serif;text-align: center;display: block;} #footerWrap #service .subscribe h4{font-size: 40px;color: #fff;font-family: "NanumBarunGothicBold",sans-serif;text-align: center;padding: 20px 0 45px;} #footerWrap #service .subscribe ul{width: 1200px;margin:0 auto;overflow: hidden;text-align: center;} #footerWrap #service .subscribe ul li{display: inline-block;padding: 20px 0 20px 150px;text-align: left;vertical-align: top;} #footerWrap #service .subscribe ul li:nth-child(1){background: url(/img/subscribe04_.png) no-repeat 0 center;padding: 30px 0 30px 150px;padding-right: 80px;border-right: 1px solid #fff;box-sizing: border-box;margin-left: 80px;} #footerWrap #service .subscribe ul li:nth-child(2){background: url(/img/subscribe03_.png) no-repeat 0 center;margin-left: 80px;} #footerWrap #service .subscribe ul li h5{font-size: 22px;color: #fff;text-align: left} #footerWrap #service .subscribe ul li p{font-size: 14px;font-family: "NanumBarunGothicUltraLight",sans-serif;color: #fff;text-align: left;line-height: 1.5;padding-top: 10px;} #footerWrap #service .subscribe ul li p strong{font-family: "NanumBarunGothicBold",sans-serif;font-weight: normal;} #footerWrap #service .subscribe ul li p strong a{color: #fff;} #footerWrap #service .subscribe ul li>a{display: inline-block;color: #fff;padding: 12px 40px 12px 27px;font-size: 16px;background: url(/img/more2.png) no-repeat 80% center;border: 1px solid #fff;border-radius: 30px;margin-top: 10px;} #footerWrap #service .subscribe div.art_more{text-align: center;display: block;margin: 0 auto;} #footerWrap #service .subscribe div.art_more a{display: inline-block;color: #fff;padding: 12px 40px 12px 27px;font-size: 16px;background: url(http://beerpost.kr/img/more2.png) no-repeat 80% center;border: 1px solid #fff;} #footerWrap #footer{overflow: hidden;background: #000;vertical-align: top;padding: 50px 0 35px;} #footerWrap #footer .footer{width: 1200px;margin: 0 auto;} #footerWrap #footer .footer_logo{width: 33.33%;display: inline-block;float: left;} #footerWrap #footer .footer_menu{width: 43.33%;display: inline-block;float: left;border-left: 1px solid #453c40;border-right: 1px solid #453c40;box-sizing: border-box;} #footerWrap #footer .footer_menu>ul{width: 80%;margin: 0 auto;overflow: hidden;} #footerWrap #footer .footer_menu>ul>li{float: left;width: 30%;margin-right: 5%;} #footerWrap #footer .footer_menu>ul>li:last-child{margin-right: 0;} #footerWrap #footer .footer_menu>ul>li ul{} #footerWrap #footer .footer_menu>ul>li ul li{font-size: 14px;padding-bottom: 10px;} #footerWrap #footer .footer_menu>ul>li ul li a{color: #fff;} #footerWrap #footer .lang_wrap2{width: 23.33%;display: inline-block;float: left;margin-top: 10px;position: relative;overflow: hidden;} #footerWrap #footer .lang_wrap2 strong{border: 1px solid #fff;width: 120px;border-radius: 30px;background: url(http://beerpost.kr/img/lang_select.png) no-repeat 90% center;font-size: 14px;display: block;float: right;} #footerWrap #footer .lang_wrap2 strong a{display: block;padding: 7px 0 3px;color: #fff;text-align: left;} #footerWrap #footer .lang_wrap2 strong a img{padding-left: 7px;} #footerWrap #footer .lang_wrap2 ul{overflow: hidden;width: 96px;margin: 0 auto;display: none;position: absolute;top: 39px;right: 10px;} #footerWrap #footer .lang_wrap2 ul li{text-align: left;font-size: 14px;/*background: url(http://beerpost.kr/img/lang_kor.png) no-repeat 7% center;*/background: #fff;border: 1px solid #ccc;border-top: none;z-index: 99999;} #footerWrap #footer .lang_wrap2 ul li a{display: block;padding: 7px 0 3px;color: #fff;text-align: center;} #footerWrap #footer .lang_wrap2 ul li a img{padding-left: 7px;} #footerWrap>p{background: #2a2a2a;font-size: 14px;color: #fff;padding: 10px 0;text-align: center;} /* sub */ #conVis{background: url(http://beerpost.kr/beer/img/conVis.png) no-repeat center 0;height: 309px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);} #conVis.about{background: url(http://beerpost.kr/footer_menu/img/conVis.png) no-repeat center 0;height: 309px;} #conVis h2{font-size: 80px;color: #fff;font-family: "NanumBarunGothicBold",sans-serif;padding-top: 50px;text-align: center;} #contents #sub h3{font-size: 30px;} #contents #localArticle.beer{padding-top: 300px;} #contents #localArticle{display: inline-block;width: 1200px;} #contents #localArticle .main_article{border-top: 2px solid #000;overflow: hidden;} #contents #localArticle .main_article .new_article{padding-top: 30px;overflow: hidden;} #contents #localArticle .main_article .new_article span.art_img{position: relative;display: inline-block;float: left;} span.art_img span{font-size: 14px;color: #fff;padding: 5px 10px;position: absolute;top: 10px;left: 10px;display: inline-block;text-align: center;border-radius: 30px;text-transform: uppercase;} span.art_img span.hot{background: #fd2f50;} span.art_img span.new{background: #21b9ed;} #contents #localArticle .main_article .new_article .mon_txt{float: left;width: 580px;display: inline-block;margin-left: 40px;} #contents #localArticle .main_article .new_article h4{font-size: 28px;font-family: "NanumBarunGothicBold",sans-serif;padding: 25px 0 15px;} #contents #localArticle .main_article .new_article span.art_date{font-size: 13px;font-family: "NanumBarunGothicLight",sans-serif;color: #6e6e6e;} /*#contents #localArticle .main_article .new_article span.art_date:after{content: "|";color: #6e6e6e;font-size: 10px;padding: 0 5px;}*/ #contents #localArticle .main_article .new_article span.art_cmt{font-size: 13px;font-family: "NanumBarunGothicLight",sans-serif;color: #6e6e6e;} #contents #localArticle .main_article .new_article span.art_cmt span.cmt{width: 12px;height: 12px;background: url(http://beerpost.kr/img/cmt.png) no-repeat 0 0;background-size:100%;display: inline-block;margin-right: 3px;} #contents #localArticle .main_article .new_article div.art_txt{padding-top: 25px;} #contents #localArticle .main_article .new_article div.art_txt p{font-size: 15px;font-family: "NanumBarunGothicLight",sans-serif;line-height: 1.7;text-align: justify;color: #000;} #contents #localArticle .main_article .new_article div.art_more{margin-top: 50px;display: none;} #contents #localArticle .main_article .new_article div.art_more a{display: inline-block;color: #000;padding: 12px 40px 12px 27px;font-size: 16px;background:#fff url(http://beerpost.kr/img/more3.png) no-repeat 80% center;border: 1px solid #000;} #contents #localArticle .main_article .new_article div.art_more a:hover{color: #fff;background:#000 url(http://beerpost.kr/img/more2.png) no-repeat 80% center;} #contents #localArticle.beer .last_article{} #contents #localArticle.beer .last_article .art{width: 875px;float: left;} #contents #localArticle.beer .last_article .art>ul{} #contents #localArticle.beer .last_article .art ul li{width: 48%;margin-right: 3%;margin-bottom: 50px;display: inline-block;vertical-align: top;} #contents #localArticle.beer .last_article .art ul li:nth-child(2n){margin-right: 0;} #contents #localArticle.beer .last_article .art ul li a{display: block;color: #000;} #contents #localArticle.beer .last_article .art ul li a span.art_img{position: relative;display: block;} #contents #localArticle.beer .last_article .art ul li a span.art_img img{width: 100%;} #contents #localArticle.beer .last_article .art ul li a span.art_img span{font-size: 14px;color: #fff;padding: 5px 10px;position: absolute;top: 10px;left: 10px;display: inline-block;text-align: center;border-radius: 30px;} #contents #localArticle.beer .last_article .art ul li a span.art_img span.hot{background: #fd2f50;} #contents #localArticle.beer .last_article .art ul li a span.art_img span.new{background: #21b9ed;} #contents #localArticle.beer .last_article .art ul li a h4{font-size: 25px;font-family: "NanumBarunGothicBold",sans-serif;padding: 25px 0 10px;} #contents #localArticle.beer .last_article .art ul li a span.art_date{font-size: 13px;font-family: "NanumBarunGothicLight",sans-serif;color: #6e6e6e;} /*#contents #localArticle .last_article .art>ul li a span.art_date:after{content: "|";color: #6e6e6e;font-size: 10px;padding: 0 5px;}*/ #contents #localArticle.beer .last_article .art ul li a span.art_cmt{font-size: 13px;font-family: "NanumBarunGothicLight",sans-serif;color: #6e6e6e;} #contents #localArticle.beer .last_article .art ul li a span.art_cmt span.cmt{width: 12px;height: 12px;background: url(http://beerpost.kr/img/cmt.png) no-repeat 0 0;background-size:100%;display: inline-block;margin-right: 3px;} #contents #localArticle.beer .last_article .art ul li a div.art_txt{padding-top: 15px;} #contents #localArticle.beer .last_article .art ul li a div.art_txt p{font-size: 15px;font-family: "NanumBarunGothicLight",sans-serif;line-height: 1.7;} #contents #localArticle.beer .last_article .art ul li .art_more{margin-top: 35px;display: none;} #contents #localArticle.beer .last_article .art ul li .art_more a{display: inline-block;color: #000;padding: 12px 40px 12px 27px;font-size: 16px;background:#fff url(http://beerpost.kr/img/more3.png) no-repeat 80% center;border: 1px solid #000;} #contents #localArticle.beer .last_article .art ul li .art_more a:hover{display: inline-block;color: #fff;padding: 12px 40px 12px 27px;font-size: 16px;background:#000 url(http://beerpost.kr/img/more2.png) no-repeat 80% center;} #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{display: inline-block;float: right;width: 260px;} #contents #localArticle .last_article .ad ul{} #contents #localArticle .last_article .ad ul li{margin-bottom: 20px;} #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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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 #guideArticle #sub .produce_beer{clear: both;} #contents #guideArticle #sub .produce_beer h4{font-size: 25px;font-family: "NanumBarunGothicBold",sans-serif;padding-bottom: 8px;border-bottom: 2px solid #000;} #contents #guideArticle #sub .produce_beer table{border-top: 2px solid #b0b0b0;border-collapse: collapse;width: 100%;margin-top: 20px;} #contents #guideArticle #sub .produce_beer table tr{border-bottom: 1px solid #dbdbdb;} #contents #guideArticle #sub .produce_beer table tr th{padding: 23px 0 22px;text-align: center;font-size: 17px;font-family: "NanumBarunGothicBold",sans-serif;background: #f2f2f2;border-right: 1px solid #dbdbdb;} #contents #guideArticle #sub .produce_beer table tr th:last-child{border-right: none;width: 20%;} #contents #guideArticle #sub .produce_beer table tr td{padding: 23px 20px 22px;font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;border-right: 1px solid #dbdbdb;} #contents #guideArticle #sub .produce_beer table tr td:last-child{border-right: none;} #contents #guideArticle .ad2{display: inline-block;float: right;width: 260px;margin-top: 87px;} #contents #guideArticle .ad2 ul{} #contents #guideArticle .ad2 ul li{margin-bottom: 20px;} #contents #guideArticle .ad2 ul li a{display: block;} #contents #guideArticle .ad2 ul li a img{width: 100%;} #contents #eventArticle{overflow: hidden;} #contents #eventArticle h3{font-size: 40px;} #contents #eventArticle .tab{width: 725px;margin: 0 auto 50px;} #contents #eventArticle .tab ul{border: 1px solid #000;box-sizing:border-box;overflow: hidden;width: 100%;} #contents #eventArticle .tab ul li{width: 33.33%;display: inline-block;float: left;} #contents #eventArticle .tab ul li.on{background: #000;} #contents #eventArticle .tab ul li a{display: block;text-align: center;font-size: 20px;padding: 15px 0;color: #000;background: url(http://beerpost.kr/news/img/tab.png) no-repeat 100% center;} #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 .allEvent{} #contents #eventArticle .ingEvent{display: none;} #contents #eventArticle .lastEvent{display: none;} #contents #eventArticle .event{} #contents #eventArticle .event ul{overflow: hidden;} #contents #eventArticle .event ul li.kboard-list-item{float: left;width: 24%;margin-right: 1.32%;margin-bottom: 30px;border: 1px solid #ccc !important;box-sizing: border-box;} #contents #eventArticle .event ul li:nth-child(4n){margin-right: 0;} #contents #eventArticle .event ul li a{position: relative;overflow: hidden;display: block;} #contents #eventArticle .event ul li a:hover:after{display: inline-block;content:"";background-image: url(http://beerpost.kr/news/img/news_hover.png);background-repeat: no-repeat;background-position: center;width: 100%;height: 294px;position: absolute;top: 0;left: 0;background-size: 100%;} #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{background: rgba(0,0,0,0.7);position: absolute;bottom: 0;left: 0;width: 100%;padding: 18px 15px;} #contents #eventArticle .event ul li a .event_info span.event_tit{font-size: 20px;color: #fff;font-family: "NanumBarunGothicBold",sans-serif;display: block;padding-bottom: 5px;} #contents #eventArticle .event ul li a .event_info span.event_date{font-size: 17px;color: #fff;display: block;} #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: 20px;background: url(http://beerpost.kr/news/img/more.png) no-repeat 70% center;padding-right: 5%;line-height: 1500%;} #contents #eventArticle .event .event_no{width: 100%;} #contents #eventArticle .event .event_no span.caution{text-align: center;display: block;padding: 80px 0 20px;} #contents #eventArticle .event .event_no p{font-size: 25px;font-family: "NanumBarunGothicLight",sans-serif;text-align: center;line-height: 1.5;} #contents #eventArticle .ad{display: inline-block;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: 875px;display: inline-block;} #contents #eventArticle #sub>span.board_tit{font-size: 25px;font-family: "NanumBarunGothicBold",sans-serif;padding-right: 5px;display: inline-block;padding-bottom: 15px;} #contents #eventArticle #sub>span.board_date{font-size: 15px;color: #6e6e6e;font-family: "NanumBarunGothicLight",sans-serif;} #contents #eventArticle #sub .event_main{border-top: 2px solid #000;padding-top: 20px;} #contents #eventArticle #sub .event_main div.main_img{position: relative;overflow: hidden;margin-bottom: 10px;} #contents #eventArticle #sub .event_main div.main_img span.main_img{} #contents #eventArticle #sub .event_main div.main_img span.main_img img{vertical-align: bottom;} #contents #eventArticle #sub .event_main div.main_img span.img_txt{font-size: 16px;font-family: "NanumBarunGothicLight",sans-serif;display: inline-block;line-height: 1.2;position: absolute;bottom: 1px;left: 1px;color: #fff;background: rgba(0,0,0,0.8);padding: 5px 15px;display: none;} #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(http://beerpost.kr/img/more2.png) no-repeat 77% 45%;padding-right: 8%;} #contents #eventArticle #sub .event_main .event_txt{} #kboard-card-gallery-document .kboard-content .event_txt p{font-size: 16px;font-family: "NanumBarunGothicLight",sans-serif;line-height: 1.5;color: #000;-webkit-font-smoothing: antialiased !important;overflow-wrap:break-word;word-wrap: break-word} #kboard-card-gallery-document .strong{width:100%;font-weight:normal;font-family:NanumBarunGothicBold, sans-serif;color:#8b681c;font-size:40px;background:url(http://beerpost.kr/beer/img/special_view16/W/tit.jpg) no-repeat 100% center;margin-bottom:50px;clear:both;display: block;} #kboard-card-gallery-document .qb{font-family: 'NanumBarunGothicBold',sans-serif;} #kboard-card-gallery-document .bb{display: inline-block;background: url(http://beerpost.kr/footer_menu/img/aBg.png) no-repeat 0 0;width: 33px;height: 33px;line-height: 35px;color: #e4aa2b;font-family: 'NanumBarunGothicBold',sans-serif;text-align: center;vertical-align: top;} #kboard-card-gallery-document .qs{width: 95%;margin: 0 0 2% 1%;display: inline-block;font-family: "NanumBarunGothicBold",sans-serif;} #kboard-card-gallery-document ul,#kboard-card-gallery-document ul li{overflow: hidden;} #kboard-card-gallery-document .kboard-content .event_txt p strong{font-family: "NanumBarunGothicBold",sans-serif;} #contents #eventArticle #sub .event_main .event_txt p.color{color:#8b681c;font-family: 'NanumBarunGothicLight',sans-serif;font-size: 13px;line-height: 1.8;padding-left: 10px;} #contents #eventArticle #sub .event_main .event_txt p.color span{display: block;margin-left: -10px;} #kboard-card-gallery-document .kboard-content .event_txt p.lImg{background: url(http://beerpost.kr/beer/img/view10_3.png) no-repeat 100% 0;padding-bottom: 90px;} #kboard-card-gallery-document .kboard-content .event_txt p span.l{float: left;width: 48%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l2{float: left;width: 55%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l3{float: left;width: 50%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l4{float: left;width: 65%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l5{float: left;width: 70%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l6{float: left;width: 83%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l7{float: left;width: 46.5%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l8{float: left;width: 52%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l9{float: left;width: 62%;padding-top: 30px;} #kboard-card-gallery-document .kboard-content .event_txt p span.l10{float: left;width: 60%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l11{float: left;width: 44%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l12{float: left;width: 75%;} #kboard-card-gallery-document .kboard-content .event_txt p span.limg{float: right;} #kboard-card-gallery-document .kboard-content .event_txt p span.r{float: right;width: 53.5%;} #kboard-card-gallery-document .kboard-content .event_txt p span.r2{float: right;width: 65%;} #kboard-card-gallery-document .kboard-content .event_txt p span.r3{float: right;width: 52%;} #kboard-card-gallery-document .kboard-content .event_txt p span.r4{float: right;width: 70%;} #kboard-card-gallery-document .kboard-content .event_txt p span.r5{float: right;width: 50%;padding-top: 150px;} #kboard-card-gallery-document .kboard-content .event_txt p span.r6{float: right;width: 60%;} #kboard-card-gallery-document .kboard-content .event_txt p span.r7{float: right;width: 81%;} #kboard-card-gallery-document .kboard-content .event_txt p span.r8{float: right;width: 75%;} #kboard-card-gallery-document .kboard-content .event_txt p span.rimg{float: left;} #kboard-card-gallery-document .kboard-content .event_txt p span.viewImg{padding-top: 20px;display: inline-block;} #kboard-card-gallery-document .kboard-content .event_txt p span span{font-family: "NanumBarunGothicBold",sans-serif;} #kboard-card-gallery-document .kboard-content .event_txt p a{color: #0084f3;font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;text-decoration: underline;} #contents #eventArticle #sub .event_main .event_txt .txt_tit{margin: 60px 0 25px;} #kboard-card-gallery-document .kboard-content .event_txt .txt_tit h4{font-size: 20px;font-family: "NanumBarunGothicBold",sans-serif;} #kboard-card-gallery-document .kboard-content .event_txt .txt_tit h4.h5{font-size: 30px;font-family: "NanumBarunGothicBold",sans-serif;color: #8b681c;} #kboard-card-gallery-document .kboard-content .event_txt .txt_tit h5{font-size: 17px;font-family: "NanumBarunGothicBold",sans-serif;} #kboard-card-gallery-document .kboard-content .event_txt .txt_tit{font-size: 15px;font-family: "NanumBarunGothicBold",sans-serif;color: #8b681c;display: inline-block;padding-top: 5px;} #kboard-card-gallery-document .kboard-content .event_txt .txt_tit span span{font-family: "NanumBarunGothicLight",sans-serif;} #kboard-card-gallery-document .kboard-content .event_txt .txt_tit p{padding-top: 10px;} #contents #eventArticle #sub .event_main .event_txt ul{} #contents #eventArticle #sub .event_main .event_txt ul li{padding-bottom: 35px;} #contents #eventArticle #sub .event_main .event_txt ul li span{font-size: 17px;font-family: "NanumBarunGothicBold",sans-serif;} #contents #eventArticle #sub .event_main .event_txt ul li span span{font-family: "NanumBarunGothicRegular",sans-serif;line-height: 1.4;display: block;padding-bottom: 12px;} #contents #eventArticle #sub .event_main .event_txt ul li p{display: inline;} #contents #eventArticle #sub .event_main .event_txt ul.view4{margin: 30px 0;} #contents #eventArticle #sub .event_main .event_txt ul.view4 li{font-size: 17px;font-weight: 600;padding-bottom: 13px;} #contents #eventArticle #sub .event_main .event_txt ul.view4 li strong{font-family: "NanumBarunGothicBold",sans-serif;font-weight: normal;} #contents #eventArticle #sub .event_main .event_txt ul.view4 li:before{content:"·";padding: 0 5px;} #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(http://beerpost.kr/img/more3.png) no-repeat 77% 45%;padding-right: 8%;border: 1px solid #000;} #kboard-card-gallery-document .kboard-content .hash_tag{margin: 90px 0 40px;} #kboard-card-gallery-document .kboard-content .hash_tag ul{overflow: hidden;} #kboard-card-gallery-document .kboard-content .hash_tag ul li{border: 1px solid #1b96ff;border-radius: 30px;float: left;margin-right: 5px;} #kboard-card-gallery-document .kboard-content .hash_tag ul li a{font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;color: #1b96ff;padding: 5px 7px;display: inline-block;} #kboard-card-gallery-document .kboard-content .editor{border-top: 2px solid #000;} #kboard-card-gallery-document .kboard-content .editor>div{display: inline-block;overflow: hidden;margin-top: 20px;border-right: 1px solid #d4d4d4;padding-right: 40px;margin-right: 35px;} #kboard-card-gallery-document .kboard-content .editor>div:last-child{border: none;padding-right: 0;margin-right: 0;} #kboard-card-gallery-document .kboard-content .editor .beerpost{float: left;display: inline-block;width: 56px;} #kboard-card-gallery-document .kboard-content .editor .beerpost img{width: 100%;} #kboard-card-gallery-document .kboard-content .editor .editor_info{float: left;padding-left: 10px;} #kboard-card-gallery-document .kboard-content .editor .editor_info .job{font-size: 20px;font-family: "NanumBarunGothicBold",sans-serif;display: block;text-transform: uppercase;} #kboard-card-gallery-document .kboard-content .editor .editor_info .name{font-size: 20px;font-family: "NanumBarunGothicLight",sans-serif;display: block;padding-top: 5px;} #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{display: inline-block;float: right;width: 260px;margin-top: 42px;} #contents #eventArticle .ad2 ul{} #contents #eventArticle .ad2 ul li{margin-bottom: 20px;width: 100%;float: none;margin-right: 0;} #contents #eventArticle .ad2 ul li a{display: block;} #contents #eventArticle .ad2 ul li a:hover:after{display: none;} #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(http://beerpost.kr/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(http://beerpost.kr/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;margin-bottom: 200px;} #contents #faqWrap #faq{width: 875px;display: inline-block;overflow: hidden;} #contents #faqWrap #faq h3{font-size: 40px;} #contents #faqWrap #faq .faq{border-top: 2px solid #000;} #contents #faqWrap #faq .faq ul{border-bottom: 2px solid #b0b0b0;} #contents #faqWrap #faq .faq ul li{border-bottom: 1px solid #dbdbdb;} #contents #faqWrap #faq .faq ul li:last-child{border-bottom: none;} #contents #faqWrap #faq .faq ul li>a{padding: 20px 30px;display: block;position: relative;color: #000;background: url(http://beerpost.kr/footer_menu/img/down.png) no-repeat 95% center;} #contents #faqWrap #faq .faq ul li>a.on{background: #f2f2f2 url(http://beerpost.kr/footer_menu/img/up.png) no-repeat 95% center;} #contents #faqWrap #faq .faq ul li>a .q_num{background: url(http://beerpost.kr/footer_menu/img/qBg.png) no-repeat 0 0;font-size: 13px;color: #fff;font-family: "NanumBarunGothicBold",sans-serif;width: 33px;height: 33px;line-height: 33px;display: inline-block;text-align: center;} #contents #faqWrap #faq .faq ul li>a p{display: inline-block;font-size: 16px;font-family: "NanumBarunGothicLight",sans-serif;margin-left: 20px;margin-top: 8px;} #contents #faqWrap #faq .faq ul li>a.on p{font-family: "NanumBarunGothicRegular",sans-serif;border-bottom: 1px solid #000;} #contents #faqWrap #faq .faq ul li>a .allow{position: absolute;top: 30px;right: 17px;} #contents #faqWrap #faq .faq ul li>a .allow .up{display: none;} #contents #faqWrap #faq .faq ul li .answer{padding: 52px 30px;display: none;} #contents #faqWrap #faq .faq ul li .answer .a{background: url(http://beerpost.kr/footer_menu/img/aBg.png) no-repeat 0 0;font-size: 13px;color: #fff;font-family: "NanumBarunGothicBold",sans-serif;width: 33px;height: 33px;line-height: 33px;display: inline-block;text-align: center;vertical-align: top;} #contents #faqWrap #faq .faq ul li .answer p{display: inline-block;font-size: 15px;font-family: "NanumBarunGothicLight",sans-serif;padding-left: 20px;line-height: 1.7;vertical-align: middle;width: 87%;word-break: keep-all;} #contents #faqWrap #faq .faq ul li .answer p a{color: #0095fe;text-decoration: underline;} #contents #faqWrap #faq .faq ul li .answer p strong{font-weight: normal;font-family: "NanumBarunGothicBold",sans-serif;} #contents #faqWrap #faq .faq.notice ul li a.on .q_num{background-image: url(http://beerpost.kr/footer_menu/img/aBg.png);} #contents #faqWrap #faq .faq.notice ul li .answer .a{background: none;} #contents #faqWrap #faq .num_wrap{clear: both;background: #f6f6f6;border: 1px solid #e9e9e9;padding: 18px 0;margin: 50px 0 100px;} #contents #faqWrap #faq .num_wrap ul.num{width: 430px;margin: 0 auto;overflow: hidden;} #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-family: "Helvetica",sans-serif;color: #000;font-size: 14px;padding:6px 5px 10px;border: 1px solid #cdcdcd;background: #fff;display: block;} #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 .num_wrap ul.num li ul li.on a{color: #fff;background: #28c5ff;font-weight: bold;} #contents #faqWrap #faq div .tit{font-size: 17px;display: block;padding-left: 10px;background: url(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/footer_menu/img/service_btn.png) no-repeat 77% 45%;padding-right: 8%;} #contents #faqWrap #faq .map_img{margin-top: 18px;position: relative;overflow: hidden;} #contents #faqWrap #faq .map_img #map{height: 545px;} #contents #faqWrap #faq .map_img .map_txt{position: absolute;top: 0;left: 0;width: 95%;background: rgba(0,0,0,0.9);padding: 26px 42px;overflow: hidden;} #contents #faqWrap #faq .map_img .map_txt ul{border-bottom: none;} #contents #faqWrap #faq .map_img .map_txt ul li{border-bottom: none;} #contents #faqWrap #faq .map_img .map_txt .map_info{color: #fff;font-size: 14px;width: 570px;float: left;} #contents #faqWrap #faq .map_img .map_txt .map_info p{text-transform: uppercase;padding:7px 0 7px 30px;background: url(http://beerpost.kr/footer_menu/img/map01.png) no-repeat 0 0;margin-bottom: 8px;} #contents #faqWrap #faq .map_img .map_txt .map_info ul{overflow: hidden;} #contents #faqWrap #faq .map_img .map_txt .map_info ul li{float: left;padding:7px 0 7px 30px;} #contents #faqWrap #faq .map_img .map_txt .map_info ul li:after{content: "|";padding: 0 23px;color: #676665;} #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(http://beerpost.kr/footer_menu/img/map02.png) no-repeat 0 0;} #contents #faqWrap #faq .map_img .map_txt .map_info ul li:nth-child(2){background: url(http://beerpost.kr/footer_menu/img/map03.png) no-repeat 0 0;} #contents #faqWrap #faq .map_img .map_txt .map_info ul li:nth-child(3){background: url(http://beerpost.kr/footer_menu/img/map04.png) no-repeat 0 0;} #contents #faqWrap #faq .map_img .map_txt .map_sns{float: right;padding-right: 30px;} #contents #faqWrap #faq .map_img .map_txt .map_sns ul{overflow: hidden;padding-top: 13px;} #contents #faqWrap #faq .map_img .map_txt .map_sns ul li{float: left;margin-right: 15px;} #contents #faqWrap #faq .map_img .map_txt .map_sns ul li a{padding: 0;background: none;} #contents #faqWrap .ad{display: inline-block;float: right;width: 260px;margin-top: 54px;} #contents #faqWrap .ad ul{} #contents #faqWrap .ad ul li{margin-bottom: 20px;} #contents #faqWrap .ad ul li a{display: block;} #contents #faqWrap .ad ul li a img{width: 100%;} #contents #aboutWrap{padding-top: 350px;} #contents #aboutWrap .about_us{border-top: 2px solid #000;} #contents #aboutWrap .about_us .about_txt{padding: 30px 0 60px;border-bottom: 1px solid #dddee0;} #contents #aboutWrap .about_us .about_txt p{font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;line-height: 1.7;letter-spacing: -1px;} #contents #aboutWrap .about_us .about_txt span{font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;color: #6e6e6e;display: block;text-align: right;padding-top: 10px;} #contents #aboutWrap .about_us ul{padding: 48px 0;} #contents #aboutWrap .about_us ul li{overflow: hidden;margin-bottom: 40px;} #contents #aboutWrap .about_us ul li .aboutImg{float: left;display: inline-block;} #contents #aboutWrap .about_us ul li .aboutImg img{} #contents #aboutWrap .about_us ul li .aboutTxt{float: right;display: inline-block;width: 922px;} #contents #aboutWrap .about_us ul li .aboutTxt h4{font-size: 20px;font-family: "NanumBarunGothicBold",sans-serif;color: #8b681c;padding-bottom: 15px;} #contents #aboutWrap .about_us ul li .aboutTxt p{font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;line-height: 1.8;letter-spacing: -1px;} #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(http://beerpost.kr/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(http://beerpost.kr/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;} .ad{display: inline-block;float: right;width: 260px;margin-top: 54px;} .beer_wrap h3{margin-bottom: 35px;border-bottom: 2px solid #000;} #contents #localArticle.beer .last_article .art ul li{height: auto;} #kboard-card-gallery-latest .kboard-list-item .beer_wrap h3{text-transform: capitalize;} #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-thumbnail{width: 100%;height: 260px;float: none;border: 1px solid #eee;box-sizing: border-box;} #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-title{font-size: 25px;font-family: "NanumBarunGothicBold",sans-serif;margin: 25px 0 5px;height: auto;line-height: 1.7;-webkit-line-clamp: 1;padding-left: 0;} #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-title .cut_strings{font-family: "NanumBarunGothicBold",sans-serif;margin-bottom: -12px;} #kboard-card-gallery-latest .kboard-list-item .beer_wrap span{font-size: 13px;font-family: "NanumBarunGothicLight",sans-serif;color: #666;display: inline-block;padding-bottom: 10px;} #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-summary{word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 15px;font-family: "NanumBarunGothicLight",sans-serif;line-height: 1.7;position: static;text-align: left;height: 80px;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest{} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul{overflow: hidden;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item{height: auto;float: right;width: 35%;border-bottom: 1px solid #bebebe;margin-bottom: 20px;} #contents #con01 #mainArticle #kboard-card-gallery-latest .kboard-list-item .main_wrap{overflow: hidden;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li .kboard-list-summary{display: none;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest .kboard-list-item .kboard-list-thumbnail{width: 140px;height: 95px;margin-bottom: 20px;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest .kboard-list-item .kboard-list-title{font-size: 16px;font-family: "NanumBarunGothicBold",sans-serif;display: block;line-height: 1.5;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: static;text-align: left;height: 50px;padding-left: 10px;margin-top: 25px;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item span.art_date{display: none;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item:first-child{float: left;width: 60%;border-bottom: none;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item:first-child .kboard-list-summary{display: block;float: none;word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;font-size: 15px;font-family: "NanumBarunGothicLight",sans-serif;line-height: 1.7;position: static;text-align: left;height: 125px;display: none;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item:first-child .kboard-list-thumbnail{width: 550px;height: 300px;float: none;margin-bottom: 0;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item:first-child .kboard-list-title{font-size: 28px;padding: 25px 0 10px;letter-spacing: -0.5px;-webkit-line-clamp: 1;height: 30px;margin-top: 0;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item:first-child span.art_date{font-size: 13px;font-family: "NanumBarunGothicLight",sans-serif;color: #6e6e6e;display: inline-block;padding: 10px 0 15px;} /* 슬라이더 */ #metaslider-id-203{display: block;} #metaslider-id-246{display: none;} #contents .metaslider .flex-control-nav{bottom: 30px;} #contents .metaslider .flex-control-nav li a{ font-family: arial; font-size: 0; margin: 0 5px; display: inline-block; color: #ddd; cursor: pointer; background: url(http://beerpost.kr/img/pager_off.png) no-repeat 0 0;width: 24px;height: 21px;border-radius: 0;} #contents .metaslider .flex-control-nav li a.flex-active { color: #D69746;background-image: url(http://beerpost.kr/img/pager_on.png);} @media screen and (min-width:1641px) { .m{display: none !important;} .m2{display: inline-block !important;} .p{display: inline-block !important;} .p2{display: none !important;} } @media screen and (min-width:1281px) and (max-width:1640px) { .m{display: none !important;} .m2{display: none !important;} .p{display: inline-block !important;} .p2{display: inline-block !important;} /* 게시판 커스텀 */ #kboard-card-gallery-list{width: 100%;} #kboard-card-gallery-editor{width: 100%;} #kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.active a:before{width: 31px;height: 31px;border-radius: 50%;position: absolute;top: 0;left: 0;} #kboard-card-gallery-list .kboard-pagination{padding: 40px 0 15px;} #kboard-card-gallery-list .kboard-list-item{width: 32%;margin-right: 1%;margin-bottom: 2%;height: 409px;} #kboard-card-gallery-list .kboard-control button{border-radius: 30px !important;padding: 5px 30px 5px 20px !important;background: #000 url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/write.png) no-repeat 80% center !important;font-size: 16px !important;height: 34px;} #kboard-card-gallery-list .kboard-header{float: none;} #kboard-card-gallery-list .kboard-category .kboard-category-list li {font-size: 20px;width: 25%;} #kboard-card-gallery-list .kboard-category .kboard-category-list li a {width: 100%;padding: 15px 0;} #kboard-card-gallery-list .kboard-list-item .kboard-list-catetory{font-size: 17px;padding-top: 20px;} #kboard-card-gallery-list .kboard-list-item .kboard-list-title .cut_strings{font-size: 17px;} #kboard-card-gallery-list .kboard-list-item .kboard-list-date{font-size: 13px;} #kboard-card-gallery-list .kboard-list-item .kboard-list-more{bottom: 30px;} #kboard-card-gallery-list .kboard-list{} /* document */ #kboard-card-gallery-document .kboard-title{width: auto;width: 80%;} #kboard-card-gallery-document .kboard-title p{display: inline-block;padding: 0 0 5px;font-size: 22px;line-height: 30px;font-weight: bold;width: 100%;} #kboard-card-gallery-document .kboard-detail .detail-attr{padding: 0;padding-left: 20px;} #kboard-card-gallery-document .kboard-detail .detail-category1{margin: 22px 0;padding: 8px 16px 6px;} #kboard-card-gallery-document .kboard-detail .detail-attr .detail-name{font-size: 15px;} #kboard-card-gallery-document .kboard-detail .detail-attr .detail-value{padding-left: 0;letter-spacing: 0.5px;font-size: 14px;} #kboard-card-gallery-document .kboard-detail .detail-wrap{} #kboard-card-gallery-document .kboard-content .content-view{padding: 22px 0;} #kboard-card-gallery-document .kboard-attach{margin: 45px 0 0;} #kboard-card-gallery-document .kboard-attach .kboard-button-download{font-size: 15px;background: #dedede url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/attach.png) no-repeat 14px center;border-radius: 30px;} #kboard-card-gallery-document .kboard-button-action{font-size: 14px;line-height: 14px;padding: 9px 12px 8px 30px;} #kboard-card-gallery-document .kboard-button-like{background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/heart.png) no-repeat 8px center;} #kboard-card-gallery-document .kboard-document-action{padding: 0;margin-bottom: 45px;} #kboard-card-gallery-document .kboard-document-action .left{padding-top: 30px;} #kboard-card-gallery-document .kboard-document-action .kboard-control{top: 0;left: 50%;width: 187px;} #kboard-card-gallery-document .kboard-document-action .kboard-control>a{background: none !important;border-radius:0 !important;font-size: 22px !important;padding: 12px 0 11px !important;} #kboard-card-gallery-document .kboard-document-navi{background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/naviBg.png) repeat-y center 0;} #kboard-card-gallery-document .kboard-document-navi a{font-size: 16px;padding: 25px 0 20px;} #kboard-card-gallery-document .kboard-document-navi .kboard-prev-document .navi-arrow{position: static;padding-left: 30px;background-image: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/list_prev.png) ,url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/bar.png);background-repeat: no-repeat, no-repeat;background-position: 10px 40%, 100% center;padding-right: 10px;margin-right: 10px;font-size: 20px;} #kboard-card-gallery-document .kboard-document-navi .kboard-next-document .navi-arrow{padding-right: 30px;background-image: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/list_next.png) ,url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/bar.png);background-position:90% 40%, 0 center;padding-left: 10px;margin-left: 10px;font-size: 20px;c} #kboard-card-gallery-document .kboard-document-navi .kboard-prev-document .navi-document-title{width: 70%;} #kboard-card-gallery-document .kboard-document-navi .kboard-next-document .navi-document-title{width: 70%;} #kboard-card-gallery-document .kboard-control .right{} #kboard-card-gallery-document .kboard-control .right>a{height: 40px;line-height: 40px;font-size: 15px !important;padding: 0 30px 0 15px !important;background-repeat: no-repeat;background-position: 90% center;margin-left: 5px !important;} /* 검색폼 .kboard-control>.kboard-card-gallery-button-small{border-radius: 30px !important;padding: 4px 30px 2px 20px !important;background: #000 url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/write.png) no-repeat 80% center !important;font-size: 16px !important;} #kboard-card-gallery-list .kboard-category{padding-bottom: 30px;} #kboard-card-gallery-list .kboard-category .select-wrap{padding: 8px 20px;width: 155px;background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/selBg.png) no-repeat 90% center;border-radius: 30px;} #kboard-card-gallery-list .kboard-category select{font-size: 16px;} #kboard-card-gallery-list .kboard-search{padding-bottom: 30px;} #kboard-card-gallery-list .kboard-search .select-wrap{padding: 8px 20px;width: 55px;background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/selBg.png) no-repeat 90% center;border-radius: 30px;float: left;margin-right: 10px;} #kboard-card-gallery-list .kboard-search .search-wrap{border-radius: 30px;padding: 3px 15px;} #kboard-card-gallery-list .kboard-search select{font-size: 16px;} #kboard-card-gallery-list .kboard-search .kboard-card-gallery-button-small{width: 20px;background: #eee url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/search.png) no-repeat center !important;padding: 2px 0 !important;}*/ /* 웨비나 게시판 */ #kboard-card-gallery-list .webinar-list{} #kboard-card-gallery-list .webinar-list .kboard-list-item{border: none !important;width: 32%;margin-right: 2%;margin-bottom: 2%;height: 21vw;max-height:290px;} #kboard-card-gallery-list .webinar-list .kboard-list-item .kboard-list-thumbnail{height: 21vw;max-height:290px;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt{background-size:100%;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .webinar-list-title{bottom: 5%;left: 50%;transform: translateX(-50%);width: 90%;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .kboard-list-catetory{font-size: 14px;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .kboard-list-title .cut_strings{font-size: 18px;} #kboard-thumbnail-list{width: 95%;max-width:1000px;margin-top: 66px;} #kboard-thumbnail-document{width:95%;max-width:1000px;margin-top: 66px;} #kboard-thumbnail-editor{width: 95%max-width:1000px;;margin-top: 66px;} #kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li a{padding: 7px 11px;border: none !important;} #kboard-thumbnail-list .kboard-pagination .kboard-pagination-pages li.active a:before{width: 31px;height: 31px;border-radius: 50%;position: absolute;top: 0;left: 0;} #kboard-thumbnail-list .kboard-list tbody tr{padding: 15px 0;} #kboard-thumbnail-list .kboard-list table td.kboard-list-thumbnail{width: 205px;} #kboard-thumbnail-list .kboard-list table td.kboard-list-thumbnail a{width: 202px;height: 127px;} #kboard-thumbnail-list .kboard-list table td.kboard-list-thumbnail .category{font-size: 14px;padding: 3px 7px 4px;} #kboard-thumbnail-list .kboard-list table td.kboard-list-title{width: 775px;} #kboard-thumbnail-list .kboard-list .kboard-thumbnail-cut-strings{font-size: 19px;} #kboard-thumbnail-list .kboard-list .kboard-thumbnail-cut-strings span{border-radius: 30px;padding: 3px 5px 1px;margin: 0 5px;font-size: 14px;} #kboard-thumbnail-list .kboard-pagination{padding: 40px 0 15px;} #kboard-thumbnail-list .kboard-thumbnail-button-small{border-radius: 30px !important;padding: 4px 30px 2px 20px !important;background: #000 url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/write.png) no-repeat 80% center !important;font-size: 16px !important;} } @media screen and (min-width:1081px) and (max-width:1280px) { .m{display: none !important;} .m2{display: none !important;} .p{display: inline-block !important;} .p2{display: inline-block !important;} /* 게시판 커스텀 */ #kboard-card-gallery-list{width: 100%;} #kboard-card-gallery-document{width: 75%;} #kboard-card-gallery-editor{width: 100%;} #kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.active a:before{width: 31px;height: 31px;border-radius: 50%;position: absolute;top: 0;left: 0;} #kboard-card-gallery-list .kboard-pagination{padding: 40px 0 15px;} #kboard-card-gallery-list .kboard-list-item{width: 32%;margin-right: 1.5%;margin-bottom: 2%;height: 409px;} #kboard-card-gallery-list .kboard-control button{border-radius: 30px !important;padding: 5px 30px 5px 20px !important;background: #000 url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/write.png) no-repeat 80% center !important;font-size: 16px !important;height: 34px;} #kboard-card-gallery-list .kboard-header{float: none;} #kboard-card-gallery-list .kboard-category .kboard-category-list li {font-size: 20px;width: 25%;} #kboard-card-gallery-list .kboard-category .kboard-category-list li a {width: 100%;padding: 15px 0;} #kboard-card-gallery-list .kboard-list-item .kboard-list-catetory{font-size: 17px;padding-top: 20px;} #kboard-card-gallery-list .kboard-list-item .kboard-list-title .cut_strings{font-size: 17px;} #kboard-card-gallery-list .kboard-list-item .kboard-list-date{font-size: 13px;} #kboard-card-gallery-list .kboard-list-item .kboard-list-more{bottom: 30px;} #kboard-card-gallery-list .kboard-list{} /* document */ #kboard-card-gallery-document .kboard-title{width: auto;width: 80%;} #kboard-card-gallery-document .kboard-title p{display: inline-block;padding: 0 0 5px;font-size: 22px;line-height: 30px;font-weight: bold;width: 100%;} #kboard-card-gallery-document .kboard-detail .detail-attr{padding: 0;padding-left: 20px;} #kboard-card-gallery-document .kboard-detail .detail-category1{margin: 22px 0;padding: 8px 16px 6px;} #kboard-card-gallery-document .kboard-detail .detail-attr .detail-name{font-size: 15px;} #kboard-card-gallery-document .kboard-detail .detail-attr .detail-value{padding-left: 0;letter-spacing: 0.5px;font-size: 14px;} #kboard-card-gallery-document .kboard-detail .detail-wrap{} #kboard-card-gallery-document .kboard-content .content-view{padding: 22px 0;} #kboard-card-gallery-document .kboard-attach{margin: 45px 0 0;} #kboard-card-gallery-document .kboard-attach .kboard-button-download{font-size: 15px;background: #dedede url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/attach.png) no-repeat 14px center;border-radius: 30px;} #kboard-card-gallery-document .kboard-button-action{font-size: 14px;line-height: 14px;padding: 9px 12px 8px 30px;} #kboard-card-gallery-document .kboard-button-like{background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/heart.png) no-repeat 8px center;} #kboard-card-gallery-document .kboard-document-action{padding: 0;margin-bottom: 45px;} #kboard-card-gallery-document .kboard-document-action .left{padding-top: 30px;} #kboard-card-gallery-document .kboard-document-action .kboard-control{top: 0;left: 50%;width: 187px;} #kboard-card-gallery-document .kboard-document-action .kboard-control>a{background: none !important;border-radius:0 !important;font-size: 22px !important;padding: 12px 0 11px !important;} #kboard-card-gallery-document .kboard-document-navi{background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/naviBg.png) repeat-y center 0;} #kboard-card-gallery-document .kboard-document-navi a{font-size: 16px;padding: 25px 0 20px;} #kboard-card-gallery-document .kboard-document-navi .kboard-prev-document .navi-arrow{position: static;padding-left: 30px;background-image: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/list_prev.png) ,url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/bar.png);background-repeat: no-repeat, no-repeat;background-position: 10px 40%, 100% center;padding-right: 10px;margin-right: 10px;font-size: 20px;} #kboard-card-gallery-document .kboard-document-navi .kboard-next-document .navi-arrow{padding-right: 30px;background-image: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/list_next.png) ,url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/bar.png);background-position:90% 40%, 0 center;padding-left: 10px;margin-left: 10px;font-size: 20px;c} #kboard-card-gallery-document .kboard-document-navi .kboard-prev-document .navi-document-title{width: 70%;} #kboard-card-gallery-document .kboard-document-navi .kboard-next-document .navi-document-title{width: 70%;} #kboard-card-gallery-document .kboard-control .right{} #kboard-card-gallery-document .kboard-control .right>a{height: 40px;line-height: 40px;font-size: 15px !important;padding: 0 30px 0 15px !important;background-repeat: no-repeat;background-position: 90% center;margin-left: 5px !important;} /* 검색폼 .kboard-control>.kboard-card-gallery-button-small{border-radius: 30px !important;padding: 4px 30px 2px 20px !important;background: #000 url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/write.png) no-repeat 80% center !important;font-size: 16px !important;} #kboard-card-gallery-list .kboard-category{padding-bottom: 30px;} #kboard-card-gallery-list .kboard-category .select-wrap{padding: 8px 20px;width: 155px;background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/selBg.png) no-repeat 90% center;border-radius: 30px;} #kboard-card-gallery-list .kboard-category select{font-size: 16px;} #kboard-card-gallery-list .kboard-search{padding-bottom: 30px;} #kboard-card-gallery-list .kboard-search .select-wrap{padding: 8px 20px;width: 55px;background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/selBg.png) no-repeat 90% center;border-radius: 30px;float: left;margin-right: 10px;} #kboard-card-gallery-list .kboard-search .search-wrap{border-radius: 30px;padding: 3px 15px;} #kboard-card-gallery-list .kboard-search select{font-size: 16px;} #kboard-card-gallery-list .kboard-search .kboard-card-gallery-button-small{width: 20px;background: #eee url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/list-img/search.png) no-repeat center !important;padding: 2px 0 !important;}*/ /* 웨비나 게시판 */ #kboard-card-gallery-list .webinar-list{} #kboard-card-gallery-list .webinar-list .kboard-list-item{border: none !important;width: 32%;margin-right: 2%;margin-bottom: 2%;height: 21vw;max-height:290px;} #kboard-card-gallery-list .webinar-list .kboard-list-item .kboard-list-thumbnail{height: 21vw;max-height:290px;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt{} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .webinar-list-title{bottom: 5%;left: 50%;transform: translateX(-50%);width: 90%;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .kboard-list-catetory{font-size: 14px;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .kboard-list-title .cut_strings{font-size: 14px;} /* Wordpress Style 추가 */ #contents,#contents #localArticle,#gnb,#header .header_wrap,#contents .content,#footerWrap #service .subscribe ul{width: 1000px;} #footerWrap #footer .footer{width: 1000px;overflow: hidden;} #gnb>ul{margin-left: 100px;} #gnb>ul>li{margin-right: 85px;} #header .header_wrap .sns_wrap{margin-left: 20px;} #footerWrap #service{background-size: cover;} .ad,.ad2{width: 20% !important;} #contents #con01 #mainArticle,#contents #faqWrap #faq,#contents #localArticle .last_article .art,#contents #localArticle.beer .last_article .art{width: 75%;} #contents #aboutWrap .about_us ul li .aboutTxt{width: 73%;} .banner_wrapper .banner img{width: 100%;} #kboard-card-gallery-list .beer-list .kboard-list a{display: inline-block;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .kboard-list-thumbnail{height: 300px;background-size: cover;} #kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-thumbnail{height: 156px;background-repeat: no-repeat;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .kboard-list-title .cut_strings{width: 500px;} #kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-title .cut_strings{} #kboard-card-gallery-document .kboard-content .event_txt p span.limg{width: 32%;} #kboard-card-gallery-document .kboard-content .event_txt p span.rimg{width: 44%;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item{width: 24.15%;margin-right: 1%;height: 240px;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item .kboard-list-thumbnail{height: 240px;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item .news_wrap{height: 35%;} #contents #con03 #newsArticle .news_article ul li a:hover:after{height: 240px;} #kboard-card-gallery-latest.magazine .kboard-list-item .kboard-list-thumbnail{height: 295px;} #contents #con_pubs #pubsArticle #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-thumbnail,#contents #con_brewery #breweryArticle #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-thumbnail{height: 200px;} #contents #con02 #majorArticle #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-thumbnail{height: 290px;} .ad_banner{width: 1000px;} #contents #ins .instagram{width: 1000px;} } @media screen and (max-width:1080px){ .m{display: inline-block !important;} .m2{display: none !important;} .p{display: none !important;} .p2{display: none !important;} /* 게시판 커스텀 */ #kboard-card-gallery-list.beer,#kboard-card-gallery-latest.beer,#kboard-card-gallery-document.beer,#kboard-card-gallery-editor.beer{width: 95%;} #kboard-card-gallery-list,#kboard-card-gallery-latest{width: 100%;margin: 0 auto 10vw;display: block;overflow: hidden;padding: 0;} #kboard-card-gallery-document{width: 100%;margin: 0 auto 10vw;display: block;} #kboard-card-gallery-document.event{padding-top: 10%;} #kboard-card-gallery-editor{width: 100%;margin: 0 auto 10vw;display: block;overflow: hidden;} #kboard-card-gallery-list .kboard-control{padding-top: 15px;} #kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.active a:before{width: 31px;height: 31px;border-radius: 50%;position: absolute;top: 0;left: 0;} #kboard-card-gallery-list .kboard-pagination{padding: 40px 0 15px;} #kboard-card-gallery-list .kboard-list-item{width: 32%;margin-right: 2%;margin-bottom: 2%;height: 46vw;} #kboard-card-gallery-list .kboard-list-item .kboard-list-thumbnail{height: 20vw;} #kboard-card-gallery-list .kboard-category select {} #kboard-card-gallery-list .kboard-category .kboard-category-list li {font-size: 2.5vw;width: 25%;} #kboard-card-gallery-list .kboard-category .kboard-category-list li a {width: 100%;padding: 2vw 0;font-size: 4vw;} #kboard-card-gallery-list .kboard-category .kboard-category-list li.kboard-category-selected a {background-size: 3vw;} #kboard-card-gallery-list .kboard-list-item .kboard-list-catetory{font-size: 2vw;padding-top: 2vw;} #kboard-card-gallery-list .kboard-list-item .kboard-list-title{font-size: 2vw;padding: 1vw;} #kboard-card-gallery-list .kboard-list-item .kboard-list-title .cut_strings{font-size: 2vw;} #kboard-card-gallery-list .kboard-list-item .kboard-list-date{font-size: 1.5vw;} #kboard-card-gallery-list .kboard-list-item .kboard-list-more{bottom: 2vw;width: 50%;} #kboard-card-gallery-list .kboard-list-item .kboard-list-more img{width: 100%;} #kboard-card-gallery-list .kboard-list{padding-top: 5vw;} #kboard-card-gallery-list .kboard-header:nth-child(2) .kboard-category{width: 100%;margin-bottom: 10%;} #kboard-card-gallery-list .kboard-header2 .kboard-category2 .kboard-category-list2 li.kboard-category-selected2 a{font-size: 8vw;padding-bottom: 1vw;} /* document */ #kboard-card-gallery-document *{font-size: 3.2vw;} #kboard-card-gallery-document .kboard-document-wrap{float: none;} #kboard-card-gallery-document .kboard-title{width: auto;float: none;border-bottom: 2px solid #000;} #kboard-card-gallery-document .kboard-title p{display: inline-block;padding: 0;font-size: 5vw;line-height: 1.5;} #kboard-card-gallery-document .kboard-detail{float: none;border: none;} #kboard-card-gallery-document .kboard-detail .detail-attr{padding: 0;padding-left: 0;} #kboard-card-gallery-document .kboard-detail .detail-date{float: right;} #kboard-card-gallery-document .kboard-detail .detail-category1{margin: 2vw 0;padding: 1vw 2vw;} #kboard-card-gallery-document .kboard-detail .detail-attr .detail-name{font-size: 1.5vw;} #kboard-card-gallery-document .kboard-detail .detail-attr .detail-value{font-size: 3vw;} #kboard-card-gallery-document .kboard-detail .detail-wrap{top: -7vw;left: 24%;} #kboard-card-gallery-document.beer .kboard-detail .detail-wrap{left: 28%;} #kboard-card-gallery-document .kboard-content .content-view{padding: 22px 0;} #kboard-card-gallery-document .kboard-attach{margin: 45px 0 0;} #kboard-card-gallery-document .kboard-attach .kboard-button-download{font-size: 2vw;background: #dedede url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/attach.png) no-repeat 14px center;border-radius: 30px;} #kboard-card-gallery-document .kboard-button-action{font-size: 14px;line-height: 14px;padding: 9px 12px 8px 30px;} #kboard-card-gallery-document .kboard-button-like{background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/heart.png) no-repeat 8px center;} #kboard-card-gallery-document .kboard-document-action{padding: 0;margin-bottom: 45px;} #kboard-card-gallery-document .kboard-document-action .left{padding-top: 30px;} #kboard-card-gallery-document .kboard-document-action .kboard-control{position: static;margin: 0 auto;transform: translateX(0);} #kboard-card-gallery-document .kboard-document-action .kboard-control>a{background: none !important;border-radius:0 !important;font-size: 22px !important;padding: 12px 0 11px !important;} #kboard-card-gallery-document .kboard-document-navi{background: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/naviBg.png) repeat-y center 0;} #kboard-card-gallery-document .kboard-document-navi a{font-size: 16px;padding: 25px 0 20px;} #kboard-card-gallery-document .kboard-document-navi .kboard-prev-document .navi-arrow{position: static;padding-left: 30px;background-image: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/list_prev.png) ,url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/bar.png);background-repeat: no-repeat, no-repeat;background-position: 10px 40%, 100% center;padding-right: 10px;margin-right: 10px;font-size: 20px;} #kboard-card-gallery-document .kboard-document-navi .kboard-next-document .navi-arrow{padding-right: 30px;background-image: url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/list_next.png) ,url(http://fans.solidworks.co.kr/wp-content/uploads/renewal/img/sub/bar.png);background-position:90% 40%, 0 center;padding-left: 10px;margin-left: 10px;font-size: 20px;c} #kboard-card-gallery-document .kboard-document-navi .kboard-prev-document .navi-document-title{width: 50%;} #kboard-card-gallery-document .kboard-document-navi .kboard-next-document .navi-document-title{width: 50%;} #kboard-card-gallery-document .kboard-control{float: none;} #kboard-card-gallery-document .kboard-control .right{float: none;} #kboard-card-gallery-document .kboard-control .right>a{height: 40px;line-height: 40px;font-size: 15px !important;padding: 0 30px 0 15px !important;background-repeat: no-repeat;background-position: 90% center;margin-left: 5px !important;} /* 웨비나 게시판 */ #kboard-card-gallery-list .webinar-list{} #kboard-card-gallery-list .webinar-list .kboard-list-item{border: none !important;width: 48%;margin-right: 4% !important;margin-bottom: 4%;height: 40vw;} #kboard-card-gallery-list .webinar-list .kboard-list-item:nth-child(2n){margin-right: 0 !important;} #kboard-card-gallery-list .webinar-list .kboard-list-item .kboard-list-thumbnail{height: 40vw;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt{width: 100%;height: 40%;background-size:100%;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .webinar-list-title{bottom: 5%;left: 50%;transform: translateX(-50%);width: 90%;padding: 6% 0 8%;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .kboard-list-catetory{font-size: 2.8vw;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .kboard-list-title .cut_strings{font-size: 4vw;} #kboard-card-gallery-list .webinar-list .kboard-list-item .webinar-list-txt .kboard-list-title span{font-size: 3.5vw;} /* magazine 게시판 */ #kboard-card-gallery-list .maga-list .kboard-list-item .kboard-list-thumbnail{height: 300px;} #kboard-card-gallery-latest.magazine .kboard-list-item .kboard-list-thumbnail{height: 320px;} .p{display: none;} .m{display: block;} #header .header_wrap{width: 100%;height: 12vw;max-height: 113px;} #header .header_wrap .sns_wrap{display: none;} #header .header_wrap h1{top: 3.5vw;width: 50%;} #header .header_wrap h1 a{display: block;width: 100%;} #header .header_wrap h1 img{width: 100%;} #gnbWrap{display: none;} .fixedTop{position:fixed !important;top:0px;} #header .header_wrap #mGnb{position: relative;width: 100%;} #header .header_wrap #mGnb button{background: none;border: none;} #header .header_wrap #mGnb button.open-overlay{width:6%;position: absolute;top: 0.2vw;left: 3%;} #header .header_wrap #mGnb button.open-overlay img{width: 100%;} #header .header_wrap #mGnb button.open-overlay2{width: 13%;position: absolute;top: 0.2vw;right: 3%;/*font-size: 3vw;color: #fff;font-family:"NanumBarunGothicBold",sans-serif;padding: 1vw 4vw 0.5vw 3vw;background: url(http://beerpost.kr/img/more2.png) no-repeat 90% 53%;background-size: 1vw !important;border: 1px solid #969696;border-radius: 30px;*/} #header .header_wrap #mGnb button.open-overlay2 img{width: 100%;} .noscroll { overflow: hidden; } .overlay,.overlay2{position: fixed;overflow-y: scroll;top: 0; right: 0; bottom: 0; left: 0; z-index:9999;background: rgba(40,40,40, .75);} /* [aria-hidden="true"] { display: none; } */ .overlay[aria-hidden="false"] ,.overlay2[aria-hidden="false"]{display: block !important;} .overlay>div ,.overlay2>div{position: relative;margin: 10% auto;width: 80%;background: #fff;} #popup button.close-overlay{display: inline-block;position: absolute;cursor: pointer;top: 2%;right: 4%;border: none;background: none;width: 5vw;} #popup2 button.close-overlay2{display: inline-block;position: absolute;cursor: pointer;top: 5.5%;right: 4%;border: none;background: none;width: 5vw;} #popup button.close-overlay img,#popup2 button.close-overlay2 img{width: 100%;} .Pstyle h2{font-size: 5vw;color: #fff;padding: 3.5vw 5% 2vw;background: #bd8f47;font-family: "HelveticaBold",sans-serif;} #popup .contentP>ul{width: 90%;margin: 0 auto;font-family: "HelveticaBold",sans-serif;padding: 6vw 0 7vw;} #popup .contentP>ul>li{font-size: 5vw;border-bottom: 1px solid #000;padding-bottom: 8%;margin-bottom: 8%;} #popup .contentP>ul>li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;} #popup .contentP>ul>li>a{color: #000;margin-bottom: 2vw;display: block;} #popup .contentP>ul>li>ul{font-family: "Helvetica",sans-serif;overflow: hidden;} #popup .contentP>ul>li>ul>li{font-size: 4vw;width: 33.33%;float: left;} #popup .contentP>ul>li>ul>li>a{color: #000;display: block;} #popup2 .contentP>ul{width: 90%;margin: 0 auto;font-family: "Helvetica",sans-serif;padding: 6vw 0;overflow: hidden;} #popup2 .contentP>ul>li{font-size: 5vw;width: 33.33%;float: left;} #popup2 .contentP>ul>li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;} #popup2 .contentP>ul>li>a{color: #000;display: block;} #popup2 .contentP>ul>li>a img{width: 75%;display: block;margin: 0 auto;} #popup2 .contentP>ul>li>a span{font-family: "HelveticaBold",sans-serif;text-transform: uppercase;display: block;font-size: 3vw;text-align: center;margin-top: 3vw;} #mainVis{position: relative;height: 80vw;} #contents{width: 95%;margin: 0 auto 10%;} #contents .content{width: 95%;padding-top: 10%;margin-bottom: 0;} #contents>div{padding-top: 10%;} #contents h3{font-size: 8vw;padding-bottom: 1vw;} #contents #con01{padding-top: 0;} #contents #con01 #mainArticle{width: 100%;float: none;} #contents #con01 #mainArticle .main_article{padding-top: 3vw;} #contents #con01 #mainArticle .main_article .new_article{padding-top: 5%;float: none;width: 100%;overflow: hidden;position: relative;} #contents #con01 #mainArticle .main_article .new_article span.art_img{width: 70%;float: left;display: inline-block;} #contents #con01 #mainArticle .main_article .new_article span.art_img img{width: 100%;} #contents #con01 #mainArticle .main_article .new_article h4{float: left;font-size: 4vw;padding: 0 0 2vw;display: inline-block;vertical-align: top;margin-left: 3%;} #contents #con01 #mainArticle .main_article .new_article span.art_date{font-size: 2vw;vertical-align: top;display: inline-block;float: left;margin-left: 3%;} #contents #con01 #mainArticle .main_article .new_article div.art_txt{display: none;} #contents #con01 #mainArticle .main_article .new_article div.art_more{margin-top: 0;margin-left: 0;clear: both;display: inline-block;position: absolute;bottom: 3%;right: 2%;} #contents #con01 #mainArticle .main_article .new_article div.art_more a{padding: 2.2vw 5vw 2vw 4vw;font-size: 3vw;background-position: 90% 53%;background-size: 1vw !important;border: 1px solid #aaa;} #contents #con01 #mainArticle .main_article .new_article div.art_more a:hover{background-position: 90% 53%;background-size: 1vw !important;} #contents #con01 #mainArticle .main_article .last_article{padding-top: 5%;width: 100%;float: none;overflow: hidden;} #contents #con01 #mainArticle .main_article .last_article li{display: inline-block;float: left;width: 48%;} #contents #con01 #mainArticle .main_article .last_article li:nth-child(2n+1){margin-right: 4%;} #contents #con01 #mainArticle .main_article .last_article li a{margin-bottom: 3%} #contents #con01 #mainArticle .main_article .last_article li:last-child a{margin-bottom: 0;} #contents #con01 #mainArticle .main_article .last_article li a span.last_img{padding-right: 2vw;padding-bottom: 2vw;width: 40%;} #contents #con01 #mainArticle .main_article .last_article li a span.last_img img{width: 100%;} #contents #con01 #mainArticle .main_article .last_article li a div.last_txt{width: 50%;} #contents #con01 #mainArticle .main_article .last_article li a div.last_txt .last_tit{font-size: 2.7vw;padding-bottom: 1vw;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;} #contents #con01 #mainArticle .main_article .last_article li a div.last_txt .art_date{font-size: 2vw;} #contents #con01 .ad{display: block;float: none;width: 100%;margin-top: 0;padding-bottom: 0;} #contents #con01 .ad .banner_wrapper{width: 100%;} #contents #con01 .ad ul{} #contents #con01 .ad ul li{margin-bottom: 1%;} #contents #con01 .ad ul li:last-child{margin-bottom: 0;} #contents #con01 .ad ul li a img{width: 100%;} #contents #con02 #majorArticle .major_article ul{padding-top: 3vw;overflow: hidden;padding-bottom: 0;} #contents #con02 #majorArticle .major_article ul li{float: none;width: 100%;margin: 0;padding-bottom: 3vw;margin-bottom: 3vw;border-bottom: 1px solid #bcbcbc;} #contents #con02 #majorArticle .major_article #kboard-card-gallery-latest.beer {width: 100%;} #contents #con02 #majorArticle .major_article #kboard-card-gallery-latest{margin-bottom: 0;} #contents #con02 #majorArticle .major_article #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-title .cut_strings{margin-bottom:2vw;white-space: normal;} #contents #con02 #majorArticle .major_article #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-thumbnail{height: 38vw;width: 65%;} #contents #con02 #majorArticle .major_article #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-title{width: 30%;margin-left: 4%;} #contents #con02 .ad{margin-top: 46px;display: none;} #contents #con02 .ad ul{} #contents #con02 .ad ul li{margin-bottom: 20px;} #contents #con02 .ad ul li a{display: block;} #contents #con02 .ad ul li a img{width: 100%;} #contents #con03 #newsArticle>a.more{top: 1.5vw;width: 25%;} #contents #con03 #newsArticle>a.more img{width: 100%;} #contents #con03 #newsArticle .news_article ul{overflow: hidden;padding-top: 3vw;padding-bottom: 0;} #contents #con03 #newsArticle .news_article ul li.kboard-list-item{float: left;width: 48%;margin-right: 4%;margin-bottom: 4%;} #contents #con03 #newsArticle .news_article ul li a:hover:after{height: 42vw} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest{margin-bottom: 0;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item{width: 48%;margin-right: 4%;margin-bottom: 4%;height: 42vw;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item:nth-child(2n){margin-right: 0;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item .kboard-list-thumbnail{height: 42vw;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item .news_wrap .kboard-list-title{padding: 2vw 0;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item .news_wrap .kboard-list-title .cut_strings{font-size: 3vw;} #contents #con03 #newsArticle .news_article #kboard-card-gallery-latest .kboard-list-item .news_wrap .kboard-list-title span{font-size:2vw;} #contents #con_people #peopleArticle>a.more{top: 1.5vw;width: 25%;} #contents #con_people #peopleArticle>a.more img{width: 100%;} #contents #con_people #peopleArticle .people_article ul{padding-top: 3vw;overflow: hidden;padding-bottom: 0;} #contents #con_people #peopleArticle .people_article #kboard-card-gallery-latest.beer{width: 100%;margin-bottom: 0;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item{width: 100%;padding-bottom: 2vw;margin-bottom: 2vw;float: none;padding-left: 3vw;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:before{top: -1vw;left: 1vw;font-size: 4vw;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:nth-child(2){margin-top: 2vw;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:last-child{border-bottom: 1px solid #bcbcbc} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item .kboard-list-title .cut_strings{font-size: 2.5vw;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item .beer_wrap .kboard-list-title{float: none;width: 100%;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child{width: 100%;float: none;padding-bottom: 3vw;border-bottom: 1px solid #bcbcbc;padding-left: 0;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child .kboard-list-thumbnail{width: 41%;height: 22vw;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child .kboard-list-title{width: 55%;margin-left: 3%;margin-top:0;float: left;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child .kboard-list-title .cut_strings{font-size: 4vw;margin-bottom: 2vw;white-space: normal;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child .kboard-list-summary{display: none;} #contents #con_people #peopleArticle #kboard-card-gallery-latest .kboard-list li.kboard-list-item:first-child .kboard-list-title span{padding: 0;margin-left: 0;} .ad_banner{width: 95%;margin: 0 auto;} .ad_banner .banner_wrapper{width: 100%;} #contents #con_brewery #breweryArticle>a.more{top: 1.5vw;width: 25%;} #contents #con_brewery #breweryArticle>a.more img{width: 100%;} #contents #con_brewery #breweryArticle .brewery_article ul{padding-top: 3vw;overflow: hidden;padding-bottom: 0;} #contents #con_brewery #breweryArticle .brewery_article ul li{width: 100%;float: none;margin: 0 0 3vw;padding-bottom: 3vw;border-bottom: 1px solid #bcbcbc;} #contents #con_brewery #breweryArticle .brewery_article #kboard-card-gallery-latest.beer{width: 100%;margin-bottom: 0;} #contents #con_brewery #breweryArticle .brewery_article #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-thumbnail{width: 41%;height: 22vw;} #contents #con_brewery #breweryArticle .brewery_article #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-title{width: 55%;margin-left: 3%;margin-top:0;float: left;} #contents #con_brewery #breweryArticle .brewery_article #kboard-card-gallery-latest .kboard-list li.kboard-list-item .kboard-list-title .cut_strings{font-size: 4vw;margin-bottom: 2vw;white-space: normal;} #contents #con_brewery #breweryArticle .brewery_article #kboard-card-gallery-latest .kboard-list li.kboard-list-item span{margin-left: 0;} #contents #con_pubs #pubsArticle>a.more{top: 1.5vw;width: 25%;} #contents #con_pubs #pubsArticle>a.more img{width: 100%;} #contents #con_pubs #pubsArticle .pubs_article ul{padding-top: 3vw;overflow: hidden;padding-bottom: 0;} #contents #con_pubs #pubsArticle .pubs_article ul li{width: 100%;float: none;margin: 0 0 3vw;padding-bottom: 3vw;border-bottom: 1px solid #bcbcbc;} #contents #con_pubs #pubsArticle .pubs_article #kboard-card-gallery-latest.beer{width: 100%;margin-bottom: 0;} #contents #con_pubs #pubsArticle .pubs_article #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-thumbnail{width: 41%;height: 22vw;} #contents #con_pubs #pubsArticle .pubs_article #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-title{width: 55%;margin-left: 3%;margin-top:0;float: left;} #contents #con_pubs #pubsArticle .pubs_article #kboard-card-gallery-latest .kboard-list li.kboard-list-item .kboard-list-title .cut_strings{font-size: 4vw;margin-bottom: 2vw;white-space: normal;} #contents #con_pubs #pubsArticle .pubs_article #kboard-card-gallery-latest .kboard-list li.kboard-list-item span{margin-left: 0;} #contents #con04{margin-bottom: 10%;padding-top: 10%;} #contents #con04 #magazines{} #contents #con04 #magazines .magazine_wrap{border-top: 2px solid #000;} #contents #con04 #magazines .magazine_wrap ul{overflow: hidden;padding-top: 3%;} #contents #con04 #magazines .magazine_wrap ul li{float: left;display: inline-block;width: 23%;margin-right: 2.6%;} #contents #con04 #magazines .magazine_wrap ul li:last-child{margin-right: 0;} #contents #con04 #magazines .magazine_wrap ul li a{display: block;} #contents #con04 #magazines .magazine_wrap ul li a img{width: 100%;} #contents #ins{padding: 5vw 0 8vw;} #contents #ins h4{margin: 0 auto 3vw;} #contents #ins h4 img{width: 60%;} #contents #ins .instagram{width: 95%;} #footerWrap{} #footerWrap #service{background-size: cover;} #footerWrap #service .subscribe{padding: 10vw 0 6vw;} #footerWrap #service .subscribe span{font-size: 2.5vw;} #footerWrap #service .subscribe h4{font-size: 6vw;padding:2vw 0 4vw;} #footerWrap #service .subscribe ul{width: 80%;margin: 0 auto;} #footerWrap #service .subscribe ul li{width: 100%;float: none;padding: 0 0 5% 35%;background-position: 0 center !important;background-size: 20%!important;} #footerWrap #service .subscribe ul li:nth-child(1){padding: 2vw 0 5% 35%;margin-left:0;border: none;background-size: 27%!important} #footerWrap #service .subscribe ul li:nth-child(2){margin-left: 0;} #footerWrap #service .subscribe ul li h5{font-size: 4vw;padding: 2vw 0;text-align: left;background: none;} #footerWrap #service .subscribe ul li p{font-size: 2.8vw;padding-top: 0;text-align: left;} #footerWrap #service .subscribe ul li>a{padding: 2vw 13% 2vw 10%;font-size: 2.8vw;;margin-top: 0;background-size: 1vw;} #footerWrap #service .subscribe div.art_more{display: none;} #footerWrap #footer{padding: 8vw 0;} #footerWrap #footer .footer{width: 100%;margin: 0 auto;} #footerWrap #footer .footer_logo{width: 30%;} #footerWrap #footer .footer_logo img{width: 60%;margin: 3vw auto 0;display: block;} #footerWrap #footer .footer_menu{width: 70%;border-right: none;} #footerWrap #footer .footer_menu>ul{width: 80%;margin: 0 auto;overflow: hidden;} #footerWrap #footer .footer_menu>ul>li{float: left;width: 50%;margin-right:0;display: flex;height: 10vw;flex-flow: column wrap;align-content: flex-start;} #footerWrap #footer .footer_menu>ul>li:last-child{margin-right: 0;margin-top: 1vw;} #footerWrap #footer .footer_menu>ul>li ul{} #footerWrap #footer .footer_menu>ul>li ul li{font-size: 3vw;padding-bottom: 2vw;} #footerWrap #footer .footer_menu>ul>li ul li span.m{display: inline-block;font-size: 3vw;padding-right: 1vw;} #footerWrap #footer .lang_wrap2{display: none;} #footerWrap>p{font-size: 2.8vw;padding: 2vw 0;} .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(http://beerpost.kr/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(http://beerpost.kr/img/txt_prev.png) no-repeat 0 0;background-size: 100%;position: fixed;left: 0;width: 12vw;height: 25vw;} #conVis{background-image: url(http://beerpost.kr/beer/img/conVisM.png);background-size:100%;height: auto} #conVis.about{background-image: url(http://beerpost.kr/footer_menu/img/conVisM.png);background-size:100%;height: auto} #conVis h2{font-size: 12vw;padding: 4vw 0 12vw;} #contents{width: 100%;margin: 0 auto;position: relative;} #contents #sub h3{font-size: 8vw;margin-left: 2.5%;} #contents #localArticle{width: 100%;margin: 0 auto;display: block;} #contents #localArticle.beer{padding-top: 40vw;} #contents #localArticle h3{margin-left: 2.5%;} #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,#contents #localArticle .last_article.index .art{width: 100%;float: none;} #contents #localArticle .last_article .art>ul{} #contents #localArticle.beer .last_article .art ul li{width: 100%;margin-right: 0;margin-bottom: 5%;position: relative;padding-bottom: 5%;float: none;} #contents #localArticle.beer .last_article .art ul li:last-child{border-bottom: 2px solid #1d1f2e;} #contents #localArticle.beer .last_article .art ul li a{overflow: hidden;} #contents #localArticle.beer .last_article .art ul li a span.art_img{width: 43%;float: left;display: inline-block;} #contents #localArticle.beer .last_article .art ul li a span.art_img img{width: 100%;} #contents #localArticle.beer .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.beer .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.beer .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.beer .last_article .art ul li a span.art_date:after{display: none;} #contents #localArticle.beer .last_article .art ul li a div.art_txt{display: none;} #contents #localArticle.beer .last_article .art ul li div.art_more{margin-top: 5.5vw;margin-left: 3%;position: absolute;bottom: 18%;right:29%;} #contents #localArticle.beer .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.beer .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.beer .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: static;bottom: 0;left: 50%;transform: translateX(0%);top: auto;} #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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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;padding-top: 10%;} #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{} #contents #eventArticle .event ul{overflow: hidden;} #contents #eventArticle .event ul li.kboard-list-item{width: 48.5%;margin-right: 3% !important;margin-bottom: 3%;} #contents #eventArticle .event ul li a:hover:after{display: none;} #contents #eventArticle .event ul li.kboard-list-item:nth-child(2n){margin-right: 0 !important;} #contents #eventArticle .event ul li.kboard-list-item a{position: relative;overflow: hidden;display: block;} #contents #eventArticle .event ul li.kboard-list-item a .event_img{} #contents #eventArticle .event ul li.kboard-list-item a .event_img img{width: 100%;vertical-align: bottom;} #contents #eventArticle .event ul li.kboard-list-item a .event_info{padding: 8% 5%;} #contents #eventArticle .event ul li.kboard-list-item 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.kboard-list-item a .event_info span.event_date{font-size: 3.5vw;} #contents #eventArticle .event ul li.kboard-list-item 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.kboard-list-item a .more p{text-align: center;color: #fff;font-size: 5vw;background: url(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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;margin-bottom: 0;} #contents #faqWrap #faq{width: 95%;margin: 0 auto 15%;display: block;} #contents #faqWrap #faq .faq ul li>a{padding: 3vw 3%;background-image: url(http://beerpost.kr/footer_menu/img/downM.png);background-size: 5vw;} #contents #faqWrap #faq .faq ul li>a.on{background-image: url(http://beerpost.kr/footer_menu/img/upM.png);background-size: 5vw;} #contents #faqWrap #faq .faq ul li>a .q_num{background-image: url(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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(http://beerpost.kr/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%;padding-top: 45vw;} #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(http://beerpost.kr/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(http://beerpost.kr/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;} .banner_wrapper{margin: 0 auto 2vw !important;width: 95%;} .banner_wrapper img{width: 100%;} .banner_wrapper .banner > img{width: 100%;} .ad,.ad2{padding-bottom: 7%;} #contents #eventArticle .ad2{width: 105%;margin-left: -2.5%;} #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-title .cut_strings{margin-bottom: 0;} .beer_wrap h3{margin-bottom: 5vw;} #kboard-card-gallery-latest .kboard-list{float: none;padding-bottom: 10%;} #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-thumbnail{width: 60%;height: 35vw;display: inline-block;float: left;} #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-title{display: inline-block;font-size: 4vw;margin: 0 0 2vw 2%;vertical-align: top;line-height: 1.3;width: 35%;float: left;} #kboard-card-gallery-latest .kboard-list-item .beer_wrap span{font-size: 2vw;padding-bottom: 0;float: left;margin-left: 2%;width: 100%;} #kboard-card-gallery-latest .kboard-list-item .beer_wrap .kboard-list-summary{display: none;} #kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page a, #kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.next-page a{padding-top: 0;padding-bottom: 0;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .kboard-list-thumbnail{width: 69%;height: 35vw;} #kboard-card-gallery-list .beer-list a{display: block;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .beer-list-txt{width: 28%;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .kboard-list-thumbnail:before{padding: 0.5vw 1vw;font-size: 2vw;border-radius: 3vw;top: 2vw;left: 2vw;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .kboard-list-title .cut_strings{width: auto;display: block;font-size: 4vw;} #kboard-card-gallery-list .beer-list li.kboard-list-item{width: 100%;margin-bottom: 5%;padding-bottom: 5%;border-bottom: 1px solid #bebebe !important;} #kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-summary,#kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .kboard-list-summary{display: none;} #kboard-card-gallery-list .beer-list li.kboard-list-item:first-child .kboard-list-title span,#kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-title span{padding:1vw 0 0;font-size: 2vw;} #kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-thumbnail{width: 43%;height: 28vw;display: inline-block;} #kboard-card-gallery-list .beer-list li.kboard-list-item .beer-list-txt{width: 50%;display: inline-block;} #kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-title .cut_strings{width: auto;display: block;} #kboard-card-gallery-list .beer-list li.kboard-list-item .beer-list-txt{padding: 0 0 0 1%;} #kboard-card-gallery-list .beer-list li.kboard-list-item .kboard-list-title .cut_strings{font-size: 4vw;white-space: normal;line-height: 1.3;} #kboard-card-gallery-document .kboard-content .event_txt.p{display: block !important;} #kboard-card-gallery-document .kboard-content .event_txt p{font-size: 3.5vw;} #kboard-card-gallery-document .kboard-content .event_txt p a{font-size: 3.5vw;} #kboard-card-gallery-document .kboard-detail .detail-wrap2:before{font-size: 8vw;top: -5vw;left: -23vw;} #metaslider-id-203{display: none;} #metaslider-id-246{display: block;} #contents .metaslider .flex-control-nav{bottom: 5%;} #contents .metaslider .flex-control-nav li{margin: 0 1%;} #contents .metaslider .flex-control-nav li a{ margin: 0 1%;background-size: 100%;width: 4vw;height: 4vw;} #contents .metaslider .flex-control-nav li a.flex-active {background-size: 100%;} #contents #eventArticle h3{font-size: 8vw;} #contents #con01 #mainArticle #kboard-card-gallery-latest .kboard-list{padding-bottom: 0;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item{float: right;width: 48%;margin-bottom: 2vw;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item:nth-child(even){float: left;margin-right: 4%;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest .kboard-list-item .kboard-list-thumbnail{width: 20vw;height: 15vw;margin-bottom: 2vw;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest .kboard-list-item .kboard-list-title{font-size: 2.7vw;height: auto;padding-left: 1.5vw;-webkit-line-clamp: 2;margin-top: 3.5vw;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item:first-child{float: none;width: 100%;margin-bottom: 5vw;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item:first-child .kboard-list-summary{display: none;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item:first-child .kboard-list-thumbnail{width: 70%;height: 44vw;float: left;margin-bottom: 0;background-repeat: no-repeat;background-size: 100%;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item:first-child .kboard-list-title{font-size: 4vw;padding: 0 0 2vw 2%;height: auto;vertical-align: top;display: inline-block;float: left;width: 28%;} #contents #con01 #mainArticle .main_article #kboard-card-gallery-latest ul li.kboard-list-item:first-child span.art_date{font-size: 2vw;padding: 0 0 0 2%;} /* magazine 게시판 */ #kboard-card-gallery-list .maga-list .kboard-list-item .kboard-list-thumbnail{height: 30vw;} #kboard-card-gallery-latest.magazine .kboard-list{padding-bottom: 0;} #kboard-card-gallery-latest.magazine .kboard-list-item .kboard-list-thumbnail{height: 30vw;} #kboard-card-gallery-document .kboard-content .event_txt .txt_tit h4{font-size: 3.2vw;} #kboard-card-gallery-document .kboard-content .event_txt .txt_tit{font-size: 3.2vw;} #kboard-card-gallery-document .kboard-content .event_txt p span.l{float: none;width: 48%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l2{float: none;width: 55%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l3{float: none;width: 50%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l4{float: none;width: 65%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l5{float: none;width: 70%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l6{float: none;width: 83%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l7{float: none;width: 46.5%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l8{float: none;width: 52%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l9{float: none;width: 62%;padding-top: 30px;} #kboard-card-gallery-document .kboard-content .event_txt p span.l10{float: none;width: 60%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l11{float: none;width: 44%;} #kboard-card-gallery-document .kboard-content .event_txt p span.l12{float: none;width: 75%;} #kboard-card-gallery-document .kboard-content .event_txt p span.r{float: none;width: 53.5%;} #kboard-card-gallery-document .kboard-content .event_txt p span.r2{float: none;width: 65%;} #kboard-card-gallery-document .kboard-content .event_txt p span.r3{float: none;width: 52%;} #kboard-card-gallery-document .kboard-content .event_txt p span.r4{float: none;width: 70%;} #kboard-card-gallery-document .kboard-content .event_txt p span.r5{float: none;width: 50%;padding-top: 150px;} #kboard-card-gallery-document .kboard-content .event_txt p span.r6{float: none;width: 60%;} #kboard-card-gallery-document .kboard-content .event_txt p span.r7{float: none;width: 81%;} #kboard-card-gallery-document .kboard-content .event_txt p span.r8{float: none;width: 75%;} #kboard-card-gallery-document .kboard-content .event_txt p span.limg1,#kboard-card-gallery-document .kboard-content .event_txt p span.limg,#kboard-card-gallery-document .kboard-content .event_txt p span.limg3,#kboard-card-gallery-document .kboard-content .event_txt p span.limg4,#kboard-card-gallery-document .kboard-content .event_txt p span.limg5,#kboard-card-gallery-document .kboard-content .event_txt p span.limg6,#kboard-card-gallery-document .kboard-content .event_txt p span.limg7,#kboard-card-gallery-document .kboard-content .event_txt p span.limg8,#kboard-card-gallery-document .kboard-content .event_txt p span.limg9,#kboard-card-gallery-document .kboard-content .event_txt p span.limg10,#kboard-card-gallery-document .kboard-content .event_txt p span.limg11,#kboard-card-gallery-document .kboard-content .event_txt p span.limg12{width: 100%;float: left;margin-top: 2%;display: inline-block;} #kboard-card-gallery-document .kboard-content .event_txt p span.rimg1{width: 44.5%;margin-right: 2%;float: left;display: inline-block;} #kboard-card-gallery-document .kboard-content .event_txt p span.rimg2{width: 32%;margin-right: 2%;float: left;display: inline-block;} #kboard-card-gallery-document .kboard-content .event_txt p span.rimg3{width: 46%;margin-right: 2%;float: left;display: inline-block;} #kboard-card-gallery-document .kboard-content .event_txt p span.rimg4{width: 28%;margin-right: 2%;float: left;display: inline-block;} #kboard-card-gallery-document .kboard-content .event_txt p span.rimg5{width: 48%;margin-right: 2%;float: left;display: inline-block;} #kboard-card-gallery-document .kboard-content .event_txt p span.rimg6{width: 38%;margin-right: 2%;float: left;display: inline-block;} #kboard-card-gallery-document .kboard-content .event_txt p span.rimg7{width: 17%;margin-right: 2%;float: left;display: inline-block;} #kboard-card-gallery-document .kboard-content .event_txt p span.rimg8{width: 23%;margin-right: 2%;float: left;display: inline-block;} #kboard-card-gallery-document .kboard-content .event_txt p.lImg{padding-bottom: 35vw;background-position: 100% bottom;} #kboard-card-gallery-document .strong{font-size: 7vw;display: block;background: url(http://beerpost.kr/beer/img/special_view16/M/tit.jpg) no-repeat 100% center;background-size: 70%;width: 95%;margin: 0 auto 5vw;} #kboard-card-gallery-document .bb{font-size: 3vw;display: inline-block;background: url(http://beerpost.kr/footer_menu/img/aBg.png) no-repeat 0 0;width: 7vw;height: 7vw;line-height:7.4vw;color: #e4aa2b;font-family: 'NanumBarunGothicBold',sans-serif;text-align: center;vertical-align: top;background-size: 100%;margin:0 2% 0% 0;} #kboard-card-gallery-document .qs{width: 88%;font-size: 4vw;} #kboard-card-gallery-document .tt{width: 68%;padding-top: 0;margin-top: -6vw;margin-bottom: 6vw;} #kboard-card-gallery-document .tt br{display: none;} } @media screen and (max-width: 600px) { }