@charset "utf-8";

@import url('../../fonts/noto_sans_kr/notosans_kr.css');
@import url('../../fonts/KoddiUDOnGothic/KoddiUDOnGothic.css');

@font-face {
  font-family: 'SCoreDream';
  font-weight: 100;
  font-style: normal;
  src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff2) format('woff2'),
       url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 200;
  font-style: normal;
  src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff2) format('woff2'),
       url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 300;
  font-style: normal;
  src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff2) format('woff2'),
       url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 400;
  font-style: normal;
  src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff2) format('woff2'),
       url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 500;
  font-style: normal;
  src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff2) format('woff2'),
       url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 600;
  font-style: normal;
  src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff2) format('woff2'),
       url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 700;
  font-style: normal;
  src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
       url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 800;
  font-style: normal;
  src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff2) format('woff2'),
       url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream8.woff) format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'SCoreDream';
  font-weight: 900;
  font-style: normal;
  src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff2) format('woff2'),
       url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream9.woff) format('woff');
  font-display: swap;
}

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

@font-face {
  font-family: 'iceJaram-Rg';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/iceJaram-Rg.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


body{
	background-color:#fff; font-family:'Noto Sans KR', 'Abril Fatface', Helvetica Neue, Helvetica, Arial, sans-serif; font-weight:400; letter-spacing:-0.05rem;
}

/*reset*/
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,button{
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	background:transparent;
}

html, body {font-size:62.5%;}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
	display:block;
}
ol,ul{
	list-style:none;
}
table{
	border-collapse:separate;
	border-spacing:0;
}
th, td{vertical-align:middle;font-size:1.5rem;}


a {text-decoration:inherit; color:var(--txt3);}
a:visited {}
a:active {}

button{cursor:pointer;font-size:1.5rem;}
button:hover:after,
button:focus:after {
  -webkit-animation: up_mv 0.5s ease 3;
  -moz-animation: up_mv 0.65 ease 3;
  animation: up_mv 0.5s ease 3;
}
button:hover,button:focus,button:active{color:#05367b; border-color:#05367b; box-shadow: 0 0.7rem 1.1rem #30529145;}
button:hover span {color:#05367b;border-color:#05367b;}
button:after {font-family:bootstrap-icons !important;transition:all 0.1s;}
input, select, button, textarea{ font-family: 'KoddiUDOnGothic', sans-serif;}

input[type="checkbox"] { width:1.5rem; height:1.5rem; margin:0 auto; padding:0; vertical-align:middle; color:#979797;}
input[type="text"] { padding:0.2rem 1rem; height:4.0rem; background:#fff; border: 1px solid #ddd; color: var(--txt3); font-size:1.5rem; font-weight:400; line-height:3.8rem; box-sizing:border-box; appearance:none; -webkit-appearance:none;} 
input[type="password"] { padding:0.2rem 1rem; height:4.0rem; background:#fff; border: 1px solid #ddd; color:#333; font-size:1.5rem; font-weight:400; line-height:3.8rem; box-sizing:border-box; appearance:none; -webkit-appearance:none;} 
input[type="file"] { padding:0.4rem; width:100%; background:#fff; border: 1px solid #ddd; color: var(--txt3); font-size:1.5rem; font-weight:400; box-sizing:border-box;}
input[type="radio"] {padding:0; margin:0px 0.5rem 0px 0px; vertical-align:middle; color:#979797;}
input[type="button"]{ cursor: pointer; }
input[disabled],select[disabled],textarea[disabled],.disabled{background-color:#ebebeb !important;color:#333;}
input[readonly],select[readonly],textarea[readonly],.readonly {background-color:#f8f7f9!important;color:#333;}
.readonly .basic_sel ,.disabled{pointer-events: none;}

textarea {padding:1.5rem; border: 1px solid #ddd; color: var(--txt3); font-size:1.5rem; box-sizing:border-box; resize:none;}
input::placeholder { color: #888888;  }
textarea::placeholder { color: #888888; }
fieldset{border:none;margin:0; padding:0;}
img{border:0 none;}
form{margin:0;padding:0; }

legend , caption {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin:-100%;
  padding:0!important;
  clip: rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
#skipContent {position: absolute; margin: 0 auto; z-index: 99999; top: 0; left: 0; right: 0;}
#skipContent h2 {position:absolute; width:100%; font-size:0; top:-5rem;}
#skipContent a {position:absolute; width:100%; font-size:0; top:-5rem; box-sizing:border-box;}
#skipContent a:active, #skipContent a:focus {display:block; font-size:1.7rem; padding:1rem; top: 0; text-align: center; color: #fff; font-weight: 600; background: var(--bgColor5); outline: 0;}
ul,ol,li {list-style:none;}
em{font-style:normal;}
hr{width:100%; height:0.1rem; background-color:#cdcdcd; margin:2rem 0px; border:0px;}
hr.no{background-color:transparent; padding:0px; margin:0px;}
select {
  padding:0 2rem 0 1rem; height:4.0rem; line-height:3.8rem; background:#fff; border: 1px solid #ddd; color: var(--txt3); font-size:1.5rem; 
  appearance:none; -webkit-appearance:none; background:url('../../img/common/btn_sel_arrow.png') no-repeat center right 1rem; border-radius: 0.5rem;
}

/*아웃라인 제거 포커스로 대체*/
input, textarea, select {outline:0;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus ,
input[type="tel"]:focus, input[type="email"]:focus{border-color:#0931b0;}

.clearfix {display:block}
.hidden {display:none}

/* vertical */
.v_t {vertical-align:top;}
.v_m {vertical-align:middle;}

/*table*/
table {border-collapse: collapse;}
.d_table {display:table;}
.d_table_cell {display:table-cell; text-align:center; vertical-align:middle;}

/* placeholder */
.placeholder{ position: relative; width: 30%; height: 4rem; margin-bottom: 0.5rem; }
.placeholder > input{ position: absolute; width: 100%; height: 100%; text-indent: 1rem; }
.placeholder > label{ position: absolute; width: 100%; height: 100%; line-height: 4rem; padding-left: 1rem; font-style: italic; color: #000;}

/* 240201 pah 추가 */
.w30 { width: 30px !important;}
.w40 { width: 40px !important;}
.w50 { width: 50px !important;}
.w60 { width: 60px !important;}
.w70 { width: 70px !important;}
.w80 { width: 80px !important;}
.w90 { width: 90px !important;}
.w100 { width: 100px !important;}
.w110 { width: 110px !important;}
.w120 { width: 120px !important;}
.w10pct { width: 10% !important;}
.w20pct { width: 20% !important;}
.w25pct { width: 25% !important;}
.w30pct { width: 30% !important;}
.w40pct { width: 40% !important;}
.w50pct { width: 50% !important;}
.w60pct { width: 60% !important;}
.w70pct { width: 70% !important;}
.w80pct { width: 80% !important;}
.w90pct { width: 90% !important;}
.w100pct { width: 100% !important;}
.wauto { width: auto !important;}
.m_t_10{margin-top:1rem !important;}
.m_t_20{margin-top:2rem !important;}

.swal2-popup {
  font-size: 1.6rem !important;
}


.d-none {display: none;}