/* @import url(/asset/css/'https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap'); */
/* noto-sans-kr-regular - korean */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('/asset/fonts/noto-sans-kr-v36-korean-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/asset/fonts/noto-sans-kr-v36-korean-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
}
/* noto-sans-kr-500 - korean */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('/asset/fonts/noto-sans-kr-v36-korean-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/asset/fonts/noto-sans-kr-v36-korean-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
}
/* noto-sans-kr-700 - korean */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('/asset/fonts/noto-sans-kr-v36-korean-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/asset/fonts/noto-sans-kr-v36-korean-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
}
@font-face {
  font-family: 'calibre';
  font-weight: 200;
  font-style: normal;
  src:url('/asset/fonts/calibre-web-thin.woff2') format('woff2'),
  url('/asset/fonts/calibre-web-thin.woff') format('woff');
}
@font-face {
  font-family: 'calibre';
  font-weight: 300;
  font-style: normal;
  src:url('/asset/fonts/calibre-web-light.woff2') format('woff2'),
  url('/asset/fonts/calibre-web-light.woff') format('woff');
}
@font-face {
  font-family: 'calibre';
  font-weight: 400;
  font-style: normal;
  src:url('/asset/fonts/calibre-web-regular.woff2') format('woff2'),
  url('/asset/fonts/calibre-web-regular.woff') format('woff');
}
@font-face {
  font-family: 'calibre';
  font-weight: 600;
  font-style: normal;
  src:url('/asset/fonts/calibre-web-semibold.woff2') format('woff2'),
  url('/asset/fonts/calibre-web-semibold.woff') format('woff');
}
@font-face {
  font-family: 'nanumSquare';
  font-weight: 400;
  font-style: normal;
  src:url('/asset/fonts/NanumSquareEB.woff2') format('woff2'),
  url('/asset/fonts/NanumSquareEB.woff') format('woff');
}
@font-face {
  font-family: 'nanumSquareL';
  font-weight: 300;
  font-style: normal;
  src: url('/asset/fonts/NanumSquareL.woff') format('woff');
}

:root{
  --black-01:#1b1b1b;
  --black-02:#808080;
  --black-03:#bcbcbc;
  --black-04:#ededed;
  --primary-red:#d2074a;
  --secondary-gray-01:#434655;
  --secondary-gray-02:#bcbdc5;
  --secondary-gray-03:#ebebf0;
  --blue:#1e8df9;
  --gray:#a1a1a1;
}

*, *:before, *:after {margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;-webkit-font-smoothing:antialiased;}
fieldset{border:0 none}
img{border:0 none; vertical-align: top;}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
i{font-style: normal;}
input,select,textarea{font-size:100%;vertical-align:middle;font-family:'Noto Sans KR', sans-serif;}
button{font-size:100%;vertical-align:middle; cursor:pointer;border:0 none;background-color:transparent;outline:none; text-align:left; font-family:'Noto Sans KR', sans-serif;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout: fixed;}
table caption{width:0; height:0; font-size:0; line-height: 0; opacity:0;}
textarea{resize:none;}
input{border:0; border-radius:0; outline:none; -webkit-appearance:none; -webkit-border-radius:0;}
select{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: none;}
select::-ms-expand {
  display: none;
}

a, a:active, a:hover{text-decoration:none;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}

body{font-family:'Noto Sans KR', sans-serif; line-height:1.7; color:#1b1b1b; word-break: keep-all;}

.cf:after{content:""; display:block; clear: both;}

.hidden{position:absolute; top:0; left:0; width:0; height:0; font-size:0; opacity:0; text-indent:-999999px;}

.ellipsis{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

.calibre{font-family: 'calibre';}
.nanum{font-family: 'nanumSquare';}


/*Contact Us*/

.sendform:not(.sendform2) .sendType2, .sendform:not(.sendform3) .sendType3{display: none;}
.sendform2 .contact-select, .sendform3 .contact-select{display:flex;}
.contact-select{display:none;}
  .sendform2 .sendType2,  .sendform3 .sendType3{display: block;}
  .contactUs .innerPage .sendform2 .contact-flex{display: flex;}
  .contact-flex h1{font-size: 12px; padding-left: 2px; color: #1b1b1b; box-sizing: border-box;}
  .contact-flex > *{width: calc(50% - 10px);}
  .contact-flex > *:first-child{margin-right: 20px;}
  .hidden{opacity: 0; display: none; position: absolute;}
  .form-dropdown{position: relative; overflow:hidden;  height: 40px; overflow-y: hidden; font-size: 12px; border: 1px solid #d3d3d3; box-sizing: border-box; cursor: pointer; min-height: 40px;}
  .form-dropdown ul{position: absolute; left: 0; top: 0;  padding: 0; margin: 0; width: 100%; display: none; box-sizing: border-box; border: 1px solid #d3d3d3;}
  .form-dropdown ul li{line-height: 2.7; padding: 2px 11px; list-style: none; cursor: pointer; position: relative; z-index: 1; background-color: #fff;}
  .form-dropdown ul li:hover{color: #1b1b1b;}
  .form-dropdown ul li.sendType2.sendType3{display:block;}
  .form-dropdown.open{overflow-y: visible; overflow: unset; height: unset; border: 0px solid #d3d3d3;}
  .form-dropdown.open ul{display: block;}
  .form-dropdown span{display: flex; padding-left: 11px; align-items: center; height: 100%;}
  .file_wrap{list-style: none; display: flex; align-items: center;}
  .file_upload ul{padding: 0; margin: 0;}
  .file_upload label{position: relative; width: 70px; height: unset; display: block; margin-right: 10px;}
  .file_upload label > *{word-break:break-all; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box!important; text-align: center; border-radius: 12.5px; background-color: #ededed; padding: 4px 10px; font-size: 12px; box-sizing: border-box;}
  .file_upload label input{position: absolute; opacity: 0; left: 0; top: 0;}
  .file_wrap button{position: relative; width: 25px; height: 25px; border: 0; background-color: #ededed; font-size: 0; border-radius: 100%; justify-content: center; align-items: center; display: flex; padding: 0; cursor: pointer;}
  .file_wrap button::after, .file_wrap button::before{content: ''; display: block; position: absolute; width: 8px; height: 1px; background-color: #a1a1a1;}
  .file_wrap button::after{transform: rotate(90deg);}
  .file_wrap button.file_remove::after{display: none;}
  .file_wrap + .file_wrap{margin-top: 10px;}
  .sendform2 .contact-bottom{display: flex; align-items: flex-start;}
  .sendform2 .contact-bottom > *{width: 50%;}
  .sendform2 .txt{display: none;}
  .sendform2 .txt.sendType2{display: block;}
  .txt.sendType2{display: none;}
  .contactUs .innerPage .sendform2 .agree{align-items: flex-start;}
  .form-dropdown:after {z-index: 10; content: ""; display: inline-block; position: absolute; top: 12px; width: 7px; height: 7px; margin-left: 10px; right: 13px; border: solid #a1a1a1; border-width: 0 1px 1px 0; transform: rotate(45deg);}
  .form-dropdown.open:after {top: 18px; transform: rotate(225deg); border-color: #1b1b1b;}
@media(max-width:1024px){
.contactUs .innerPage .sendform.sendform2{padding-top:75.5555vw;}
}

/* Content responsive images and tables to prevent page overflow */
.stockInfo,
.content,
.contents {
  word-break: break-word;
}
.stockInfo img,
.content img,
.contents img {
  max-width: 100%;
  height: auto;
  display: block;
}
.stockInfo table,
.content table,
.contents table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
  overflow-wrap: break-word;
  border-collapse: collapse;
}
.stockInfo .content-body table,
.content .content-body table,
.contents .content-body table {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  table-layout: auto !important;
  overflow-x: auto;
}
.stockInfo table th,
.stockInfo table td,
.content table th,
.content table td,
.contents table th,
.contents table td {
  white-space: normal;
  word-break: break-word;
  min-width: 0;
}
.stockInfo .content-body,
.content .content-body,
.contents .content-body {
  overflow-x: auto;
  width: 100%;
  max-width: 100%;
  box-sizing:border-box;
}