@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
/* @import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css'); */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
/*폰트추가 jinseo 2022-10-05*/
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');


/*FONT*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;600;700&display=swap');
/*폰트추가 jinseo 2022-10-04*/
/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard.css"); */

/*폰트추가 waspkim 2023-11-22*/
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');

/*font*/

@font-face {
    font-family: 'Gmarket';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');}

@font-face {
	font-family: 'myriad';
	font-style:normal;
    font-weight:400;
	src:url('font/MyriadPro-Regular.eot');
    src:url('font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('font/MyriadPro-Regular.woff') format('woff'),
    url('font/MyriadPro-Regular.ttf') format('truetype');
}

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

/* 폰트 추가 JUHEE 2023-11-15 */
@font-face {
    font-family: 'pretendard';
    src: url('font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* 폰트 추가 JUHEE 2024-03-14 */

@font-face {
    font-family: 'jalnan';
    src: url('font/Jalnan2.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'SCDream';
    src: url('font/SCDream4.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
/* 폰트 추가 YESEUL 2024-03-28 */

@font-face {
    font-family: 'Surround';
    src: url('font/Cafe24Ssurround-v2.0.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
  font-family: 'SurroundAir';
  src: url('font/Cafe24SsurroundAir-v1.1.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}


html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit; /* font-family:'Pretendard-Regular'; */ }

html{-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family: 'Noto Sans KR', sans-serif;/*font-weight: 300;*/font-size: 16px;}
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,
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{margin:0;padding:0;border:0;vertical-align:baseline;/*font-family: 'Noto Sans KR', sans-serif; 주석처리.jinseo.2022-10-24*/}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section,summary{display:block}
audio, canvas, progress, video{display:inline-block}
audio:not([controls]){display:none;height:0}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';}
img{vertical-align:top}
mark{background:#ff0;color:#000}
del{text-decoration:line-through}
abbr[title], dfn[title]{cursor:help}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select, button, textarea, optgroup{margin:0;vertical-align:middle;font:inherit;color:inherit}
button{display:inline-block;border:0;cursor:pointer;margin:0;padding:0;font-family:inherit;outline:none;overflow:visible;background:transparent}
button::-moz-focus-inner{padding:0;border:0}
label{vertical-align:middle}
i, em, address{font-style:normal}
a, a:link, a:visited, a:active, a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0;width:100%}
input,
textarea {line-height:normal -webkit-appearance: none; -webkit-border-radius: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input, textarea, button, select{box-sizing:border-box}
textarea{resize:none;border:1px solid #ebebeb}
textarea:focus{outline: none;}
input[type="text"], input[type="password"],input[type="file"]{border-radius:0}
button, input[type="reset"],
input[type="button"], input[type="submit"]{overflow:visible;-webkit-appearance:none;border-radius:0;cursor:pointer}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
::placeholder{color:#999999;letter-spacing: -0.053rem; opacity:1}
::-webkit-input-placeholder{color:#999999;letter-spacing: -0.053rem;}
::-moz-placeholder{color:#999999;letter-spacing: -0.053rem;}
:-ms-input-placeholder{color: #999999;letter-spacing: -0.053rem;}
:-moz-placeholder{color:#999999;letter-spacing: -0.053rem;}
select{-webkit-appearance:none;appearance:none;}


html, body {height:100%;}
html { font-family: sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
body,th,td,input,select,textarea,button{font-size: 14px; line-height:1.5; font-family:'Noto Sans KR', sans-serif; color:#111111;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block; vertical-align: baseline; }
dl,ul,ol,menu,li{list-style:none}
audio:not([controls]),[hidden],template {display: none;height: 0;}
em{font-style: normal;}
a{color:inherit;text-decoration:none; background-color: transparent;}
a:active,a:hover {outline: 0;text-decoration:none;}
abbr[title] {border-bottom: 1px dotted;}
dfn {font-style: italic;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre{overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button {overflow: visible;}
button,select {text-transform: none;}
button{display:inline-block;border:0;cursor:pointer;margin:0;padding:0;font-family:inherit;outline:none;overflow:visible;background:transparent}
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 0 none;}
textarea {overflow: auto;}
optgroup { font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th { padding: 0;}
hr {display: none;}
.blind,legend,caption{width:0px; height:0px; position:absolute; overflow:hidden; font-size:0px; line-height:0px; z-index:-1; visibility:hidden;}

/*uniform*/
div.uploader,div.uploader span.action,div.button,div.button span,div.selector,div.selector span,div.checker span,div.radio span {/*background-image: url("../images/common/uniform-sprite.png");*/background-repeat: no-repeat;-webkit-font-smoothing: antialiased;}
div.selector,div.checker,div.button,div.radio,div.uploader {display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;vertical-align: middle;}
div.selector:focus,div.checker:focus,div.button:focus,div.radio:focus,div.uploader:focus {outline: 0;}
div.selector,div.radio,div.checker,div.uploader,div.button {margin: 0;padding: 0;}
div.selector *,div.radio *,div.checker *,div.uploader *,div.button * {margin: 0;padding: 0;}

div.checker input {-moz-appearance: none;-webkit-appearance: none;}
div.selector {position: relative;height: 12px;line-height: 12px;vertical-align: top;color: #9a9a9a; overflow: hidden;}
div.selector span {display: block;padding-right: 30px;width: 100%;text-overflow: ellipsis;box-sizing: border-box;-webkit-box-sizing: border-box;background-position: right 3px;white-space: nowrap;cursor: pointer;overflow: hidden;}
div.selector.fixedWidth {width: 190px;}
div.selector.fixedWidth span {width: 155px;}
div.selector select {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;position: absolute;height: 100%;top: 0px;left: 0px;width: 100% !important;padding-left: 8px;padding-right: 30px;box-sizing: border-box;}

div.checker {position: relative;width: 14px;height: 14px;line-height: 14px;vertical-align: -3px;}
div.checker span, div.checker input {width: 14px;height: 14px;line-height: 14px;}
div.checker span {display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;text-align: center;background: url('../images/bg/check.png') 0 -50px no-repeat;}
div.checker span.checked {background-position: 0 0;}
div.checker input {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;}
.checkbox-wrap.type2 div.checker span{background-position: 0 -30px;}
.checkbox-wrap.type2 div.checker span.checked {background-position: -30px -30px;}


div.radio {margin-right: 0;position: relative;width: 19px;height: 19px;line-height: 19px;margin-right: 5px;}
div.radio span, div.radio input {width: 19px;height: 19px;line-height: 19px;}
div.radio span {display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;text-align: center;background: url('../images/bg/radio.png') 0 -50px no-repeat;}
div.radio span.checked {background-position: 0 0;}
div.radio input {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;text-align: center;vertical-align: top;}
.radio-wrap.type2 div.radio{width: 30px; height: 30px}
.radio-wrap.type2 div.radio span, .radio-wrap.type2 div.radio input{width: 30px; height: 30px}
.radio-wrap.type2 div.radio span{background-position: 0 0;}
.radio-wrap.type2 div.radio span.checked {background-position: -30px 0;}


#content{width: 100%;margin-top: 80px;}    /* 2020-01-13 waspkim 추가 */