@charset "utf-8";
@font-face{font-family:"NotoSansKR"; src:url(font/NotoSansKR-Regular.woff2) format('woff2'), url(font/NotoSansKR-Regular.woff) format('woff'); font-weight:400; font-style:normal;}
@font-face{font-family:"NotoSansKR"; src:url("font/NotoSansKR-Medium.woff2") format('woff2'), url("font/NotoSansKR-Medium.woff") format('woff'); font-weight:500; font-style:normal;}
@font-face{font-family:"NotoSansKR"; src:url("font/NotoSansKR-Bold.woff2") format('woff2'), url("font/NotoSansKR-Bold.woff") format('woff'); font-weight:700; font-style:normal;}
@font-face{font-family:"NanumSquare"; src:url(font/NanumSquareR.woff2) format('woff2'), url(font/NanumSquareR.woff) format('woff'), url(font/NanumSquareR.otf) format('otf'); font-weight:400; font-style:normal;}
@font-face{font-family:"NanumSquare"; src:url("font/NanumSquareB.woff2") format('woff2'), url("font/NanumSquareB.woff") format('woff'), url("font/NanumSquareB.otf") format('otf'); font-weight:500; font-style:normal;}
@font-face{font-family:"NanumSquare"; src:url("font/NanumSquareEB.woff2") format('woff2'), url("font/NanumSquareEB.woff") format('woff'), url("font/NanumSquareEB.otf") format('otf'); font-weight:700; font-style:normal;}
/*전역클래스*/
.hidden{overflow:hidden; position:absolute; top:-1px; left:-1px; width:0px; height:0px;}
body{font-family:"NotoSansKR","Arial",sans-serif; margin:0; padding:0; font-weight:400; font-size:16px; color:#333; line-height:1.2; letter-spacing:-1px;}
body *{margin:0; padding:0; text-decoration:none; list-style:none;}
a:link, a:visited{color:inherit; text-decoration:none;}
a:hover, a:focus, a:active{font-weight:500; text-decoration:none; text-underline-position:under;}
a[class^=blank]{position:relative;}
a[class^=blank]:after{content:""; display:inline-block; width:12px; height:15px; margin-left:6px; vertical-align:middle; background:url(/images/nMain/main/icon_base.png) 0 -330px;}
a[class^=blank_w]:after{background-position-y:-360px;}
a[class^=point_], button[class^=point_]{font-weight:500 !important;}
a[class^=point_r], button[class^=point_r]{color:#f36a5d;}
a[class^=point_y], button[class^=point_y]{color:#fde090;}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.wrap{position:relative; min-width:1200px;}
.inner{max-width:1400px; margin:0 auto;}
/*accessibility*/
#accessibility{position: absolute; width: 100%; box-sizing:border-box;}
#accessibility h2{position: absolute; left:0px; top:0px; height: 1px; overflow: hidden; visibility: hidden; font-size: 0px;}
#accessibility a{display:block; width: 100%; box-sizing:border-box; padding: 0px; background-color: #000; color:#fff; font-size:17px; z-index: 9999; position: relative; text-align: center; height: 0px; line-height:50px; overflow: hidden;}
#accessibility a:hover, #accessibility a:active, #accessibility a:focus{background-color: #1b818c !important; height: 50px; text-decoration:underline; text-underline-position:under;}
/*header*/
#header{position:absolute; height: 100px; display:block; width: 100%; z-index:9; text-align:center; background:#fff; color: #f2f2f2; padding:0; top:0px; border-bottom:1px solid #ddd;}
#header a:hover, #header a:focus, #header a:active{font-weight:500; text-decoration:underline; text-underline-position:under;}
#header.active{}
#header:hover .user_wrap{background:#f2f4f6;}
#header:hover .user_wrap li a{color:#222;}
#header:hover .header_wrap h1 a{background:url(/images/nMain/common/header_logo_h.png) no-repeat;}
#header:hover .gnb_icon .btn_layer{background:url(/images/nMain/common/menu_icon_h.png) no-repeat;}
#header:hover .gnb_icon .btn_srch{background:url(/images/nMain/common/search_icon_h.png) no-repeat;}
#header:hover #gnb > ul > li > a{color:#222;}
.header_wrap{margin:0 30px; width:calc(100% - 60px); box-sizing:border-box; height: 100px; display:flex; align-items: center;justify-content: space-between;}
.header_wrap .inner{position:relative;}
.header_wrap h1 a{overflow:hidden; display:block; width:180px; height:40px; text-indent:-9999px; background:url(/images/nMain/common/header_logo_h.png) no-repeat;}
.header_wrap ul, .header_wrap li{display:inline-block;}
.head_con{display:flex; align-items: center;}
.user_wrap{background:#f2f4f6 /*rgb(0, 0, 0, 0.2)*/; border-radius:50px; padding:7px 16px; margin-right:20px;}
.user_wrap li a{position:relative; display:block; padding:0 8px; font-size:14px; color:#222;}
.user_wrap li a:after{content:""; position:absolute; top:2px; right:-3px; width:1px; height:12px; background:rgb(135, 148, 181, 0.3);}
.user_wrap li:last-of-type a:after{display:none;}
.user_wrap li .btn_user{font-weight:500; color:#1b818c;}
.sns_wrap{display:flex; margin-right:20px;}
.sns_wrap li{margin-right:6px;}
.sns_wrap li:nth-child(4){margin-right:0;}
.sns_wrap li a{overflow:hidden; display:block; width:30px; height:30px; text-indent:-9999px; background:url(/images/nMain/common/sns_icon_foodinfo2.png);}
.sns_wrap li .btn_sns_face{background-position-x:-40px;}
.sns_wrap li .btn_sns_insta{background-position-x:-80px;}
.sns_wrap li .btn_sns_blog{background-position-x:-120px;}
/*gnb*/
.nav_wrap{position:relative; width:calc(100% - 800px); padding:0 60px; height: 100px; align-items: center; display:flex; justify-content: space-between;}
#gnb{display:block;width:100%;}
#gnb:after{content:""; display:block; clear:both;}
#gnb > ul{display:flex;}
#gnb > ul:after{content:""; display:block; clear:both;}
#gnb > ul > li{flex-grow:1; text-align:center;}
#gnb > ul > li > a{display:inline-block; padding:0 5px; font-size:20px; color:#222; box-sizing:border-box; font-weight:500; height:100px; width:100%; line-height: 60px;}
#gnb > ul > li > a span{position:relative; padding:19px 0 17px 0; display:inline-block;}
#gnb > ul > li > a:hover span{color:#22b8c8;}
#gnb > ul > li > div{overflow:hidden; display:none; position:fixed; top:100px; left:0; width:100%; background:#fff; box-shadow:0px 5px 2px rgb(60 74 76 / 14%); z-index:500; border-top:1px solid #ddd;}
#gnb > ul > li > div > .nav_2dpt{width:1400px; margin:0 auto; display:flex;}
#gnb > ul > li > div > .nav_2dpt .nav_tit{width:210px; padding:50px 50px 0 0; text-align:right;}
#gnb > ul > li > div > .nav_2dpt .nav_tit strong{font-size:36px; font-weight:900; color:#111; margin-bottom:10px; display:inline-block; font-family:NanumSquare; position:relative;}
#gnb > ul > li > div > .nav_2dpt .nav_tit strong:before{content:""; display:block; width:12px; height:12px; border-radius:12px; background:#22b8c8; position:absolute; top:-10px; left:-18px;}
#gnb > ul > li > div > .nav_2dpt .nav_tit p{font-size:15px; color:#646464; display:inline-block; margin-left:30%; font-weight:300;}
#gnb .gnb_2dpt{position:relative; width:1230px; margin:0 auto; padding:30px 30px; text-align:left; box-sizing:border-box; display:flex !important; align-items: stretch; border-left:1px solid #ddd;}
#gnb .gnb_2dpt > li{flex-basis: 220px; flex-shrink: 1;}
#gnb .gnb_2dpt > li > a{display:inline-block; padding:20px 15px; color:#111; vertical-align:top; box-sizing:border-box; font-size:18px; width:100%; font-family:NanumSquare; font-weight:900;}
#gnb .gnb_2dpt > li > ul{display:block;}
#gnb .gnb_2dpt > li > ul > li{display:block; margin:0 0 5px 0;}
#gnb .gnb_2dpt > li > ul > li > a{position:relative; display:block; padding:0 0 12px 20px; font-size:16px; color:#555555; vertical-align:top; box-sizing:border-box; word-break:keep-all;}
#gnb .gnb_2dpt > li > ul > li > a:before{content:""; position:absolute; top:8px; left:6px; width:2px; height:2px; background:#888d8e;}
#gnb .gnb_2dpt > li a:hover, .gnb_2dpt > li a:focus, .gnb_2dpt > li a:active{color:#1b818c;}
.gnb_icon{position:relative; display:flex;}
.gnb_icon button{text-indent:-9999px; border:none; cursor:pointer; box-sizing:border-box;}
.gnb_icon .btn_layer{background:url(/images/nMain/common/menu_icon_h.png) no-repeat; width:22px; height:22px;}
.gnb_icon .btn_srch{background:url(/images/nMain/common/search_icon_h.png) no-repeat; width:23px; height:23px; margin-right:20px;}
.gnb_icon .srch_wrap{display:none;position: fixed;right:0;box-shadow:0 1px 3px 0 rgb(0 0 0 / 12%);top: 101px;width: 100%;height: 120px;background: #f3f3f3;}
.gnb_icon .srch_wrap .srch_box{width: 500px; margin: 0 auto;margin-top: 30px; position:relative;}
.gnb_icon .srch_wrap input{width:100%;margin-bottom:0;padding:10px 45px 10px 10px;font-size:15px;border-radius:0;font-family:NotoSansKR;height: 60px;}
#gnb > ul > li > div > div{width:1400px; margin:0 auto; display: flex; position: relative;}
#gnb > ul > li > div > div > .gnb_2dpt_intro{width:170px; padding:50px 50px 0 0; text-align:right; font-family:NanumSquare; font-size:36px; font-weight:900; color:#111; margin-bottom:10px;}
#gnb > ul > li > div > div > .gnb_2dpt_intro:before{content:""; display:block; width:12px; height:12px; border-radius:12px; background:#22b8c8; position:absolute; top:40px; left:20px;}
.gnb_close{position:absolute; bottom:40px; right:0; background:#1b818c; color:#fff; border-radius:0; border:0; padding:5px 10px;}
/*header over*/
.fp-viewing-0 #header{position:absolute; height: 100px; display:block; width: 100%; z-index:500; text-align:center; background:none; color:#f2f2f2; padding:0; top:0px; border-bottom:1px solid rgb(255, 255, 255, 0.2);}
.fp-viewing-0 #header .user_wrap{background:rgb(0, 0, 0, 0.2);}
.fp-viewing-0 #header .user_wrap li a{color:#fff;}
.fp-viewing-0 #header .header_wrap h1 a{background:url(/images/nMain/common/header_logo_m.png) no-repeat;}
.fp-viewing-0 #header .gnb_icon .btn_layer{background:url(/images/nMain/common/menu_icon.png) no-repeat;}
.fp-viewing-0 #header .gnb_icon .btn_srch{background:url(/images/nMain/common/search_icon.png) no-repeat;}
.fp-viewing-0 #header #gnb > ul > li > a{color:#fff;}
#header:hover{background:#fff;}
#header:hover .user_wrap{background:#f2f4f6;}
#header:hover .user_wrap li a{color:#222;}
#header:hover .header_wrap h1 a{background:url(/images/nMain/common/header_logo_h.png) no-repeat;}
#header:hover .gnb_icon .btn_layer{background:url(/images/nMain/common/menu_icon_h.png) no-repeat;}
#header:hover .gnb_icon .btn_srch{background:url(/images/nMain/common/search_icon_h.png) no-repeat;}
#header:hover #gnb > ul > li > a{color:#222;}
#header.active{background:#fff;}
#header.active .user_wrap{background:#f2f4f6;}
#header.active .user_wrap li a{color:#222;}
#header.active .header_wrap h1 a{background:url(/images/nMain/common/header_logo_h.png) no-repeat;}
#header.active .gnb_icon .btn_layer{background:url(/images/nMain/common/menu_icon_h.png) no-repeat;}
#header.active .gnb_icon .btn_srch{background:url(/images/nMain/common/search_icon_h.png) no-repeat;}
#header.active #gnb > ul > li > a{color:#222;}
#header.active-wt{background:#fff;}
#header.active-wt .user_wrap{background:#f2f4f6;}
#header.active-wt .user_wrap li a{color:#222;}
#header.active-wt .header_wrap h1 a{background:url(/images/nMain/common/header_logo_h.png) no-repeat;}
#header.active-wt .gnb_icon .btn_layer{background:url(/images/nMain/common/menu_icon_h.png) no-repeat;}
#header.active-wt .gnb_icon .btn_srch{background:url(/images/nMain/common/search_icon_h.png) no-repeat;}
#header.active-wt #gnb > ul > li > a{color:#222;}
/*gnb_on*/
.nav_wrap.on{border:none;}
.nav_wrap.on #gnb > ul > li > a{color:#222222;}
.nav_wrap.on #gnb > ul > li.on > a{font-weight:500; text-decoration:none;}
.nav_wrap.on #gnb > ul > li.on > a span:after{height:3px;}
.nav_wrap.on #gnb > ul > li.on > div{display:block;}
.nav_wrap.on .gnb_icon button{border-bottom:1px solid #e8e8e8;}
/*footer*/
#footer{width:100%; padding:35px 0; font-size:14px; color:#fff; background:#272b2f;}
#footer .inner{padding:0 20px; min-width: 1360px;}
.footer_menu{display:block; padding:0 0 10px 0;}
.footer_menu li{position:relative; display:inline-block; margin-right:20px;}
.footer_menu li a{color:#fff; font-size: 15px;}
.footer_menu li a.point_y{color:#84f3ff;}
.footer_menu li a:hover, .footer_menu li a:focus, .footer_menu li a:active{font-weight:400; text-decoration:underline;}
.footer_wrap{position:relative; padding:25px 0 0 200px; line-height:1.4;}
.footer_wrap .footer_logo{position:absolute; left:0;}
.footer_wrap address{font-style:normal; color:#9fa2a8; font-size: 15px;}
.footer_wrap p{font-style:normal; color:#9fa2a8; font-size: 15px;}
.footer_wrap .w_mark{position:absolute; top:-20px; right:0;}
#footer .to_top{display:none; position:fixed; bottom:20px; right:20px}
#footer .to_top a{overflow:hidden; display:block; width:50px; height:50px; font-size:0; text-indent:-9999px; border-radius:50%; background:#fff; box-shadow:0 1px 5px 0 rgb(0 0 0 / 12%);}
#footer .to_top a:before{content:""; display:block; width:30px; height:30px; margin:0 auto; background:url('/images/nMain/main/icon_base.png') -30px -350px;}
.layer_wrap{display:none;}
/*layer popup*/
.layer_wrap{display:none; position:fixed; left:0; top:0; width:100%; height:100%; margin-top:0; background-color:rgba(0,0,0,0.7); z-index:1000;}
.layer_wrap .layer_cont{overflow:auto; position:absolute; top:50%; left:50%; padding:75px 30px 30px 30px; width:100%; max-width:1200px; height:95%; background:#fff; transform:translate(-50%, -50%); box-sizing:border-box; z-index:1000;}
.layer_wrap .layer_cont .layer_btn{text-align:center;}
.layer_wrap .layer_cont .layer_btn > button,
.layer_wrap .layer_cont .layer_btn > a{font-size:16px; cursor:pointer;}
.layer_wrap .layer_btn{position:absolute; top:10px; right:10px;}
.layer_wrap .layer_btn .btn_close{overflow:hidden; width:56px; height:56px; text-indent:-9999px; border:none; border-radius:50%; background:url('/images/nMain/main/icon_base.png') 0 -60px #fff;}
.layer_wrap .layer_btn .btn_close:hover,
.layer_wrap .layer_btn .btn_close:focus,
.layer_wrap .layer_btn .btn_close:active{background-color:#fde090;}
.layer_wrap .gnb_close{display:none;}
/*layer total*/
.layer_total .layer_gnb{overflow:auto; display:flex; width:100%; height:100%; text-align:left;}
.layer_total .layer_gnb > li{width:calc(100% / 6); margin-right:14px; line-height:1.2;}
.layer_total .layer_gnb > li:last-of-type{margin-right:0;}
.layer_total .layer_gnb > li > a{display:block; padding-bottom:15px; font-size:17px; font-weight:500; color:#1b818c; border-bottom:2px solid #1b818c;}
.layer_total .layer_gnb > li > a:hover, .layer_total .layer_gnb > li > a:focus, .layer_total .layer_gnb > li > a:active{text-decoration:none !important;}
.layer_total .gnb_2dpt{position:relative; max-width:1200px; margin:0 auto; text-align:left; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; box-sizing:border-box;}
.layer_total .gnb_2dpt > li{display:flex; border-bottom:1px solid #e8e8e8;}
.layer_total .gnb_2dpt > li > a{display:inline-block; min-width:230px; padding:15px; color:#363c3d; vertical-align:top; background:#fbfbfb; box-sizing:border-box; font-size:16px;}
.layer_total .gnb_2dpt > li > ul{display:inline-block; width:calc(100% - 235px); padding:15px 0 5px 15px; box-sizing:border-box;}
.layer_total .gnb_2dpt > li > ul > li{display:inline-block; width:calc(25% - 5px);}
.layer_total .gnb_2dpt > li > ul > li > a{position:relative; display:block; padding:0 0 12px 20px; font-size:15px; color:#646b6c; vertical-align:top; box-sizing:border-box; word-break:keep-all;}
.layer_total .gnb_2dpt > li > ul > li > a:before{content:""; position:absolute; top:8px; left:6px; width:2px; height:2px; background:#888d8e;}
.layer_total .gnb_2dpt > li a:hover, .gnb_2dpt > li a:focus, .gnb_2dpt > li a:active{color:#1b818c;}
.layer_total .layer_gnb .gnb_2dpt_intro{display:none;}
.layer_total .layer_gnb .gnb_2dpt{border:none;}
.layer_total .layer_gnb .gnb_2dpt > li{display:block;}
.layer_total .layer_gnb .gnb_2dpt > li:last-of-type{border-bottom:none;}
.layer_total .layer_gnb .gnb_2dpt > li > a{min-width:100%; padding:12px 0 10px 0; background:none;}
.layer_total .layer_gnb .gnb_2dpt > li > ul{display:block; width:100%; padding:0 0 5px 0;}
.layer_total .layer_gnb .gnb_2dpt > li > ul > li{display:block; width:100%;}
.layer_total .layer_gnb .gnb_2dpt > li > ul > li > a{padding:0 0 5px 12px; font-size:14px;}
.fp-viewing-1 #header{display:none;}
.fp-viewing-2 #header{display:none;}
.fp-viewing-3 #header{display:none;}
/*IE*/
_:-ms-fullscreen, :root #gnb{width:calc(100% - 114px);}
/*_:-ms-fullscreen, :root .idx_brd .exp_info .exp_txt p{height:39px;}*/
/*반응형*/
@media screen and (max-width:1400px){
	.header{position:absolute;}
	.nav_wrap{width:calc(100% - 720px); padding:0;}
	#footer .to_top{display:none !important;}
 
}
/* 세로 */
@media (max-height: 900px){
	#header{position: absolute !important;}
	body.fp-viewing-1 #header{display: none;}
	body.fp-viewing-2 #header{display: none;}
	.section{padding-top:0;}
}