@charset "utf-8";
html.show-modal { overflow: hidden; }
* { margin: 0; padding: 0; list-style: none; }
a { text-decoration:none !important; color: #333; }
img { vertical-align: top; }
img[usemap] { border: none; height: auto; max-width: 100%; width: auto; -webkit-tap-highlight-color : transparent; }

.none { display: none; }
.inner-wrap { width: 100%; margin: 0; }
.img-center { width: 100%; }
.img-center img { width: 100%; }
.reset { margin-bottom: 0 !important; }

#wrap { width: 100%; max-width: 740px; margin: 0 auto; overflow: hidden; padding-top: 13.5135vw; }
#header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 99; }
#header .tnb { height: 13.5135vw; display: flex; justify-content: space-between; align-items: center; }
#header .tnb .logo { width: 70.1621vw; height: 7.2972vw; margin-left: 6.7567vw; }

#header .tnb .bloglogo { margin-right: 13vw; }

.metain #header .tnb .logo { height: 3.2972vw; }
.metainPrep #header .tnb .logo { height: 3.2972vw; }
#header .tnb .logo img { width: 100%; }
#header .tnb > ul { display: none; }
#header .ham { position: absolute; width: 4.0540vw; height: 3.1081vw; top: 5.2702vw; right: 6.7567vw; }
#header .ham img { width: 100%; }

#nav { width: 100vw; position: fixed; right: 0; top: 0; height: 100vh; background: rgba(0,0,0,0.7); transform: translateX(100%); display: flex; flex-direction: column; align-items: flex-end; z-index: 100; }
#nav.active { transform: translateX(0); }
#nav  > ul { width: 93.2432vw; font-size: 3.2432vw; display: flex; height: 13.5135vw; flex-shrink: 0; border-bottom: 1px solid #c9c9c9; font-family: 'Noto Sans KR' !important; padding-left: 5.2702vw; box-sizing: border-box; align-items: center; background: #fff; }
#nav  > ul > li { margin-right: 6vw; position: relative; }
#nav  > ul > li::after { content: ''; position: absolute; right: -3vw; top: 1.5vw; width: 1px; height: 2.8vw; background: rgba(0,0,0,0.5); }
#nav  > ul > li:last-child::after { width: 0; }

#nav .inner-wrap { width: 93.2432vw; padding-left: 5.2702vw; flex-grow: 1; box-sizing: border-box; background: #fff; }
#nav .inner-wrap > div,
#nav .inner-wrap > p { font-size: 4.7297vw; font-family: 'Noto Sans KR' !important; margin-top: 9.4594vw; }
#nav .inner-wrap > div > p { display: none; }
#nav .inner-wrap > div > ul > li { margin-top: 9.4594vw; }
#nav .inner-wrap > p:last-child > a { display: flex; align-items: center; line-height: 1; }
#nav .inner-wrap > p:last-child > a > span { order: 1; font-size: 3.2432vw; width: 22.2702vw; height: 4.8648vw; border-radius: 20px; text-align: center; line-height: 4.8648vw; background: #5336e9; color: #fff; margin: 0 0 0 5px; }
#nav .close-btn { width: 4.0540vw; height: 4.0540vw; position: absolute; right: 6.7567vw; top: 4.7297vw; }
#nav .close-btn img { width: 100%; }

#footer { width: 100%; border-top: 1px solid #b5b5b5; line-height: 1 !important; }
#footer input,
#footer label { margin: 0 !important; }
#footer .foot-db { width: 100%; background: #eee; padding: 4.0540vw 6.7567vw 5.4054vw; box-sizing: border-box; }
/*
#footer .foot-db.fixed { position: fixed; left: 0; bottom: 0; z-index: 9; }
*/
#footer .foot-db .pc { display: none; }
#footer .foot-db .inner-wrap > p { display: none; }
#footer .foot-db .inner-wrap > form { display: flex; flex-direction: column; align-items: center; }
#footer .foot-db .inner-wrap > form > ul { display: none; }


#footer .foot-db .inner-wrap > form > div:nth-of-type(1) { display: flex; justify-content: space-between; flex-wrap: wrap; }
#footer .foot-db .inner-wrap > form > div:nth-of-type(2) { display: flex; align-items: center; justify-content: flex-end; margin-top: 10px; font-size: 3.2432vw; }
#footer .foot-db select,
#footer .foot-db input[type=text] { width: 33.3333%; height: 12.1621vw; border: 1px solid #dcdcdc; font-family: 'Noto Sans KR' !important; color: #666; font-size: 3.2432vw; padding: 0 1.8918vw; box-sizing: border-box; background: #fff; }
#footer .foot-db input[name=wr_3] { width: 66%; }
#footer .foot-db input::placeholder { font-size: 3.2432vw; color: #666; font-family: 'Noto Sans KR' !important; }
#footer .foot-db input[type=submit] { width: 29.0540vw; height: 12.1621vw; border: 0; background: url('../img/common/submit.png') center/100% no-repeat; text-indent: -999999px; }
#footer .foot-db label { margin-left: 5px !important; font-family: 'Noto Sans KR' !important; }

.metain #footer .metain-db { width: 100%; background: #eaf1ff; padding: 4.1891vw 0 3.6486vw; }
.metain #footer .metain-db .pc { display: none; }
.metain #footer .metain-db .inner-wrap > p { display: none; }
.metain #footer .metain-db .inner-wrap > form { display: flex; flex-direction: column; align-items: center; }
.metain #footer .metain-db .inner-wrap > form > ul { display: none; }

.metain #footer .metain-db .inner-wrap > form > div:nth-of-type(1) { box-sizing: border-box; display: flex; justify-content: center; flex-wrap: wrap; }
.metain #footer .metain-db .inner-wrap > form > div:nth-of-type(2) { display: flex; justify-content: flex-end; align-items: center; padding: 2.0270vw 1vw 2.7027vw 0; }
.metain #footer .metain-db select,
.metain #footer .metain-db input[type=text] { width: 43.2432vw; height: 12.1621vw; border: 1px solid #dcdcdc; font-family: 'Noto Sans KR' !important; color: #666; font-size: 3.24324vw; padding: 0 10px; box-sizing: border-box; background: #fff; }
.metain #footer .metain-db input::placeholder { font-size: 3.24324vw; color: #666; font-family: 'Noto Sans KR' !important; }
.metain #footer .metain-db input[type=submit] { width: 86.4864vw; height: 12.1621vw; border: 0; background: url('../../_pc/img/metain/submit3.png') center/100% no-repeat; text-indent: -999999px; border-radius: 0px; }
.metain #footer .metain-db label { margin-left: 5px !important; font-family: 'Noto Sans KR' !important; }

.metainPrep #footer .metain-db { width: 100%; background: #eaf1ff; padding: 4.1891vw 0 3.6486vw; }
.metainPrep #footer .metain-db .pc { display: none; }
.metainPrep #footer .metain-db .inner-wrap > p { display: none; }
.metainPrep #footer .metain-db .inner-wrap > form { display: flex; flex-direction: column; align-items: center; }
.metainPrep #footer .metain-db .inner-wrap > form > ul { display: none; }

.metainPrep #footer .metain-db .inner-wrap > form > div:nth-of-type(1) { box-sizing: border-box; display: flex; justify-content: center; flex-wrap: wrap; }
.metainPrep #footer .metain-db .inner-wrap > form > div:nth-of-type(2) { display: flex; justify-content: flex-end; align-items: center; padding: 2.0270vw 1vw 2.7027vw 0; }
.metainPrep #footer .metain-db select,
.metainPrep #footer .metain-db input[type=text] { width: 43.2432vw; height: 12.1621vw; border: 1px solid #dcdcdc; font-family: 'Noto Sans KR' !important; color: #666; font-size: 3.24324vw; padding: 0 10px; box-sizing: border-box; background: #fff; }
.metainPrep #footer .metain-db input::placeholder { font-size: 3.24324vw; color: #666; font-family: 'Noto Sans KR' !important; }
.metainPrep #footer .metain-db input[type=submit] { width: 86.4864vw; height: 12.1621vw; border: 0; background: url('../../_pc/img/metainPrep/btn.png') center/100% no-repeat; text-indent: -999999px; border-radius: 0px; }
.metainPrep #footer .metain-db label { margin-left: 5px !important; font-family: 'Noto Sans KR' !important; }

.metainPrep .quick { position: fixed; right: 1vw; bottom: 12vw; width: 12vw; z-index: 6; }
.metainPrep .quick img { width: 100%; }

#footer .sticky_container {
	position:fixed;
	bottom:0px;
	left: 50%;
    transform: translateX(-50%);
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	padding:0;
	z-index:10;
}

#footer .info {
	margin-bottom:50px;
}

#footer .info { background: #313131; text-align: center; position: relative; }
#footer .info img { width: 100%; }
#footer .info > ul { position: absolute; top: 5vw; left: 9vw; display: flex; }
#footer .info > ul > li { font-size: 2.9729vw; margin-right: 2vw; }
#footer .info > ul > li > a { color: #fff; display: block; width: 100%; height: 4vw; opacity: 0; }

#footer .family { width: 100%; padding: 3vw 7vw 0; box-sizing: border-box; color: #fff; text-align: left; font-size: 14px; font-family: 'Noto Sans KR' !important; font-weight: 600; position: relative; }
#footer .family a { color: #fff; display: block; width: 100%; height: 100%; box-sizing: border-box; padding-left: 20px; line-height: 50px; }
/*
#footer .family > ul { width: 100%; padding: 0 7vw; display: none; position: absolute; left: 0; top: -22vw; }
#footer .family > ul { width: 100%; padding: 0 7vw; display: none; position: absolute; left: 0; top: -33vw; }
*/
#footer .family > ul { width: 100%; padding: 0 7vw; display: none; position: absolute; left: 0; top: -78vw; }
#footer .family.active > ul { display: block; }
#footer .family > ul > li { height: 52px; border: 1px solid #3c3c3c; background: #424242; }
#footer .family > p { width: 100%; height: 52px; padding-left: 20px; box-sizing: border-box; line-height: 50px; border: 1px solid #3c3c3c; background: #272727; cursor: pointer; position: relative; }
#footer .family > p img { width: 3vw; position: absolute; top: 50%; right: 20px; transform: translate(0,-40%) rotate(0deg); }
#footer .family.active > p img { transform: translate(0,-50%) rotate(180deg); }

#inter { width: 100%; border-top: 1px solid #b5b5b5; line-height: 1 !important; }
#inter input,
#inter label { margin: 0 !important; }
#inter .foot-db { width: 100%; background: #eee; padding: 4.0540vw 6.7567vw 5.4054vw; box-sizing: border-box; }
/*
#inter .foot-db.fixed { position: fixed; left: 0; bottom: 0; z-index: 9; }
*/
#inter .foot-db .pc { display: none; }
#inter .foot-db .inner-wrap > p { display: none; }
#inter .foot-db .inner-wrap > form { display: flex; flex-direction: column; align-items: center; }
#inter .foot-db .inner-wrap > form > ul { display: none; }


#inter .foot-db .inner-wrap > form > div:nth-of-type(1) { display: flex; justify-content: space-between; flex-wrap: wrap; }
#inter .foot-db .inner-wrap > form > div:nth-of-type(2) { display: flex; align-items: center; justify-content: flex-end; margin-top: 10px; font-size: 3.2432vw; }
#inter .foot-db select,
#inter .foot-db input[type=text] { width: 33.3333%; height: 12.1621vw; border: 1px solid #dcdcdc; font-family: 'Noto Sans KR' !important; color: #666; font-size: 3.2432vw; padding: 0 1.8918vw; box-sizing: border-box; background: #fff; }
#inter .foot-db input[name=wr_3] { width: 66%; }
#inter .foot-db input::placeholder { font-size: 3.2432vw; color: #666; font-family: 'Noto Sans KR' !important; }
#inter .foot-db input[type=submit] { width: 28.0540vw; height: 12.1621vw; border: 0; background: url('../img/72camp/sns4.png') center/100% no-repeat; text-indent: -999999px; }
#inter .foot-db label { margin-left: 5px !important; font-family: 'Noto Sans KR' !important; }