@charset "UTF-8";
/* transition: background-color 0.5s, color 0.35s, font-weight 0.35s, width 0.5s, height 0.35s, box-shadow 0.35s, transform 0.5s, left 0.5s; */
/* 전체 */
* {margin: 0; padding: 0; box-sizing: border-box; }
html, body {background-color: #fff; color: #292929; min-width: 100%; min-height: 100%; height: auto; font-size: 62.5%;}
/* html::-webkit-scrollbar, body::-webkit-scrollbar {display: none;} */
a {display: inherit; font-size: inherit; color: inherit; outline: none; border: none; align-items: center;}

/* 커스터마이징 */
.flex {display: flex;}
.flex-center {display: flex; justify-content: center; align-items: center;}
.flex-between {display: flex; flex-direction: row !important; justify-content: space-between; align-items: center;}
.flex-column {flex-direction: column;}
.flex-end {display: flex; align-items: flex-end;}
.flex-aic {display: flex; align-items: center;}
.f1 {flex: 1;}
.none {display: none !important;}
.hide {display: none !important;}
.em {font-weight: bold;}
.fullwidth {width: 100%; margin: 0 auto;}
.widewidth {width: 192rem; margin: 0 auto;}
.basicwidth {width: 146rem; margin-left: auto; margin-right: auto;}
.introwidth {width: 120rem; margin-left: auto; margin-right: auto;}
.pc {display: flex !important;}
.mobile {display: none !important;}
.hide {display: none; opacity: 0; visibility: hidden;}

/* 폰트 */
h1 {font-size: 5rem;}
h2 {font-size: 4.8rem;}
h3 {font-size: 3.6rem;}
h4 {font-size: 2.4rem;}

.p1 {font-size: 2.5rem;}
.p2 {font-size: 1.8rem;}
.p3 {font-size: 1.6rem;}
.p4 {font-size: 1.4rem;}
.p5 {font-size: 1.2rem;}

.ft_lt {font-weight: 300;}
.ft_md {font-weight: 500;}

/* 오버레이 */
#overlay {position: absolute; visibility: hidden; top: 0; bottom: 0; left: 0; right: 0; width: 100%; min-height: calc(100vh); z-index: 100; opacity: 0; overflow: hidden; background-color: #000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
#overlay.active {visibility: visible; opacity: 0.65;}

/* 버튼 스타일링 */
.btn-row {}
.btn-row .button {display: inline-block; width: 13.6rem; height: 4.5rem; border-radius: 2.4rem; transition: all 0.5s; cursor: pointer;}
.btn-row .button a {position: relative; display: inline-flex; align-items: center; width: 100%; height: 100%; font-size: 1.6rem; font-weight: 500; color: #fff; padding: 0 2.4rem;}
.btn-row .button a:after {position: absolute; top: 50%; right: 2.4rem; transform: translateY(-50%); content: ''; width: 1.6rem; height: 1.6rem; background: url('../img/arrow-right-regular-1.png') center center no-repeat; background-size: cover;}
.btn-row .btn-primary {background-color: #0c4da2;}
.btn-row .btn-primary:hover {background-color: #0a448e;}
.btn-row .btn-primary a {}
.btn-row .btn-secondary {background-color: #002866;}
.btn-row .btn-secondary:hover {background-color: #031347;}
.btn-row .btn-secondary a {}
.btn-row .btn-tertiary {background-color: #ff000f;}
.btn-row .btn-tertiary:hover {background-color: #cb000c;}
.btn-row .btn-tertiary a {}
.btn-row .button2 {display: inline-block; width: 13.2rem; height: 4.5rem; border-radius: 2.4rem; transition: all 0.5s; cursor: pointer; background-color: #f6f6f6; opacity: 0.8;}
.btn-row .button2 a {position: relative; display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 1.6rem; font-weight: 500; color: #404040;}
.btn-row .button2 a i {color: #404040;}


/* 라인 제한 */
.l1 {display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.l2 {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* 라디오버튼 */
.cont-radio {position: relative;}
.cont-radio input[type="radio"] {position: absolute; width: 0.1rem; height: 0.1rem; padding: 0; margin: -0.1rem; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.cont-radio input[type="radio"] + label {display: inline-block; position: relative; padding-left: 3rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 10.3rem; color: #8f8f8f;}
.cont-radio input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: -0.2rem; width: 1.6rem; height: 1.6rem; text-align: center; background: #fff; border: 0.1rem solid #cacece; border-radius: 100%;}
.cont-radio input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before {box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.05), inset 0 0.1rem 0.3rem rgba(0,0,0,0.1);}
.cont-radio input[type="radio"]:checked + label {font-weight: bold; color: #00bfa5;}
.cont-radio input[type="radio"]:checked + label:before {background: #fff; border-color: #00bfa5;}
.cont-radio input[type="radio"]:checked + label:after {content: ''; position: absolute; top: 0.1rem; left: 0.3rem; width: 1.2rem; height: 1.2rem; background: #00bfa5; border-radius: 100%;}

/* 체크박스 스타일링 */
.cont-check {position: relative; display: inline-flex; align-items: center; min-width: 100%;}
.cont-check:after {display: block; clear: both; content: '';}
.cont-check > input {}
.cont-check > input[type="checkbox"] {display: none;}
.cont-check > input[type="checkbox"] + label {display: inline-flex; align-items: center; width: 2rem; height: 2rem; background: #fff; border: 0.1rem solid #707070; cursor: pointer;}
.cont-check > input[type="checkbox"]:checked + label {background: #0f4c81 url('../img/check-2.png') center center no-repeat; background-size: cover;}
.cont-check > label {}
.cont-check > input[type="checkbox"] + label > span {position: absolute; top: -0.3rem; left: 4rem; display: block; font-size: 1.6rem; font-weight: 300; color: #404040;}

/* 셀렉트박스 스타일링 */
.slt-item {position: relative; width: 100%; height: 4.8rem; padding: 10.3rem; overflow: hidden; background: url('../img/down-arrow.png') 95% center no-repeat; background-size: 1.2rem 0.8rem; border: 0.1rem solid #bce0fd;}
.slt-item select {position: absolute; top: 0; left: 0.7rem; width: 96%; height: 100%; color: #797979; border: none; border-radius: 0; background: transparent; background: -webkit-linear-gradient(transparent, transparent); -webkit-appearance: none;}
.slt-item select:focus {outline: none;}
.slt-item select > option {}


/* 스크롤바 스타일링 */
/*
::-webkit-scrollbar {width: 0; background: none;}
::-webkit-scrollbar-thumb {background: #b8b8b8; border-radius: 0.3rem; opacity: .4;}
::-webkit-scrollbar-track {background: none;}
 */

/* .transition {transition: background-color 0.5s, color 0.5s, width 0.5s, } */