@charset "utf-8";
@import url(style.css);

#conVis{background: url(../beer/img/conVis.png) no-repeat 0 0;height: 309px;}
#conVis.about{background: url(../footer_menu/img/conVis.png) no-repeat 0 0;height: 309px;}
#conVis h2{font-size: 80px;color: #fff;font-family: "NanumBarunGothicBold",sans-serif;padding-top: 120px;text-align: center;}

#contents #sub h3{font-size: 30px;}
#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;}
#contents #localArticle .main_article .new_article 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;}
#contents #localArticle .main_article .new_article span.art_img span.hot{background: #fd2f50;}
#contents #localArticle .main_article .new_article 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(../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(../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(../img/more2.png) no-repeat 80% center;}
#contents #localArticle .last_article{padding-top: 70px;}
#contents #localArticle .last_article .art{width: 875px;float: left;}
#contents #localArticle .last_article .art>ul{}
#contents #localArticle .last_article .art>ul li{width: 48%;margin-right: 3%;margin-bottom: 50px;display: inline-block;vertical-align: top;}
#contents #localArticle .last_article .art>ul li:nth-child(2n){margin-right: 0;}
#contents #localArticle .last_article .art>ul li a{display: block;color: #000;}
#contents #localArticle .last_article .art>ul li a span.art_img{position: relative;display: block;}
#contents #localArticle .last_article .art>ul li a span.art_img img{width: 100%;}
#contents #localArticle .last_article .art>ul li a span.art_img span{font-size: 14px;color: #fff;padding: 5px 10px;position: absolute;top: 10px;left: 10px;display: inline-block;text-align: center;border-radius: 30px;}
#contents #localArticle .last_article .art>ul li a span.art_img span.hot{background: #fd2f50;}
#contents #localArticle .last_article .art>ul li a span.art_img span.new{background: #21b9ed;}
#contents #localArticle .last_article .art>ul li a h4{font-size: 25px;font-family: "NanumBarunGothicBold",sans-serif;padding: 25px 0 10px;}
#contents #localArticle .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 .last_article .art>ul li a span.art_cmt{font-size: 13px;font-family: "NanumBarunGothicLight",sans-serif;color: #6e6e6e;}
#contents #localArticle .last_article .art>ul li a span.art_cmt span.cmt{width: 12px;height: 12px;background: url(../img/cmt.png) no-repeat 0 0;background-size:100%;display: inline-block;margin-right: 3px;}
#contents #localArticle .last_article .art>ul li a div.art_txt{padding-top: 15px;}
#contents #localArticle .last_article .art>ul li a div.art_txt p{font-size: 15px;font-family: "NanumBarunGothicLight",sans-serif;line-height: 1.7;}
#contents #localArticle .last_article .art>ul li .art_more{margin-top: 35px;display: none;}
#contents #localArticle .last_article .art>ul li .art_more a{display: inline-block;color: #000;padding: 12px 40px 12px 27px;font-size: 16px;background:#fff url(../img/more3.png) no-repeat 80% center;border: 1px solid #000;}
#contents #localArticle .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(../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(../brewery/img/select.png) no-repeat 85% center;}
#contents #guideArticle .option select option{}
#contents #guideArticle .option select{ option[disabled] { display: none;color: #bcbcbc; } }
#contents #guideArticle .option select::-ms-expand{display:none;}
#contents #guideArticle .option div{display: inline-block;padding-left: 10px;}
#contents #guideArticle .option div span{font-size: 15px;padding-right: 5px;}
#contents #guideArticle .guide{border-top: 2px solid #000;overflow: hidden;width: 875px;float: left;}
#contents #guideArticle .guide ul{padding-top: 20px;overflow: hidden;}
#contents #guideArticle .guide ul li{display: inline-block;float: left;width: 32%;margin-right: 2%;margin-bottom: 20px;border: 1px solid #e1e1e1;box-sizing: border-box;}
#contents #guideArticle .guide ul li:nth-child(3n){margin-right: 0;}
#contents #guideArticle .guide ul li span.beer_img{position: relative;display: block;border-bottom: 1px solid #e1e1e1;}
#contents #guideArticle .guide ul li span.beer_img img{width: 100%;vertical-align: bottom;}
#contents #guideArticle .guide ul li h4{font-size: 17px;padding: 18px 0 3px;text-align: center;}
#contents #guideArticle .guide ul li span.beer_sub_tit{font-size: 15px;font-family: "NanumBarunGothicLight",sans-serif;display: block;text-align: center;padding-bottom: 10px;}
#contents #guideArticle .guide ul li .beer_txt{text-align: center;}
#contents #guideArticle .guide ul li span.beer_alc{font-size: 14px;font-family: "NanumBarunGothicLight",sans-serif;display: inline-block;padding-right: 10px;}
#contents #guideArticle .guide ul li span.beer_mark{font-size: 14px;font-family: "NanumBarunGothicLight",sans-serif;color: #fa870b;display: inline-block;}
#contents #guideArticle .guide ul li span.markBg{background: url(../beer/img/mark.png) no-repeat 0 0;width: 13px;height: 13px;display: inline-block;}
#contents #guideArticle .guide ul li span.mark{}
#contents #guideArticle .guide ul li .beer_more{margin: 15px 0 20px;text-align: center;}
#contents #guideArticle .guide ul li .beer_more a{display: inline-block;color: #000;padding: 10px 40px 10px 27px;font-size: 16px;background:#fff url(../img/more3.png) no-repeat 80% center;border: 1px solid #000;text-align: center;}
#contents #guideArticle .guide ul li .beer_more a:hover{color: #fff;background:#000 url(../img/more2.png) no-repeat 80% center;}
#contents #guideArticle .guide table{border-collapse: collapse;margin: 30px 0 50px;border-top: 2px solid #b0b0b0;border-bottom: 2px solid #b0b0b0;width: 100%;}
#contents #guideArticle .guide table thead{border-bottom: 1px solid #dbdbdb;}
#contents #guideArticle .guide table thead tr{background: #f5f5f5;}
#contents #guideArticle .guide table thead tr th{font-family: "NanumBarunGothicBold",sans-serif;font-size: 17px;text-align: center;padding: 25px 0;border-right: 1px solid #dbdbdb;}
#contents #guideArticle .guide table thead tr th:last-child{border-right: 0;}
#contents #guideArticle .guide table tbody{}
#contents #guideArticle .guide table tbody tr{border-bottom: 1px solid #dbdbdb;}
#contents #guideArticle .guide table tbody tr:last-child{border-bottom: 0;}
#contents #guideArticle .guide table tbody tr td{padding: 25px 15px;border-right: 1px solid #dbdbdb;font-size: 14px;font-family: "NanumBarunGothicLight",sans-serif;}
#contents #guideArticle .guide table tbody tr td:last-child{border-right: 0;}
#contents #guideArticle .guide table tbody tr td a{font-size: 15px;color: #005ad5;border-bottom: 1px solid #005ad5;}
#contents #guideArticle .guide table tbody tr td span.beerpost{color: #ffb505;margin-left: 10px;}
#contents #guideArticle .guide table tbody tr td span.beerpost img{vertical-align: middle;}
#contents #guideArticle .ad{display: inline-block;float: right;width: 260px;margin-top: 54px;}
#contents #guideArticle .ad ul{}
#contents #guideArticle .ad ul li{margin-bottom: 20px;}
#contents #guideArticle .ad ul li a{display: block;}
#contents #guideArticle .ad ul li a img{width: 100%;}

#contents #guideArticle #guide .num_wrap{clear: both;background: #f6f6f6;border: 1px solid #e9e9e9;padding: 18px 0;margin-bottom: 100px;}
#contents #guideArticle #guide .num_wrap ul.num{width: 430px;margin: 0 auto;overflow: hidden;}
#contents #guideArticle #guide .num_wrap ul.num li{float: left;margin-right: 9px;}
#contents #guideArticle #guide .num_wrap ul.num li:last-child{margin-right: 0;}
#contents #guideArticle #guide .num_wrap ul.num li a{font-family: "Helvetica",sans-serif;color: #000;font-size: 14px;padding:6px 5px 10px;border: 1px solid #cdcdcd;background: #fff;display: block;}
#contents #guideArticle #guide .num_wrap ul.num li ul{}
#contents #guideArticle #guide .num_wrap ul.num li ul li:nth-child(8){padding-top: 10px;}
#contents #guideArticle #guide .num_wrap ul.num li ul li a{padding:8px 12px;}
#contents #guideArticle #guide .num_wrap ul.num li ul li.on a{color: #fff;background: #28c5ff;font-weight: bold;}
#contents #guideArticle #sub{width: 875px;display: inline-block;}
#contents #guideArticle #sub>span.board_tit{font-size: 25px;font-family: "NanumBarunGothicBold",sans-serif;padding-right: 5px;display: inline-block;padding-bottom: 15px;}
#contents #guideArticle #sub>span.board_date{font-size: 15px;color: #6e6e6e;font-family: "NanumBarunGothicLight",sans-serif;}
#contents #guideArticle #sub h3{font-size: 30px;}
#contents #guideArticle #sub .guide_main{border-top: 2px solid #000;padding-top: 20px;overflow: hidden;}
#contents #guideArticle #sub .guide_main .guide_img{float: left;border: 1px solid #d3d3d3;}
#contents #guideArticle #sub .guide_main .guide_img img{vertical-align: bottom;}
#contents #guideArticle #sub .guide_main .guide_info{float: right;width: 485px;}
#contents #guideArticle #sub .guide_main .guide_info.bw{width: 400px;}
#contents #guideArticle #sub .guide_main .guide_info table{border-top: 1px solid #bfbfbf;border-collapse: collapse;width: 100%;}
#contents #guideArticle #sub .guide_main .guide_info table tr{border-bottom: 1px solid #bfbfbf;}
#contents #guideArticle #sub .guide_main .guide_info table tr th{padding: 23px 0 22px;text-align: center;font-size: 17px;font-family: "NanumBarunGothicBold",sans-serif;}
#contents #guideArticle #sub .guide_main .guide_info table tr td{padding: 23px 0 22px;text-align: center;font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;}
#contents #guideArticle #sub .guide_main .guide_info table tr td a{color: #000;}
#contents #guideArticle #sub .guide_main .guide_txt{padding: 40px 0 94px;clear: both;}
#contents #guideArticle #sub .guide_main .guide_txt p{font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;line-height: 1.7;clear: both;}
#contents #guideArticle #sub .main_beer{clear: both;}
#contents #guideArticle #sub .main_beer h4{font-size: 25px;font-family: "NanumBarunGothicBold",sans-serif;padding-bottom: 8px;border-bottom: 2px solid #000;}
#contents #guideArticle #sub .main_beer .beer{overflow: hidden;padding: 22px 0 100px;}
#contents #guideArticle #sub .main_beer .beer .img{position: relative;display: inline-block;float: left;}
#contents #guideArticle #sub .main_beer .beer .img img{}
#contents #guideArticle #sub .main_beer .beer .img .best{position: absolute;top: 10px;left: 10px;color: #fff;background: #cd1311;border-radius: 30px;padding: 3px 8px;display: inline-block;font-size: 14px;text-transform: uppercase;}
#contents #guideArticle #sub .main_beer .beer .info{width: 540px;float: right;}
#contents #guideArticle #sub .main_beer .beer .info table{border-top: 1px solid #bfbfbf;border-collapse: collapse;width: 100%;}
#contents #guideArticle #sub .main_beer .beer .info table tr{border-bottom: 1px solid #bfbfbf;}
#contents #guideArticle #sub .main_beer .beer .info table tr th{padding: 23px 0 22px;text-align: center;font-size: 17px;font-family: "NanumBarunGothicBold",sans-serif;}
#contents #guideArticle #sub .main_beer .beer .info table tr td{padding: 23px 0 22px;text-align: center;font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;}
#contents #guideArticle #sub .main_beer .beer .info .slider{margin-top: 30px;background: #f4f4f4;}
#contents #guideArticle #sub .main_beer .beer .info .thumbnail{margin: 0 auto;width: 80%;}
#contents #guideArticle #sub .main_beer .beer .info .thumbnail .jq-scroller-wrapper{height: 115px;}
#contents #guideArticle #sub .main_beer .beer .info .thumbnail .jq-scroller{padding-top: 10px;height: 140px;width: 80%;}
#contents #guideArticle #sub .main_beer .beer .info .thumbnail .jq-scroller-mover{height: 90%;}
#contents #guideArticle #sub .main_beer .beer .info .thumbnail .jq-scroller-prev,#contents #guideArticle #sub .main_beer .beer .info .thumbnail .jq-scroller-next{top: 45%;}
#contents #guideArticle #sub .main_beer .beer .info .thumbnail .jq-scroller-item{min-width: 95px;}
#contents #guideArticle #sub .related_post{clear: both;}
#contents #guideArticle #sub .related_post h4{font-size: 25px;font-family: "NanumBarunGothicBold",sans-serif;padding-bottom: 8px;border-bottom: 2px solid #000;}
#contents #guideArticle #sub .related_post ul{overflow: hidden;padding: 22px 0 100px;}
#contents #guideArticle #sub .related_post ul li{float: left;width: 32%;margin-right: 2%;margin-bottom: 20px;}
#contents #guideArticle #sub .related_post ul li:nth-child(3n){margin-right: 0;}
#contents #guideArticle #sub .related_post ul li a{position: relative;display: block;overflow: hidden;}
#contents #guideArticle #sub .related_post ul li a span.post_img{}
#contents #guideArticle #sub .related_post ul li a span.post_img img{vertical-align: bottom;width: 100%;}
#contents #guideArticle #sub .related_post ul li a .post_info{position: absolute;top: 0;left: 0;background:rgba(0,0,0,0.5);padding: 27px 18px;width: 100%;height: 100%;}
#contents #guideArticle #sub .related_post ul li a .post_info .post_tit{display: block;color: #fff;font-size: 20px;font-family: "NanumBarunGothicBold",sans-serif;padding-bottom: 8px;width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#contents #guideArticle #sub .related_post ul li a .post_info .post_date{display: block;color: #fff;font-size: 15px;};}
#contents #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 .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(../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{padding: 20px 0 150px;border-top: 2px solid #000;}
#contents #eventArticle .event ul{overflow: hidden;}
#contents #eventArticle .event ul li{float: left;width: 24%;margin-right: 1.32%;margin-bottom: 30px;}
#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 .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(../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(../img/more2.png) no-repeat 77% 45%;padding-right: 8%;}
#contents #eventArticle #sub .event_main .event_txt{}
#contents #eventArticle #sub .event_main .event_txt p{font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;line-height: 1.7;clear: both;overflow: hidden;}
#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;}
#contents #eventArticle #sub .event_main .event_txt p.lImg{background: url(../beer/img/view10_3.png) no-repeat 100% 0;padding-bottom: 90px;}
#contents #eventArticle #sub .event_main .event_txt p span.l{float: left;width: 48%;}
#contents #eventArticle #sub .event_main .event_txt p span.l2{float: left;width: 55%;}
#contents #eventArticle #sub .event_main .event_txt p span.l3{float: left;width: 50%;}
#contents #eventArticle #sub .event_main .event_txt p span.l4{float: left;width: 65%;}
#contents #eventArticle #sub .event_main .event_txt p span.l5{float: left;width: 70%;}
#contents #eventArticle #sub .event_main .event_txt p span.l6{float: left;width: 83%;}
#contents #eventArticle #sub .event_main .event_txt p span.l7{float: left;width: 46.5%;}
#contents #eventArticle #sub .event_main .event_txt p span.l8{float: left;width: 52%;}
#contents #eventArticle #sub .event_main .event_txt p span.l9{float: left;width: 62%;padding-top: 30px;}
#contents #eventArticle #sub .event_main .event_txt p span.l10{float: left;width: 60%;}
#contents #eventArticle #sub .event_main .event_txt p span.l11{float: left;width: 44%;}
#contents #eventArticle #sub .event_main .event_txt p span.l12{float: left;width: 75%;}
#contents #eventArticle #sub .event_main .event_txt p span.limg{float: right;}
#contents #eventArticle #sub .event_main .event_txt p span.r{float: right;width: 53.5%;}
#contents #eventArticle #sub .event_main .event_txt p span.r2{float: right;width: 65%;}
#contents #eventArticle #sub .event_main .event_txt p span.r3{float: right;width: 52%;}
#contents #eventArticle #sub .event_main .event_txt p span.r4{float: right;width: 70%;}
#contents #eventArticle #sub .event_main .event_txt p span.r5{float: right;width: 50%;padding-top: 150px;}
#contents #eventArticle #sub .event_main .event_txt p span.r6{float: right;width: 60%;}
#contents #eventArticle #sub .event_main .event_txt p span.r7{float: right;width: 81%;}
#contents #eventArticle #sub .event_main .event_txt p span.r8{float: right;width: 75%;}
#contents #eventArticle #sub .event_main .event_txt p span.rimg{float: left;}
#contents #eventArticle #sub .event_main .event_txt p span.viewImg{padding-top: 20px;display: inline-block;}
#contents #eventArticle #sub .event_main .event_txt p span span{font-family: "NanumBarunGothicBold",sans-serif;}
#contents #eventArticle #sub .event_main .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;}
#contents #eventArticle #sub .event_main .event_txt .txt_tit h4{font-size: 20px;font-family: "NanumBarunGothicBold",sans-serif;}
#contents #eventArticle #sub .event_main .event_txt .txt_tit h4.h5{font-size: 30px;font-family: "NanumBarunGothicBold",sans-serif;color: #8b681c;}
#contents #eventArticle #sub .event_main .event_txt .txt_tit h5{font-size: 17px;font-family: "NanumBarunGothicBold",sans-serif;}
#contents #eventArticle #sub .event_main .event_txt .txt_tit span{font-size: 15px;font-family: "NanumBarunGothicBold",sans-serif;color: #8b681c;display: inline-block;padding-top: 5px;}
#contents #eventArticle #sub .event_main .event_txt .txt_tit span span{font-family: "NanumBarunGothicLight",sans-serif;}
#contents #eventArticle #sub .event_main .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(../img/more3.png) no-repeat 77% 45%;padding-right: 8%;border: 1px solid #000;}
#contents #eventArticle #sub .event_main .hash_tag{margin: 90px 0 40px;}
#contents #eventArticle #sub .event_main .hash_tag ul{overflow: hidden;}
#contents #eventArticle #sub .event_main .hash_tag ul li{border: 1px solid #1b96ff;border-radius: 30px;float: left;margin-right: 5px;}
#contents #eventArticle #sub .event_main .hash_tag ul li a{font-size: 17px;font-family: "NanumBarunGothicLight",sans-serif;color: #1b96ff;padding: 5px 7px;display: inline-block;}
#contents #eventArticle #sub .event_main .editor{border-top: 2px solid #000;}
#contents #eventArticle #sub .event_main .editor>div{display: inline-block;overflow: hidden;margin-top: 20px;border-right: 1px solid #d4d4d4;padding-right: 40px;margin-right: 35px;}
#contents #eventArticle #sub .event_main .editor>div:last-child{border: none;padding-right: 0;margin-right: 0;}
#contents #eventArticle #sub .event_main .editor .beerpost{float: left;display: inline-block;width: 56px;}
#contents #eventArticle #sub .event_main .editor .beerpost img{width: 100%;}
#contents #eventArticle #sub .event_main .editor .editor_info{float: left;padding-left: 10px;}
#contents #eventArticle #sub .event_main .editor .editor_info .job{font-size: 20px;font-family: "NanumBarunGothicBold",sans-serif;display: block;text-transform: uppercase;}
#contents #eventArticle #sub .event_main .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: 85px;}
#contents #eventArticle .ad2 ul{}
#contents #eventArticle .ad2 ul li{margin-bottom: 20px;}
#contents #eventArticle .ad2 ul li a{display: block;}
#contents #eventArticle .ad2 ul li a img{width: 100%;}



#contents #search_form{}
#contents #search_form #search{width: 875px;display: inline-block;}
#contents #search_form #search .search_input{padding-bottom: 60px;}
#contents #search_form #search .search_input input{width: 560px;border: none;background: none;border-bottom: 2px solid #000;background: url(../search/img/search.png) no-repeat 100% center;padding-bottom: 10px;font-size: 30px;font-family: "NanumBarunGothicBold",sans-serif;color: #000;}
#contents #search_form #search .search_list{}
#contents #search_form #search .search_list ul{}
#contents #search_form #search .search_list ul li{border-bottom: 1px solid #d9d9d9;margin-bottom: 20px;}
#contents #search_form #search .search_list ul li a{display: block;overflow: hidden;padding-bottom: 20px;color: #000;}
#contents #search_form #search .search_list ul li a .list_info{width: 620px;float: left;}
#contents #search_form #search .search_list ul li a .list_info .board_tit{font-size: 17px;color: #1b96ff;font-family: "NanumBarunGothicBold",sans-serif;display: block;padding-bottom: 8px;}
#contents #search_form #search .search_list ul li a .list_info .list_tit{font-size: 21px;font-family: "NanumBarunGothicBold",sans-serif;display: block;padding-bottom: 8px;}
#contents #search_form #search .search_list ul li a .list_info .list_date{font-size: 13px;font-family: "NanumBarunGothicLight",sans-serif;color: #6e6e6e;}
#contents #search_form #search .search_list ul li a .list_info .list_date:after{content: "|";color: #6e6e6e;font-size: 10px;padding: 0 5px;}
#contents #search_form #search .search_list ul li a .list_info .list_cmt{font-size: 13px;font-family: "NanumBarunGothicLight",sans-serif;color: #6e6e6e;}
#contents #search_form #search .search_list ul li a .list_info .list_cmt span.cmt{width: 12px;height: 12px;background: url(../img/cmt.png) no-repeat 0 0;background-size:100%;display: inline-block;margin-right: 3px;}
#contents #search_form #search .search_list ul li a .list_info .list_txt{padding-top: 15px;}
#contents #search_form #search .search_list ul li a .list_info .list_txt p{font-size: 14px;line-height: 1.4;font-family: "NanumBarunGothicLight",sans-serif}
#contents #search_form #search .search_list ul li a .list_img{float: right;}
#contents #search_form #search .search_list ul li a .list_img img{}
#contents #search_form #search .search_no{background: #f7f7f7;width: 100%;height: 1035px;margin-bottom: 100px;}
#contents #search_form #search .search_no span.caution{text-align: center;display: block;padding:180px 0 10px;}
#contents #search_form #search .search_no p{font-size: 25px;font-family: "NanumBarunGothicLight",sans-serif;text-align: center;line-height: 1.5;}
#contents #search_form #search .num_wrap{clear: both;background: #f6f6f6;border: 1px solid #e9e9e9;padding: 18px 0;margin: 50px 0 100px;}
#contents #search_form #search .num_wrap ul.num{width: 430px;margin: 0 auto;overflow: hidden;}
#contents #search_form #search .num_wrap ul.num li{float: left;margin-right: 9px;}
#contents #search_form #search .num_wrap ul.num li:last-child{margin-right: 0;}
#contents #search_form #search .num_wrap ul.num li a{font-family: "Helvetica",sans-serif;color: #000;font-size: 14px;padding:6px 5px 10px;border: 1px solid #cdcdcd;background: #fff;display: block;}
#contents #search_form #search .num_wrap ul.num li ul{}
#contents #search_form #search .num_wrap ul.num li ul li:nth-child(8){padding-top: 10px;}
#contents #search_form #search .num_wrap ul.num li ul li a{padding:8px 12px;}
#contents #search_form #search .num_wrap ul.num li ul li.on a{color: #fff;background: #28c5ff;font-weight: bold;}
#contents #search_form .ad{display: inline-block;float: right;width: 260px;}
#contents #search_form .ad ul{}
#contents #search_form .ad ul li{margin-bottom: 20px;}
#contents #search_form .ad ul li a{display: block;}
#contents #search_form .ad ul li a img{width: 100%;}


#contents #faqWrap{overflow: hidden;}
#contents #faqWrap #faq{width: 875px;display: inline-block;overflow: hidden;}
#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(../footer_menu/img/down.png) no-repeat 95% center;}
#contents #faqWrap #faq .faq ul li>a.on{background: #f2f2f2 url(../footer_menu/img/up.png) no-repeat 95% center;}
#contents #faqWrap #faq .faq ul li>a .q_num{background: url(../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(../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(../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(../footer_menu/img/dot.png) no-repeat 0 center;padding-bottom: 5px;}
#contents #faqWrap #faq form{padding-top: 47px;}
#contents #faqWrap #faq .service_info{width: 370px;float: left;}
#contents #faqWrap #faq .service_info ul{border-bottom: none;}
#contents #faqWrap #faq .service_info ul li{border-bottom: none;margin-bottom: 18px;}
#contents #faqWrap #faq .service_info ul li label{}
#contents #faqWrap #faq .service_info ul li input{border: 1px solid #ccc;padding: 15px;box-sizing: border-box;width: 100%;font-size: 15px;}
#contents #faqWrap #faq .service_info>div{margin-bottom: 18px;position: relative;}
#contents #faqWrap #faq .service_info p{font-size: 14px;font-family: "NanumBarunGothicLight",sans-serif;color: #787878;padding-left: 15px;background: url(../footer_menu/img/bar.png) no-repeat 0 20%;line-height: 1.5;}
#contents #faqWrap #faq .service_info table{border-collapse: collapse;border: 1px solid #ccc;width: 100%;}
#contents #faqWrap #faq .service_info table tr{border-bottom: 1px solid #d8d8d8;}
#contents #faqWrap #faq .service_info table tr:last-child{border-bottom: 0;}
#contents #faqWrap #faq .service_info table tr th{font-size: 14px;padding: 10px 13px;background: #ededed;}
#contents #faqWrap #faq .service_info table tr td{font-size: 13px;font-family: "NanumBarunGothicLight",sans-serif;padding: 10px 13px;line-height: 1.5;}
#contents #faqWrap #faq .service_info .allCheck{text-align: right;float: right;cursor: pointer;position: relative;position: absolute;top: 0;right: 0;}
#contents #faqWrap #faq .service_info .allCheck input#agree{position: absolute;top: 0;left: 0;opacity: 0;cursor: pointer;width: 12px;height: 12px;margin-top: 2px;}
#contents #faqWrap #faq .service_info .allCheck i{float: left;display: block;width: 12px;height: 12px;background: url(../footer_menu/img/check.png) no-repeat left top;background-size: 100%;margin-top: 2px;}
#contents #faqWrap #faq .service_info .allCheck label{float: left;margin-left:5px;cursor: pointer;font-size: 15px;color: #4889ff;}
#contents #faqWrap #faq .service_info .allCheck input#agree:checked+i{background-position: left bottom;}
#contents #faqWrap #faq .contact_txt{float: right;width: 480px;}
#contents #faqWrap #faq .contact_txt textarea{width: 100%;border: 1px solid #ccc;padding: 15px;box-sizing: border-box;width: 100%;height: 515px;font-size: 15px;}
#contents #faqWrap #faq .service_btn{margin: 0 auto;width: 180px;clear: both;padding: 50px 0;}
#contents #faqWrap #faq .service_btn button{background: none;border: none;display: block;width: 180px;}
#contents #faqWrap #faq .service_btn a{font-size: 18px;color: #fff;text-align: center;display: block;padding: 15px 0;border-radius: 30px;background: #000 url(../footer_menu/img/service_btn.png) no-repeat 77% 45%;padding-right: 8%;}
#contents #faqWrap #faq .map_img{margin-top: 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(../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(../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(../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(../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{}
#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(../footer_menu/img/alert01.png) no-repeat center 0;font-family: "NanumBarunGothicBold",sans-serif;}
#my_popup .my_popup_btn{margin:17px auto 0;width: 100px;}
#my_popup .my_popup_btn button{display: inline-block;border: none;background: #000;border-radius: 20px;font-size: 16px;color: #fff;text-align: center;padding: 10px 0;width: 100px;}

#my_popup2{width: 270px;background: #fff;border: 1px solid #bababa;padding: 30px 0;}
#my_popup2 p{font-size: 18px;text-align: center;padding-bottom: 10px;line-height: 1.6;padding-top: 65px;background: url(../footer_menu/img/alert02.png) no-repeat center 0;font-family: "NanumBarunGothicBold",sans-serif;}
#my_popup2 span{font-size: 15px;text-align: center;font-family: "NanumBarunGothicLight",sans-serif;display: block;text-align: center;line-height: 1.3;}
#my_popup2 .my_popup2_btn{margin:17px auto 0;width: 100px;}
#my_popup2 .my_popup2_btn button{display: inline-block;border: none;background: #000;border-radius: 20px;font-size: 16px;color: #fff;text-align: center;padding: 10px 0;width: 100px;}