@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:wght@600&display=swap');
@import url("https://use.typekit.net/mgp5iwy.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:'Open Sans', sans-serif; vertical-align:baseline}
img {border:0}
a {background-color:transparent; color:inherit; text-decoration:none}
a:active, a:hover {outline:0; text-decoration:none}
button {cursor:pointer; background:none}

/* common */
.width100 {width:100%}      
.auto {margin:0 auto}
.clear{clear:both;}
.mobile{display:none}
.web{display:block}
.img-responsive {display:block;max-width:100%;height:auto;}
.white{color:#fff;}
.black{color:#000;}

/*header*/
.wrap01{width:100%;height:100%;background:#ffffff;}
header {position:absolute;top:5%; width:100%; z-index:9999;}
.hearder_top{width:94%; padding:0 3%;display:flex; justify-content:space-between;align-items:top;}
.logo{font-size:16px; font-weight:bold;line-height:180%;}
.menu{position:fixed;top:5%; right:3%}
.logo_w{font-size:16px; font-weight:bold;line-height:180%;color:#fff;}
/*menu*/
.navi{position:fixed;z-index:999;top:0;opacity: 0;transition:right .5s ease-in-out, opacity .1s ease-in-out;width: 100%;height: 100%;right: -100%;}
.navi.on{right:0;top:0;display:block;opacity:1;overflow-y: auto;transition:right .5s ease-in-out, opacity .5s ease-in-out;}
/*article2*/
.article2 {background: #fff; padding:5% 5% 3% 5%;margin-top:0;}
.nav_close{font-size:0;line-height:0;width: 20px;height: 17px;position:absolute;right: 3%;top: 5%;}
.nav_close:before, .nav_close:after{content:'';width: 100%;height: 2px;background-color: #000;position: absolute;left: 0;}
.nav_close:before{transform: rotate(45deg);}
.nav_close:after{transform: rotate(-45deg);}
.inner2{width:100%;margin:0 auto}
.article_text2 {text-align: center; margin-top: 10%;margin-left:2%}
.article_text2 span { display: block; padding: 5px 0 }
.article_text2 span.l_title2 {font-size: 18px; color: #4f3118; text-align: left;font-weight:700;}
.article_text2 span.l_stitle2 {font-family: 'Noto Sans KR', sans-serif;font-size: 13px; color: #4f3118; text-align: left; min-height: 45px; line-height: 1.4;letter-spacing:0.02em}
.article_text2 span.l_stitle2 i{font-style:italic; color: #7a7a7a;letter-spacing:0.03em}
.articlelist2{text-align:center;margin: 0 0 3% 0}
.articlelist2 li {display:inline-block;padding: 0 0;margin: 0 2% 3% 2%;vertical-align:top;width:14%;}
.articlelist2 a .cover2 img {width: 100%; text-align: center}
.articlelist2 a .cover2 span {display: inline-block;font-size: 0;padding:0;margin:0;background:#000}
.articlelist2 a:hover .cover2 img {opacity: 0.5;transition:.2s  ease-in-out }
.article-title{font-size: 35px;font-weight: 700;line-height: 130%;color: #4f3118;margin: 0 0 3% 0;letter-spacing: 0.15em;text-align: center;}
/*메뉴안 pdf보기*/
.magazine_m{display:none}

/*main visual*/
.visual{display:flex;width:100%;}
.visual_img{width:55%;padding:5% 0 4% 15%;}
.visual_txt{width:20%;padding:4% 0 0 4%;}
.issue_title{font-family:'Open Sans', sans-serif; font-size:14px; font-weight:700; line-height:200%;}
.issue_title a:hover{color:#f4abb2}
.visual_txt h2{font-family: degular, sans-serif;font-size:30px; font-weight:bold;}
.visual_txt h2 a{text-decoration:none}
.visual_txt h2 a:hover{color:#f4abb2}
.special{margin-top:30%;}
.special_title{font-family: linotype-didot, serif;font-size:26px; font-weight:600;font-style:italic;margin:2% 0 5% 0;}
.k-contents{margin-top:15%}
.k-contents_title{font-family:'Open Sans', sans-serif; font-size:14px; font-weight:700; line-height:160%;margin-bottom:3%}
.k-contents_title span{ font-size:13px; font-weight:400; line-height:140%;}
.k-contents_title a:hover{color:#f4abb2}

/*main_contents*/
/*Local_Column*/
.main_con01{position:relative;background:url('../img/main01.jpg')center no-repeat;background-size:cover}
.main_con01 h3{font-family:'Open Sans', sans-serif; font-size:24px; font-weight:700; color:#f4abb2;text-align:center;padding:25% 0 1% 0}
.main_con01 h4{font-family: degular, sans-serif;font-size:52px; font-weight:bold;color:#fff;text-align:center;padding:0 0 25% 0}
.main_con01 h4 a{text-decoration: underline;text-decoration-color: #f4abb2;text-decoration-thickness: 4px;text-underline-offset: 1px;}
.main_con01 h4 a:hover{text-decoration: underline;text-decoration-color: #f4abb2;text-decoration-thickness: 4px;text-underline-offset: 1px;color:#f4abb2;}

/*Local_People*/
.main_con02{position:relative;background:#fff;padding:5% 0;}
.main_con02 h3{font-family:'Open Sans', sans-serif; font-size:24px; font-weight:700; color:#f4abb2;text-align:center;}
.main_con02 h4{font-family: degular, sans-serif;font-size:52px; font-weight:bold;color:#000;text-align:center;padding:0 0 2% 0}
.main_con02 h4 a{text-decoration: underline;text-decoration-color: #f4abb2;text-decoration-thickness: 4px;text-underline-offset: 1px;}
.main_con02 h4 a:hover{text-decoration: underline;text-decoration-color: #f4abb2;text-decoration-thickness: 4px;text-underline-offset: 1px;color:#f4abb2;}
.main_con02 .con02_img{max-width:1103px;margin:5% auto;width:70%}
.main_con02 p{font-size:18px; font-weight:500; width:60%;margin:0 auto;text-align:center; line-height:180%;}

/*Local_Hashtags*/
.main_con03{position:relative;background:url('../img/main03.jpg')center no-repeat;padding:5% 8%;background-size:cover }
.main_con03 h3{font-family:'Open Sans', sans-serif; font-size:24px; font-weight:700; color:#f4abb2;text-align:center;padding-bottom:3%;}
.con03_box{background:#ef8593; padding:5% 5%; }
.con03_box h4{font-family: degular, sans-serif;font-size:52px; font-weight:bold;color:#000;text-align:center;padding:0 0 4% 0}
.con03_box h4 a{text-decoration: none;}
.con03_box h4 a:hover{text-decoration: underline;text-decoration-color: #fff;text-decoration-thickness: 4px;text-underline-offset: 1px;}
.con03_img{margin:0 auto;max-width:1270px;width:100%;}

/*Local_Dining*/
.main_con04{position:relative;background:#fff;padding:5% 0;}
.main_con04 h3{font-family:'Open Sans', sans-serif; font-size:24px; font-weight:700; color:#f4abb2;text-align:center;}
.main_con04 h4{font-family: degular, sans-serif;font-size:52px; font-weight:bold;color:#000;text-align:center;padding:0 0 2% 0}
.main_con04 h4 a{text-decoration: underline;text-decoration-color: #f4abb2;text-decoration-thickness: 4px;text-underline-offset: 1px;}
.main_con04 h4 a:hover{text-decoration: underline;text-decoration-color: #f4abb2;text-decoration-thickness: 4px;text-underline-offset: 1px;color:#f4abb2;}
.main_con04 .con04_img{max-width:787px;margin:3% auto;width:50%}
.main_con04 p{font-size:18px; font-weight:500; width:57%;margin:0 auto;text-align:center; line-height:180%;}

/*k-contents*/
.k_conbox{position:relative;background:#fff;padding:0 2%;}
.k_con01{display:flex;jutify-content:flex-start;flex-direction:row; padding:2% 2%; border-top:1px solid #000;align-items:center;}
.k_con01 h3{font-family:'Open Sans', sans-serif; font-size:16px; font-weight:700;font-style:italic;width:13%;padding-left:4%;}
.k_con01 img{width:100%}
.k_con01 span{font-family: degular, sans-serif;font-size:36px; font-weight:bold;color:#000;text-align:left;width:48%;padding-left:8%;}
.k_con01 span a {font-family: degular, sans-serif;font-size:36px; font-weight:bold;color:#000;text-align:left;}
.k_con01 span a:hover{color:#f4abb2;}
.lastline{border-bottom:1px solid #000;}

.main_btnbox{position:relative;background:#fff;padding:5% 2%;display:flex; justify-content:space-between;align-items:top;flex-direction:row; }
/*event*/
.event{background:#f4abb2;padding:1.5% 3% 1.5% 3%;width:50%;}
.event_title{width:100%;text-align:center;}
.event_title a{font-family: 'Poppins', sans-serif;font-size:75px; font-weight:600;color:#000;text-align:center; margin-bottom:2%}
.event_title a:hover{color:#000}
.event_txt{font-size:20px;font-weight:500;text-align:center;color:#000;}
.event_txt a:hover{color:#000}
.event_btnarea{width:60%;display:flex; justify-content:space-between;align-items:center;flex-direction:row;margin:5% auto;}
.btn_yellow{width:50%;background: #000;color: #f4abb2;border:1px solid #000;font-size: 18px;display: inline-block;padding:2% 1%;border-radius:10px;text-align: center;margin:0 10px;transition: .4s;font-weight:600;}
.btn_yellow:hover{background:#f4abb2;color:#000;}

.main_btn{width:24%;color:#f4abb2;}
.btn01{font-family: 'Poppins', sans-serif;font-size:30px; font-weight:600;background:#1b1b1b;display:flex; justify-content:space-between;align-items:center;flex-direction:row;padding:6.5% 7%;margin:0 0 2% 0}
.btn02{font-family: 'Poppins', sans-serif;font-size:30px; font-weight:600;background:#1b1b1b;display:flex; justify-content:space-between;align-items:center;flex-direction:row;padding:6.5% 7%;margin:0 0}
.btn01 a:hover, .btn02 a:hover{color:#fff}
/*footer*/
.footer_b{position:relative;background:#434343;padding: 5% 0;}
.sns{display: flex;align-items: center;justify-content: center;margin-bottom:2%}
.sns a{margin-right:2%;display: block;background-position: center;background-repeat: no-repeat;background-size: 100%;}
.sns a:last-child{margin-right: 0;}
.partner{display: flex;align-items: center;justify-content:center;margin:2% 0 0 0;}
.partner a{font-size: 0;line-height: 0;margin-right: 40px;display: block;}
.partner a img{width:80%;}
.partner a:last-child{margin-right: 0;}
.copyright{font-size: 16px;color: #ffffff;text-align: center;}

@media screen and (max-width: 1730px) {
}
@media screen and (max-width: 1680px) {
	.visual_txt h2{font-size:28px;}
	.special_title{font-size:22px;}
	.event_title a {font-size:70px;}
	.event_txt {font-size:18px;}
	.event_btnarea {margin:7% auto}
	.event{padding:2% 3% 1% 3%}
	.btn01, .btn02 {font-size:26px;padding:7.7% 7%}
	.btn01{margin:0 0 5px 0:}
}
@media screen and (max-width: 1600px) {
	.visual_txt h2{font-size:24px;}
	.special{margin-top:30%;}
	.logo{font-size:14px;}
	.logo img, .logo_w img, .menu img {width:85%;}
}
@media screen and (max-width: 1440px) {
	header {top:3%;}
	.visual_txt h2{font-size:24px;}
	.special_title{font-size:20px;}
	.k-contents_title, .issue_title{font-size:12px;}
	.k-contents_title span{font-size:11px;}
	.logo{font-size:12px;}
	.logo img, .logo_w img, .menu img {width:80%;}
	.k_con01 span{font-size:32px; }
	.magazine{margin:0 10px}
	.magazine img{width:100%}
	.event_txt {font-size:16px;}
}
/*아이패드 프로*/
@media screen and (max-width: 1366px) {
	.special{margin-top:25%;}
	.visual_txt h2{font-size:20px;}
	.visual_txt{width:17%;}
	.main_con01 h4, .main_con02 h4, .con03_box h4, .main_con04 h4 {font-size:48px;}
	.main_con01 h3, .main_con02 h3, .main_con03 h3, .main_con04 h3{font-size:20px;}
	.main_con02 p, .main_con04 p{font-size:16px;}
	.k_con01 span a{font-size:30px; }
	.k_con01 img{width:80%;}
	.k_con01 span{font-size:30px;width:65%;padding-left:3%;}
	.k_con01 h3{width:20%;}
	.btn01 {font-size:20px;margin:0 0 3% 0;padding:8.5% 8%}
	.btn02 {font-size:20px;margin:0 0;padding:8.5% 8%}
	.event_title a {font-size:65px;}
	.event_txt {font-size:16px;}
	.btn_yellow {font-size:16px;width:60%;}
	.magazine{margin:0 15px}
	.magazine img{width:100%}
}
@media screen and (max-width: 1280px) {
	.special{margin-top:20%;}
	.logo img, .logo_w img, .menu img {width:70%;}
	.main_con01 h4, .main_con02 h4, .con03_box h4, .main_con04 h4 {font-size:45px;}
	.main_con01 h3, .main_con02 h3, .main_con03 h3, .main_con04 h3{font-size:18px;}
	.main_con02 p, .main_con04 p{font-size:14px;}
	.event_title a {font-size:60px;}
	.event_txt {font-size:14px;}
	.btn_yellow {font-size:14px;}
	.event_btnarea{width:80%;}
	.articlelist2 li{width:25%}
}
/*아이패드 에어*/
@media screen and (max-width: 1180px) {
	.visual_txt h2{font-size:18px;}
	.special_title{font-size:18px;}
	.special{margin-top:15%;}
	.logo{font-size:11px;}
	.logo img, .logo_w img, .menu img {width:60%;}
	.main_con01 h4, .main_con02 h4, .con03_box h4, .main_con04 h4 {font-size:42px;}
	.btn_yellow {font-size:12px;width:100%;}
	.magazine{margin:0 10px}
	.btn01 {font-size:18px;margin:0 0 3% 0;padding:9.5% 8%}
	.btn02 {font-size:18px;margin:0 0;padding:9.5% 8%}
	.event_title a {font-size:48px;}
	.event_title{margin-top:8%}
}
/*갤럭시탭*/
@media screen and (max-width: 1138px) {
}
/*아이패드 미니*/
@media screen and (max-width: 1024px) {
	.logo img, .logo_w img, .menu img {width:50%;}
	.visual_txt h2{font-size:16px;}
	.special_title{font-size:16px;}
	.specia, .k-contents{margin-top:10%}
	.issue_title{ line-height:200%;}
	.main_con01 h4, .main_con02 h4, .con03_box h4, .main_con04 h4 {font-size:38px;}
	.main_con01 h3, .main_con02 h3, .main_con03 h3, .main_con04 h3{font-size:16px;}
	.main_con02 p, .main_con04 p{font-size:13px;}
	.k_con01 span a{font-size:26px; }
	.k_con01 span{font-size:26px;width:70%;padding-left:2%;}
	.k_con01 h3{width:23%;font-size:14px;}
	.btn01{margin:0 0 4% 0;padding:9.8% 8%}
	.btn02{margin:0 0;padding:9.8% 8%}
}
@media screen and (max-width: 960px) {
	.web{display:none}
	.visual{display:flex;justify-content:flex-start;flex-direction: column;}
	.visual_img{width:70%;padding:10% 15% 4% 15%;}
	.visual_txt{width:80%;padding:3% 10% 8% 10%;}
	.special{margin-top:5%;}
	.specia, .k-contents{margin-top:5%}
	.visual_txt h2{font-size:28px;}
	.special_title{font-size:26px;}
	.k-contents_title, .issue_title{font-size:16px;}
	.k-contents_title span{font-size:13px;}
	.k_con01 span a{font-size:22px; }
	.k_con01 span{font-size:22px;width:70%;padding-left:2%;}
}
@media screen and (max-width: 820px) {
	.main_btnbox{display:block;}
	.event{padding:1.5% 3% 1.5% 3%;width:94%;}
	.magazine{width:50%;display:inline-block;margin:1% 0 0 0;padding:0}
	.main_btn{width:50%;float:right;display:inline-block;margin:1% 0 0 0;padding:0}
	.btn01{margin:0 0 3% 2%;}
	.btn02{margin:0 0 0 2%;}
	.visual_txt h2{font-size:24px;}
}
@media screen and (max-width: 768px) {
	.main_con01 h4, .main_con02 h4, .con03_box h4, .main_con04 h4 {font-size:34px;}
	.main_con01 h3, .main_con02 h3, .main_con03 h3, .main_con04 h3{font-size:14px;}
	.main_con02 p, .main_con04 p{font-size:12px;}
	.k_con01 span a{font-size:20px; }
	.k_con01 span{font-size:20px;width:80%;padding-left:1%;}
	.k_con01 h3{width:25%;font-size:12px;}
	.btn01{margin:0 0 2% 2%;}
	.articlelist2 li {width: 40%;}
	.magazine_m{display:block;width:326px; margin:0 auto;}
}
@media screen and (max-width: 712px) {
	.btn01{font-size:16px;margin:0 0 1% 2%;}
	.btn02{font-size:16px;}
	.copyright{font-size: 12px;}
	.sns img{width:80%}
	.partner{width:70%;margin:0 auto;}
}
@media screen and (max-width: 600px) {
}
/*갤럭시 듀오 */
@media screen and (max-width: 540px) {
	.visual_img{width:75%;padding:15% 12% 4% 12%;}
	.special_title{font-size:22px;}
	.k-contents_title, .issue_title{font-size:14px;}
	.k-contents_title span{font-size:12px;}
	header {top:15px;left:15px;}
	.menu{top:15px;right:15px;}
	.hearder_top{width:90%;}
	.article-title{font-size: 22px;letter-spacing: 0.05em;margin-bottom: 5%;}
    .article_text2 span.l_title2 {font-size: 16px;letter-spacing: 0.05em;}
    .article_text2 span.l_stitle2 {font-size: 12px;letter-spacing: 0.01em;}
}
@media screen and (max-width: 475px) {
	.k_con01{display:flex;justify-content:flex-start;flex-direction: column;margin:0 2%}
	.k_con01 h3{width:100%;padding:2% 0;text-align:center;}
	.k_con01 img{width:100%;}
	.k_con01 span a{font-size:20px; }
	.k_con01 span{font-size:20px;width:100%;padding:3% 0;text-align:center;}
	.magazine{width:100%;display:block;margin:1% 0 0 0;padding:0}
	.main_btn{width:100%;float:none;display:block;margin:1% 0 0 0;padding:0}
	.btn01{font-size:20px;margin:0 0 1% 0;}
	.btn02{font-size:20px;margin:0;}
}
@media screen and (max-width: 428px) {
	.logo img, .logo_w img{width:40%;}
	.logo, .logo_w{font-size:10px;}
	.visual_img{padding:20% 12.5% 4% 12.5%;}
	.main_con01 h4, .main_con02 h4, .main_con04 h4 {font-size:30px;}
	.con03_box h4 {font-size:24px;}
	.main_con01 h3, .main_con02 h3, .main_con03 h3, .main_con04 h3{font-size:12px;}
}
/*아이폰 플러스, 갤럭시 울트라 */
@media screen and (max-width: 414px) {
}
/*아이폰 12 프로 */
@media screen and (max-width: 390px) {
	
	.main_con01 h4, .main_con02 h4, .main_con04 h4 {font-size:28px;}
	.con03_box h4 {font-size:24px}
	.event_title a {font-size:45px;}
	.event_txt {font-size:12px;}
}
/*아이폰*/
@media screen and (max-width: 375px) {
.magazine_m{width:90%;}
.btn_yellow {font-size:11px;
}