@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Norican&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:100; src:url(./fonts/NotoSansCJKkr-Thin.otf) format('opentype'); font-display: swap;}  
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:300; src:url(./fonts/NotoSansCJKkr-Light.otf) format('opentype'); font-display: swap;} 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:350; src:url(./fonts/NotoSansCJKkr-DemiLight.otf) format('opentype'); font-display: swap;} 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:400; src:url(./fonts/NotoSansCJKkr-Regular.otf) format('opentype'); font-display: swap;} 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:500; src:url(./fonts/NotoSansCJKkr-Medium.otf) format('opentype'); font-display: swap;} 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:600; src:url(./fonts/NotoSansCJKkr-Light.otf) format('opentype'); font-display: swap;} 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:700; src:url(./fonts/NotoSansCJKkr-Bold.otf) format('opentype'); font-display: swap;} 
@font-face { font-family:'NotoSansCJKkr'; font-style: normal; font-weight:900; src:url(./fonts/NotoSansCJKkr-Black.otf) format('opentype'); font-display: swap;} */
/*@font-face { font-family:'Outfit'; font-style: normal; font-weight:400; src:url(./fonts/Outfit-Regular.ttf) format('truetype'); font-display: swap;}*/
/*@font-face { font-family:'Norican'; font-style: normal; font-weight:400; src:url(./fonts/Norican-Regular.ttf) format('truetype'); font-display: swap;}*/
@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 300;
    src: url(./fonts/GmarketSansTTFLight.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 500;
    src: url(./fonts/GmarketSansTTFMedium.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 700;
    src: url(./fonts/GmarketSansTTFBold.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 100;
    src: url(/font/SCDream1.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 200;
    src: url(/font/SCDream2.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 300;
    src: url(/font/SCDream3.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 400;
    src: url(/font/SCDream4.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 500;
    src: url(/font/SCDream5.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 600;
    src: url(/font/SCDream6.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 700;
    src: url(/font/SCDream7.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 800;
    src: url(/font/SCDream8.otf) format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 900;
    src: url(/font/SCDream9.otf) format('opentype');
    font-display: swap;
}

/* @font-face{
    font-family: 'Roboto', sans-serif; 
    font-weight:300;
    src:url('./font/Roboto-Light.ttf') format('truetype');
	font-style: normal;
}
@font-face{
    font-family: 'Roboto', sans-serif; 
    font-weight:400;
    src:url('./font/Roboto-Regular.ttf') format('truetype');
	font-style: normal;
} */
body {
    scroll-behavior: smooth;
}

.sound_only {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    font-size: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

:root {
    --fontColor: #333;
    --color01: #0ce0e0;
    --color02: #00b4c8;
    --color03: #00c1c1;
    --color04: rgba(0, 193, 193, 0.1);
    --color05: #bfa27b;
    --color06: #00a1ba;
    --color07: #1edede;
    --NotoSans: 'Noto Sans KR';
    --normal: 'NanumSquareNeo';
    --robot: 'Roboto';
}

.maxWidth100 {
    width: 100%;
}

/**** reset ::: 스타일초기화*****/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}


* {
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    word-break: keep-all;
}

html,
body {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    font-family: 'Noto Sans KR';
}

body.no-scroll {
    overflow: hidden;
}

/***** common ::: 기본설정*****/
.wrap {
    overflow: hidden;
    /* min-width: 1200px; */
    /* max-width: 1920px; */
    margin: 0 auto;
    overflow-x: hidden;
}

body {
    letter-spacing: -0.05em;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

p,
a,
span,
dt,
dd,
button,
input,
input::placeholder,
select,
option,
label,
textarea,
th,
td {
    font-family: 'Noto Sans KR';
}

a {
    text-decoration: none;
}

a:link,
a:visited {
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
td,
table,
input,
button,
select,
sub {
    font-size: 1em;
}

table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

td,
th,
fieldset,
img,
abbr,
acronym,
img,
fieldset,
iframe {
    border: 0 none;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-weight: normal;
    font-style: normal;
}

dl,
dt,
dd,
ul,
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

q:before,
q:after {
    content: ''
}

caption,
legend {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 0;
    text-indent: -999em;
}

hr {
    display: none;
}

img,
input,
button,
select,
textarea {
    vertical-align: middle;
}

p {
    margin-block-start: 0;
    margin-block-end: 0;
}

/***** 추가 필요 설정 ******/
input::-webkit-input-placeholder {
    color: #666;
}

/* 웹킷 전용 속성  크롬에서 플레이스홀더 텍스트 글자 색상 조정 */
input:-moz-placeholder {
    color: #666;
}

/* 파이어폭스 전용 속성 */


/***** form ::: 폼태그 기본설정*****/
form {
    margin: 0;
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.ie7 legend {
    position: absolute;
    left: -99999px;
    top: -9999px;
    display: inline;
    width: 1px;
    height: 1px;
    text-indent: 0;
}

label {
    cursor: pointer;
    margin: 0;
    padding: 0;
    vertical-align: middle
}

caption {
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

button {
    cursor: pointer;
    border: 0 none;
}

button,
input,
textarea {
    margin: 0;
}

input[type='checkbox'],
input[type='radio'] {
    margin: 0;
    padding: 0;
}

select,
input[type="text"],
input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
}

textarea {
    border: 1px solid #d5d5d5;
    resize: none;
    overflow-y: scroll;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #000;
}

select::-ms-expand {
    display: none;
}

select {
    vertical-align: middle;
    background-color: #fff;
    padding-left: 10px;
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-appearance: none;
    appearance: none;
}

input[type="checkbox"] {
    background: #fff;
    border: 1px solid #333;
    width: 14px;
    height: 14px;
}

input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
}


/***** .hidden *****/
.hidden {
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.hide {
    visibility: hidden;
    position: absolute;
    top: -9999px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

/* image */
.blind {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

/*****Align*****/
.fn {
    float: none !important
}

.fl {
    float: left !important
}

.fr {
    float: right !important
}

.tac {
    text-align: center !important
}

.tal {
    text-align: left !important
}

.tar {
    text-align: right !important
}

.vat {
    vertical-align: top !important;
}

.vm {
    vertical-align: middle !important;
}


/***** clear float *****/
.clear {
    clear: both;
}

.clearfix {
    clear: both;
}

.clearfix {
    display: inline-block
}

.clearfix {
    display: block
}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

/***** margin *****/
.mt_480 {
    margin-top: -480px !important
}

.mt_400 {
    margin-top: -400px !important
}

.mt_315 {
    margin-top: -315px !important
}

.mt_243 {
    margin-top: -243px !important
}

.mt_210 {
    margin-top: -210px !important
}

.mt_200 {
    margin-top: -200px !important
}

.mt_120 {
    margin-top: -120px !important
}

.mt_27 {
    margin-top: -27px !important
}

.mt_50 {
    margin-top: -50px !important
}

.mt0 {
    margin-top: 0 !important
}

.mt5 {
    margin-top: 5px !important
}

.mt8 {
    margin-top: 8px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt18 {
    margin-top: 18px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt65 {
    margin-top: 65px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt90 {
    margin-top: 90px !important
}

.mt95 {
    margin-top: 95px !important
}

.mt100 {
    margin-top: 100px !important
}

.mt120 {
    margin-top: 120px !important
}

.mt180 {
    margin-top: 180px !important
}

.mt300 {
    margin-top: 300px !important;
}

.mr0 {
    margin-right: 0 !important
}

.mr5 {
    margin-right: 5px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 15px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr25 {
    margin-right: 25px !important
}

.mr29 {
    margin-right: 29px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr32 {
    margin-right: 32px !important
}

.mr35 {
    margin-right: 35px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr45 {
    margin-right: 45px !important
}

.mr46 {
    margin-right: 46px !important
}

.mr50 {
    margin-right: 50px !important
}

.mr60 {
    margin-right: 60px !important
}

.mr80 {
    margin-right: 80px !important
}

.mr89 {
    margin-right: 89px !important
}

.mr100 {
    margin-right: 100px !important
}

.mr120 {
    margin-right: 120px !important;
}

.mr130 {
    margin-right: 130px !important;
}

.mr140 {
    margin-right: 140px !important
}

.mr150 {
    margin-right: 150px !important
}

.mr170 {
    margin-right: 170px !important
}

.mr180 {
    margin-right: 180px !important
}

.mr190 {
    margin-right: 190px !important
}

.mr250 {
    margin-right: 250px !important
}

.ml_6 {
    margin-left: -6px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml8 {
    margin-left: 8px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml22 {
    margin-left: 22px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml39 {
    margin-left: 39px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml70 {
    margin-left: 70px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.ml100 {
    margin-left: 100px !important;
}

.ml110 {
    margin-left: 110px !important;
}

.ml120 {
    margin-left: 120px !important;
}

.mb0 {
    margin-bottom: 0 !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb55 {
    margin-bottom: 55px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.mb65 {
    margin-bottom: 65px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.mb90 {
    margin-bottom: 90px !important
}

.mb100 {
    margin-bottom: 110px !important
}

.mb110 {
    margin-bottom: 110px !important
}

.mb120 {
    margin-bottom: 120px !important
}

.mb130 {
    margin-bottom: 130px !important
}

.mb140 {
    margin-bottom: 140px !important
}

.mb150 {
    margin-bottom: 150px !important
}

.mb160 {
    margin-bottom: 160px !important
}

.mb170 {
    margin-bottom: 170px !important
}

.mb180 {
    margin-bottom: 180px !important
}

.mb190 {
    margin-bottom: 190px !important
}

.mb200 {
    margin-bottom: 200px !important
}

.mb300 {
    margin-bottom: 300px !important
}

.mb400 {
    margin-bottom: 400px !important
}

.mb450 {
    margin-bottom: 450px !important
}

.mb500 {
    margin-bottom: 500px !important
}

/***** padding *****/
.p0 {
    padding: 0 !important
}


.pl0 {
    padding-left: 0 !important
}

.pt5 {
    padding-top: 5px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt18 {
    padding-top: 18px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt25 {
    padding-top: 25px !important
}

.pt23 {
    padding-top: 26px !important
}

.pt26 {
    padding-top: 26px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt35 {
    padding-top: 35px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt45 {
    padding-top: 45px !important
}

.pt50 {
    padding-top: 50px !important
}

.pt55 {
    padding-top: 55px !important
}

.pt60 {
    padding-top: 60px !important
}

.pt80 {
    padding-top: 80px !important
}

.pt90 {
    padding-top: 90px !important
}

.pt100 {
    padding-top: 100px !important
}

.pt120 {
    padding-top: 120px !important
}

.pt140 {
    padding-top: 140px !important
}

.pt160 {
    padding-top: 160px !important
}

.pt180 {
    padding-top: 180px !important
}

.pt200 {
    padding-top: 200px !important;
}

.pt220 {
    padding-top: 220px !important;
}

.pr0 {
    padding-right: 0px !important
}

.pr5 {
    padding-right: 5px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr15 {
    padding-right: 15px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr25 {
    padding-right: 25px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr35 {
    padding-right: 35px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr45 {
    padding-right: 45px !important
}

.pr50 {
    padding-right: 50px !important
}

.pl0 {
    padding-left: 0px !important
}

.pl5 {
    padding-left: 5px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl15 {
    padding-left: 15px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl25 {
    padding-left: 25px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl35 {
    padding-left: 35px !important
}

.pl37 {
    padding-left: 37px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl45 {
    padding-left: 45px !important
}

.pl50 {
    padding-left: 50px !important
}

.pl55 {
    padding-left: 55px !important
}

.pl60 {
    padding-left: 60px !important
}

.pl65 {
    padding-left: 65px !important
}

.pl70 {
    padding-left: 70px !important
}

.pl75 {
    padding-left: 75px !important
}

.pl80 {
    padding-left: 80px !important
}

.pl100 {
    padding-left: 80px !important;
}

.pl105 {
    padding-left: 105px !important;
}

.pb0 {
    padding-bottom: 0px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb23 {
    padding-bottom: 23px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pb26 {
    padding-bottom: 26px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb35 {
    padding-bottom: 35px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb45 {
    padding-bottom: 45px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pb50 {
    padding-bottom: 55px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.pb80 {
    padding-bottom: 80px !important
}

.pb100 {
    padding-bottom: 100px !important;
}

.pb110 {
    padding-bottom: 110px !important;
}

.pb120 {
    padding-bottom: 120px !important
}

.pb150 {
    padding-bottom: 150px !important
}

.pb160 {
    padding-bottom: 160px !important
}

.pb180 {
    padding-bottom: 180px !important
}

.pb220 {
    padding-bottom: 220px !important;
}

.pb240 {
    padding-bottom: 240px !important
}

.pb320 {
    padding-bottom: 320px !important
}

.wi65 {
    width: 65px !important;
}

.wi90 {
    width: 90px !important;
}

.wi92 {
    width: 92px !important;
}

.wi106 {
    width: 106px !important;
}

.wi279 {
    width: 279px !important;
}

.wi124 {
    width: 124px !important;
}

.wi105 {
    width: 105px !important;
}

.wi109 {
    width: 109px !important;
}

.wi187 {
    width: 187px !important;
}

.wi189 {
    width: 189px !important;
}

.wi224 {
    width: 224px !important;
}

.wi250 {
    width: 250px !important;
}

.wi324 {
    width: 324px !important;
}

.wi340 {
    width: 340px !important;
}

.wi370 {
    width: 370px !important;
}

.wi680 {
    width: 680px !important;
}

.hi116 {
    height: 116px !important;
}

.fs22 {
    font-size: 22px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs17 {
    font-size: 17px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs21 {
    font-size: 21px !important;
}

.fs22 {
    font-size: 21px !important;
}

.fs24 {
    font-size: 24px !important;
}

.fs36 {
    font-size: 36px !important;
}

.fs38 {
    font-size: 38px !important;
}

.fs28 {
    font-size: 28px !important;
}


/* width */
.wd20 li {
    width: 20%;
}

.wd25 li {
    width: 25%;
}

.wd33 li {
    width: 33.3333333%;
}

.wd33Wrap {
    width: 33.3333333333%;
}

.wd32 {
    width: 32%;
}

.wd46 {
    width: 46%;
}

.wd48 {
    width: 48%;
}

.wd50 {
    width: 50%;
}

.wd52 {
    width: 51%;
}

.wd90 {
    width: 90%;
}

.wd91 {
    width: 91%;
}

.wd96 {
    width: 96%;
}

.wd100 {
    width: 100%;
}


.textCenter {
    text-align: center;
}

.textLeft {
    text-align: left;
}

/* font color */
.col_white {
    color: #fff !important
}

.col_black {
    color: #000 !important
}

.col_yellow {
    color: #ffba00 !important
}

.col_blue {
    color: #004587 !important
}

.col_purple {
    color: #124588 !important
}

.col_red {
    color: #da1f3d !important
}

.col_green {
    color: #278702 !important
}

.col_sky {
    color: #47b2e3 !important
}

.col_chung {
    color: #0552a9 !important
}

.col_gray2 {
    color: #aaaaaa !important
}

.col_orange {
    color: #ff6d01 !important
}

.col_gray3 {
    color: #444 !important
}

/* input & checkBox custom */

.check_wrap label {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    position: relative;
}

.check_wrap .checkmark {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    border-radius: 2px;
    margin-right: 12px;
    cursor: pointer;
}

.check_wrap .checkmark:after {
    content: "";
    display: none;
    position: absolute;
    top: 2px;
    left: 6px;
    width: 4px;
    height: 9px;
    background-color: transparent;
    border: solid 1px #D5D6DB;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check_wrap input[type=checkbox]:checked+label span.checkmark {
    background-color: var(--color01);
}

.check_wrap input[type='checkbox'] {
    display: none;
}

.check_wrap input[type=checkbox]:checked+label span.checkmark {
    background-color: var(--color01);
    border: 1px solid transparent;
}

.check_wrap input[type=checkbox]:checked+label span.checkmark:after {
    display: block;
    position: absolute;
    top: 2px;
    left: 6px;
    border: solid 1px #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.inputCustom {
    width: calc(100% - 40px);
    padding: 0 20px;
    height: 50px;
    background-color: #f2f2f2;
    font-family: var(--NotoSans);
    font-size: 15px;
    font-weight: 200;
    color: #555555;
    letter-spacing: -0.8px;
    overflow: hidden;
}

.inputCustom:focus {
    font-weight: 600;
    color: #000;
}

.selectCustom {
    width: 260px;
    padding-left: 20px;
    font-size: 20px;
    font-weight: 300;
    color: #aaa;
    background-size: 11px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 98%;
    cursor: pointer;
    background-image: url(../../_images/mypage/select_icon.png);
}

.selectCustom option {
    font-weight: 300;
    color: #000;
}

.selectCustom:focus {
    outline: none;
    border: none;
}

.selectCustom.on {
    font-weight: 500 !important;
    color: #000 !important;
}

.selectCustom02 {
    width: 48%;
    font-size: 22px;
    font-weight: 300;
    color: #ccc;
    border-bottom: 1px solid #d4d4d4;
    box-sizing: border-box;
    padding-bottom: 10px;
    line-height: 1;
    padding-left: 0;
}

.selectCustom02:focus {
    border-bottom: 1px solid #d4d4d4;
}

.boardCheck {
    align-items: center;
}

.boardCheck label {
    margin-bottom: 0 !important;
    position: relative;
    top: 1px;
}

.boardCheck input {
    margin-bottom: 0 !important;
}

.boardCheck input[type=checkbox]:checked+label span.checkmark {
    border: 1px solid #d4d4d4;
    background-color: transparent;
}

.boardCheck input[type=checkbox]:checked+label span.checkmark:after {
    border: solid 1px #151515;
}

@media screen and (max-width:768px) {
    .pb160 {
        padding-bottom: 50px !important;
    }

    .pt160 {
        padding-top: 50px !important;
    }
}