@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('board.css');

/* GmarketSans */
@font-face {
    font-family:'GmarketSansLight';
    src:url('../fonts/GmarketSansLight.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansMedium';
    src:url('../fonts/GmarketSansMedium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansBold';
    src: url('../fonts/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* reset css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {margin:0; padding:0; border:0; font-size:100%; font-family:"Pretendard Variable", Pretendard, sans-serif; vertical-align:baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1; word-break:keep-all}
ol, ul, li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed}
caption, legend {overflow:hidden; text-indent:-520.7813vw; height:0.0521vw; padding:0 !important}
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
a {background-color:transparent; color:inherit; text-decoration:none}
a:active, a:hover {outline:0; text-decoration:none; text-underline-position:under}
p {outline:none}
img {border:0}
button {cursor:pointer; background:none}
select {font:inherit}
select:hover {cursor:pointer}
textarea {padding:0}
input, select {vertical-align:top; margin-top:0 !important}

/* skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:999999; width:100%; height:0.0521vw; margin-top:-0.0521vw; display:block; background-color:#3875c1; font-size:0.7292vw; font-weight:bold; color:#fff; line-height:1; text-align:center; overflow:hidden}
#skipToContent a:focus, #skipToContent a:active {margin-top:0; height:auto; padding:0.5208vw 0px}

/* common */
:root {
	--wsuGreen:#005826;
	--wsuBlue:#0E4E96;
	--wsuRed:#B82841;
	--Orange:#E67D28;
	--wsuLightBlue:#2050AE;
	--wsuGreenBg:#E5EEE9;
	--wsuBlueBg:#E6EDF4;
	--wsuRedBg:#F8E9EB;
	--OrangeBg:#FDF2E9;
}
.colorGreen {color:var(--wsuGreen)}
.colorBlue {color:var(--wsuBlue)}
.colorRed {color:var(--wsuRed)}
.colorOrange {color:var(--Orange)}
.color555 {color:#555 !important}
.color777 {color:#777 !important}
.auto {margin:0 auto}
.width100 {width:100%}
.img-responsive {display:block; max-width:100%; height:auto}
.ToolTip {display:none; opacity:0}
.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {display:none}
.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {display:none}
.tableResponsive {position:relative}
.flex {display:flex}
.align-items-start {align-items:flex-start}
.align-items-center {align-items:center}
.align-items-end {align-items:flex-end}
.justify-space-between {justify-content:space-between}
.justify-space-center {justify-content:center}
.justify-space-end, .justify-content-flex-end {justify-content:flex-end}
.flex-shrink0 {flex-shrink:0}
.align-self-end {align-self:end}
.flex-wrap-wrap {flex-wrap:wrap}
.gap5 {gap:0.2604vw}
.gap10 {gap:0.5208vw}
.gap20 {gap:1.0417vw}
.gap30 {gap:1.5625vw}
.gap40 {gap:2.0833vw}
.gap50 {gap:2.6042vw}
.gap60 {gap:3.1250vw}
.gap70 {gap:3.6458vw}
.mt5 {margin-top:0.2604vw !important}
.mt10 {margin-top:0.5208vw !important}
.mt20 {margin-top:1.0417vw !important}
.mt25 {margin-top:1.3021vw !important}
.mt30 {margin-top:1.5625vw !important}
.mt40 {margin-top:2.0833vw !important}
.mt50 {margin-top:2.6042vw !important}
.mt60 {margin-top:3.1250vw !important}
.mt70 {margin-top:3.6458vw !important}
.mb10 {margin-bottom:0.5208vw !important}
.mb20 {margin-bottom:1.0417vw !important}
.mb30 {margin-bottom:1.5625vw !important}
.ml10 {margin-left:0.5208vw}
.ml20 {margin-left:1.0417vw}
.dList {margin-top:0.5208vw}
.dList > li {display:flex; margin-left:0.1563vw; margin-bottom:0.2604vw; font-size:0.8333vw; font-weight:400; line-height:130%}
.dList > li:before {content:''; display:inline-flex; flex-shrink:0; width:0.2604vw; height:0.2604vw; background:#777; border-radius:100%; margin-top:0.3125vw; margin-right:0.2604vw}
.bList {margin-top:0.5208vw}
.bList > li {display:flex; margin-left:0.1042vw; margin-bottom:0.2604vw; font-size:0.8333vw; font-weight:400; line-height:130%}
.bList > li:before {content:'-'; display:inline-flex; flex-shrink:0; margin-top:-0.0521vw; margin-right:0.2083vw}
.hrSt {width:100%; height:0.0521vw; border:none; margin:1.0417vw 0; background:#D9D9D9}

/* header */
header > .inner {max-width:61.4583vw; padding:1.3021vw 1.0417vw; box-sizing:border-box; margin:0 auto; display:flex; align-items:center; justify-content:space-between}
header > .inner > h1 {display:flex; align-items:center; font-family:'GmarketSansBold'; font-size:1.0417vw; font-weight:900; margin:0}
.headerLogo {margin-right:0.7813vw}
.headerLogo > img {height:1.7188vw}
.btnSide {display:none; color:#000; font-size:1.2500vw; margin-top:0; margin-left:1.0417vw}
.headerSlogan > span:nth-child(1) {color:var(--wsuGreen)}
.headerSlogan > span:nth-child(2) {color:var(--wsuBlue)}
.headerSlogan > span:nth-child(3) {color:var(--wsuRed)}
.gnb {display:flex; align-items:center; gap:3.6458vw; margin:0}
.gnb > li {position:relative; cursor:pointer}
.gnb > li > a {font-size:0.9375vw; font-weight:600; color:#333}
.gnb > li:hover > a {color:var(--Orange)}
.gnb > li:nth-child(3):hover > a {color:var(--wsuGreen)}
.gnb > li:nth-child(4):hover > a {color:var(--wsuBlue)}
.gnb > li:nth-child(5):hover > a {color:var(--wsuRed)}
.gnb > li > ul {display:none; list-style:none; position:absolute; top:100%; right:calc(50% - 3.6458vw); z-index:1000; min-width:max-content; width:7.2917vw; padding:0.5208vw 0; box-sizing:border-box; text-align:center; margin-top:0.2604vw; font-size:0.7813vw; font-weight:400; border-radius:0.2604vw}
.gnb > li:nth-child(3) > ul {background:var(--wsuGreenBg)}
.gnb > li:nth-child(4) > ul {background:var(--wsuBlueBg)}
.gnb > li:nth-child(5) > ul {background:var(--wsuRedBg)}
.gnb > li > ul > li > a {display:block; padding:0.3125vw 0.5208vw; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(255,255,255,1) 50%); background-position:0 0; background-size:200% auto; transition:.3s}
.gnb > li > ul > li > a:hover {color:#000; background-position:-100% 0}
#headerMask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; background:rgba(0,0,0,0.8)}
.mGnbTit {display:none}

/* mainVisual */
.mainVisual {width:100%; height:23.4375vw; display:flex; align-items:center; justify-content:center; background:url('../images/mainVisual.png') center center no-repeat; background-size:cover}

/* mainConA */
.mainConA > .inner {max-width:61.4583vw; padding:2.8646vw 1.0417vw 3.6458vw 1.0417vw; box-sizing:border-box; margin:0 auto; display:flex; align-items:center; justify-content:space-between}
.mainConA-left > h2 {font-size:1.6667vw; font-weight:700; line-height:2.0833vw; color:var(--wsuLightBlue); margin-top:0.5208vw}
.mainConA-left > p {font-size:0.8333vw; font-weight:300; line-height:1.2500vw; margin-top:1.0417vw; color:#000}
.mainConA-right {display:flex; gap:1.0417vw}
.mainConA-right-list {display:block; text-align:center}
.mainConA-right-list > h3 {font-size:1.0417vw; font-weight:bold; margin-bottom:0.5208vw}
.mainConA-right-list:nth-child(1) > h3 {color:var(--wsuGreen)}
.mainConA-right-list:nth-child(2) > h3 {color:var(--wsuBlue)}
.mainConA-right-list:nth-child(3) > h3 {color:var(--wsuRed)}
.mainConA-right-list > img {height:8.8542vw; border:0.5208vw solid; border-radius:100%; transition:.3s}
.mainConA-right-list:hover > img {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.mainConA-right-list:nth-child(1) > img {border-color:var(--wsuGreenBg)}
.mainConA-right-list:nth-child(2) > img {border-color:var(--wsuBlueBg)}
.mainConA-right-list:nth-child(3) > img {border-color:var(--wsuRedBg)}
.mainConA-right-list > p {font-size:0.7813vw; font-weight:400; color:#000; margin-top:0.3646vw}

/* mainConB */
.mainConB {background:#FFF6F8; padding:3.1250vw 0}
.mainConB > .inner {max-width:61.4583vw; padding:0 1.0417vw; box-sizing:border-box; margin:0 auto}
.mainConB > .inner > h2 {font-size:1.7708vw; font-weight:600; color:#000; display:flex; align-items:center; margin-bottom:1.0417vw}
.mainConB > .inner > h2 > img {height:1.8750vw; margin-left:0.5208vw}
.instagramListWrap {display:flex; align-items:flex-start; justify-content:space-between; gap:1.3021vw}
.instagramList {display:flex; align-items:center; width:calc(100% - 10.4167vw)}
.instagramList > a > img {height:22.7083vw}
.instagramTag {display:flex; flex-wrap:wrap; gap:0.5208vw; width:10.4167vw; flex-shrink:0}
.instagramTag > span {display:inline-flex; align-items:center; border:0.0521vw solid; box-sizing:border-box; padding:0 1.5625vw 0 1.0417vw; height:2.8125vw; border-radius:1.4063vw; font-size:0.9375vw; font-weight:600}
.instagramTag > span:nth-child(1) {color:var(--wsuBlue); border-color:var(--wsuBlue)}
.instagramTag > span:nth-child(2) {color:var(--wsuRed); border-color:var(--wsuRed)}
.instagramTag > span:nth-child(3) {color:var(--wsuGreen); border-color:var(--wsuGreen)}
.instagramTag > span:nth-child(4) {color:var(--Orange); border-color:var(--Orange)}

/* mainConC */
.mainConC {padding:3.1250vw 0}
.mainConC > .inner {max-width:61.4583vw; padding:0 1.0417vw; box-sizing:border-box; margin:0 auto}
.mainConC > .inner > h2 {font-size:1.7708vw; font-weight:600; color:#000; margin-bottom:1.0417vw}
.mainConC > .inner > h2 > span {color:var(--wsuBlue)}
.mainConC-list {display:flex; gap:2.0833vw}
.mainConC-list > a {background:#EFF2F9; border-radius:0.5208vw; overflow:hidden; color:#000}
.mainConC-list > a > img {transition:.3s}
.mainConC-list > a:hover > img {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.mainConC-list > a > p {text-align:center; padding:0.7813vw 0; font-size:0.8333vw; font-weight:400}

/* mainConD */
.mainConD {background:#EFF2F9; padding:3.1250vw 0 3.6458vw 0}
.mainConD > .inner {max-width:61.4583vw; padding:0 1.0417vw; box-sizing:border-box; margin:0 auto}
.mainConD > .inner > h2 {font-size:1.7708vw; font-weight:600; color:#000; margin-bottom:0.5208vw}
.mainConD > .inner > h2 > span {color:var(--wsuBlue)}
.mainConD > .inner > h3 {font-size:0.9375vw; font-weight:300; color:#000}
.scList {margin-top:1.5625vw; display:flex; gap:1.5625vw}
.scListItem {display:block; width:100%; background:#fff; border-radius:0.5208vw; padding:0.7813vw; box-sizing:border-box; text-align:center}
.scListItem > .scListItemThum {border-radius:0.5208vw; overflow:hidden; margin-bottom:0.7813vw}
.scListItem > .scListItemThum > img {transition:.3s}
.scListItem:hover > .scListItemThum > img {-webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05)}
.scListItem > h4 {font-size:0.9375vw; font-weight:600; color:#000; margin-bottom:0.2604vw}
.scListItem > h5 {font-size:0.7813vw; font-weight:300; color:#000}
.scListItem > h6 {font-size:0.7292vw; font-weight:400; color:#000; margin-top:0.7813vw}
.scListItem > .scBtn {display:flex; align-items:center; justify-content:center; width:100%; height:1.9792vw; color:#fff; font-size:0.7292vw; font-weight:300; border-radius:0.5208vw; margin-top:1.0417vw}
.scListItem:nth-child(1) > .scBtn {background:var(--wsuBlue)}
.scListItem:nth-child(2) > .scBtn {background:var(--wsuRed)}
.scListItem:nth-child(3) > .scBtn {background:var(--wsuGreen)}
.scListItem:nth-child(4) > .scBtn {background:var(--Orange)}
.scListMore {display:flex; align-items:center; justify-content:center; width:10.9375vw; height:2.3958vw; font-size:0.7813vw; font-weight:600; color:#000; border:0.0521vw solid #000; border-radius:0.5208vw; margin:2.3438vw auto 0 auto; transition:.3s}
.scListMore:hover {background:#8e8e8e; border-color:#8e8e8e; color:#fff}

/* footer */
footer {background:#3F3F3F}
footer > .inner {max-width:61.4583vw; padding:1.5625vw 1.0417vw; box-sizing:border-box; margin:0 auto; text-align:center}
footer > .inner > address {margin:0; font-size:0.9375vw; font-weight:300; color:#fff}
footer > .inner > .copy {font-size:0.8333vw; font-weight:100; color:#fff; margin:0; margin-top:0.5208vw}
footer > .inner > .wsuLogo > img {margin:1.5625vw auto 0 auto}

/* subVisual */
.subVisual {width:100%; height:10.4167vw; display:flex; align-items:center; justify-content:center; background:url('../images/mainVisual.png') center center no-repeat; background-size:cover}
.subVisualTxt {height:6.7708vw}

/* subContainer */
#subContainer {background:#fff; padding:3.1250vw 0 7.8125vw 0}
#subContainer > .inner {max-width:61.4583vw; padding:0 1.0417vw; box-sizing:border-box; margin:0 auto; min-height:15.6250vw}
.subMenuWrap {margin:0 auto 3.6458vw auto; text-align:center}
.subMenu {display:inline-flex; border-radius:1.4583vw}
.subMenu > a {display:flex; align-items:center; justify-content:center; width:10.4167vw; height:2.9167vw; font-size:0.8333vw; font-weight:600; color:#777; border-radius:1.4583vw; padding:0 0.5208vw}
.subMenu > a.active {color:#fff; font-weight:700}
.subMenu > a.active:hover {color:#fff}
.subMenu02 {background:var(--wsuGreenBg)}
.subMenu02 > a.active {background:var(--wsuGreen)}
.subMenu02 > a:hover {color:var(--wsuGreen)}
.subMenu03 {background:var(--wsuBlueBg)}
.subMenu03 > a.active {background:var(--wsuBlue)}
.subMenu03 > a:hover {color:var(--wsuBlue)}
.subMenu04 {background:var(--wsuRedBg)}
.subMenu04 > a.active {background:var(--wsuRed)}
.subMenu04 > a:hover {color:var(--wsuRed)}

/* cateTab */
.cateTabWrap {margin:0 auto 3.6458vw auto; text-align:center}
.cateTab {display:inline-flex; border-radius:1.4583vw; background:var(--OrangeBg)}
.cateTab > a {display:flex; align-items:center; justify-content:center; width:7.8125vw; height:2.9167vw; font-size:0.8333vw; font-weight:600; color:#777; border-radius:1.4583vw; padding:0 0.5208vw}
.cateTab > a:hover {color:var(--Orange)}
.cateTab > a.active {color:#fff; font-weight:700; background:var(--Orange)}
.cateTab > a.active:hover {color:#fff}

/* introWrap */
.introWrap {text-align:center}
.introTit {font-size:1.6667vw; font-weight:800; color:#000; margin-bottom:1.5625vw; color:var(--wsuBlue)}
.introTxt {font-size:0.9375vw; font-weight:300; color:#000; line-height:1.5625vw}
.introTxt strong {display:block; margin-top:0.7813vw; color:var(--wsuBlue); font-size:1.0417vw; font-weight:600}

/* solbanIntro */
.solbanIntro {display:flex; gap:2.0833vw}
.solbanIntro.align {align-items:stretch}
.solbanIntro-left {width:26.0417vw}
.solbanIntro-prev {position:absolute; top:calc(50% - 1.3021vw); left:0.5208vw; z-index:9; font-size:2.6042vw; color:#fff; opacity:0.5; cursor:pointer}
.solbanIntro-next {position:absolute; top:calc(50% - 1.3021vw); right:0.5208vw; z-index:9; font-size:2.6042vw; color:#fff; opacity:0.5; cursor:pointer}
.solbanIntro-prev:hover, .solbanIntro-next:hover {opacity:1}
.solbanIntro-right {width:100%}
.solbanIntro-right.align {display:flex; flex-direction:column; justify-content:space-between}
.keywordStWrap {gap:0.2604vw}
.keywordSt {display:inline-flex; align-items:center; justify-content:center; font-size:0.6771vw; font-weight:500; color:#777; border:0.0521vw solid #DDD; border-radius:0.6771vw; padding:0.3125vw 0.4167vw}
.h2Tit {font-size:1.6667vw; font-weight:800; color:#000; margin-bottom:1.5625vw}
.h3Tit {font-size:1.4583vw; font-weight:700; color:#000}
.h4Tit {font-size:1.2500vw; font-weight:700; color:#000}
.pTxt14 {font-size:0.7292vw; font-weight:400; color:#000}
.pTxt15 {font-size:0.7813vw; font-weight:400; color:#000; line-height:140%}
.pTxt16 {font-size:0.8333vw; font-weight:400; color:#000; line-height:140%}
.pTxt18 {font-size:0.9375vw; font-weight:400; color:#000; line-height:150%}

/* kakaomap */
.root_daum_roughmap {border-bottom:0.0521vw solid rgba(0,0,0,.1)}
.root_daum_roughmap .wrap_controllers, .root_daum_roughmap .cont {display:none}

/* seniorChefList */
.seniorChefList {display:flex; flex-wrap:wrap; gap:20px}
.seniorChefList > .item {flex:0 0 calc(25% - 15px); position:relative; margin-bottom:50px}
.seniorChefList-tag {position:absolute; top:10px; left:10px; display:inline-flex; align-items:center; justify-content:center; padding:0 7px; height:19px; font-size:11px; font-weight:600; color:#000; background:rgba(255,255,255,0.7); border-radius:10px}
.seniorChefList-tag.tagGray {background:rgba(221,221,221,0.7)}
.seniorChefList-tit {font-size:16px; font-weight:600; color:#000; text-align:center; margin-top:10px}
.seniorChefInfo {display:flex; flex: 1;margin-bottom:8px}
.seniorChefInfo:last-child {margin-bottom:0}
.seniorChefInfo > dt {display:flex; align-items:center; justify-content:center; width:140px; background:#F0B17E; color:#fff; font-size:16px; font-weight:600; border-radius:5px 0 0 5px; flex-shrink:0}
.seniorChefInfo > dd {flex:1; margin:0; padding:14px 20px 13px 20px; background:#FCECDF; border-radius:0 5px 5px 0; word-break:keep-all; font-size:16px; font-weight:500; color:#000; line-height:22px}
.backBtn {display:inline-flex; align-items:center; justify-content:center; width:130px; height:45px; font-size:16px; font-weight:500; color:#fff; background:#333}
.backBtn:hover {color:#fff}
.seniorChefInfo > dt, .seniorChefInfo > dd {height:auto; display:flex; align-items: center}



@media screen and (max-width:1920px) {
	#skipToContent a {height:1px; margin-top:-1px; font-size:14px}
	#skipToContent a:focus, #skipToContent a:active {padding:10px 0px}
	.gap5 {gap:5px}
	.gap10 {gap:10px}
	.gap20 {gap:20px}
	.gap30 {gap:30px}
	.gap40 {gap:40px}
	.gap50 {gap:50px}
	.gap60 {gap:60px}
	.gap70 {gap:70px}
	.mt5 {margin-top:5px !important}
	.mt10 {margin-top:10px !important}
	.mt20 {margin-top:20px !important}
	.mt25 {margin-top:25px !important}
	.mt30 {margin-top:30px !important}
	.mt40 {margin-top:40px !important}
	.mt50 {margin-top:50px !important}
	.mt60 {margin-top:60px !important}
	.mt70 {margin-top:70px !important}
	.mb10 {margin-bottom:10px !important}
	.mb20 {margin-bottom:20px !important}
	.mb30 {margin-bottom:30px !important}
	.ml10 {margin-left:10px}
	.ml20 {margin-left:20px}
	.dList {margin-top:10px}
	.dList > li {margin-left:3px; margin-bottom:5px; font-size:16px}
	.dList > li:before {width:5px; height:5px; margin-top:6px; margin-right:5px}
	.bList {margin-top:10px}
	.bList > li {margin-left:2px; margin-bottom:5px; font-size:16px}
	.bList > li:before {margin-top:-1px; margin-right:4px}
	.hrSt {height:1px; margin:20px 0}

	header > .inner {max-width:1180px; padding:25px 20px}
	header > .inner > h1 {font-size:20px}
	.headerLogo {margin-right:15px}
	.headerLogo > img {height:33px}
	.btnSide {font-size:24px; margin-left:20px}
	.gnb {gap:70px}
	.gnb > li > a {font-size:18px}
	.gnb > li > ul {right:calc(50% - 70px); width:140px; padding:10px 0; margin-top:5px; font-size:15px; border-radius:5px}
	.gnb > li > ul > li > a {padding:6px 10px}

	.mainVisual {height:450px}

	.mainConA > .inner {max-width:1180px; padding:55px 20px 70px 20px}
	.mainConA-left > h2 {font-size:32px; line-height:40px; margin-top:10px}
	.mainConA-left > p {font-size:16px; line-height:24px; margin-top:20px}
	.mainConA-right {gap:20px}
	.mainConA-right-list > h3 {font-size:20px; margin-bottom:10px}
	.mainConA-right-list > img {height:170px; border:10px solid}
	.mainConA-right-list > p {font-size:15px; margin-top:7px}

	.mainConB {padding:60px 0}
	.mainConB > .inner {max-width:1180px; padding:0 20px}
	.mainConB > .inner > h2 {font-size:34px; margin-bottom:20px}
	.mainConB > .inner > h2 > img {height:36px; margin-left:10px}
	.instagramListWrap {gap:25px}
	.instagramList {width:calc(100% - 200px)}
	.instagramList > a > img {height:436px}
	.instagramTag {gap:10px; width:200px}
	.instagramTag > span {border:1px solid; padding:0 30px 0 20px; height:54px; border-radius:27px; font-size:18px}

	.mainConC {padding:60px 0}
	.mainConC > .inner {max-width:1180px; padding:0 20px}
	.mainConC > .inner > h2 {font-size:34px; margin-bottom:20px}
	.mainConC-list {gap:40px}
	.mainConC-list > a {border-radius:10px}
	.mainConC-list > a > p {padding:15px 0; font-size:16px}

	.mainConD {padding:60px 0 70px 0}
	.mainConD > .inner {max-width:1180px; padding:0 20px}
	.mainConD > .inner > h2 {font-size:34px; margin-bottom:10px}
	.mainConD > .inner > h3 {font-size:18px}
	.scList {margin-top:30px; gap:30px}
	.scListItem {border-radius:10px; padding:15px}
	.scListItem > .scListItemThum {border-radius:10px; margin-bottom:15px}
	.scListItem > h4 {font-size:18px; margin-bottom:5px}
	.scListItem > h5 {font-size:15px}
	.scListItem > h6 {font-size:14px; margin-top:15px}
	.scListItem > .scBtn {height:38px; font-size:14px; border-radius:10px; margin-top:20px}
	.scListMore {width:210px; height:46px; font-size:15px; border:1px solid #000; border-radius:10px; margin:45px auto 0 auto}

	footer > .inner {max-width:1180px; padding:30px 20px}
	footer > .inner > address {font-size:18px}
	footer > .inner > .copy {font-size:16px; margin-top:10px}
	footer > .inner > .wsuLogo > img {margin:30px auto 0 auto}

	.subVisual {height:200px}
	.subVisualTxt {height:130px}

	#subContainer {padding:60px 0 150px 0}
	#subContainer > .inner {max-width:1180px; padding:0 20px; min-height:300px}
	.subMenuWrap, .cateTabWrap {margin:0 auto 70px auto}
	.subMenu, .cateTab {border-radius:28px}
	.subMenu > a {width:200px; height:56px; font-size:16px; border-radius:28px; padding:0 10px}
	.cateTab > a {width:150px; height:56px; font-size:16px; border-radius:28px; padding:0 10px}

	.introTit {font-size:32px; margin-bottom:30px}
	.introTxt {font-size:18px; line-height:30px}
	.introTxt strong {margin-top:15px; font-size:20px}

	.solbanIntro {gap:40px}
	.solbanIntro-left {width:500px}
	.solbanIntro-prev {top:calc(50% - 25px); left:10px; font-size:50px}
	.solbanIntro-next {top:calc(50% - 25px); right:10px; font-size:50px}
	.keywordStWrap {gap:5px}
	.keywordSt {font-size:13px; border:1px solid #DDD; border-radius:13px; padding:6px 8px}
	.h2Tit {font-size:32px; margin-bottom:30px}
	.h3Tit {font-size:28px}
	.h4Tit {font-size:24px}
	.pTxt14 {font-size:14px}
	.pTxt15 {font-size:15px}
	.pTxt16 {font-size:16px}
	.pTxt18 {font-size:18px}

	.root_daum_roughmap {border-bottom:1px solid rgba(0,0,0,.1)}
}
@media screen and (max-width:1140px) {
	.instagramListWrap {gap:15px}
	.instagramList > a > img {height:auto}
}
@media screen and (max-width:1080px) {
	.gnb {gap:50px}
}
@media screen and (max-width:1024px) {
	.btnSide {display:block}
	.gnb {display:none; background:#fff; position:fixed; top:0; right:0; width:300px; height:100%; z-index:99999}
	.gnb > li {padding:0 20px}
	.gnb > li:nth-child(2) {margin-top:10px}
	.gnb > li > a {display:block; padding:15px 0}	
	.gnb > li > ul {position:relative; top:0; right:0; width:100%; margin-top:0; text-align:left}
	.gnb > li > ul > li > a {padding:10px 20px}
	.mGnbTit {display:flex; align-items:center; justify-content:space-between; width:100%; height:70px; padding:0 20px; border-bottom:1px solid #F1F1F1}
	.mGnbTitLogo > img {height:25px}
	.mGnbClose {font-size:25px}
	.mainConA > .inner {flex-wrap:wrap}
	.mainConA-left, .mainConA-right {width:100%; text-align:center}
	.mainConA-right {justify-content:center; margin-top:30px}
	.mainConB > .inner > h2 {justify-content:center}
	.instagramList {width:calc(100% - 170px)}
	.instagramTag {width:170px}
	.instagramTag > span {padding:0 25px 0 15px; height:50px; font-size:16px}
	.mainConC-list {gap:20px}
	.mainConC > .inner > h2, .mainConD > .inner > h2, .mainConD > .inner > h3 {text-align:center}
	.scList {gap:20px; flex-wrap:wrap}
	.scListItem {flex:1 1 45%}
	#subContainer {padding:30px 0 100px 0}
	.subMenuWrap, .cateTabWrap {margin:0 auto 50px auto}
	.subMenu, .cateTab {display:flex}
	.subMenu > a, .cateTab > a {width:100%; height:52px; font-size:15px}
	.root_daum_roughmap .wrap_map {height:450px !important}
	.solbanIntro-left {width:400px}
	.seniorChefList > .item {flex:0 0 calc(33.33% - 15px); margin-bottom:30px}
}
@media screen and (max-width:900px) {
	.solbanIntro {flex-wrap:wrap; gap:30px}
    .solbanIntro-left {width:100%}
}
@media screen and (max-width:768px) {
	.mainVisualTxt {height:150px}
	.instagramList {width:100%}
	.instagramTag {display:none}
    .mainConC-list {flex-wrap:wrap}
	footer > .inner > address {font-size:16px}
	footer > .inner > .copy {font-size:14px}
	footer > .inner > .wsuLogo > img {margin:20px auto 0 auto; height:24px}
	.mainConA-right-list {width:30%}
	.mainConA-right-list > img {width:100%; height:auto}
	.subVisualTxt {height:110px}
	.root_daum_roughmap .wrap_map {height:350px !important}
	.seniorChefList > .item {flex:0 0 calc(50% - 15px)}
}
@media screen and (max-width:600px) {
	.hide-600 {display:none}
	.root_daum_roughmap .wrap_map {height:300px !important}
}
@media screen and (max-width:550px) {
	.headerLogo {margin-right:7px}
	.headerLogo > img {height:28px}
	header > .inner > h1 {font-size:16px}
	.mainConA > .inner {padding:50px 20px 60px 20px}
	.mainConA-left > h2, .mainConB > .inner > h2, .mainConC > .inner > h2, .mainConD > .inner > h2 {font-size:28px; line-height:34px; margin-top:0}
	.mainConA-left > p {line-height:22px}
	.mainConA-left > p br {display:none}
	.mainConA-right-list > h3 {font-size:18px}
	.mainConA-right-list > p {font-size:14px; margin-top:5px}
	.mainConB, .mainConC, .mainConD {padding:50px 0}
	.mainConB > .inner > h2 > img {height:30px}
	.mainConC-list > a > p {padding:12px 0; font-size:15px}
	.mainConD > .inner > h2 {margin-bottom:7px}
	.mainConD > .inner > h3 {font-size:16px}
	.scListItem {flex:1 1 100%}
	.scListItem > h4 {font-size:16px; margin-bottom:2px}
	.scListItem > h5 {font-size:14px}
	.scListItem > h6 {font-size:13px; margin-top:10px}
	.scListItem > .scBtn {height:34px}
	.scListMore {width:180px; height:42px; font-size:14px; margin:25px auto 0 auto}
	footer > .inner > address {font-size:15px}
	footer > .inner > .copy {font-size:14px; margin-top:5px}
	footer > .inner > .wsuLogo > img {margin:20px auto 0 auto; height:20px}
	.subMenu > a, .cateTab > a {height:46px; font-size:14px; padding:0 5px}
	.introTit {font-size:28px; margin-bottom:20px}
	.introTxt {font-size:16px; line-height:26px}
	.introTxt strong {font-size:18px}
	.seniorChefList > .item {flex:0 0 100%}
	.seniorChefInfo > dt {width:110px}
	.seniorChefInfo > dd {padding:12px 15px 11px 15px}
}
@media screen and (max-width:520px) {
	.instagramListWrap .swiper-slide {padding:0 20px}
	.root_daum_roughmap .wrap_map {height:250px !important}
}
@media screen and (max-width:425px) {
	header > .inner > h1 {font-size:14px}
	.instagramListWrap .swiper-slide {padding:0}
	.root_daum_roughmap .wrap_map {height:200px !important}
}
@media screen and (max-width:400px) {
    header > .inner > h1 {font-size:13px}
	.headerSlogan {line-height:14px}
	.headerSlogan > span:nth-child(3) {display:block}
}