@charset "utf-8";

/* Common */
/* *:focus{border:1px solid #ee6600;}*/
*{font-weight: 400;box-sizing: border-box;}
html,body {height:100%;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
body{font-family:'Noto Sans KR',sans-serif;color:#222;letter-spacing:-0.5px;font-weight:400;}
body.on{overflow: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt,textarea,input,select,button,dl,dt,dd{font-family:'Noto Sans KR',sans-serif;font-size:16px;margin:0;padding:0;box-sizing: border-box;-webkit-box-sizing: border-box;word-break:keep-all;letter-spacing:-0.5px;font-weight:400;line-height:1.4}
textarea,input,select{font-size:14px;}
header,article,aside,canvas,details,figcaption,figure,footer,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
b,strong{font-weight:600}
button,textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;-webkit-box-sizing: border-box;}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{position: relative;vertical-align:middle}
button{margin:0;padding:0;border:0;background:none}
a{box-sizing: border-box}
a {cursor:pointer}
input[type='submit']{cursor:pointer}
a, a:visited,a:hover,a:active {color:#222;text-decoration:none;cursor:pointer}
h1, h2, h3, h4, h5, h6, figure {margin:0;padding:0;font-weight: 500;line-height:1}
svg {width:100%}
::-moz-selection {color:#fff;background:#222222}
::selection{color:#fff;background:#222222}
::-webkit-input-placeholder{color: #8c8c8c}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
table {width:100%;border-spacing:0;border-collapse:collapse;}

/* hidden contents */

.cgfont {font-family: 'Cormorant Garamond', serif;}
/* 인풋 기본 스타일 제거 */
textarea,input,select,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;background:none;border-radius:0;text-align:left;border:1px solid #9b9b9b}
  /* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0; -moz-appearance: textfield;}
input[type=number]{-moz-appearance: textfield;}
select::-ms-expand {display:none}
textarea {width:100%;background:none;}
button{cursor:pointer;border:0;background:none}
select::-ms-expand {outline: none}
select {cursor:pointer;}
  /* placeholder css 적용하기 */
::-webkit-input-placeholder{color: #424242;font-weight:400}
::-moz-placeholder{color: #424242;font-weight:400}
:-ms-input-placeholder{color: #424242;font-weight:400}
:-moz-placeholder {color: #424242;font-weight:400}
[placeholder]:focus::-webkit-input-placeholder {opacity: 0}
  /* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {display:none;width:0;height:0}
input[type=search]::-ms-reveal {display:none;width:0;height:0}
  /* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none}

/* 체크박스 스타일 */
input[type="checkbox"] + label {display:inline-block;float:left;cursor: pointer;}
input[type="checkbox"] + label span{
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #e2e2e2;
  cursor: pointer;
  position:relative;
  background-color:#fff;
  float:left;
  margin-right:5px
}
input[type="checkbox"]:checked + label span:after {
  content: "";
  width: 16px;
  height: 16px;
  position:absolute;
  left:-1px;
  top:-1px;
  display:inline-block;
  z-index:8888;
background-color:#222;
  border: 1px solid #222;
  box-sizing: border-box;
}
input[type="checkbox"] {float:left;position:relative;top:6px;cursor: pointer;}

/* 체크 스타일 */
.chk-type1{position: relative;cursor: pointer;display:inline-block;}
.chk-type1 input[type="checkbox"]{position: absolute ;opacity: 0;cursor: pointer;}
.chk-type1 input[type="checkbox"] + label{font-size:0;float: none;display: inline-block;width:50px;height:51px;background: #f2f2f2;}
.chk-type1 label:before{content: "";display:inline-block;position: absolute;;top:50%;left:50%;transform: translate(-50%, -50%);width:13px;height:9px;background: url(/_public/images/common/ic_check_off.png) no-repeat;}
.chk-type1 input[type="checkbox"]:checked + label{background: #222;}
.chk-type1 input[type="checkbox"]:checked + label:before{background: url(/_public/images/common/ic_check_on.png) no-repeat;}
.input-wrap .input label{font-size:0; margin-left:-7px}
.checkbox-type2{position: relative;display:flex;align-items: center;justify-content: center;gap:28px;width:210px;height:50px;border:1px solid #c2c2c2;}
.checkbox-type2 label{display: inline-block;font-size: 15px;font-weight: 500;letter-spacing: -0.75px;color: #333;}
.checkbox-type2 input[type="checkbox"]{float: none;top:0;}

/* 라디로 스타일 */
.radio-type1{position: relative;display: block;}
.radio-type1 input[type="radio"]{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 10;cursor: pointer;width:18px;height:18px;}
.radio-type1 input[type="radio"] + label{font-size:0;float: none;display: inline-block;width:50px;height:51px;background: #f2f2f2;cursor: pointer;}
.time_area .radio-type1 input[type="radio"] + label{background: #fff;}
.radio-type1 input[type="radio"]:checked + label{background: #000;}

.radio-type2{position: relative;}
.radio-type2 input[type="radio"]{position: relative;}
.radio-type2 input[type="radio"] + label{float: none;}

.gname_label {font-size: 0;}

.radio-type1 input[type="radio"]:checked:focus{
  outline: 2px dotted #fff !important;
  border: 2px dotted #fff !important;
  border-radius:100% !important;
}


/* 라디오 스타일 */
input[type="radio"] + label {display:inline-block;float:left; vertical-align:middle;}
input[type="radio"] + label span{
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #e2e2e2;
  cursor: pointer;
  position:relative;
  background-color:#fff;
  float:left;
  margin-right:5px;
  border-radius:8px;
  margin-top:4px;
}
input[type="radio"]:checked + label span:after {
  content: "";
  width: 16px;
  height: 16px;
  position:absolute;
  left:-1px;
  top:-1px;
  display:inline-block;
  z-index:8888;
  background-color:#222;
  border: 1px solid #222;
  box-sizing: border-box;
  border-radius:8px;
}
input[type="radio"],
input[type="checkbox"]{
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;}

  @font-face {
      font-family: 'GimpoBatang00';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/GimpoBatang00.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }


  @font-face {
      font-family: 'Cafe24Ssurround';
      src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
    font-family: 'Cafe24SurroundAir';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24SsurroundAir.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

  @font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* 탑으로 이동 */
/*
.action_top {text-align:center;position:fixed;right:3%;bottom:4%;font-size:2.000rem;z-index:48888;display:none;}
.action_top:hover {cursor:pointer;}
.action_top a {color:#e30613;opacity:0.9;font-size:0;overflow: hidden;width:30px;height:30px;}
.action_top a i{font-size:30px;}
.action_top:hover a {opacity:1}
*/

.action_top{display:none;position:fixed;right:10px;bottom:20px;padding-top:8px;width:50px;height:50px;font-size:13px;color:#fff;text-align:center;background: rgba(0,0,0,0.8);border-radius:50%;z-index:50}
.action_top::before{position:absolute;top:10px;left:50%;content:'▲';font-size:8px;color:#fff;transform:translateX(-50%);-webkit-transform:translateX(-50%)}




.btsp2 {border-top:2px solid #222222 !important}
.bbsp2 {border-bottom:2px solid #222222 !important}
.blsp2 {border-left:2px solid #222222 !important}
.brsp2 {border-right:2px solid #222222 !important}

.nodata {padding:50px;text-align:center}
.bt1 {border-top:1px solid #222;}
.blind{clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;}

/* Skip Navigation */
#skip {position:absolute;top:0;left:0;width:100%;z-index:9999;}
#skip a {position: absolute; top: -200px; left:0;width: 100%;display: block;text-align: center;;line-height: 60px;font-size:20px;border: 1px solid #dedede; background-color: #333;color:#fff;}
#skip a:focus, #skip a:active {top:0;}

a:focus{outline:2px dotted #000 !important;border:2px dotted #fff !important;}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="button"]:focus,
textarea:focus,
button:focus,
select:focus,
img:focus{outline: 2px dotted black !important;border:2px dotted #fff !important;}
.radio-type1 label:focus{outline: 2px dotted black !important;border:2px dotted #fff !important;}
.newlink:focus{outline: 2px dotted black !important;border:2px dotted black !important;}
.swiper-slide a:focus{outline: 2px dotted black !important;border:2px dotted black !important;}

a:focus-visible {outline: 2px dotted black;border:1px dotted #fff;}
input[type="text"]:focus-visible,
input[type="password"]:focus-visible,
input[type="reset"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="number"]:focus-visible,
textarea:focus-visible,
select:focus,
button:focus-visible{outline: 2px dotted black;border:1px dotted #fff;}
.popuparea:focus,
.popuparea:focus-visible{outline: 2px solid red;border:1px solid red;}
.new_videotxtbox:focus{outline: 2px dotted black;border:1px dotted #fff;}

*{box-sizing: border-box;}
*::before,
*:after{box-sizing: border-box;;}