@charset "utf-8";

@import url("jquery.fullpage.f595b7127ccd.css");
@import url("swiper.min.e91a3ffc454b.css"); /* swiper-silider */
@import url("animation.50f029d92c43.css"); /* 에니메이션 */
@import url("aos.847da8fca806.css"); /* 에니메이션 */
@import url("font.fb6174a88ca8.css"); /*폰트*/
@import url("layout.518ea830b3e3.css"); /* 전체적인 레이아웃 & 메인페이지 */
@import url("style_sb.4a466270d219.css"); /* 이승범 스타일시트 */
@import url("style_dh.d41d8cd98f00.css"); /* 이다혜 스타일시트 */
@import url("style_ar.d41d8cd98f00.css"); /* 허아라 스타일시트 */



html {height: 100%; overflow-y: auto; font-size: 0.05208333178113vw;}
body { overflow: hidden; margin-top: 0 !important; min-width: 320px; color: #222; line-height: 1.4; font-size: 18rem; font-family: 'Outfit', 'Noto Sans KR', sans-serif; word-break: break-all; word-wrap: break-word; word-break: keep-all; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans KR', sans-serif;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p, button {margin: 0; padding: 0; -webkit-text-size-adjust: none;}
fieldset, img, abbr, acronym {border: 0 none;}
legend {position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
legend.showlegend {position: static; line-height: 14px; font-size: 12px; overflow: visible;}
address, caption, cite, code, dfn, em, var {font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
q:before, q:after {content:'';}
table {border-collapse: collapse; border-spacing: 0;}
caption {height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px;}
hr {display: none;}
a { display: block; color: inherit; text-decoration: none; cursor: pointer;}
button {border: 0 none; background: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
button, input, select, textarea { color: inherit; font-family: 'Noto Sans KR', sans-serif; vertical-align: middle;}
select { -webkit-border-radius: 0;}
select 
{
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  background-image: url("/static/main_page/img/common/select_arrow.5263c373869a.svg");background-repeat: no-repeat; /* 셀렉박스 스타일 초기화, 화살표 이미지 추가하세요. */
  background-position: calc(100% - 15px) center;
  background-position: -webkit-calc(100% - 15px) center; background-position: -moz-calc(100% - 15px) center;
 
}
select::-ms-expand {
    display: none;
}

input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="email"],input[type="button"],input[type="submit"],textarea {
    border-radius:0 !important;-webkit-appearance: none;-moz-appearance: none; 
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor: pointer; overflow: visible; -webkit-appearance: button;}
input[type="checkbox"] { display: none;}
/* input[type="radio"] 의 전역 hide 는 admin 의 native 라디오 UI 까지 함께 숨겨
   모든 admin 페이지의 라디오 버튼이 미렌더되는 부작용을 일으킨다.
   customer_portal 의 커스텀 라디오 디자인(<input type="radio"> + <span></span> 가짜 동그라미)
   만 native 라디오를 숨길 필요가 있으므로 page-scoped 로 옮긴다.
   (style_sb.css 의 .customer_portal_application_form_fields input[type="radio"] {display: none} 참조) */
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

input::-webkit-input-placeholder{color:#a0a0a0;}
input:-moz-input-placeholder{color:#a0a0a0;}
input::-moz-input-placeholder{color:#a0a0a0;}
input:-ms-input-placeholder{color:#a0a0a0;}
img {  vertical-align: top; }

textarea {overflow: auto; resize: none;}
textarea::-webkit-input-placeholder {
color: #a0a0a0;
}

textarea:-moz-placeholder { /* Firefox 18- */
color: #a0a0a0;  
}

textarea::-moz-placeholder {  /* Firefox 19+ */
color: #a0a0a0;  
}

textarea:-ms-input-placeholder {
color: #a0a0a0;  
}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object {display: block; margin: 0; padding: 0;}
audio[controls], canvas, video {display: inline-block; *display: inline; *zoom: 1;}

/* Disable orange highlight */
label, a, button {-o-tap-highlight-color:rgba(0, 0, 0, 0);-ms-tap-highlight-color:rgba(0, 0, 0, 0);-moz-tap-highlight-color rgba(0, 0, 0, 0);-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}


/* 건너뛰기 네비게이션 */
#skip_nav {width: 100%; height: 0; text-align: center; overflow: hidden;}
#skip_nav a {color: #fff; font-size: 16px; line-height: 30px; font-weight: 800; float: left;}
#skip_nav a:focus, 
#skip_nav a:hover, 
#skip_nav a:active {position: absolute; top: 0; left: 0; width: 100%; height: 30px; text-decoration: underline; background-color: #000; overflow: visible; z-index: 9999;}





/* global */
.d_b{display: block;}
.d_ib{display: inline-block;vertical-align: top;}
.clearfix {*zoom:1}
.clearfix:after{display: block;content:'';clear: both;}
.ta_c{text-align: center;}
.ta_l{text-align: left;}
.ta_r{text-align: right;}
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}





@media screen and ( max-width:767px ){
  html { font-size: 1px;}
  body { font-size: 15px;}
}