/* font */
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* //font */

:root {
  --pr : #3182f6;
  --pr2 : #f1f6fb;
  --pr3 : #e5f2ff;
  --red : #ff6767;
  --yellow: #F8DE36;
  --black : #000;
  --black_3 : #333d4b;
  --gray_58 : #586271;
  --gray_d8 : #d8dce2;
  --gray_e0 : #e0e0e0;
  --gray_95 : #959aa1;
  --wt : #ffffff;
  --wt_f5 : #f5f8fc;
}
html,body {scroll-behavior: smooth;}
body {font-family: 'Pre';}
section {padding: 150px 0 130px;}
.container {max-width: 1040px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}

/* tit-box */
.tit-box {margin-bottom: 60px; text-align: center;}
.tit-box .tit {font-size: 50px; font-weight: 800; line-height: 1.2; color: var(--black_3);}
.tit-box .tit2 {color: var(--black_3); font-weight: 800;}

/* tit-box2 */
.tit-box2 {position: relative;}
.tit-box2 .tit {margin-bottom: 40px; font-size: 50px; font-weight: bold; line-height: 1.2; color: var(--wt);}
.tit-box2 .sub {font-size: 24px; font-weight: 200; line-height: 1.21; color: var(--wt);}
.tit-box2 .sec_btn2 {position: absolute; top: 0; right: 0; margin-top: 0;}

/* c_num */
.num_ct {font-style: unset;}

button {cursor: pointer;}

/* address_btn */
.address_btn {
    position: relative;
    width: 100%;
    height: auto;
    padding: 15px 0;
    margin-bottom: 15px;
    box-sizing: border-box;
    border-top: 1px solid #E5E7EA;
    border-bottom: 1px solid #E5E7EA;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #b8b8b8;
}

.address_btn .container {
    position: relative;
    padding: 0;
    text-align: left;
}

.address_btn .container::before {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #dbdbdb;
    border-bottom: 2px solid #dbdbdb;
    box-sizing: border-box;
    position: absolute;
    top: calc(50% - 8px);
    left: 134px;
    transform: rotate(45deg);
    transition: all .3s;
}

.address_btn.on .container::before {
    top: calc(50% - 5px);
    transform: rotate(-135deg);
}

.btn_hiddenzone {width: calc(100% - 60px); height: 60px; position: absolute; bottom: 0;}