/* 팝업영역 */
.popupViewBox { position: absolute; width: 500px; background-color: #FFF; left: 0; top: 0; z-index: 999; overflow: hidden; }
.popupViewBox > .conWrap { width: 100%; float: left; }
.popupViewBox > .conWrap img { max-width: 100%; }
.popupViewBox > .btnWrap { width: 100%; float: left; background-color: #333; padding: 5px 10px; }
.popupViewBox > .btnWrap > a { height: 23px; line-height: 23px; font-size: 12px; color: #FFF; font-weight: 500; }
.popupViewBox > .btnWrap > a.left { float: left; opacity: 0.6; }
.popupViewBox > .btnWrap > a.right { float: right; }


.main_point_color { color:#9e282b !important; }

.footer {width:100%; float:left; margin-top: 120px;}
.footer_content {background-color:#333333; height : 200px;}
.footer_content > div > div > .conn1 {width:30%; float:left; text-align: center; line-height: 200px;}
.footer_content > div > div > .conn1 > a {width:100%; float:left;}
.footer_content > div > div > .conn2 {width:70%; float:left; color : #ffffff; padding-left: 15px; height: 200px;}
.footer_content > div > div > .conn2 > p {width:100%; font-size:16px; font-weight: lighter; position: relative; top: 50%; transform: translate(0%, -50%);}
.footer_content > div > div > .conn2 > p > .point {width:100%; line-height: 28px; letter-spacing: 0px; }


/* sub_visual */

.sub_visual { height:365px; background-size: 100% 450px; background-repeat: no-repeat; background-position: center; z-index: 11; padding-top: 120px;}
.sub_visual > div { height:100%; }
.sub_visual > div > div { height:100%; }
.sub_visual .sub_visual_eng {width: 100%; text-align: center; z-index: 1; }
.sub_visual .sub_visual_eng .eng_text {font-size:16px;color:#fff; letter-spacing: 3px; font-weight: 100; }
.sub_visual .sub_visual_tit {width:100%; text-align:center; z-index:1; }
.sub_visual .sub_visual_tit .main_text {font-size:45px; font-family: "swgi"; font-weight: 900; ;color:#cc3333; line-height: 245px; }
.sub_visual .sub_visual_tit .main_text .point {color:#cc3333;font-family: inherit;}
.sub_visual .sub_visual_tit .sub_text { font-size:18px; font-weight: 100; color:#ccc; }
.sub_visual .sub_visual_logo { height: 235px; width: 235px; background-size: 235px; background-repeat: no-repeat; background-position: center; position: absolute; right: -60px; top: 198px;}


/* sub_tab */

.sub_nav { border-bottom:1px solid #e1e1e1; z-index: 10; background-color: #ffffff;}
.sub_nav .box_1 .home_icon { float: left; line-height: 65px; font-size: 20px; }
.sub_nav .box_1 .sub_nav_title { font-size: 17px; font-weight: bold; }
.sub_nav .box_1 { width:100%; float:left; text-align:center; /* margin-top:10px; */ }
.sub_nav .box_1 > ul { text-align: center; vertical-align: top; width: 100%; float: left;}
.sub_nav .box_1 > ul li { width: 120px; display: inline-block; vertical-align: middle; height: 65px; line-height: 65px; margin: 0 20px; font-size:14px; font-weight: 500; }
.sub_nav .box_1 > ul li.active { border-bottom: 3px solid #cc3333; color: #cc3333; font-weight: bold; }
.sub_nav .box_1 > ul li a{width: 100%; height: 100%; float: left;}
.sub_nav .box_1 > ul li:hover { border-bottom: 3px solid #cc3333; color: #cc3333; font-weight: bold; }



/* sub_visual2 */
/*대표메뉴 sub_visula2 따로*/
.sub_visual2 .sub_visual2_img .mainmenu{color: #fff;  float: left; width: 100%; height: auto; padding-top: 100px; text-align: center; font-size: 40px;}
.sub_visual2 .sub_visual2_img .mainmenu .point{color: #cc3333; font-weight: 900; font-size: 50px;}
.sub_visual2 .sub_visual2_img .subtit{width : 100%; float: left; height: auto; margin-top: 13px; font-weight: 900; font-family: 'ggs'; text-align: center; color : #ffffff; font-size: 32px; padding-top: 0;}
.sub_visual2 .sub_visual2_img .subtit .point{ color: #cc3333; font-weight: 900; font-size: 32px; }
.sub_visual2 .sub_visual2_img .line{width: 100%; float: left; text-align: center; font-size: 22px; color: #fff; font-weight: lighter;}

.sub_visual2 .sub_visual2_text{ float: left; width: 100%; height : 270px; padding-top: 100px; text-align: center; font-size: 38px; }
.sub_visual2 .sub_visual2_text .point{ color: #cc3333; font-weight: 900; font-size: 50px; }
.sub_visual2 .sub_visual2_text span{ font-family: "ggs"; font-weight: 900; letter-spacing: -3px; }

.sub_visual2 .sub_visual2_img{ float: left; width: 100%; height: 485px; background-size: 100% 100%;}
.sub_visual2 .sub_visual2_img .maintit{ width : 100%; height : 485px; float: left; line-height: 485px; font-weight: 900; font-family: 'ggs'; text-align: center; color : #ffffff; font-size: 45px; }
.sub_visual2 .sub_visual2_img .maintit .point{ color : #cc3333; font-weight: 900; font-family: 'ggs';}

/* 02_menu */

.meat_title{ float: left; width : 100%; height: 165px; padding : 30px 170px;}
.meat_title > div{ width : 100%; height: 100%; float: left; cursor: pointer;}
.meat_title > div > div{ width : 480px; height: 100%; border : 1px solid #cccccc; border-radius: 100px;  padding : 25px 55px; }
.meat_title > div > div .main_text{ font-size: 26px; font-family: 'ggs'; font-weight: 900; width : 100%;}
.meat_title > div > div .info_text{ font-size: 16px; width : 100%;}

.meat_title > .pig .title_1{ z-index: 2; position: absolute; top: 0; left: 0; background-color: #cc3333; color: #fff; }
.meat_title > .pig .title_2{ z-index: 1; position: absolute; top: 0; right: 0; }
.meat_title > .pig .title_1 > div{ float: left; text-align: left; }
.meat_title > .pig .title_2 > div{ float: right; text-align: right;}

.meat_title > .cow .title_1{ z-index: 1; position: absolute; top: 0; left: 0; }
.meat_title > .cow .title_2{ z-index: 2; position: absolute; top: 0; right: 0; background-color: #cc3333; color: #fff; }
.meat_title > .cow .title_1 > div{ float: left; text-align: left; }
.meat_title > .cow .title_2 > div{ float: right; text-align: right;}

.meat_box{ float: left; width : 100%; padding : 0px 100px; background-color: #f9f9f9; border-radius: 10px; }
.meat_box ul{ width : 100%; float: left; }
.meat_box ul li{ float: left; width : 33.333%; height : 430px; padding : 60px 10px; text-align: center; border-top: 1px solid #ffffff;}
.meat_box ul li img{ display: inline-block;}
.meat_box ul li .info{ position: absolute; bottom: 60px; left: 0; width : 100%; height: 110px;}
/*.meat_box ul li:nth-child(n+4) .info{ bottom: 50px; }*/
.meat_box ul li .info .info_title{ font-size: 23px; font-weight: 900; width : 100%; float: left; text-align: center;}
.meat_box ul li .info .info_info{ width : 100%; float: left; color : #666666; font-size: 17px; text-align: center; line-height: 25px; padding-top: 5px;}

.common_box .box_content{ float: left; width : 100%; padding : 80px 100px; background-color: #f9f9f9; border-radius: 10px; }
.common_box .box_content ul li{float: left; width : 32.6%; border: none; height: auto; padding: 0; margin-top: 10px; margin-left: 10px;}
.common_box .box_content ul .margin_0{margin-left: 0;}
.common_box .box_content ul li .info{position: absolute; bottom: -13px; left: 20px; width : 100%;}
.common_box .box_content ul li .info .info_title{ font-size: 23px; font-family: 'Nanum Myeongjo', serif; font-weight: bold; width : 100%; float: left; text-align: left; color: #fff;}
.common_box .box_content ul li .info .info_info{ width : 100%; float: left; font-family: 'Nanum Myeongjo', serif;  font-size: 17px; text-align: left; line-height: 25px; padding-top: 5px;  color: #bfbfbf;}


.meat_title2{ float: left; width : 100%; height: 165px; padding : 30px 345px;}
.meat_title2 > div{ width : 100%; height: 100%; float: left; border : 1px solid #cccccc; border-radius: 100px;  padding : 25px 55px; background-color: #cc3333; color: #fff; text-align: center;}
.meat_title2 > div > div .main_text{ font-size: 26px; font-family: 'ggs'; font-weight: 900; width : 100%;}
.meat_title2 > div > div .info_text{ font-size: 16px; width : 100%;}

.menu_02 .meat_box ul { padding-bottom: 0; }
.menu_02 .meat_box ul li{ float: left; width : 33.333%; height : 430px; padding : 85px 10px; text-align: center; }
.menu_02 .meat_box ul li:last-child{ padding-top: 60px; }
.menu_02 .meat_box ul li .info{ position: absolute; bottom: 25px; left: 0; width : 100%; height: 110px;}
.menu_02 .meat_box ul li .info .info_info{ width : 100%; float: left; color : #666666; font-size: 17px; text-align: center; line-height: 25px; padding-top: 5px;}

.menu_03 { margin-top: -87px; }
.menu_03 .meat_title2{ z-index: 2; margin-bottom: -80px; top: -168px;}
.menu_03 .meat_title2 > div{ border: 0; }
.menu_03 .meat_box{ background-color: #241712; border-radius: 0; padding-top: 45px; padding-bottom: 45px;}
.menu_03 .meat_box:last-child{ margin-bottom: 0px; }
.menu_03 .meat_box ul { padding-bottom: 0; }
.menu_03 .meat_box ul li{ float: left; width : 33.333%; height : 427px; padding : 45px 10px; text-align: center; border: 0; }
.menu_03 .meat_box ul li:nth-child(n+4){ border-top: 1px solid #382c27; }
.menu_03 .meat_box ul li:last-child{ padding : 74px 30px; }
.menu_03 .meat_box ul li .info{ position: absolute; bottom: 10px; left: 13px; width : 306px; height: 80px; line-height:80px; color: #241712; background-color: #fff; margin-bottom: 40px;}
.menu_03 .meat_box ul li .info .info_info{ width : 100%; float: left; color : #666666; font-size: 17px; text-align: center; line-height: 25px; padding-top: 5px;}

.special_menu{ width : 100%; float: left; padding : 60px 40px; height: 700px; background: url('/images/special_back.png'); background-size: 100% 100%;}
.special_menu .special_title{ width : 100%; float: left; padding : 0 360px; }
.special_menu .special_title > div{ width: 100%; height: 60px; line-height: 65px; text-align: center; float: left; background-color: #cc3333; border-radius: 100px; color: #fff; font-family: "ggs"; font-weight: 900; font-size: 22px; }
.special_menu .special_info{ width: 100%; float: left; padding-top: 70px;}
.special_menu .special_info > div{ width : 50%; float: left; padding: 20px; }
.special_menu .special_info > div > img{ float: left; }
.special_menu .special_info > div > div{ width : 280px; float: left; padding: 5px 15px;}
.special_menu .special_info > div > div .title{ width: 100%; float: left; font-size: 28px; font-weight: 900; color: #333333; }
.special_menu .special_info > div > div .info{ width: 100%; float: left; font-size: 19px; color: #333333; margin-top: 5px; margin-top: 20px;}


/* 04_community */
.community_top{ float: left; width : 100%; height: 220px; padding-top: 60px; text-align: center; }
.community_top span{font-size: 50px; font-weight: 900; font-family: "swgi";}
.community_top .point{ color : #cc3333; }
.community_top p{ color: #666; font-size: 22px; margin-top: 15px; }
.community_top.top2{ height: 200px; padding-top: 75px; }
.community_top.top2 span{font-size: 40px;}

.community_back { background-color: #d9d9d9; }
.community_back img{ float: left; margin-left: -242.5px; }
.community_video{ margin-top: -275px; }
.community_video2{ margin-top: -445px; }

.community_01{float: left; width: 100%;}
.community_02{float: left; width: 100%;}
.community_03{float: left; width: 100%;}
.community_04{float: left; width: 100%;}

.community_01 .bg_img{width: 100%; float: left; margin-top: 70px; height: 950px; background-image: url(/images/bg_img.png); background-position: top; background-repeat: no-repeat; background-size: 100% 950px;}
.community_01 .community_content .content_01{ text-align : center; width: 100%; float: left; padding-bottom: 90px; }
.community_01 .community_content .content_01 .search_box{ float: left; width : 100%; margin-top: 70px; padding : 0px 290px 0px 270px; }
.community_01 .community_content .content_01 .search_box > div{ float: left; width : 100%; border : 2px solid #03c85a; background-color: #03c85a; }
.community_01 .community_content .content_01 .search_box > div .text_box{ float: left; background-color: #fff; width : 570px; height : 60px; line-height: 60px; padding-left: 25px; text-align: left; font-size: 24px; }
.community_01 .community_content .content_01 .search_box > div .search_btn{ color : #fff; float: left; line-height: 60px; width : 66px; padding-left: 2px; font-size: 26px; cursor: pointer; }
.community_01 .community_content .content_01 .search_info{ width: 100%; float: left; margin-top: 25px; text-align: center; color: #fff; font-size: 24px;}
.community_01 .community_content .content_01 .search_info span{ font-weight: 900; border-bottom : 2px solid #fff; display: inline-block; height: 50px; line-height: 50px;}
.community_01 .community_content .content_01 .title{ margin-top: 55px; width: 100%; float: left; text-align: center; line-height: 55px;}
.community_01 .community_content .content_01 .title .t1{ font-family: "swgi"; font-weight: 500; color: #fff; font-size: 46.67px; }
.community_01 .community_content .content_01 .title .t2{ font-family: "swgi"; font-weight: 900; color: #e3c589; font-size: 48px; }
.community_01 .community_content .content_01 .title .t3{ font-family: "swgi"; font-weight: 900; color: #cc3333; font-size: 48px; }
.community_01 .community_content .content_01 .sub_title{ width : 100%; float: left; font-family: "swgi"; font-weight: 900; font-size: 35px; margin-top: 70px; color: #fff; }
.community_01 .community_content .content_01 .sub_title .point_red{color: #cc3333; font-size: 35px;}

.community_01 .community_content .content_01 .content_slide{ width: 100%; float: left; overflow: hidden; margin-top: 45px;}
.community_01 .community_content .content_01 .content_slide > div{ float: left; }
.community_01 .community_content .content_01 .content_slide > div{ transition: all 0.5s; }
.community_01 .community_content .content_01 .content_slide > div > div{ float: left; width : 300px; padding : 0 15px; }
.community_01 .community_content .content_01 .content_slide > div > div img{ float: left; width : 100%; height : 100%; }
.community_01 .community_content .content_01 .content_slide > div > div .slide_title{ position: absolute; width : 100%; height : 75px; line-height: 75px; text-align: center; color : #fff; left : 0; top : 12px; font-weight: 900; font-family: "swgi"; font-size: 24.58px;}

.community_01 .community_content .content_01 .content_slide > div > div .wal{ position: absolute; width : 100%; text-align: center; color : #000; left : 0; top : 125px; font-weight: 100; font-family: "swgi"; font-size: 18px;}
.community_01 .community_content .content_01 .content_slide > div > div .won{ position: absolute; width : 100%; text-align: center; color : #cc3333; left : 0; top : 165px; font-weight: 900; font-family: "swgi"; font-size: 35px;}
.community_01 .community_content .content_01 .left_btn{ position: absolute; left: -5%; top: 76%; cursor: pointer; }
.community_01 .community_content .content_01 .right_btn{ position: absolute; right: -5%; top: 76%; cursor: pointer; }


.community_01 .bg_img02{width: 100%; float: left; height: 900px; background-image: url(/images/bg_img02.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.community_01 .community_content .content_02{ text-align : center; width: 100%; float: left; padding-top: 90px; } /*border-top: 10px solid #f2f2f2; */
.community_01 .community_content .content_02 .title{ width: 100%; float: left; text-align: center;}
.community_01 .community_content .content_02 .title .t1{ width: 100%; float: left; text-align: center; font-size: 46px; font-style: italic; color : #000; font-family: "swgi"; font-weight: 900;}
.community_01 .community_content .content_02 .title .t2{ width: 100%; float: left; text-align: center; font-size: 70px; font-style: italic; color : #cc3333; font-family: "swgi"; font-weight: 900; margin-top: 5px;}
.community_01 .community_content .content_02 .title .t3{ width: 100%; float: left; text-align: center; font-size: 23px; margin-top: 40px;}
.community_01 .community_content .content_02 .title .t3 .point{ height: 50px; display: inline-block; border-bottom: 2px solid #666; font-weight: 900; }
/*.community_01 .community_content .content_02 .circle_wrap{ float: left; width : 100%; margin-top: 70px; padding : 0 35px;}
.community_01 .community_content .content_02 .circle_wrap > div{ width : 25%; float: left; padding : 0 5px; }
.community_01 .community_content .content_02 .circle_wrap > div > div{ cursor: pointer; float: left; width : 100%; border : 1px dashed #3d3d3d; height: 65px; line-height: 65px; border-radius: 100px; transition: all 1s;}
.community_01 .community_content .content_02 .circle_wrap > div > div.active{ background-color: #000; }
.community_01 .community_content .content_02 .circle_wrap > div > div span{ font-size: 20px; font-family: "swgi"; font-weight: 700; transition: all 1s;}
.community_01 .community_content .content_02 .circle_wrap > div > div.active span{ color : #fff;}
.community_01 .community_content .content_02 .circle_wrap > div > div .point{ font-size: 20px; font-family: "swgi"; font-weight: 900; color: #cc3333 !important; }

.community_01 .community_content .content_02 .img_wrap{ width : 100%; float: left; overflow: auto; margin-top: 30px;}
.community_01 .community_content .content_02 .img_wrap::-webkit-scrollbar { background: #cccccc; height: 8px; width: 15px; border-radius: 5px;}
.community_01 .community_content .content_02 .img_wrap::-webkit-scrollbar-thumb { background-color: #cc3333; border-radius: 5px; }
.community_01 .community_content .content_02 .img_wrap::-webkit-scrollbar-track { background-color: #cccccc; border-radius: 5px; }


.community_01 .community_content .content_02 .img_wrap > div{ width : 100%; float: left;  }
.community_01 .community_content .content_02 .img_wrap > div > div{ width: 1200px; float: left; margin-left: -1200px; opacity: 0; transition: opacity 1s;}
.community_01 .community_content .content_02 .img_wrap > div > div.active{ opacity: 1; }
.community_01 .community_content .content_02 .img_wrap > div > div:first-child{ margin-left: 0; }
.community_01 .community_content .content_02 .img_wrap > div > div .img_title{ float: left; width : 100%; height: 90px; line-height: 90px; color : #fff; font-family: "swgi"; font-size: 23px; font-weight: 100; background-color: #cc3333;}
.community_01 .community_content .content_02 .img_wrap > div > div .img_title span{ font-weight: 900; font-family: "swgi"; }
.community_01 .community_content .content_02 .img_wrap > div > div .img_content{ width: 100%; float: left; }

.community_01 .community_content .content_02 .img_wrap > div > div .img_content > div{ float: left; width : 100%;  }
.community_01 .community_content .content_02 .img_wrap > div > div .img_content .img_box img{ width : 100%; float: left;}

.community_01 .community_content .content_02 .img_wrap > div > div.active .img_content .img_box img{ width : 100%; float: left; height: auto;}

.community_01 .community_content .content_02 .con_circle{ position: absolute; top : 20px; right : 40px; }
.community_01 .community_content .content_02 .con_circle .pt{ text-align: center; width : 100%; position: absolute; top : 24%; font-size: 19px; color: #000; font-weight: 900; padding-right: 14px;}
.community_01 .community_content .content_02 .con_circle .nt{ text-align: center; width : 100%; position: absolute; top : 37%; font-size: 58px; font-family: "swgi"; font-weight: 900; color: #000; padding-right: 14px;}

/* .community_01 .community_content .content_02 .img_wrap{ width : 100%; float: left; overflow: auto; margin-top: 30px;}
.community_01 .community_content .content_02 .img_wrap::-webkit-scrollbar { background: #cccccc; height: 8px; width: 15px; border-radius: 5px;}
.community_01 .community_content .content_02 .img_wrap::-webkit-scrollbar-thumb { background-color: #cc3333; border-radius: 5px; }
.community_01 .community_content .content_02 .img_wrap::-webkit-scrollbar-track { background-color: #cccccc; border-radius: 5px; }


.community_01 .community_content .content_02 .img_wrap > div{ width : 400%; float: left; padding-bottom: 25px; }
.community_01 .community_content .content_02 .img_wrap > div > div{ width: 1200px; float: left; }
.community_01 .community_content .content_02 .img_wrap > div > div .img_title{ float: left; width : 100%; height: 90px; line-height: 90px; color : #fff; font-family: "swgi"; font-size: 27px; font-weight: 100; background-color: #cc3333;}
.community_01 .community_content .content_02 .img_wrap > div > div .img_title span{ font-weight: 900; font-family: "swgi"; }
.community_01 .community_content .content_02 .img_wrap > div > div .img_content{ width: 100%; float: left; height: 680px; }

.community_01 .community_content .content_02 .img_wrap > div > div .img_content > div{ float: left; height: 100%; }
.community_01 .community_content .content_02 .img_wrap > div > div .img_content .img_box { width: 650px; }
.community_01 .community_content .content_02 .img_wrap > div > div .img_content .img_box .img1{ position: absolute; left: 75px; top : 80px; }
.community_01 .community_content .content_02 .img_wrap > div > div .img_content .img_box .img2{ position: absolute; left : 105px; top : 123px; }

.community_01 .community_content .content_02 .img_wrap > div > div .img_content .text_box{ width: 550px; }
.community_01 .community_content .content_02 .img_wrap > div > div .img_content .text_box .t1{ float: left; margin-top: 230px; font-family: "swgi"; width : 100%; text-align: left; color: #cccccc; font-size: 33px;}
.community_01 .community_content .content_02 .img_wrap > div > div .img_content .text_box .t2{ float: left; margin-top: 10px; font-family: "swgi"; width : 100%; text-align: left; color: #cc3333; font-size: 48px; font-weight: 900;}
.community_01 .community_content .content_02 .img_wrap > div > div .img_content .text_box .t3{ float: left; margin-top: 10px; font-size: 30px; color: #efefef; font-size: 28px; margin-top: 30px; text-align: left; font-weight: 100; }

.community_01 .community_content .content_02 .con_circle{ position: absolute; top : 20px; right : 40px; }
.community_01 .community_content .content_02 .con_circle .pt{ text-align: center; width : 100%; position: absolute; top : 24%; font-size: 19px; color: #000; font-weight: 900; padding-right: 14px;}
.community_01 .community_content .content_02 .con_circle .nt{ text-align: center; width : 100%; position: absolute; top : 37%; font-size: 58px; font-family: "swgi"; font-weight: 900; color: #000; padding-right: 14px;} */

.community_01 .bg_img03{width: 100%; float: left; height: 350px; background-color: #cc3333; padding-top: 85px; margin-top: 50px;}
.community_01 .bg_img03 .content_03{width: 100%; float: left;}
.community_01 .bg_img03 .content_03 li{width: 50%; float: left;}
.community_01 .bg_img03 .left{font-size: 30px; color: #fff; font-weight: lighter; text-align: center;}
.community_01 .bg_img03 .left img{width: 350px; margin-top: 10px;}
.community_01 .bg_img03 .right{font-size: 25px; color: #fff; font-weight: 400; padding-top: 35px;}


.community_01 .bg_img04{width: 100%; float: left; height: 750px; background-image: url(/images/bg_img03.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.community_01 .bg_img04 .content_04{width: 100%; float: left; padding-top: 140px;}
.community_01 .bg_img04 .left{width: 60%; float: left; padding-left: 30px;}
.community_01 .bg_img04 .content_04 li{width: 100%; float: left;}
.community_01 .bg_img04 .left .star img{width: 133px;}
.community_01 .bg_img04 .left .wr img{width: 333px; margin-top: 10px;}
.community_01 .bg_img04 .left .t1{font-size: 30px; font-family: 'swgi'; font-weight: 300; margin-top: 13px; color: #fff;}
.community_01 .bg_img04 .left .t2{font-size: 50px; font-family: 'swgi'; color: #e3c589; font-weight: bold; margin-top: 15px;}
.community_01 .bg_img04 .left .t3{font-size: 24px; margin-top: 30px; color: #fff;}
.community_01 .bg_img04 .left .gold_box{
	background: linear-gradient(to top, #a1712a, #fcf9e3 50%, #a1712a); width: 425px; height: 70px; line-height: 68px;
font-size: 31px; text-align: center; font-weight: bold; border-radius: 20px; margin-top: 20px;}
.community_01 .bg_img04 .right{width: 40%; float: left; text-align: left;}
.community_01 .bg_img04 .right img{width: 454px;}


.community_01 .bg_img05{width: 100%; float: left; height: 650px;}
.community_01 .bg_img05 .content_05{width: 100%; float: left; padding-top: 135px;}
.community_01 .bg_img05 .content_05 .left{width: 50%; float: left;}
.community_01 .bg_img05 .content_05 li{width: 220px; float: left;}
.community_01 .bg_img05 .content_05 .left li:nth-child(2n){margin-left: 10px;}
.community_01 .bg_img05 .content_05 .left li:nth-child(n+3){margin-top: 10px;}
.community_01 .bg_img05 .content_05 .left p{background-color: #cc3333; width: 100px; height: 38px; line-height: 38px; position: absolute; top: 0; font-size: 17px; font-family: 'swgi'; font-weight: bold; color: #fff; text-align: center; line-height: 38px;}
.community_01 .bg_img05 .content_05 .left .left0{left: 0;}
.community_01 .bg_img05 .content_05 .left .right0{right: 0;}
.community_01 .bg_img05 .right{width: 50%; float: left; padding-top: 45px;}
.community_01 .bg_img05 .right li{width: 100%; float: left;}
.community_01 .bg_img05 .right .t1{font-size: 24px; font-family: 'swgi';}
.community_01 .bg_img05 .right .t2{font-size: 58px; font-family: 'swgi'; font-weight: 900; margin-top: 10px; color: #000;}
.community_01 .bg_img05 .right .t2 img{width: 205px;}
.community_01 .bg_img05 .right .t3{font-size: 25px; margin-top: 95px;}
.community_01 .bg_img05 .right .t3 span{font-size: 25px; color: #cc3333; font-weight: bold;}
.community_01 .bg_img05 .right .t4{font-size: 23px; margin-top: 25px; z-index: 10;}
.community_01 .bg_img05 .right .t5{font-size: 79px; color: #f3f3f3; font-weight: bold; font-family: 'swgi'; position: absolute; bottom: -58px;}

.community_01 .bg_img06{width: 100%; float: left; height: 940px; margin-top: 85px; background-image: url(/images/bg_img04.png); background-position: center; background-repeat: no-repeat; background-size: 100% 940px;}
.community_01 .bg_img06 .content_06{width: 100%; float: left;}
.community_01 .bg_img06 .content_06 .left{width: 50%; float: left; text-align: right; padding-top: 235px;}
.community_01 .bg_img06 .content_06 li{width: 100%; float: left;}
.community_01 .bg_img06 .left .wr img{width: 300px; margin-top: 10px;}
.community_01 .bg_img06 .left .t1{font-size: 27px; font-family: 'swgi'; color: #fff; font-weight: 300;}
.community_01 .bg_img06 .left .t2{font-size: 55px; font-family: 'swgi'; color: #fff; font-weight: bold; margin-top: 20px;}
.community_01 .bg_img06 .left .t3{font-size: 27px; color: #fff; font-weight: 300; line-height: 54px; margin-top: 40px;}
.community_01 .bg_img06 .left .t3 span{font-weight: bold; display: inline-block; }
.community_01 .bg_img06 .left .under_line_col1{border-bottom: 2px solid #fff;}
.community_01 .bg_img06 .left .under_line_col2{border-bottom: 2px solid #e3c589; color: #e3c589;}
.community_01 .bg_img06 .left .t4{font-size: 25px; color: #fff; font-weight: 400; margin-top: 20px;}
.community_01 .bg_img06 .left .t4 span{font-weight: bold;}

.community_01 .bg_img07{width: 100%; float: left; height: 2280px; padding-top: 120px; background-image: url(/images/bg_img05.png); background-position: center; background-repeat: no-repeat; background-size: 100% 2280px;}
.community_01 .bg_img07 .content_07{width: 100%; float: left;}
.community_01 .bg_img07 .title{width: 100%; float: left; color: #fff; text-align: center;}
.community_01 .bg_img07 .title .tit{font-size: 50px; font-family: 'swgi'; font-weight: 300;}
.community_01 .bg_img07 .title .t1{font-size: 50px; margin-top: 10px; font-family: 'swgi'; font-weight: bold;}
.community_01 .bg_img07 .con{width: 100%; float: left; margin-top: 100px;}
.community_01 .bg_img07 .title .wr{padding-left: 20px;}
.community_01 .bg_img07 .con .sub_tit{font-size: 35px; color: #b4aca0; font-weight: lighter; text-align: center;}  
.community_01 .bg_img07 .con .point_yellow{color: #e3c589; font-weight: bold;}
.community_01 .bg_img07 .con .con_img{text-align: center; margin-top: 25px;}

.community_01 .bg_img08{width: 100%; float: left; height: 1600px;  padding-top: 120px; margin-bottom: -120px; background-image: url(/images/bg_img06.png); background-position: center; background-repeat: no-repeat; background-size: 100% 1600px;}
.community_01 .bg_img08 .content_08{width: 100%; float: left;}
.community_01 .bg_img08 .title{width: 100%; float: left; color: #fff; text-align: center;}
.community_01 .bg_img08 .title .tit{font-size: 50px; margin-top: 10px; font-family: 'swgi'; font-weight: 300;}
.community_01 .bg_img08 .title .con{font-size: 27px; color: #fff; margin-top: 30px;}
.community_01 .bg_img08 .title .wr{padding-left: 20px;}
.community_01 .bg_img08 .con_img{width: 100%; float: left; font-size: 30px; color: #fff; text-align: center; margin-top: 60px;}
.community_01 .bg_img08 .offline{width: 100%; float: left; height: 248px; margin-top: 40px; text-align: center; background-image: url(/images/offline.png); background-position: center; background-repeat: no-repeat; background-size: 100% 248px;}
.community_01 .bg_img08 .offline ul, .community_01 .bg_img08 .online ul{width: 80%; float: right; padding-top: 85px;}
.community_01 .bg_img08 .offline li, .community_01 .bg_img08 .online li {width: 25%; float: left;}
.community_01 .bg_img08 .offline span, .community_01 .bg_img08 .online span{font-size: 30px; font-family: 'swgi'; font-weight: bold;
	background: linear-gradient(to bottom right, #a1712a 39%, #fff8c7 54%, #a1712a 78%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.community_01 .bg_img08 .offline p, .community_01 .bg_img08 .online p{font-size: 17px; margin-top: 15px; color: #fff;}
.community_01 .bg_img08 .online{width: 100%; float: left; height: 248px; margin-top: 20px; text-align: center; background-image: url(/images/online.png); background-position: center; background-repeat: no-repeat; background-size: 100% 248px;}





.community_02 .community_content .content_01{ float: left; width : 100%; height : 480px; background-image: url(/images/com_img02.png); }
.community_02 .community_content .content_01 .title{ margin-top: 65px; font-size: 27px; text-align: center; }
.community_02 .community_content .content_01 .title span{ color: #fff; font-weight: 700; font-family: "swgi"; }
.community_02 .community_content .content_01 .title .point{ color: #cc3333; }
.community_02 .community_content .content_01 .circle_wrap{ float: left; width : 100%; padding : 0 60px; margin-top: 50px; }
.community_02 .community_content .content_01 .circle_wrap > div{ float: left; width : 25%; padding : 0 15px; }
.community_02 .community_content .content_01 .circle_wrap > div .circle{ float: left; width: 100%; height: 240px; border : 1px solid #cc3333; border-radius: 50%;}
.community_02 .community_content .content_01 .circle_wrap > div .circle .title{ float: left; width : 100%; color : #cc3333; font-weight: 700; font-family: "swgi"; font-size: 23px; text-align: center; margin-top: 102px; }
.community_02 .community_content .content_01 .circle_wrap > div .circle .info{ float: left; width : 100%; color : #ffffff; font-weight: 100; font-size: 16px; text-align: center; margin-top: 15px; }

.community_02 .community_content .content_02{ width : 100%; float: left;}
.community_02 .community_content .content_02 .title{ width : 100%; float: left; margin-top: 65px; font-size: 35px; text-align: center;}
.community_02 .community_content .content_02 .title span{ color: #000; font-family: "swgi"; font-weight: 900; }
.community_02 .community_content .content_02 .title .point{ color : #cc3333; }

.community_02 .community_content .content_02 .info{ float: left; width: 100%; margin-top: 40px; padding : 0 25px;  }
.community_02 .community_content .content_02 .info .box{ float: left; width : 25%; padding : 0 25px; }
.community_02 .community_content .content_02 .info .box:nth-child(n+5){ margin-top: 30px; }
.community_02 .community_content .content_02 .info .box > div{ float: left; width : 100%; height : 235px; border: 1px solid #cc3333; padding : 20px; }
.community_02 .community_content .content_02 .info .box > div .num{ float: right; font-weight: 900; font-size: 30px; font-family: "swgi"; color: #cc3333; }
.community_02 .community_content .content_02 .info .box > div .box_t{ float: left; width: 100%; text-align: center; margin-top: 50px; color: #000; font-weight: 900; font-family: "swgi"; font-size: 23px; }
.community_02 .community_content .content_02 .info .box > div .box_i{ float: left; width: 100%; text-align: center; margin-top: 15px; font-size: 15.4px;  }
.community_02 .community_content .content_02 .info .box_img{ float: left; width : 50%; height: 235px;  margin-top: 35px;}
.community_02 .community_content .content_02 .info .box_img .logo_black{ position: absolute; left: 85px; top: 70px; }
.community_02 .community_content .content_02 .info .box_img .back_logo{ position: absolute; right: 35px; top: 40px;}
.community_02 .community_content .content_02 .info .box_img .c_num{ position: absolute; top: 140px; left: 115px; }
.community_02 .community_content .content_02 .info .box_img .c_num > div{ color: #000; font-weight: 900; font-family: "swgi"; font-size: 23px; line-height: 35px; float: left; }
.community_02 .community_content .content_02 .info .box_img .c_num .num{ font-size: 35px; padding-left: 10px; }

/* 검색 */
#searchWrap_faq { width: 100%; float: left; }
#searchWrap_faq .searchCon { width: 100%; float: left; }
#searchWrap_faq .searchCon .inputWrap {position: relative;}
#searchWrap_faq .searchCon .inputWrap input { padding: 5px 20px; width: 450px; height: 50px; color: #333; border: 1px solid #ccc; font-size: 18px; margin-left: 12px; margin-right: 4px; border-radius: 50px; }
#searchWrap_faq .searchCon .inputWrap button { background: #fff; }
#searchWrap_faq .searchCon .inputWrap i { font-size: 20px; color: #ccc; }
#searchWrap_faq .searchCon .inputWrap input::placeholder { color: #ccc; } 

/*예약&상담 - 자주하는 질문*/

.qnaWrap {width: 100%; float: left; margin: 45px 0;}
.qnaWrap > ul {width: 100%; float: left; padding: 0 10px;} 
.qnaWrap .q_box {border-top: 1px solid #333; border-bottom: 1px solid #e0e0e0;}
.qnaWrap .a_box {background-color: #f9fcfd;}
.qnaWrap .q_box li:first-child {width: 37px; float: left; background-color: #cc3333; color: #fff; margin: 20px; font-size: 20px; font-weight: bold; line-height: 39px; text-align: center;}
.qnaWrap .q_box li:last-child {width: 90%; float: left; margin: 20px; font-size: 20px; line-height: 39px;}
.qnaWrap .q_box li:last-child span {float: right;}
.qnaWrap .a_box .box { width:20px; height:20px; float:left; border-bottom:1px solid #333; border-left:1px solid #333; margin: 23px 27px 27px 35px; }
.qnaWrap .a_box li:nth-child(2) {width: 37px; float: left; background-color: #830000; color: #fff; margin: 20px 15px; font-size: 20px; font-weight: bold; line-height: 39px; text-align: center;}
.qnaWrap .a_box li:last-child {width: 80%; float: left; margin: 21px 5px; font-size: 18px; line-height: 32px;}



#reservation{width: 100%; float: left;}
#reservation .reservation_title{width: 100%; float: left; font-size: 33px; font-weight: bold;}
#reservation .reservation_title span{color: #cc3333;}
#reservation .reservation_form{width: 100%; float: left; margin-top: 10px; border-top: 3px solid #830000;}
#reservation .reservation_01, .reservation_02, .reservation_03, .reservation_04{width: 100%; float: left;}
#reservation .reservation_02, .reservation_03, .reservation_04{border-top: 1px solid #dfdfdf;}
#reservation input{width: 100%; border: 1px solid #dfdfdf;}
#reservation .short_height{height: 45px;}
#reservation .long_height{height: 145px; width: 100%; resize: none; border: 1px solid #dfdfdf;}
#reservation .mid_height{width: 100%; height: 130px; color: #949494; font-size: 15px; padding: 20px; border: 1px solid #dfdfdf; overflow: auto;}
#reservation .reservation_01 .form_title, .reservation_02 .form_title{height: 85px; line-height: 85px;}
#reservation .reservation_03 .form_title{height: 190px; line-height: 190px;}
#reservation .reservation_04 .form_title{height: 210px; line-height: 210px;}
#reservation .form_title{width: 30%; float: left; padding-left: 30px;  font-size: 19px; border-right: 1px solid #dfdfdf;}
#reservation .form_text{width: 70%; float: left; padding: 20px;}
#reservation .form_text2{width: 100%; float: left; padding: 20px 20px 10px 20px;}
#reservation .reservation_04{border-bottom: 3px solid #830000;; }
#reservation .reservation_04 > div:nth-child(2){width: 70%; float: left;}
#reservation .reservation_04 .check_box{width: 100%; float: left; line-height: 1; left: 20px; color: #949494; padding-bottom: 30px;}
#reservation .reservation_04 .check_form{display: block; width: 15px; height: 15px; float: left; margin-right: 10px;}
#reservation .reservation_05{width: 190px; float: right; margin-top: 50px;}
#reservation .reservation_05 .submit_form{
    width: 100%; float: right; background: #cc3333; color: #fff; font-size: 17px;
    cursor: pointer;  padding: 17px 0; border: none; text-align: center;}




/* section2 */
.section22 { margin-top: 85px; overflow: hidden; }
.section22 .tit { font-size: 40px; font-family: "swgi";}
.section22 .tit p{ font-weight: 500; font-family: "swgi"; }
.section22 .box_title, .section22 .box_con{font-family: "ggs"; position: absolute; left: 50%; transform: translateX(-50%); color: #95999c; width: 500px; line-height: 30px; background: #fff; text-align: center; }
.section22 .box_title{letter-spacing: 2px; font-size: 22px; top: -38px; font-weight: 900; }
.section22 .box_con{top: -10px; font-size: 17px; font-weight: 400;}

.section22 .main_item_box { background: #000; width: 390px; height: 495px; bottom: 0px; position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; }

.section22 .main_item_box_top{ background: #000; width: 390px; height:21px; bottom: 474px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; }
.section22 .main_item_box_bottom{ background: #000; width: 390px; height:48px; bottom: 0px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; }

.section22 .main_item_box_left{ background: #000; width: 16px; height:474px; bottom: 0px; position: absolute; left: 405px; z-index: 1; }

.section22 .main_item_box_right{ background: #000; width: 16px; height:474px; bottom: 0px; position: absolute; right: 405px; z-index: 1; }

.section22 .box_line { width: 1200px; height: 550px; border: 1px solid #cccccc;  margin-top: 70px; border-bottom: none; }
.section22 .left_line { width : 1px; height: 550px; position: absolute; left: 0; background-color: #ccc; bottom: 0; z-index: 3; }
.section22 .right_line { width : 1px; height: 550px; position: absolute; right: 0; background-color: #ccc; bottom: 0; z-index: 3; }

.section22 .slide_box{ width: 100%; float: left; margin-top: 75px;}
.section22 .slide_box .slide { width: 600%; float: left; margin-left: -1600px; transition: all 0.5s;}

.section22 .slick-arrow { position: absolute; z-index: 1; top: 89px; background: none; }
.section22 .slick-arrow i { width: 54px; line-height: 54px; text-align: center; border: 1px solid #cccccc; font-size: 30px; cursor: pointer; border-radius: 100%; background: #fff; }
.section22 .slick-prev { left: 350px; }
.section22 .slick-next { right: 350px; }

.section22 .slide_item { width: 400px; float: left; text-align: center; padding: 0 40px; transition: all 0.5s;}
.section22 .slide_item.active{ padding : 0 20px; }
.section22 .slide_item .img { width: 100%; float: left; }
.section22 .slide_item .img img{ width: 100%; }
.section22 .slide_item .text { width: 100%; float: left; padding: 48px 0; height: 185px; }
.section22 .slide_item > div { width: 100%; float: left; box-shadow: 0 0; transition: all 0.5s;}
.section22 .slide_item.active > div { width: 100%; float: left; box-shadow: 0 0; }
.section22 .slide_item.active2 > div { width: 100%; float: left; box-shadow: 0 0px 20px 5px #ccc; }
.section22 .slide_item.active3 > div { width: 100%; float: left; box-shadow: 0 0px 20px 5px #f0f0f0; }

.section22 .slide_item .text li:first-child { font-size: 28px; font-weight: bold; color: #333333; font-weight: 900; font-family: "swgi"; font-size: 28px; transition: all 0.5s;}
.section22 .slide_item.active .text li:first-child { font-size: 28px; font-weight: bold; color: #fff; font-size: 34px;}
.section22 .slide_item .text li:first-child span { color: #cc3333; font-weight: 900; font-family: "swgi";}
.section22 .slide_item .text li:last-child { font-size: 14px; margin-top: 20px; font-weight: 100; font-family: "swgi"; line-height: 21px; transition: all 0.5s;}
.section22 .slide_item.active .text li:last-child { font-size: 16px; margin-top: 25px; color: #fff; line-height: 27px; }

.section22 .slide_item .wrap{ position: absolute; width : 100%; height : 100%; z-index: 1; background-color: rgba(255, 255, 255, 1); transition: all 0.5s; }
.section22 .slide_item.active .wrap{ background-color: rgba(255, 255, 255, 0); }
.section22 .slide_item.active2 .wrap{ background-color: rgba(255, 255, 255, 0); }
.section22 .slide_item.active3 .wrap{ background-color: rgba(255, 255, 255, 0.8); }

/* section3 */
.section3 .main_item_box_down {
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	border-bottom: 65px solid transparent;
	border-top: 65px solid #000;
	border-left: 195px solid transparent;
	border-right: 195px solid transparent;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}