/* common */
* {padding:0;margin:0; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
/* {box-sizing:border-box !important;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;}*/
html,input,button,select {font-family:'SCoreDream',sans-serif;font-size:14px;line-height:1.4}
ul,ol,dl {list-style:none}
ul li {display:inline-block;vertical-align:top}
a,a:link,a:visited,a:hover  {text-decoration:none !important;}
img {border:0;max-width:100%;width:auto}
table {border-spacing:0;border-collapse:collapse}
.clear {clear:both}
.orange {color:#ec6e08}
.green {color:#28a00c}
.brown {color:#775816}
.blue {color:#1572d2}
.red {color:#f04511 !important}
.red2 {color:#e6441f}
.left {float:left}
.right {float:right}
.txt_right {text-align:right;}
.txt_center {text-align:center;}
.space10 {clear:both;height:10px}
.space20 {clear:both;height:20px}
.space25 {clear:both;height:25px}
.space30 {clear:both;height:30px}
.space40 {clear:both;height:40px}
.space50 {clear:both;height:50px}
.space60 {clear:both;height:60px}
.space100 {clear:both;height:100px}
.pc1300 {display:block}
.mobile1300 {display:none}
.pc1200 {display:block}
.mobile1200 {display:none}
.pc1000 {display:block}
.mobile1000 {display:none}
.pc840 {display:block}
.mobile840 {display:none}
.pc640 {display:block}
.mobile640 {display:none}
.pc480 {display:block}
.mobile480 {display:none}
.wr1300 {max-width:1300px;margin:0 auto}
.font_gm {font-family:'GmarketSans'}
.btn_sub_big_red {display:inline-block;background:#ff5400;font-size:19px;font-weight:600;color:#fff;padding:25px;border-radius:999px;width:340px;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
.tab_content div.ss_menu {display:none}
.tab_content div.ss_menu:nth-of-type(1) {display:block}


/* total_menu */
#total_menu_wrap {display:none;position:absolute;align-items:center;z-index:999999;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}
#total_menu_wrap .total_menu {background:#fff;width:80%;max-width:1100px;max-height:580px;margin:10vh auto;border-radius:10px;padding:0 30px 40px}
#total_menu_wrap .total_menu .title_wrap {position:relative;display:flex;justify-content:center;align-items:center;height:95px;border-bottom:1px solid #ccc}
#total_menu_wrap .total_menu .title_wrap h1 {font-family:'GmarketSans';font-size:35px;font-weight:500;color:#000}
#total_menu_wrap .total_menu .title_wrap .total_close {position:absolute;right:0;top:25px;cursor: pointer;}
#total_menu_wrap .total_menu .menu {display:flex;flex-direction:row;justify-content:space-around;width:100%;margin:40px 0 0}
#total_menu_wrap .total_menu .menu ul {font-size:0;width:95%}
#total_menu_wrap .total_menu .menu li {padding-bottom:5%;width:25%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
#total_menu_wrap .total_menu .menu li .menu_list a {display:block}
#total_menu_wrap .total_menu .menu li .menu_list a.top {font-size:20px;font-weight:700;color:#303030;padding-bottom:7px}
#total_menu_wrap .total_menu .menu li .menu_list a.sub {font-size:16px;font-weight:400;color:#666;padding:4px 0}
#total_menu_wrap .total_menu .menu li .menu_list a.sub:hover {font-weight:500;color:#d51f26}
#total_menu_wrap .total_menu .menu li {display:inline-flex;justify-content:center}
#total_menu_wrap .total_menu .menu_list {min-width:137px}


/* header */
#header * {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
#header {position:relative}
#header .main_roll,#header .main_roll2 {position:relative;}
#header .main_roll .swiper-slide,
#header .main_roll2 .swiper-slide {height:100vh}
#header .top_area {position:absolute;top:0;width:100%;z-index:99}
#header .top_area_main2 {display:none}
#header .top_area > ul {display:flex;justify-content:space-between;align-items:center;width:100%;height:90px}
#header .top_area > ul > li:nth-of-type(2) .navi ul {display:flex;justify-content:space-around;align-items:center;width:100%;width:635px;margin:0 auto;height:90px}
#header .top_area > ul > li:nth-of-type(2) .navi ul li a {font-size:18px;font-weight:500;color:#fff;padding:20px}
#header .top_area > ul > li:nth-of-type(3) {width:140px;text-align:right;}
#header .top_area_sub {position:relative;background:#fff;border-bottom:none}
#header .top_area_sub > ul {display:flex;justify-content:space-between;align-items:center;width:100%;height:90px}
#header .top_area_sub > ul > li:nth-of-type(2) .navi ul li a {color:#121212;text-shadow:none}
#header .top_area > ul > li:nth-of-type(2) .navi ul li {position:relative}
#header .top_area > ul > li:nth-of-type(2) .navi ul li .sub_menu {display:none;position:absolute;z-index:999;top:40px;background:#fff;width:200px;padding:10px 0;border:1px solid #ddd}
#header .top_area > ul > li:nth-of-type(2) .navi ul li .sub_menu a {display:block;padding:7px 20px;font-size:15px;color:#646464}
#header .top_area > ul > li:nth-of-type(2) .navi ul li .sub_menu a:hover {color:#000}
#header .top_area_main {background:transparent;border-bottom:1px solid rgba(255,255,255,0.2);}
#header .top_area_main2 {background:#fff;border-bottom:1px solid #ddd}


#header .main_txt_content {position:absolute;bottom:0;width:100%;height:220px;z-index:99}
#header .main_txt_content .line_txt {display:block;font-family:'GmarketSans';font-weight:500;font-size:17px;font-weight:500;color:#fff}
#header .main_txt_content .line_txt .txt {float:left;width:185px}
#header .main_txt_content .line_txt .bg {float:right;display:block;background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/main_top_line.gif) repeat-x left center;width:calc(100% - 185px);height:20px}
#header .main_txt_content .main_txt {position:relative;margin-top:30px;display:flex;align-items:center;height:100px;font-size:18px;font-weight:300;color:#fff;}
#header .main_txt_content .main_txt h1 {font-size:40px;float:left;padding-right:25px}
#header .main_txt_content .main_txt b {font-weight:600}
#header .main_txt_content .main_txt img {vertical-align:middle;padding-right:20px;}
#header .main_txt_content .main_txt .main_paging {position:absolute;right:0;top:calc(50% - 15px)}
#header .main_txt_content .main_txt .main_paging .swiper-pagination-bullet {width:20px;height:20px;background:#fff;opacity:1;margin-left:7px}
#header .main_txt_content .main_txt .main_paging .swiper-pagination-bullet-active {background:#ff5400}
#header .position {background:#f2a64d}
#header .position .sub_menu {display:none;background:#f2a64d;color:#fff;border:1px solid #ddd;border-top:1px solid rgba(255,255,255,0.5);padding:8px 0}
#header .position .sub_menu a {color:#fff;font-size:17px}
#header .position .sub_menu a:hover {font-weight:600;color:#fff}
#header .position > ul {max-width:1300px;margin:0 auto}
#header .position > ul > li {height:65px;border-left:1px solid rgba(255,255,255,0.38)}
#header .position > ul > li:nth-of-type(1) a {display:block;width:70px;height:65px;background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/icon_home.png) no-repeat center center}
#header .position > ul > li:nth-of-type(2), 
#header .position > ul > li:nth-of-type(3) {width:260px;line-height:65px;background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/icon_varrow.png) no-repeat 93.5% center}
#header .position > ul > li a {display:block;font-size:17px;font-weight:500;color:#fff;padding:0 7.5%}
#header .position > ul > li  ol > li {display:block}
#header .position > ul > li  ol > li a {color:#121212}
#header .position > ul > li:nth-of-type(2) ol {width:100%}
#header .position > ul > li:nth-of-type(2) ol > li,
#header .position > ul > li:nth-of-type(3) ol > li {line-height:2}
#header .position > ul > li:nth-of-type(2) ol > li a,
#header .position > ul > li:nth-of-type(3) ol > li a {display:block;padding-top:5px;padding-bottom:5px}
#header .position > ul > li ol > li a:hover {color:#f2a64d}




/* container */
#container * {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
#container .wr1300 {padding:100px 0}
#container .main_title {font-size:44px;font-weight:600;color:#000}
#container .main_title span {font-weight:300}
#container .main_title_txt {font-size:16px;color:#000;line-height:1.75;padding-top:15px}
#container .main_content {padding-top:60px}
#container .main_business {background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/main_mid_bg.jpg) no-repeat left center;height:950px;background-size:cover}
#container .main_business .main_content ul {display:flex;align-items:center;justify-content:space-between;}
#container .main_business .main_content ul li {width:22.7%;height:430px}
#container .main_business .item {display:block;background:#fff;border-radius:20px;box-shadow:-3px 3px 10px rgba(0,0,0,0.05),3px -3px 10px rgba(0,0,0,0.05);padding:30px 11.5%}
#container .main_business .item h2 {font-size:22px;font-weight:700;color:#f34a00}
#container .main_business .item .stxt {font-size:12px;font-weight:500;color:#777;padding-top:5px}
#container .main_business .item .con_txt {font-size:16px;color:#363636;line-height:1.65;word-break:keep-all;}
#container .main_business .item {min-height:400px;/*box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;width:295px*/;width:240px}
#container .main_business li:nth-of-type(1) .item .img {display:block;background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/main1.png) no-repeat center center;height:240px}
#container .main_business li:nth-of-type(2) .item .img {display:block;background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/main2.png) no-repeat center center;height:240px}
#container .main_business li:nth-of-type(3) .item .img {display:block;background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/main3.png) no-repeat center center;height:240px}
#container .main_business li:nth-of-type(4) .item .img {display:block;background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/main4.png) no-repeat center center;height:240px}
#container .main_business .swiper-button-prev,
#container .main_business .swiper-button-next {color:#000}
#container .products {background:#f8f8f8}
#container .products .wr1300 {position:relative}
#container .products .smenu {font-size:0;position:absolute;right:0;top:145px}
#container .products .smenu li {margin-left:5px}
#container .products .smenu li a {background:#fff;display:block;padding:10px 20px;border:1px solid #dadada;border-radius:999px;white-space:nowrap;font-size:16px;color:#363636;cursor: pointer;line-height:1.3}
#container .products .smenu li a.on {background:#ff5400;color:#fff}
#container .products .item .img img {border-radius:15px}
#container .products .item .title {font-size:22px;font-weight:500;color:#000;padding-top:30px}
#container .products .item .hash_tags {padding-top:20px}
#container .products .item a.hash {background:#fff;display:inline-block;font-size:14px;border:1px solid #e0e0e0;padding:3px 10px;border-radius:999px;;margin-right:5px}
#container .products .item a.hash::before {content:'#'}
#container .products .product_list {display:none}
#container .products .product_list:nth-of-type(1) {display:block}
#container .products .product_list ul {font-size:0}
#container .products .product_list li {width:31.6%;margin-right:2.6%;margin-bottom:40px}
#container .products  .product_list li:nth-of-type(3n) {margin-right:0}
#container .news_notice .wr1300 {position:relative}
#container .news_notice .smenu {font-size:0;position:absolute;right:0;top:145px}
#container .news_notice .smenu li {margin-left:5px}
#container .news_notice .smenu li a {background:#fff;display:block;width:135px;text-align:center;padding:10px 0;border:1px solid #dadada;border-radius:999px;white-space:nowrap;font-size:16px;color:#363636;cursor: pointer;line-height:1.3}
#container .news_notice .smenu li a.on {background:#ff5400;color:#fff;border:1px solid #ff5400}
#container .board_list ul {font-size:0}
#container .board_list li {display:block;border-top:1px solid #dfdfdf;padding:30px 0}
#container .board_list li:last-child {display:block;border-bottom:1px solid #dfdfdf}
#container .board_list .smenu li a {background:#fff;display:block;padding:10px 20px;border:1px solid #dadada;border-radius:999px;white-space:nowrap;font-size:16px;color:#363636;cursor: pointer;line-height:1.3}
#container .board_list .smenu li a.on {background:#ff5400;color:#fff}
#container .board_list .item {display:flex;justify-content:space-between;width:100%}
#container .board_list .item .title {font-size:24px;font-weight:500;color:#000;line-height:1.2}
#container .board_list .item .con_txt {font-size:16px;color:#999;padding-top:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#container .board_list .item .item_left {width:calc(100% - 150px)}
#container .board_list .item .item_right {width:110px;font-size:14px;font-weight:500;color:#999;text-align:right }
#container .board_list .item .pics {margin-top:20px}
#container .board_list .item .pics img {margin-right:4px}
#container .board_list {display:none}
#container .board_list:nth-of-type(1) {display:block}




/* sub container */
#sub_container * {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
#sub_container {padding:50px 0 100px}
#sub_container .title_wrap {padding-bottom:50px}
#sub_container .title_wrap .stitle {font-family:'GmarketSans';font-size:15px;font-weight:600;color:#121212;letter-spacing:-1px;}
#sub_container .title_wrap .sub_title {font-family:'GmarketSans';font-size:44px;font-weight:800;color:#121212;letter-spacing:-1px;padding-top:15px;line-height:1.1}
#sub_container .btitle {font-size:30px;font-weight:400;color:#121212;word-break:keep-all;line-height:1.5}
#sub_container .sub_con_txt {font-size:16px;font-weight:400;color:#363636;line-height:1.6;word-break:keep-all;}
#sub_container .sub11 .txt_img li:nth-of-type(1) {width:60%}
#sub_container .sub11 .txt_img li:nth-of-type(2) {width:40%;text-align:right}
#sub_container .txt_img .sign {display:flex;align-items:center;height:30px}
#sub_container .txt_img .sign img {padding-left:10px}
#sub_container .sub_detail_title {font-family:'GmarketSans';font-size:26px;font-weight:700;color:#000}
#sub_container .list_circle {padding:20px 0}
#sub_container .list_circle dl {width:100%;}
#sub_container .list_circle dl dt {clear:both;float:left;width:30px;height:30px;line-height:30px;text-align:center;background:#262a30;border-radius:50%;background-position:top center;font-family:'GmarketSans';font-size:12px;font-weight:500;color:#fff;margin:4px 0}
#sub_container .list_circle dl dd {float:right;width:calc(100% - 40px);font-size:16px;font-weight:400;color:#363636;padding:3px 0;margin:4px 0}
#sub_container .sub11_step ul {display:flex;justify-content:space-between;align-items:center;height:341px}
#sub_container .sub11_step ul li {padding:0 0.5%}
#sub_container .history > dl {display:flex}
#sub_container .history > dl.item {min-height:264px}
#sub_container .history > dl:first-child > dt {padding-top:30px}
#sub_container .history > dl > dt {width:265px;padding:60px 0;background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/vline_dot.gif) repeat-y center top}
#sub_container .history > dl > dt .bg {display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:264px;text-align:center;flex-direction:column}
#sub_container .history > dl > dt .bg .txt {font-size:14px;color:#fff}
#sub_container .history > dl > dt .bg .period {font-family:'GmarketSans';font-size:32px;font-weight:600;color:#fff;padding-top:10px}
#sub_container .history > dl > dt .bg1 {background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/sub12_1.jpg) no-repeat center top}
#sub_container .history > dl > dt .bg2 {background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/sub12_2.jpg) no-repeat center top}
#sub_container .history > dl > dt .bg3 {background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/sub12_3.jpg) no-repeat center top}
#sub_container .history > dl > dd {width:calc(100% - 7.3% - 265px);margin-left:7.3%;line-height:1.625;border-bottom:1px dotted #000;padding-top:60px}
#sub_container .history > dl.item:last-child > dd {border-bottom:none}
#sub_container .history > dl:first-child > dd {padding-top:100px}
#sub_container .history > dl > dd .left,
#sub_container .history > dl > dd .right {width:45.5%;margin-bottom:60px}
#sub_container .history > dl > dd .year {font-family:'GmarketSans';font-size:22px;font-weight:600;color:#000;}
#sub_container .history > dl > dd .year:nth-of-type(n+2) {margin-top:30px}
#sub_container .dot_list {clear:both;font-size:0}
#sub_container .dot_list:nth-of-type(n+2) {margin-top:10px}
#sub_container .dot_list dt {display:inline-block;width:15px;font-size:16px;font-weight:600;color:#363636;vertical-align:top;text-align:left}
#sub_container .dot_list dd {display:inline-block;width:calc(100% - 15px);font-size:16px;color:#363636;word-break:keep-all;}
#sub_container .sub13 .ci {background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/bg_grid.gif) repeat left top;min-height:445px;text-align:center;padding:70px 0 60px}
#sub_container .sub13 .ci > ul {padding-top:60px;display:flex;justify-content:space-around;align-items:center}
#sub_container .sub13 .ci > ul > li {font-size:16px;color:#363636;line-height:1.6;padding:0 1.5%}
#sub_container .sub13 .ci > ul > li .con_txt {margin-top:15px}
#sub_container .sub13 .content_ci {margin-top:30px}
#sub_container .sub13 .content_ci table {display:table;width:100%}
#sub_container .sub13 .content_ci table td {height:180px}
#sub_container .sub13 .content_ci table td:nth-of-type(1) {text-align:right;font-size:20px;color:#fff;padding-right:30px}
#sub_container .sub13 .content_ci table td:nth-of-type(1) .bold {font-size:30px;font-weight:600;color:#fff;padding-top:10px}
#sub_container .sub13 .content_ci table td:nth-of-type(2) {padding-left:3%}
#sub_container .sub13 .content_ci table td:nth-of-type(2)  .rule_tit {font-size:18px;font-weight:800;color:#000}
#sub_container .sub13 .content_ci table td:nth-of-type(2) .con_txt {font-size:16px;color:#363636;padding-top:10px}
#sub_container .sub13 .content_ci .bg_orange {background:#eb9600}
#sub_container .sub13 .content_ci .bg_blue {background:#0367b3}
#sub_container .sub13 .content_ci table tr:nth-of-type(2) td {height:30px}

#sub_container .sub13 .bi {background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/bg_grid.gif) repeat left top;min-height:445px;text-align:center;padding:70px 2% 60px}
#sub_container .sub13 .bi > ul {display:flex;justify-content:space-around;align-items:center}
#sub_container .sub13 .bi > ul > li:first-child {width:64.6%;text-align:center}
#sub_container .sub13 .bi > ul > li:first-child .img {padding:0 15%}
#sub_container .sub13 .bi > ul > li:last-child {width:35.4%;text-align:left}
#sub_container .sub13 .bi > ul > li .con_txt {margin-top:15px;font-size:16px;color:#363636;line-height:1.625}
#sub_container .sub13 .bi > ul > li > ol > li {margin:30px 0}
#sub_container .sub13 .content_bi {margin-top:30px}
#sub_container .sub13 .content_bi table {display:table;width:100%}
#sub_container .sub13 .content_bi table td {height:180px}
#sub_container .sub13 .content_bi table td:nth-of-type(1) {text-align:right;font-size:20px;color:#fff;padding-right:30px}
#sub_container .sub13 .content_bi table td:nth-of-type(1) .bold {font-size:30px;font-weight:600;color:#fff;padding-top:10px}
#sub_container .sub13 .content_bi table td:nth-of-type(2) {padding-left:3%}
#sub_container .sub13 .content_bi table td:nth-of-type(2)  .rule_tit {font-size:18px;font-weight:800;color:#000}
#sub_container .sub13 .content_bi table td:nth-of-type(2) .con_txt {font-size:16px;color:#363636;padding-top:10px}
#sub_container .sub13 .content_bi .bg_green {background:#52b848}
#sub_container .sub13 .content_bi .bg_green2 {background:#a6ce39}
#sub_container .sub13 .content_bi table tr:nth-of-type(2) td {height:30px}

#sub_container .sub14 .certification ul {font-size:0}
#sub_container .sub14 .certification li {width:18%;margin-right:2.5%;margin-bottom:40px}
#sub_container .sub14 .certification li:nth-of-type(5n) {margin-right:0}
#sub_container .sub14 .certification li .img {border:1px solid #999}
#sub_container .sub14 .certification li .title {font-size:15px;font-weight:500;color:#363636;padding-top:15px}
#sub_container .chart {padding:50px 0 70px}
#sub_container .chart ul {display:flex;justify-content:center;align-items:center;}
#sub_container .chart ul li {padding:0 1%}
#sub_container .equivment ul {width:100%;font-size:0}
#sub_container .equivment li {width:32%;margin-right:2%;margin-bottom:25px}
#sub_container .equivment li:nth-of-type(3n) {margin-right:0}
#sub_container .customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
#sub_container #map {width:100%;height:500px}
#sub_container .sub16 .addr_content {margin-top:35px}
#sub_container .sub16 .addr_content ul {font-size:0}
#sub_container .sub16 .addr_content li {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#sub_container .sub16 .addr_content li:nth-of-type(1) {width:57%}
#sub_container .sub16 .addr_content li:nth-of-type(2) {width:23%;padding-left:30px;border-left:1px solid #e6e6e6}
#sub_container .sub16 .addr_content li:nth-of-type(3) {width:20%;padding-left:30px;border-left:1px solid #e6e6e6}
#sub_container .sub16 .addr_content li {font-size:19px;font-weight:500;color:#363636}
#sub_container .sub16 .addr_content li p {font-family:'GmarketSans';font-size:16px;font-weight:600;color:#000;padding-bottom:10px}
#sub_container .mall_list ul {font-size:0}
#sub_container .mall_list li {width:23.5%;text-align:center;margin-right:2%;margin-bottom:22px}
#sub_container .mall_list li a {display:block;padding:20px 2%;border:1px solid #d3d3d3;border-radius:20px}
#sub_container .mall_list li:nth-of-type(4n) {margin-right:0}
#sub_container .sub24 {position:relative}
#sub_container .sub24 .content {text-align:center;padding:40px 0}
#sub_container .sub22 .sub_tab > ul,
#sub_container .sub_tab > ul {display:flex;align-items:center;flex-wrap:wrap}
#sub_container .sub22 .sub_tab > ul > li,
#sub_container .sub_tab > ul > li {margin-right:5px;width:200px;margin-bottom:10px}
#sub_container .sub22 .sub_tab > ul > li > a,
#sub_container .sub_tab > ul > li > a {display:block;font-size:18px;font-weight:400;color:#363636;cursor:pointer;height:50px;line-height:50px;text-align:center;background:#fff;padding:0 20px;;border:1px solid #e0e0e0;border-radius:999px}
#sub_container .sub22 .sub_tab > ul > li > a.on,
#sub_container .sub_tab > ul > li > a.on {font-weight:600;color:#fff;background:#ff5400;border-radius:999px;border:1px solid #ff5400}
#sub_container .sub22 .sub_tab > ul > li.on a,
#sub_container .sub_tab > ul > li.on a {color:#fff}
#sub_container .sub21 .txt_center {padding:70px 0}
#sub_container .sub21 .txt_center h3 {font-size:26px;font-weight:800;color:#282828;padding-bottom:10px;line-height:1.4}
#sub_container .sub22 .top_bg {background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/sub22_2.jpg) no-repeat center center;height:234px;border-radius:15px;background-size:cover}
#sub_container .sub22 .condition {display:block;font-size:0;width:100%}
#sub_container .sub22 .condition li {width:48%;padding-right:2%}
#sub_container .sub22 .seminar {border-top:4px solid #000}
#sub_container .sub22 .seminar dl {display:block;font-size:0;width:100%;padding:30px 0;border-bottom:1px solid #dfdfdf}
#sub_container .sub22 .seminar dl dt {display:inline-block;width:42%;vertical-align:top;padding-right:8%}
#sub_container .sub22 .seminar dl dt .date {font-family:'GmarketSans';font-size:22px;font-weight:600;color:#000;line-height:1.5}
#sub_container .sub22 .seminar dl dt .title {font-size:16px;font-weight:500;color:#363636;padding-top:15px;line-height:1.5}
#sub_container .sub22 .seminar dl dt .txt {font-size:15px;font-weight:500;color:#363636;padding-top:10px;line-height:1.73;word-break:keep-all;}
#sub_container .sub22 .seminar dl dd {display:inline-block;width:50%;}
#sub_container .sub22 .seminar dl dd ul {font-size:0}
#sub_container .sub22 .seminar dl dd ul li {width:49%;margin-right:2%}
#sub_container .sub22 .seminar dl dd ul li:last-child {margin-right:0}
#sub_container .sub31 .sub_tab > ul {justify-content:space-between;flex-wrap:nowrap;}
#sub_container .sub31 .sub_tab > ul > li {margin-right:5px;width:auto;margin-bottom:10px;flex-grow: 1;}
#sub_container .sub_sub_tab_list {margin-top:20px}
#sub_container .sub31 .sub_sub_tab {background:#fff}
#sub_container .sub31 .sub_sub_tab > ul {display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
#sub_container .sub31 .sub_sub_tab > ul > li {text-align:center;margin:0 2px}
#sub_container .sub31 .sub_sub_tab > ul > li a {display:flex;padding:5px 10px;font-size:16px;color:#999;white-space:nowrap;border-radius:999px;border:1px solid #fff}
#sub_container .sub31 .sub_sub_tab > ul > li a.on {color:#ff5400;border:1px solid #ff5400}


/* footer */
#footer {background:#282828;padding:40px 0 80px}
#footer ul {display:flex;justify-content:space-between;align-items:center}
#footer ul li:last-child {margin-right:0}
#footer .foot_link ul {display:flex;justify-content:space-between;align-items:center;width:435px;}
#footer .foot_link ul a {font-size:14px;font-weight:400;color:#fff}
#footer .copyright_cs {display:block;margin-top:30px}
#footer .copyright_cs li.right {text-align:right;}
#footer .copyright_cs .copyright {font-size:14px;color:#a4a4a4;line-height:1.8}
#footer .copyright_cs .cs {font-size:14px;color:#fff}
#footer .copyright_cs .cs .tel {font-size:30px;font-weight:600;padding:20px 0 15px}
#footer .copyright_cs .cs .time {color:#a4a4a4;line-height:1.7}
#footer .foot_banner {display:block;font-size:0;margin-top:60px}
#footer .foot_banner li {margin-right:1%;width:15.833%}
#footer .foot_banner li:last-child {margin-right:0}



@media all and (max-width : 1300px){
	.pc1300 {display:none}
	.mobile1300 {display:block}
	.wr1300 {padding-left:2.5%;padding-right:2.5%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}

	#header .main_roll .swiper-slide,#header .main_roll2 .swiper-slide {height:70.77vw;min-height:500px}
	#header .main_txt_content .main_txt img {width:275px}
	#header .main_txt_content .main_txt2 img {width:400px}


	#container .main_title {font-size:38px}
	#container .main_business {padding-left:2.5%;padding-right:2.5%;height:900px}
	#container .products {padding-left:2.5%;padding-right:2.5%}
	#container .main_business .item  {width:auto;border:1px solid #f0f0f0;}
	#container .main_title_txt {padding-top:10px}
	#container .main_content {padding-top:40px}
	#container .news_notice {padding-left:2.5%;padding-right:2.5%}
	#container .board_list .item .title {font-size:22px}
	
}
@media all and (max-width:1250px){
	#container .products .smenu {position:relative;display:block;top:0;padding-top:15px}
	#container .products .smenu li {margin-left:0;margin-right:5px;margin-bottom:5px}
	#container .products .smenu li a {font-size:15px}
}


@media all and (max-width : 1200px){

	#container .products .item .title {font-size:20px;padding-top:20px}

	#sub_container .btitle {font-size:28px}
	#sub_container .sub11_step ul {display:flex;justify-content:space-between;align-items:center;height:28.4vw}
	#sub_container .history > dl > dd .left,
	#sub_container .history > dl > dd .right {float:none;width:100%;margin-bottom:40px}
	#sub_container .history > dl > dt {padding:50px 0}
	#sub_container .history > dl > dd .year:nth-of-type(n+2) {margin-bottom:0}
	#sub_container .sub13 .ci {padding-bottom:30px}
	#sub_container .sub13 .ci > .img > img {width:350px}
	#sub_container .sub14 .certification li {width:23.5%;margin-right:2%;margin-bottom:40px}
	#sub_container .sub14 .certification li:nth-of-type(5n) {margin-right:2%}
	#sub_container .sub14 .certification li:nth-of-type(4n) {margin-right:0}
	


	#footer .foot_banner li {width:18.8%;margin-right:1.5%;margin-bottom:15px}
	#footer .foot_banner li:nth-of-type(5n) {margin-right:0}
	
}

@media all and (max-width : 1000px){
	.pc1000 {display:none}
	.mobile1000 {display:block}
	.space100 {height:90px}
	.space40 {height:35px}
	.space50 {height:40px}

	#header .top_area > ul > li:nth-of-type(2) {width:60%;margin:0 auto}
	#header .top_area > ul > li:nth-of-type(2) .navi ul {width:100%}
	#header .top_area > ul > li:nth-of-type(2) .navi ul li a {font-size:17px}
	#header .main_txt_content .main_txt {font-size:17px}

	#container .main_title {font-size:34px}
	#container .main_title_txt {font-size:15px}
	#container .main_content {padding-top:30px}
	#container .main_business {height:auto;}
	#container .wr1300 {padding:70px 0}
	#container .products .item .title {font-size:18px;padding-top:20px}
	#container .products .item .hash_tags {padding-top:15px}
	#container .news_notice .smenu {position:relative;top:0;padding-top:20px}
	#container .news_notice .smenu li a {font-size:15px}
	#container .board_list .item .title {font-size:20px}
	#container .products .product_list li {width:48.5%;margin-right:3%;text-align:center;}
	#container .products .product_list li:nth-of-type(3n) {margin-right:3%}
	#container .products .product_list li:nth-of-type(2n) {margin-right:0}

	#sub_container {padding:35px 0 80px}
	#sub_container .title_wrap {padding-bottom:35px}
	#sub_container .title_wrap .stitle {font-size:14px}
	#sub_container .title_wrap .sub_title {font-size:36px;padding-top:10px}
	#sub_container .btitle {font-size:25px}
	#sub_container .sub_detail_title {font-size:23px}
	#sub_container .sub11 .txt_img li:nth-of-type(1) {float:none;width:100%}
	#sub_container .sub11 .txt_img li:nth-of-type(2) {display:none}
	#sub_container .sub11 .sub11_img {max-width:380px;padding:10px 20px 20px}
	#sub_container .sub13 .ci > .img > img {width:300px}
	#sub_container .equivment li {width:47.5%;margin-right:3%;margin-bottom:25px}
	#sub_container .equivment li:nth-of-type(3n) {margin-right:3%}
	#sub_container .equivment li:nth-of-type(2n) {margin-right:0}
	#sub_container #map {width:100%;height:400px}
	#sub_container .sub31 .sub_tab {width:100%;;overflow:auto}
	#sub_container .sub31 .sub_tab ul {min-width:auto;white-space:nowrap;border-collapse:collapse}
	#sub_container .sub21 .txt_center {padding:60px 0}
	#sub_container .sub21 .txt_center h3 {font-size:24px}
	#sub_container .mall_list li {width:31.66%;text-align:center;margin-right:2.5%;margin-bottom:20px}
	#sub_container .mall_list li a {padding:15px 3%}
	#sub_container .mall_list li:nth-of-type(4n) {margin-right:2.5%}
	#sub_container .mall_list li:nth-of-type(3n) {margin-right:0}
	#sub_container .sub24 .content {text-align:center;padding:20px 0}
	#sub_container .sub_tab > ul > li > a {display:block;font-size:16px;}
	#sub_container .sub22 .top_bg {height:200px}
	#sub_container .sub22 .seminar dl dt {width:100%;padding-right:0}
	#sub_container .sub22 .seminar dl dt .date {font-size:20px}
	#sub_container .sub22 .seminar dl dt .title {font-size:16px;padding-top:10px}
	#sub_container .sub22 .seminar dl dt .txt {font-size:15px;line-height:1.73;}
	#sub_container .sub22 .seminar dl dd {display:inline-block;width:auto;margin-top:20px}
	#sub_container .sub22 .seminar dl dd li {width:auto}


	#footer .foot_banner li {width:23.5%;margin-right:2%}
	#footer .foot_banner li:nth-of-type(5n) {margin-right:2%}
	#footer .foot_banner li:nth-of-type(4n) {margin-right:0}
	#footer .copyright_cs .cs .tel {font-size:27px}
}


@media all and (max-width : 840px){
	.pc840 {display:none}
	.mobile840 {display:block}
	.space100 {height:80px}
	.space40 {height:30px}
	.space50 {height:30px}

	#total_menu_wrap {display:none !important}
        #header .top_area_sub {background:#fff}
        #header .top_area {position:fixed;width:100%;left:0;z-index:9999}
	#header .top_area > ul {height:60px}
	#header .top_area > ul > li:nth-of-type(2) {display:none}
	#header .top_area > ul > li:nth-of-type(3) {width:30px}
	#header .main_txt_content {height:170px}
	#header .main_txt_content .main_txt {font-size:15px;margin-top:15px}
	#header .main_txt_content .main_txt img {display:block;width:210px;margin-bottom:15px}
	#header .main_txt_content .main_txt2 img {display:block;width:320px;margin-bottom:0 !important}
	#header .main_txt_content .main_txt b {font-weight:500}
        #header .position {position:fixed;width:100%;left:0;top:60px;z-index:9999}
	#header .position > ul {font-size:0;width:100%}
	#header .position > ul > li {height:50px;box-sizing:border-box;-webkit-box-sizing: border-box}
	#header .position > ul > li a {font-size:15px;font-weight:500}
	#header .position > ul > li:nth-of-type(1) {width:40px}
	#header .position > ul > li:nth-of-type(1) a {display:block;background:url(https://d6yzr64lh6gqg.cloudfront.net/busanweb/hyfood/skin/icon_home_sub.png) no-repeat center center;width:40px;height:50px;padding:0;}
	#header .position > ul > li:nth-of-type(2) {width:calc( (100% - 40px ) / 2 - 8%);line-height:50px}
        #header .position > ul > li:nth-of-type(3) {width:calc( (100% - 40px ) / 2 + 8%);line-height:50px}
	#header .position > ul > li:last-child {display:none;width:0}
        #header .position .sub_menu a {color:#fff;font-size:15px}
        #header .position > ul > li:nth-of-type(2) ol > li a,
        #header .position > ul > li:nth-of-type(3) ol > li a {display:block;padding-top:2px;padding-bottom:2px}

	#container .main_title {font-size:28px}
	#container .main_business {padding-left:3%;padding-right:3%}
	#container .main_content {padding-top:20px} 
	#container .board_list li {padding:20px 0}
	#container .board_list .item {display:block}
	#container .board_list .item .title {font-size:18px}
	#container .board_list .item .item_left {float:none;width:100%}
	#container .board_list .item .item_right {display:block;float:none;width:100%;text-align:left;padding-top:20px;font-size:13px}
	#container .board_list .item .con_txt {font-size:15px}


	#sub_container {padding:140px 0 80px}
	#sub_container .sub11_step ul {height:auto}
	#sub_container .sub11_step ul li {width:30vw}
	#sub_container .sub11_step ul li:nth-of-type(2n) {display:none;width:0}	
        #sub_container .sub13 .bi {padding:50px 0 40px}
	#sub_container .sub13 .bi > ul {flex-direction:column;}
	#sub_container .sub13 .bi > ul > li:first-child {width:100%;text-align:center}
	#sub_container .sub13 .bi > ul > li:first-child .img {padding:0 10%}
	#sub_container .sub13 .bi > ul > li:last-child {width:80%;text-align:left;padding:0 10%;margin-top:20px}
	#sub_container .sub13 .bi > ul > li .con_txt {margin-top:15px;font-size:16px;color:#363636;line-height:1.625}	
	#sub_container .sub13 .bi > ul > li > ol > li {margin:20px 0}
	#sub_container .history {margin-top:30px}
	#sub_container .history > dl {display:block}
	#sub_container .history > dl > dt {padding:30px 0;background:none;display:none}
	#sub_container .history > dl > dt .bg {width:150px;height:150px;border-radius:50%;}
	#sub_container .history > dl:first-child > dd,
	#sub_container .history > dl > dd {margin-left:4%;width:96%;padding-top:0;border-bottom:none}
	#sub_container .history > dl > dt .bg .period {font-size:22px}
	#sub_container .dot_list dd {font-size:15px}
         #sub_container .history > dl:first-child > dd {padding-top:0}
	#sub_container .history > dl > dd .left, #sub_container .history > dl > dd .right {margin-bottom:30px}
	#sub_container .history > dl:first-child > dd {padding-top:0}
	#sub_container .history > dl.item {min-height:auto}
	#sub_container .sub14 .certification li {width:32%;margin-bottom:30px}
	#sub_container .sub14 .certification li:nth-of-type(4n) {margin-right:2%}
	#sub_container .sub14 .certification li:nth-of-type(3n) {margin-right:0}
	#sub_container .sub16 .addr_content li {font-size:17px}
	#sub_container .sub16 .addr_content li:nth-of-type(1) {width:100%}
	#sub_container .sub16 .addr_content li:nth-of-type(2) {width:100%;padding-left:0;border-left:none;padding-top:20px}
	#sub_container .sub16 .addr_content li:nth-of-type(3) {width:100%;padding-left:0;border-left:none;padding-top:20px}
	#sub_container .sub16 .addr_content li p {padding-bottom:5px}
	#sub_container .sub21 .txt_center {padding:40px 0 50px}
	#sub_container .sub21 .txt_center h3 {font-size:22px}
	.btn_sub_big_red {font-size:16px;width:300px;padding:20px 0}
	#sub_container .list_circle {padding:10px 0}
	#sub_container .sub22 .condition li {width:100%;padding-right:0}
	#sub_container .sub22 .condition li:last-child {margin-top:30px}
	#sub_container .sub22 .seminar dl {padding:25px 0}


	#footer .foot_banner {display:none}
	#footer ul {display:block}
	#footer ul li {display:block;}
	#footer .copyright_cs li.left,
	#footer .copyright_cs li.right {float:none;width:100%;text-align:left;}
	#footer .foot_link {margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:20px}
	#footer .foot_link ul {margin-top:10px;flex-wrap:wrap;max-width:500px;}
}

@media all and (max-width : 700px){
	#header .main_roll .swiper-slide,#header .main_roll2 .swiper-slide {background-position:60% center !important}

	#sub_container .sub13 .ci > ul {display:block}
	#sub_container .sub13 .ci .img {text-align:center;}
	#sub_container .sub13 .ci > ul > li {text-align:left;margin-bottom:20px;font-size:15px}
	#sub_container .sub13 .ci > ul > li .con_txt {margin-top:0}
}


@media all and (max-width : 640px){
	.pc640 {display:none}
	.mobile640 {display:block}
	.space100 {height:70px}
	.space40 {height:25px}
	.space50 {height:25px}

	#container .main_content {padding-top:20px}
	#container .main_business {background:#fff}
	#container .main_business .wr1300 {padding:45px 0;height:auto;overflow:hidden}
	#container .main_business .item {display:flex;justify-content:center;align-items:center;width:280px;min-height:280px;border:none;box-shadow:none;padding:0 4%;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;flex-direction:column;}
	#container .main_business .item h2 {font-size:20px;color:#fff}
	#container .main_business .item .stxt {font-size:10px;color:#fff}
	#container .main_business .item .con_txt {font-size:15px;color:#fff;text-align:center;padding-top:10px;line-height:1.5}
	#container .main_business .swiper-button-prev {left:0} 
	#container .main_business .swiper-button-next {right:0}
	#container .products .wr1300 {padding:45px 0;height:auto;overflow:hidden}
	#container .products .item .title {font-size:16px}
	#container .products .smenu li a {font-size:13px}
	#container .board_list li {padding:15px 0}
	#container .board_list .item .title {font-size:16px}
	#container .news_notice .wr1300 {padding:45px 0;height:auto;overflow:hidden}

	#sub_container {padding:135px 0 65px}
	#sub_container .title_wrap {padding-bottom:25px}
	#sub_container .title_wrap .stitle {font-size:12px}
	#sub_container .title_wrap .sub_title {font-size:28px;padding-top:10px}
	#sub_container .btitle {font-size:19px}
	#sub_container .sub_con_txt {font-size:15px}
	#sub_container .sub_detail_title {font-size:21px}
	#sub_container .list_circle dl dt {width:26px;height:26px;line-height:26px;margin:6px 0}
	#sub_container .list_circle dl dd {font-size:15px;width:calc(100% - 35px)}
	#sub_container .sub11 .sub11_img {max-width:254px;margin:0 auto}
	#sub_container .sub11_step ul {display:block;}
	#sub_container .sub11_step ul li {width:100%;text-align:center;}
	#sub_container .sub11_step ul li:nth-of-type(n+1) {margin-bottom:-10%}
	#sub_container .sub13 .ci {padding-top:50px}
	#sub_container .sub13 .ci > ul {padding-top:40px}
	#sub_container .sub13 .ci > .img > img {width:260px}
	#sub_container .sub13 .content_ci table td,
	#sub_container .sub13 .content_bi table td {display:block;width:100%;height:auto;padding:20px 0;}
	#sub_container .sub13 .content_ci table td:nth-of-type(1),
	#sub_container .sub13 .content_bi table td:nth-of-type(1) {text-align:center;font-size:18px;padding-right:0}
	#sub_container .sub13 .content_ci table td:nth-of-type(1) .bold,
	#sub_container .sub13 .content_bi table td:nth-of-type(1) .bold {font-size:25px;padding-top:5px}
	#sub_container .sub13 .content_ci table tr:nth-of-type(2),
	#sub_container .sub13 .content_bi table tr:nth-of-type(2) {display:none}
	#sub_container .sub13 .content_ci table td:nth-of-type(2) .con_txt,
	#sub_container .sub13 .content_bi table td:nth-of-type(2) .con_txt {font-size:15px}
	#sub_container .sub13 .content_ci table tr:nth-of-type(1) td:nth-of-type(2) .con_txt,
	#sub_container .sub13 .content_bi table tr:nth-of-type(1) td:nth-of-type(2) .con_txt{padding-bottom:10px}
	#sub_container .sub13 .bi {padding:30px 0 20px}
	#sub_container .sub14 .certification li {width:47%;margin-bottom:20px}
	#sub_container .sub14 .certification li:nth-of-type(3n) {margin-right:3%}
	#sub_container .sub14 .certification li:nth-of-type(2n) {margin-right:0}
	#sub_container .sub14 .certification li .title {text-align:center;}
	#sub_container .chart {padding:50px 0 70px}
	#sub_container .chart ul {display:flex;justify-content:center;align-items:center;flex-direction:column;}
	#sub_container .chart ul li {padding:5px 2%}
	#sub_container .sub21 .txt_center {padding:20px 0 50px}
	#sub_container .sub21 .txt_center h3 {font-size:20px;font-weight:600}
	#sub_container .mall_list li {width:48.5%;text-align:center;margin-right:3%;margin-bottom:12px}
	#sub_container .mall_list li a {padding:10px 5%}
	#sub_container .mall_list li:nth-of-type(3n) {margin-right:3%}
	#sub_container .mall_list li:nth-of-type(2n) {margin-right:0}
        #sub_container .sub11_step {padding:0 15%}
	#sub_container .sub_tab > ul {display:block}
	#sub_container .sub_tab > ul > li {margin-right:0;width:100%;margin-bottom:0;border-radius:none;;border-top:1px solid #e0e0e0}
	#sub_container .sub_tab > ul > li > a {display:block;font-size:15px;font-weight:400;color:#363636;cursor:pointer;height:40px;line-height:40px;text-align:center;background:#fff;padding:0 10px;;border:1px solid #e0e0e0;border-radius:0;border-top:none}
	#sub_container .sub_tab > ul > li > a.on {border-radius:0;border-top:none}
        #sub_container .sub_category2 ol li a {font-size:14px !important}
	#sub_container .sub22 .sub_tab > ul {display:block;;border-top:1px solid #e0e0e0}
	#sub_container .sub22 .sub_tab > ul > li {margin-right:0;width:100%;margin-bottom:0;border-radius:none;border-top:none}
	#sub_container .sub22 .sub_tab > ul > li > a {display:block;font-size:15px;font-weight:400;color:#363636;cursor:pointer;height:45px;line-height:45px;text-align:center;background:#fff;padding:0 20px;;border:1px solid #e0e0e0;border-radius:0;border-top:none}
	#sub_container .sub22 .sub_tab > ul > li > a.on {border-radius:0;border-top:none}
	#sub_container .sub22 .top_bg {height:180px}

	#footer .copyright_cs .cs .tel {font-size:24px}


#sub_container .sub_category {display:none;position:absolute;background:#fff;width:95%;z-index:9}
#sub_container .sub_category ol {border-bottom:1px solid #ddd !important}
#sub_container .sub_category ol li, #sub_container .sub_category ol.type2 li {width:100% !important;margin-bottom:0 !important}
#sub_container .sub_category ol li a {margin-left:0;border-radius:0 !important}
#sub_container .sub_category ol li a.on,#sub_container .sub_category ol li a:hover, #sub_container .sub_category ol.type2 li a:hover {background:#fff !important;color:#363636 !important;border:1px solid #ddd !important;border-bottom:0 !important}
#sub_container .sub_category ol li a, #sub_container .sub_category ol.type2 li a {border-bottom:0 !important}
.sub_cate_title {display:block}

}

@media all and (max-width : 550px){
	.product_list li {margin-bottom:25px}
	#container .products .item .img img {width:100%;object-fit:cover;}
	#container .products .item .title {font-size:14px;padding-top:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;;}
	#container .products .item .hash_tags {font-size:13px;padding-top:7px}

	#sub_container .equivment li {width:100%;margin-right:0;text-align:center}
	#sub_container .equivment li:nth-of-type(3n) {margin-right:3%}
	#sub_container .equivment li:nth-of-type(2n) {margin-right:0}
	.btn_sub_big_red {font-size:15px;width:250px;padding:17px 0}
}

@media all and (max-width : 480px){
	.pc480 {display:none}
	.mobile480 {display:block}
	.space100 {height:60px}
	.space40 {height:20px}
	#header .main_roll .swiper-slide,#header .main_roll2 .swiper-slide {background-position:65% center !important}

	#container .main_title {font-size:24px}
	#container .main_title_txt {font-size:14px}
	#container .board_list .item .con_txt {font-size:13px}

	#sub_container .title_wrap {padding-bottom:15px}
	#sub_container .chart {padding:40px 0 50px}
	#sub_container .sub14 .certification li {width:100%}
	#sub_container .sub14 .certification li:nth-of-type(3n) {margin-right:0}
	#sub_container #map {width:100%;height:300px}
	#sub_container .sub16 .addr_content li {font-size:15px}
	#sub_container .sub24 .content {text-align:center;padding:15px 0}
	#sub_container .sub_detail_title {font-size:20px}

	#footer .foot_link ul {font-size:0;display:block;width:100%}
	#footer .foot_link ul li {display:inline-block;margin-bottom:10px;padding-right:25px}
}


.panel {
	/*font-family:'notokr','Nanum';*/
	  transition: all 0.2s ease-in-out;
	  -webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  -o-transition: all 0.2s ease-in-out;
	  -ms-transition: all 0.2s ease-in-out;
	  position: fixed;
	  z-index: 9999;
	  top: 0;
	  height: 100%;
	  width: 320px;
	  background-color: #fff;
	}
	.panel .moff {display:none}
	.panel .ninja-btn {
	  transition: all 0.2s ease-in-out;
	  -webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	  -o-transition: all 0.2s ease-in-out;
	  -ms-transition: all 0.2s ease-in-out;
	  display: inline-block;
	  float: left;
	  cursor: pointer;
	  padding: 30.285714px 31px;
	  position: absolute;
	  z-index: 2;
	  top: -25px;
	  width: 25px;
	  height: auto;
	}
	.panel .ninja-btn span,
	.panel .ninja-btn span:before,
	.panel .ninja-btn span:after {
	  transition: all 0.3s ease-in-out;
	  -webkit-transition: all 0.3s ease-in-out;
	  -moz-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  -ms-transition: all 0.3s ease-in-out;
	  width: 0px;
	  height: 2px;
	  background-color: #fff;
	}
	.panel .ninja-btn span {
	  position: relative;
	  display: inline-block;
	  float:left;
	  margin-top: 9.09090909px;
	}
	.panel .ninja-btn span:before,
	.panel .ninja-btn span:after {
	  content: "";
	  position: absolute;
	  left: 0;
	}
	.panel .ninja-btn span:before {
	  top: -9.09090909px;
	}
	.panel .ninja-btn span:after {
	  top: 9.09090909px;
	}
	
	/*메뉴 클릭후, 메뉴 버튼을 활성화 시켰을때 속성*/
	.panel .ninja-btn.active span {
	  background-color: transparent;
	}
	.panel .ninja-btn.active span:before,
	.panel .ninja-btn.active span:after {
	  top: 0;
	}
	.panel .ninja-btn.active span:before {
	  transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  -ms-transform: rotate(-135deg);
	}
	.panel .ninja-btn.active span:after {
	  -webkit-transition-delay: 0.09s;
	  -moz-transition-delay: 0.09s;
	  -o-transition-delay: 0.09s;
	  -msa-transition-delay: 0.09s;
	  transition-delay: 0.09s;
	  transform: rotate(135deg);
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	}
	/* 안보이는 패널위치고정 */
	.panel-overlay,.panel-overlay2 {
	  position: fixed;
	  top: 0;
	  z-index: 99998;
	  width: 100%;
	  height: 100%;
	  display: none;
	  background-color: rgba(0, 0, 0, 0.7);
	  cursor: pointer;
	}
	.panel.left {
	  left: -800px;
	}
	/*패널 버튼 부분 위치*/
	.panel.left .ninja-btn {
	  left: 770px;top:0;
	}
	/* 패널이 활성화 되었을때 */
	.panel.left.active {
	  left: 0;
	  overflow: scroll;
	  overflow-x:hidden;
	  overflow-y:auto;
	  z-index:9999999;
	}
	.panel.left.active .ninja-btn {
	  left: 100%;
	  margin-left: -70px;
	}
	.panel ul li.sub-menu{
	}
	
	.mmenu .toggle_logo {padding-top:20px}
	.mmenu ul {
	  width:100%;
	  margin:0;
	  list-style:none;
	}
	.mmenu ul > li{
	  display:block;
	  border-bottom:1px solid #f1c28c;
	}
	.mmenu  ul > li > a.tmenu{
	  height:45px;
	  line-height:45px;
	  display:block;
	  text-decoration:none;
	  color:#fff;
		background:#f2a64d;
		font-size:15px;
		font-weight:500;
		padding-left:35px;
		letter-spacing:-1
	}
	.mmenu  ul > li > a.tmenu.btn_reserve_m{
		background:#f42200;
	}
	
	.mmenu .login_area {/*height:160px*/ height:100px;background:#000;font-size:15px;padding-left:30px}
	.mmenu .login_area .btn_login {display:inline-block;margin:30px auto 0;width:100px;height:40px;line-height:38px;background:#000;color:#fff;}
	.mmenu .login_area .btn_new {display:inline-block;width:35%;height:32px;border:1px solid #616161;text-align:center;line-height:32px;margin-top:10px;font-size:14px;color:#fff}
	.mmenu .sub_list {background:#fff;padding:10px 0}
	.mmenu .sub_list a {display:block;line-height:30px;height:30px;padding-left:40px;font-size:97%;color:#034042}