@charset "utf-8";

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
body{ background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all; font-size:15px; font-weight:400; letter-spacing:0; color:#2b2b2b;}
body,input,select,textarea,button,pre {border:none; font-size:15px; font-family: 'GmarketSans', sans-serif; font-weight: 400; color:inherit; line-height:1.2; letter-spacing:-0.04em}
body * { box-sizing: border-box; }
body *::before {box-sizing: border-box;}
body.fixed{overflow-y: hidden;}
ul,ol,li{list-style:none;}
table{ border-spacing:0; }
img,fieldset{border:0;}
address,cite,code{font-style:normal;font-weight:normal;}
em { font-style:normal; }
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,legend{overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{text-decoration:none;}
a {color:inherit;}
button { cursor: pointer; color:inherit; font-weight:300; background-color: transparent;} /* outline: none; */
caption {padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
pre{font-size: 16px; letter-spacing: -.8px;}
/* Form */
textarea { border:1px solid rgba(0, 0, 0, 0.25);}
select { padding-left: 12px; height:48px; }
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea,.inp {font-family: 'GmarketSans', sans-serif; font-size:15px; color:#333333; border:1px solid #EBEDEE; background-color:#fff; transition: all 0.5s; box-sizing: border-box; vertical-align:middle; }
input[type=tel],
input[type=email],
input[type=number],
input[type=password],
input[type=text] {padding:0; padding-left:12px; height: 48px;}
input::-webkit-input-placeholder{color:rgba(36, 46, 71, 0.4); font-size:15px; line-height:100%;}
textarea {padding:12px; resize: none;}
textarea::placeholder {color:rgba(36, 46, 71, 0.4);}


input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"] {height:40px; margin:0; padding:0 10px; border:1px solid #d8d8da; font-size:18px; color:#151515;}
input[type="file"] {height:40px; font-size:16px;}
select {height:40px; padding-left:10px; padding-right:20px; border:1px solid #d8d8da; font-size:16px; color:#151515;}
textarea {padding:10px; border:1px solid #d8d8da; font-size:16px; color:#151515;}
button, select, textarea, input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],input[type="submit"] {
	-webkit-border-radius:0;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;	
	font:inherit;
}
select::-ms-expand {display: none;}
select{	
	/* background: #fff url('../images/icon/icon_sel_arr02.jpg') 100% 50% no-repeat !important;	 */

}

body {top:0 !important;}


table {border-collapse: collapse;border-spacing: 0}

.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
strong {font-weight:700;}


#wrap {overflow:hidden;}
body.pop_open {overflow: hidden; padding-right: 0; touch-action: none; height: 100%; overscroll-behavior: contain;}

img {max-width:100%;}


.fc_primary {color:#ad4645 !important;}
.fc_green {color:#2b3f07 !important;}
.fc_red {color:#cb1818 !important;}

html {font-size:10px;}
@media (max-width:1500px){
	html {font-size:calc(1000vw/1500);}
}
@media (max-width:1024px){
	html {font-size:10px;}
}
@media (max-width:600px){
	html {font-size:calc(1000vw/580);}
	.m_none {display:none;}
	.m_block {display:block;}
}




#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%; height:40px; background:#21272e;color:#fff;font-size:20px;font-weight:bold;text-align:center;text-decoration:none;line-height:2}

.container {width:94%; max-width:1500px; margin:auto;}

#header {font-family: "Noto Sans KR", sans-serif;}
#header .btn_menu {position:fixed; top:5rem; right:2.8rem; z-index:10001; width:4.9rem; height:2.8rem; background:url('../images/common/icon_menu.png') no-repeat center/contain; transition:all 0.4s;}
#header .btn_menu.open {transform:rotate(90deg); filter: brightness(0) invert(1) !important;}

#header_mobile {display:none;}
#header_pc {position:fixed; top:0px; left:0; width:100%; z-index:1001; height:10.5rem; padding-top:3.2rem; border-bottom:1px solid #d1d2d1; text-align:center; background:#fff; transition:all 0.4s;}
#header_pc.sdown {top:-15rem}
#header_pc .logo {position:absolute; top:3.3rem; left:30px;}
#header_pc .logo a {display:block; overflow:hidden; width:21.2rem; height:6rem; background:url('../images/common/logo.png') no-repeat center/contain;}
#header_pc .cwrap {display:inline-flex; align-items:start; justify-content:right; width:100%; max-width:1500px;}
#header_pc .gnb_list {display:flex; gap:6.4rem;}
#header_pc .gnb_list > li {position:relative;}
#header_pc .gnb_list > li > a {display:block; position:relative; padding:0 1.3rem; line-height:7.3rem; font-size:1.8rem; white-space:nowrap; color:#363636; transition:all 0.4s;}
#header_pc .gnb_list > li > a::after {position:absolute; left:50%; right:50%; bottom:12px; height:1px; opacity:0; background:#cd2323; content:''; transition:all 0.4s;}
#header_pc .gnb_list > li:hover > a {font-weight:700;}
#header_pc .gnb_list > li:hover > a::after {left:0; right:0; opacity:1;}
#header_pc .gnb_list .sub {display:none; position:absolute; top:7.3rem; left:50%; transform:translateX(-50%); padding:10px 0; background:#cd2323;}
#header_pc .gnb_list .sub a {display:block; white-space:nowrap; text-align:center; padding:0 3rem; font-size:1.8rem; line-height:2.77; color:rgba(255,255,255,0.7); transition:all 0.4s;}
#header_pc .gnb_list .sub a:hover {color:#fff; font-weight:700;}
#header_pc .btn_festival {display:flex; align-items:center; gap:0.5rem; margin-top:2.2rem; margin-left:8.8rem; padding:0 1.3rem 0.2rem; border-radius:1.7rem; white-space:nowrap; height:2.3rem; font-size:1.3rem; color:#fff; background:#a5c108; transition:all 0.4s;}
#header_pc .btn_festival::before {width:1.7rem; height:1rem; background:url('../images/common/icon_fish.png') no-repeat center/contain; content:'';}
#header_pc .btn_my {display:block; width:2.1rem; height:2.3rem; background:url('../images/common/icon_my.png') no-repeat center/contain; transition:all 0.4s;}
#header_pc .btn_my.login {width:3.2rem; height:2.6rem; background-image:url('../images/common/icon_my2.png');}
#header_pc .mem {position:relative; margin-top:1.8rem; margin-left:2.5rem;}
#header_pc .mem ul {display:none; position:absolute; top:5.5rem; left:50%; width:10rem; padding:1rem 0; margin-left:-5rem; text-align:left; background:rgba(255,255,255,0.95);}
#header_pc .mem ul a {display:block; padding-left:1.5rem; font-size:1.45rem; color:#413b3b; line-height:2; white-space:nowrap; transition:all 0.4s;}
#header_pc .mem ul a:hover {font-weight:500;}
#header .lang {position:relative; margin-top:2.2rem; margin-left:2.5rem;}
#header .lang > button {border:1px solid #cd2323; width:50px; height:21px; padding-left:10px; font-family: "Noto Sans KR", sans-serif; color:#363636; text-align:left; font-weight:400; font-size:14px; color:#363636; line-height:19px; background:url('../images/common/icon_lan_arr.png') transparent no-repeat right 6px center; background-size:8px auto; transition:all 0.4s;}
#header .lang ul {display:none; position:absolute; top:21; left:0; width:100%; border:1px solid #cd2323; border-top:0; background:#fff;}
#header .lang a {display:block; padding-left:10px; font-size:14px; color:#363636; line-height:20px; text-align:left; transition:all 0.4s;}
#header_pc .lang a:hover {background:#f6dcdc;}



#header:not(.fixed_top) #header_pc:not(.open) {background:rgba(205,35,35,0.2); border-color:rgba(209,210,209,0.5);}
#header:not(.fixed_top) #header_pc:not(.open) .logo a {background-image:url('../images/common/logo_sub.png');}
#header:not(.fixed_top) #header_pc:not(.open) .gnb_list > li > a {color:#fff;}
#header:not(.fixed_top) #header_pc:not(.open) .btn_festival {background:rgba(165,193,8,0.2);}
#header:not(.fixed_top) #header_pc:not(.open) .btn_my {filter: brightness(0) invert(1);}
#header:not(.fixed_top) #header_pc:not(.open) .lang > button {color:#fff;}
#header:not(.fixed_top) #header_pc:not(.open) + .btn_menu {filter: brightness(0) invert(1);}
/*
.sub #header:not(.fixed_top) #header_pc:not(.open) {background:rgba(205,35,35,0.2); border-color:rgba(209,210,209,0.5);}
.sub #header:not(.fixed_top) #header_pc:not(.open) .logo a {background-image:url('../images/common/logo_sub.png');}
.sub #header:not(.fixed_top) #header_pc:not(.open) .gnb_list > li > a {color:#fff;}
.sub #header:not(.fixed_top) #header_pc:not(.open) .btn_festival {background:rgba(165,193,8,0.2);}
.sub #header:not(.fixed_top) #header_pc:not(.open) .btn_my {filter: brightness(0) invert(1);}
.sub #header:not(.fixed_top) #header_pc:not(.open) .lang > button {color:#fff;}
.sub #header:not(.fixed_top) #header_pc:not(.open) + .btn_menu {filter: brightness(0) invert(1);}
*/




#sitemap {display:none; overflow-y:auto; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000; color:#fff; background:rgba(0,0,0,0.85);}
#sitemap.open {display:block;}
#sitemap .cbox1 {display:flex; justify-content:space-between; gap:5rem; width:92%; max-width:1300px; margin:136px auto 2rem;}
#sitemap .gnb_list {flex:1; min-width:0;}
#sitemap .gnb_list > li {display:flex; gap:4.6rem; margin-bottom:4rem;} 
#sitemap .gnb_list > li > a {align-self:start; width:18.3rem; font-size:2.3rem; line-height:2.6951; text-align:center; background:#cb1818; transition:all 0.4s;}
#sitemap .gnb_list > li:hover > a {font-weight:700;}
#sitemap .gnb_list .sub {display:flex; flex-wrap:wrap; flex:1; min-width:0; padding-top:0.6rem;}
#sitemap .gnb_list .sub li {margin-right:1rem;}
#sitemap .gnb_list .sub a {display:block; position:relative; padding:0 1.2rem; font-size:2rem; line-height:2.5; transition:all 0.4s;}
#sitemap .gnb_list .sub a::before {position:absolute; left:50%; right:50%; bottom:0; height:2px; opacity:0; background:#fff; border-radius:1px; content:''; transition:all 0.4s;}
#sitemap .gnb_list .sub a:hover {color:#ffbaba; font-weight:700;}
#sitemap .gnb_list .sub a:hover::before {opacity:1; left:0; right:0;}
#sitemap .logo,
#sitemap .mem_btn {display:none;}
#sitemap .cbox1 .img {width:43.6rem; background:url('../images/common/sitemap_img01.png') no-repeat center/cover;}
#sitemap .cbox1 .img::before {display:block; padding-bottom:142.8899%; content:'';}
#sitemap .cbox2 {display:flex; background:#222222;}
#sitemap .cbox2 .img {width:38.38%; height:31.3rem; background:url('../images/common/sitemap_img02.jpg') no-repeat center/cover;}
#sitemap .cbox2 .cont {flex:1; min-width:0; align-self:center; padding:3rem 0 3rem 9rem; background:#222222;}
#sitemap .cbox2 .tit {position:relative; margin-bottom:2.5rem; padding-left:2rem; font-size:2.5rem; font-weight:700;}
#sitemap .cbox2 .tit::before {position:absolute; top:50%; left:0; width:1rem; height:1rem; margin-top:-0.5rem; border-radius:100%; background:#fff; content:'';}
#sitemap .cbox2 .txt {margin-left:2rem; font-size:2.2rem;}
#sitemap .sns_link {margin-left:2rem; margin-bottom:2.5rem;}

html[lang="en"] #sitemap .gnb_list > li > a {width:30rem;}

.btn_top {position:fixed; right:3rem; bottom:3rem; z-index:1000; width:6.8rem; height:6.8rem; background:url('../images/common/top.png') no-repeat center/contain;}




#footer {padding:5rem 0 10rem; font-family: "Noto Sans KR", sans-serif; font-weight:300; font-size:1.6rem; line-height:1.25; color:#fff; background:#222222;}
#footer .container {max-width:1300px;}
#footer .fcont1 {display:flex; justify-content:space-between; padding-bottom:2.5rem;}
#footer .fcont2 {display:flex; justify-content:space-between; padding:3rem 0; border-top:1px solid #4e4e4e;}
#footer h3 {display:inline-block; min-width:13.5rem; padding-bottom:2rem; border-bottom:1px solid #fff; font-size:3rem; font-weight:300;}
#footer .about {max-width:55rem;}
#footer .about .txt {margin-top:2.5rem}
#footer .about .txt p {margin-bottom:1rem; font-size:1.125em;}
#footer .tel .txt {margin-top:2.5rem;}
#footer .tel .txt strong {display:block; margin-bottom:0.7rem; font-size:3.5rem; font-weight:300;}
.family_site {position:relative; z-index:2; width:128px; margin:1.5rem 0 2rem;}
.family_site > button  {width:100%; height:27px; padding-left:15px; border:1px solid #e0e0e0; font-family:'돋움', sans-serif; letter-spacing:0; text-align:left; font-size:12px; color:#93989e; background:url('../images/common/icon_family_arr.png') no-repeat right 11px center #fff;}
.family_site ul {display:none; position:absolute; left:0; right:0; bottom:27px; border:1px solid #e0e0e0; border-bottom:0; white-space:nowrap; background:#fff;}
.family_site ul a {display:block; padding:0 15px; font-size:13px; color:#000; line-height:2; transition:background 0.4s;}
.family_site ul a:hover {background:#e0e0e0}





.sns_link {display:flex; gap:2.5rem;}
.sns_link a {display:flex; align-items:center; font-size:1.8rem; font-weight:300; letter-spacing:0; transition:color 0.4s;}
.sns_link a::before {width:26px; height:26px; margin-right:15px; background:no-repeat center/contain; content:'';}
.sns_link a:hover {color:#ff9c90;}
.sns_link .insta a::before {background-image:url('../images/common/icon_footer_insta.png');}
.sns_link .facebook a::before {width:14px; background-image:url('../images/common/icon_footer_facebook.png');}

.blogo {width:21.2rem; height:6rem; background:url('../images/common/blogo.png') no-repeat center/contain;}
.fmenu {display:flex; overflow:hidden; margin-left:-2rem; font-size:1.8rem; font-weight:300; padding-right:3rem; padding-top:2rem;}
.fmenu li {position:relative; padding:0 2rem;}
.fmenu li+li::before {position:absolute; top:0; left:-2.2rem; width:4rem; text-align:center; content:'|'; transition:color 0.4s;}
.fmenu a {white-space:nowrap; transition:color 0.4s;}
.fmenu a:hover {color:#ff9c90;}




#lnb {display:flex; align-items:center; position:absolute; left:34px; top:10.5rem; z-index:1000; margin-top:4px; gap:20px; font-family: "Noto Sans KR", sans-serif;}
#lnb .home {width:13px; height:11px; background:url('../images/common/icon_home.png') no-repeat center/contain;}
#lnb > div {position:relative;}
#lnb button {display:block; position:relative; padding-right:25px; font:inherit; font-size:13px; color:#545353; line-height:33px; font-weight:400; white-space:nowrap;}
#lnb button::after {position:absolute; top:50%; right:0; width:6px; height:5px; margin-top:-3px; background:url('../images/common/icon_lnb_arr.png') no-repeat center/contain; content:'';}
#lnb .depth2 button {color:#ce2424;}
#lnb ul {display:none; position:absolute; top:33px; left:0; min-width:90px; background:#fff; box-shadow:2px 3px 3px rgba(0,0,0,0.05);}
#lnb ul a {display:block; white-space:nowrap; padding:0 10px; font-size:13px; line-height:2.77; color:#545353; transition:all 0.4s;}
#lnb ul a:hover {background:#f0f0f0;}
#lnb > div.open > button::after {transform:rotate(180deg);}
#lnb > div.open ul {display:block;}

#wrap.nav_type2 #lnb:not(.fixed_top) .home {filter: brightness(0) invert(1)}
#wrap.nav_type2 #lnb:not(.fixed_top) button {color:#fff;}
#wrap.nav_type2 #lnb:not(.fixed_top) button::after {filter: brightness(0) invert(1)}
#wrap.nav_type2 #header:not(.fixed_top) #header_pc:not(.open) .lang > button {border-color:#fff; color:#fff; background-image:url('../images/common/icon_lan_arr_white.png');}

@media (max-width:1750px){
	#header_pc .cwrap {max-width:none; padding-right:120px;}
	#header_pc .gnb_list {gap:5.5rem;}
}
@media (max-width:1600px){
	#header_pc .gnb_list {gap:4rem;}
	#header_pc .btn_festival {margin-left:6rem;}
	#header .lang {margin-left:2.5rem;}
}
@media (max-width:1600px){
	#header_pc .gnb_list {gap:2rem;}
	#header_pc .btn_festival {margin-left:4rem;}
}
@media (max-width:1280px){
	#header_pc {display:none;}
	#header_mobile {display:block; position:fixed; top:0; left:0; z-index:100; width:100%; height:74px; transition:all 0.4s;}
	#header.fixed_top #header_mobile {background:#fff; box-shadow:0 3px 5px rgba(0,0,0,0.05);}
	#header .btn_menu {top:4rem;}
	#header_mobile .logo {position:absolute; top:13px; left:4%; transform:translateY(-100px); transition:all 0.4s;}
	#header_mobile .logo a {display:block; overflow:hidden; width:170px; height:50px; background:url('../images/common/logo.png') no-repeat center/contain;}
	
	#header.fixed_top .logo {transform:translateY(0);}
	#header_mobile .btn_menu {top:30px; right:4%; width:40px; height:26px;}	
	.sub #header:not(.fixed_top) #header_pc:not(.open) + .btn_menu {filter:none;}
	#wrap.nav_type2 #header:not(.fixed_top) #header_pc:not(.open) + .btn_menu {filter: brightness(0) invert(1);}
	#header_mobile .lang {position:fixed; right:2.8rem; z-index:100; margin-right:68px; top:30px; margin-left:auto; margin-top:0;}
	#header_mobile .lang.open ul {display:block;}
	
	#wrap.nav_type2 #header:not(.fixed_top) .lang > button {border-color:#fff; color:#fff; background-image:url('../images/common/icon_lan_arr_white.png');}
	
	#sitemap .cbox1 {display:block; margin-top:90px;}
	#sitemap .mem_btn {display:flex; margin-bottom:50px; gap:15px; font-family: 'GmarketSans', sans-serif;}
	#sitemap .mem_btn a {padding:0 15px; border-radius:20px; border:1px solid #fff; line-height:30px; font-size:14px;}
	#sitemap .logo {display:block; position:absolute; top:20px; left:4%;}
	#sitemap .logo a {display:block; overflow:hidden; width:170px; height:50px; background:url('../images/common/logo_sub.png') no-repeat center/contain;}
	
	#lnb {position:fixed; top:18px; left:4%;}
	/*
	#header_mobile .btn_menu {top:30px; right:4%; width:49px; height:33px;}	
	#header_mobile .lang {position:fixed; right:4%; z-index:100; margin-right:85px; top:40px; margin-left:auto; margin-top:0;}
	#header_mobile .lang.open ul {display:block;}
	*/
}
@media (max-width:1024px){
	#header_mobile {height:56px;}	
	#header .btn_menu {top:18px; width:30px; height:20px;}	
	#header_mobile .logo {top:3px;}
	#header_mobile .logo a {width:120px;}
	
	#header_mobile .lang {top:19px; margin-right:48px;}
	#lnb {position:fixed; top:15px; margin-top:0; gap:15px;}
	#lnb button {padding-right:15px;}
	
	
	#sitemap {}
	#sitemap .logo a {width:140px; height:40px;}
	#sitemap .cbox1 {margin:auto; padding-top:88px; padding-left:2%;}
	#sitemap .img {display:none;}
	#sitemap .gnb_list {display:flex; flex-wrap:wrap;}
	#sitemap .gnb_list > li {display:block; width:100%; margin-bottom:7px;}
	#sitemap .gnb_list > li > a {display:block; width:122px !important; font-size:15px;}
	html[lang="en"]  #sitemap .gnb_list > li > a {width:200px !important;}
	#sitemap .gnb_list > li:nth-child(2) {margin-right:30px;}
	#sitemap .gnb_list > li:nth-child(2),
	#sitemap .gnb_list > li:nth-child(3) {width:auto;}
	#sitemap .gnb_list .sub {display:flex; flex-wrap:wrap; padding:15px 0; gap:18px;}
	#sitemap .gnb_list .sub li {margin:0;}
	#sitemap .gnb_list .sub a {padding:5px 0; font-size:13px; line-height:1.5;}
	
	#sitemap .cbox2 {}
	#sitemap .cbox2 .cont {padding:30px 4% 30px 6%;}
	#sitemap .cbox2 .tit {padding-left:10px; font-size:13px;}
	#sitemap .cbox2 .tit::before {width:7px; height:7px; margin-top:-3px;}
	#sitemap .cbox2 .txt {margin-left:10px; font-size:12px; line-height:!.625;}
	#sitemap .sns_link {margin-left:10px; margin-bottom:15px;}
	
	#footer {font-size:1.65rem;}
	#footer h3 {padding-bottom:1.5rem; font-size:2.6rem;}
	
	#footer .fcont1 {flex-wrap:wrap; row-gap:5rem; max-width:55rem;}
	#footer .fcont1 .about {width:100%;}
	#footer .fcont2 {flex-wrap:wrap;}
	.fmenu {flex-wrap:wrap; width:100%; padding-right:0;}
	.fmenu li {padding:0 1.5rem;}
	.fmenu li+li::before {left:-1.6rem; width:3rem;}

	.sns_link {gap:15px;}
	.sns_link a {font-size:11px;}
	.sns_link a::before {width:20px; height:20px; margin-right:8px;}

}



.mt_60 {margin-top:6rem;}


.skiptranslate {position:absolute; top:-100px !important;}