@charset "utf-8";
@import url('main.css');
@import url('nav.css');
@import url('swiper.css');
@import url('animation.css');
@import url('responsible.css');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900&display=swap&subset=latin-ext');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);


@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {
  font-family: 'InkLipquid';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/Ownglyph_meetme-Rg.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

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


/* Universal tags */
body * {
    box-sizing: border-box;
    word-break: keep-all;
}

body {
  font-family: Noto Sans KR,sans-serif;
  margin: 0;
}

img {
  max-width: 100%;
  vertical-align: top;
}

button {
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: none;
  padding: 0;
}

.light {
  font-weight: 300;
}

a {
  text-decoration: none;
  color: #151515;
}

ul {
  padding:0;

}

b,strong{font-weight: normal;}
li {
  list-style: none;
}

.inner{width: 100%; max-width: 1400px; margin: 0 auto;}

button {
  background-color: transparent;
  cursor: pointer;
  border: none;
  outline: none;
}





html,body{word-break:keep-all; font-size:16px; color:#14100c; font-weight:300}
input,button,img{vertical-align:middle;}
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, 
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; outline:0; text-decoration:none; font-weight: normal;}
body {min-width:320px; line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
body, input, textarea, select, button, table {font-family: Noto Sans KR, sans-serif,'Malgun Gothic','Nanum Barun Gothic','Roboto',Dotum,'돋움',Gulim,Helvetica,sans-serif;-webkit-text-size-adjust:none;}
ul, ol {list-style-type:none;}
input, select {vertical-align:middle;}
a {text-decoration:none; color:#454545}
.hidden {display:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
q:before,q:after{content:'';}
abbr,acronym {border: 0;}


/* 폼공통 */
input{vertical-align:middle;}
textarea:focus {outline: none;}
button:focus {outline: none;}
input:focus {outline: none;}
select:focus {outline: none;}

input[type="text"] {width:100%; border:1px solid #c4c8cb; height:48px; padding:0 12px; color:#715deb; border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; border-radius: 8px; font-size: 17px; font-weight: 500;}
input[type="text"]::-webkit-input-placeholder {color:#c4c8cb;}
input[type="text"]:-input-placeholder {color:#c4c8cb;}
input[type="text"]:-ms-input-placeholder {color:#c4c8cb;}
input[type="text"]::-moz-input-placeholder {color:#c4c8cb;}

input[type="password"] {width:100%; border:1px solid #c4c8cb; height:48px; padding:0 12px; color:#715deb;  border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; border-radius: 8px; font-size: 17px; font-weight: 500;}
input[type="password"]::-webkit-input-placeholder {color:#c4c8cb;}
input[type="password"]:-input-placeholder {color:#c4c8cb;}
input[type="password"]:-ms-input-placeholder {color:#c4c8cb;}
input[type="password"]::-moz-input-placeholder {color:#c4c8cb;}

input[type="tel"] {width:100%; border:1px solid #c4c8cb; height:48px; padding:0 12px; color:#715deb;  border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; border-radius: 8px; font-size: 17px; font-weight: 500;}
input[type="tel"]::-webkit-input-placeholder {color:#c4c8cb;}
input[type="tel"]:-input-placeholder {color:#c4c8cb;}
input[type="tel"]:-ms-input-placeholder {color:#c4c8cb;}
input[type="tel"]::-moz-input-placeholder {color:#c4c8cb;}

select:disabled {
  opacity: 0.3;
}

label{font-size: 16px; font-weight: 400; font-family: 'Pretendard';}
input[type=checkbox] { display:none; } 





textarea {width:100%; border:1px solid #ddd; border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; padding:10px;}
textarea::-webkit-input-placeholder {color:#7e7c7c;}
textarea:-input-placeholder {color:#7e7c7c;}
textarea:-ms-input-placeholder {color:#7e7c7c;}
textarea::-moz-input-placeholder {color:#7e7c7c;}

select {width:100%; height:45px; padding:0 10px; color:#555; font-weight:300;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box; background:#fff no-repeat 100% 50%; border:1px solid #ddd; -webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;}
select::-ms-expand{display: none;}