@charset "utf-8";
@font-face { font-family: 'Katuri'; src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_13@1.0/Katuri.woff') format('woff'); font-weight: normal; font-style: normal; }

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

@font-face {
    font-family: 'GmarketSansBold';
    font-weight: 700;
    font-style: normal;
    src: url('./font/GmarketSansBold.eot');
    src: url('./font/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('./font/GmarketSansBold.woff2') format('woff2'),
         url('./font/GmarketSansBold.woff') format('woff'),
         url('./font/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('./font/PretendardVariable.woff2') format('woff2-variations');
}

/*** Common ***/
* {max-height: 1000000px;margin: 0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;outline: none}
img,fieldset,button {border: none}
html,body {height: 100%}
hr,button img {display: none}
button {background: none}
input,select,button,textarea,pre {font-family: "GmarketSans", "Malgun Gothic", "맑은 고딕", "돋움", Dotum,"굴림", Gulim, Tahoma, Verdana, Geneva, sans-serif, Apple Gothic,AppleGothic;font-size: 16px;font-weight: 400;color: #333;line-height: 20px;vertical-align: middle;outline: 0}
input[type="submit"] {cursor: pointer;appearance: none;-moz-appearance: none;-webkit-appearance: none;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0}
input:-ms-input-placeholder {color: #b9b9b9;font-weight: 300} /* M$ */
input:-webkit-input-placeholder {color: #b9b9b9;font-weight: 300} /* webkit */
input:-moz-placeholder {color: #b9b9b9;font-weight: 300} /* firefox */
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(/comn_footer/img/ico/sel_arr_down.png) no-repeat right 15px top 50%, #fff;border: 1px solid #ccc;outline: 0;letter-spacing: -1px;cursor: pointer;padding: 0 30px 0 15px}
option {outline: 0}
select::-ms-expand {display: none}
ul,li {list-style: none}
a {display: inline-block;font-weight: 400;color: #333;text-decoration: none;vertical-align: top;cursor: pointer}
a:hover,a:active,a:focus,a:visited {text-decoration: none}
textarea {overflow: auto;padding: 10px;background: #fff;border: solid 1px #cccfd4;font-size: 16px;color: #555;width: 100%;resize: none}
table {width: 100%;table-layout: fixed;border-collapse: collapse;border-spacing: 0;text-align: center}
table img {vertical-align: top}
th,td {vertical-align: middle;word-wrap: break-word;word-break: break-all;box-sizing: border-box}
form {margin: 0;padding: 0}
img {max-width: 100%;vertical-align: top}
table img {width: auto;vertical-align: middle}
legend {position: absolute;left: 0;top: 0;width: 0;height: 0;overflow: hidden;visibility: hidden;font-size: 0;line-height: 0} /* For Screen Reader */
caption {width: 1px;height: 1px;margin: 0;padding: 0;font-size: 0;line-height: 0;text-indent: -9999px;overflow: hidden;position: absolute;left: 0;top: 0}
em {font-style: normal}
label {font-size: 11px;cursor: pointer}

.blind,.disabled {position: absolute;left: -9999px;top: -9999px}
.clear:after {content: "";display: block;clear: both}
.hidden {text-indent: -9999px;white-space: nowrap;overflow: hidden;line-height: 0;text-shadow: none;color: transparent;font-size: 0;display: none}
table td {word-wrap: break-word}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;cursor: pointer}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText}
input::-ms-clear,input::-ms-reveal {display: none;width: 0;height: 0}
input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none}
iframe {border: none}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block}
address {font-style: normal}

body {position: relative;background: #fff;font-family: "GmarketSans", "Malgun Gothic", "맑은 고딕", "돋움", Dotum,"굴림", Gulim, Tahoma, Verdana, Geneva, sans-serif, Apple Gothic,AppleGothic;font-size: 16px;font-weight: 400;color: #333;line-height: 20px;-webkit-text-size-adjust: none;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}

/* skipNav 처리 코드 */
#skipNav{position: fixed; overflow: hidden; z-index: 999; width: 100%; left: 0; top: 0}
#skipNav a{display: block; overflow: hidden; height: 1px; margin-bottom: -1px; text-align: center; text-decoration: none; color: #333; font-size: 16px}
#skipNav a:hover,#skipNav a:focus,#skipNav a:active{display:block; height:auto; padding:10px 0; background: #f2f2f2;}

/* footer */
.inner { margin:0 auto; max-width:1400px;}
footer { position:relative; background:#000; margin-bottom:-60px;}
footer * { color:#aaa !important; font-family:'Pretendard Variable';}
footer .m_guide *,
footer .m_fm * { font-size:13px; }
footer .m_info * { font-size:12px; }
footer .inner {max-width:1200px; }
footer .m_guide { display:flex; justify-content:space-between; align-items:center; height:50px; }
.m_guide ul { display:flex; gap:20px; }
.m_guide > div { display:flex; align-items:center; }
.m_guide .sns_list a { display:inline-block; margin-left:6px; }
.m_guide .btn_fm { display:block; margin-left:25px; width:200px; height:50px; line-height:50px; color:#ddd !important; text-align:center; border:1px solid #262626; border-width:0 1px; }
.btn_fm:after { content:""; display:inline-block; margin-left:25px; width:24px; height:24px; vertical-align:middle; background:url('/comn_footer/img/btn_fm.svg') center no-repeat;}
.m_guide .btn_fm.on { background:#666; }
.m_guide .btn_fm.on:after { transform:rotate(-180deg); }

footer .m_fm { display:none; z-index:18; position:absolute; left:0px; width:100%; border-bottom:1px solid #666; background:#000; }
footer .m_fm.on { display:block;}
.m_fm .fm_list { position:relative; display:flex; flex-direction:column; }
.m_fm dl { position:relative; display:flex; flex-wrap:wrap; padding:10px 0 30px 200px; min-height:70px; border-top:1px solid #262626; box-sizing:border-box; }
.m_fm dl:first-child { border-top:0px; }
.m_fm dt { position:absolute; top:30px; left:20px; width:150px; color:var(--whiteColor); !important; font-size:var(--bodyTxt16-size); font-weight:var(--fontW500); }
.m_fm dd { position:relative; margin:20px 40px 0 0; padding-left:10px; width:190px; box-sizing:border-box; }
.m_fm dd a:before { content:""; position:absolute; left:0px; top:50%; transform:translateY(-50%); width:2px; height:2px; background: #aaa; }
.m_fm dd.on a { color:#02A39F !important; }
.m_fm dd.on a:before { background:#02A39F; }
.m_fm dd:nth-child(5n) { margin-right:0px; }
.m_fm .fm_close { position:absolute; top:-32px; right:0px; width:77px; height:32px; line-height:32px; text-align:center; background:#000; text-align:center; }
.m_fm .fm_close:after { content:""; display:inline-block; margin-left:5px; width:16px; height:16px; vertical-align:middle; background:url('/comn_footer/img/btn_close.svg') center no-repeat; filter:invert(100%) brightness(50%); background-size:100% auto; }

footer .m_info { padding:30px 0 30px; border-top:1px solid #262626; }
footer .m_info .mo { display:inline-block !important; }
.m_info .inner { overflow:hidden; }
.m_info img { filter:grayscale(100%) brightness(50%); width:100px; height:auto; }
.m_info ul { margin:15px 0 20px -20px; width:535px; }
.m_info li { position:relative; display:inline-block; margin:10px 0 0 10px; padding-left:10px; }
.m_info li:before { content:""; position:absolute; left:0px; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:9px; background:#262626; }

@media screen and (max-width:1250px) { 
    footer .m_guide.inner { padding-right:0px; }
    .m_fm .inner { padding:0 3vw;}
    .m_fm dd { margin-right:0px; }

    footer .m_info { padding-left:5vw; padding-right:5vw; }
    footer .m_info .inner { padding:0px; }
}

@media screen and (max-width:768px) { 
	/* footer */
	footer {margin-bottom:-60px;}
	footer .m_guide *, footer .m_fm * { font-size:12px; }
	footer .sns_list { display:none; }
	footer .m_guide { height:30px; text-align:center; }
	.m_guide ul { display:flex; justify-content:space-between; gap:0px; margin:0 auto; width:100%; max-width:450px; }
	.m_guide li { position:relative; flex-grow:1; text-align:center; }
	.m_guide li:before { content:""; position:absolute; left:0px; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:9px; background:#262626; }
	.m_guide li:first-child:before { display:none; }
	.m_guide .btn_fm { position:absolute; left:20px; bottom:30px; margin:0px; padding-left:15px; width:calc(100% - 40px); text-align:left; box-sizing:border-box; border-width:1px; }
	.m_guide .btn_fm:after { float:right; margin:12px 15px; }

	.m_fm .inner { padding:0px !important; }
	/*.m_fm .fm_list { display:block; overflow-y:auto; max-height:calc(100vh - 400px); }*/
	.m_fm dl { padding:10px 0 25px 100px; min-height:auto; }
	.m_fm dt { top:25px; width:90px; }
	.m_fm dd { margin:15px 0 0 0; width:110px; }

	footer .m_info { padding:15px 20px 95px; }
	.m_info .inner { padding:0 !important; }
	.m_info ul { margin:10px 0 10px -20px; }
	.m_info li { display:none; }
}