/* 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;
}

/* cafe 24 */
@font-face {
  font-family: 'cafe24';
  src: url('./../font/Cafe24Ssurround-v2.0.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
/* //font */

:root {
  --pr : #0084FD;
  --pr2 : #E2F4FE;
  --yellow : #FFC23A;
  --yellow2 : #FFF5DD;
  --yellow3 : #986900;
  --black_3 : #333333;
  --black_2 : #222222;
  --gray_6 : #666666;
  --gray_69 : #696969;
  --gray_9 : #999999;
  --gray_d9 : #D9D9D9;
  --gray_ca : #CACACA;
  --wt : #FFFFFF;
  --wt_f8 : #F8F8F8;
  --wt_f5 : #f5f5f5;
}

.pr {background: #0084FD !important;}
.pr2 {background: #E2F4FE !important;}
.yellow {background: #FFC23A !important;}
.yellow2 {background: #FFF5DD !important;}
.yellow3 {background: #986900 !important;}
.black_3 {background: #333333 !important;}
.black_2 {background: #222222 !important;}
.gray_6 {background: #666666 !important;}
.gray_69 {background: #696969 !important;}
.gray_9 {background: #999999 !important;}
.gray_d9 {background: #D9D9D9 !important;}
.gray_ca {background: #CACACA !important;}
.wt {background: #FFFFFF !important;}
.wt_f8 {background: #F8F8F8 !important;}
.wt_f5 {background: #f5f5f5 !important;}

/* color */
.pr_c {color: #0084FD !important;}
.pr2_c {color: #E2F4FE !important;}
.yellow_c {color: #FFC23A !important;}
.yellow2_c {color: #FFF5DD !important;}
.yellow3_c {color: #986900 !important;}
.black_3_c {color: #333333 !important;}
.black_2_c {color: #222222 !important;}
.gray_6_c {color: #666666 !important;}
.gray_69_c {color: #696969 !important;}
.gray_9_c {color: #999999 !important;}
.gray_d9_c {color: #D9D9D9 !important;}
.gray_ca_c {color: #CACACA !important;}
.wt_c {color: #FFFFFF !important;}
.wt_f8_c {color: #F8F8F8 !important;}
.wt_f5_c {color: #f5f5f5 !important;}

body {font-family: 'Pre'; background: #999999;}
.cafe24 {font-family: 'cafe24' !important;}
#wrap {max-width: 500px; width: 100%; height: auto; padding: 60px 0; margin: 0 auto; box-sizing: border-box; background-image: linear-gradient(163deg, #e6f9ff 0%, #ccd5ff 100%);}
#wrap.step {background: var(--wt);}
#wrap.result {padding: 80px 0 0;}
#wrap.result2 {padding: 0;}
#wrap.wrap {background-image: linear-gradient(173deg, #e6f9ff 0%, #ccd5ff 100%);}
.container {width: 100%; height: auto; padding: 0 50px; box-sizing: border-box;}
.container2 {width: 100%; height: auto; padding: 0 30px; box-sizing: border-box;}