@charset "UTF-8";



@font-face{

    font-family:'Pretendard';

    src:url('../font/Pretendard/Pretendard-Light.woff') format('woff');

    font-weight:300;

    font-style:normal;

}

@font-face{

    font-family:'Pretendard';

    src:url('../font/Pretendard/Pretendard-Regular.woff') format('woff');

    font-weight:400;

    font-style:normal;

}

@font-face {

    font-family: 'Pretendard';

    src: url('../font/Pretendard/Pretendard-Medium.woff') format('woff');

    font-weight:500;

    font-style: normal;

}

@font-face{

    font-family:'Pretendard';

    src:url('../font/Pretendard/Pretendard-SemiBold.woff') format('woff');

    font-weight:600;

    font-style:normal;

}

@font-face{

    font-family:'Pretendard';

    src:url('../font/Pretendard/Pretendard-Bold.woff') format('woff');

    font-weight:700;

    font-style:normal;

}

@font-face{

    font-family:'Pretendard';

    src:url('../font/Pretendard/Pretendard-Black.otf') format('woff');

    font-weight:800;

    font-style:normal;

}





body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}

body,input,textarea,button,select{font-family:'Pretendard', sans-serif, '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; color:#444;}

body{font-size:15px;}

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

img, fieldset, button{border:0;}

textarea{overflow:auto;}

input[type=submit],

input[type=button],

button{cursor:pointer;}

img{vertical-align:top;}

address, em{font-style:normal;}

table{border-spacing:0; border-collapse:collapse;}

table,th,td{border:none;}

caption{overflow:hidden; line-height:0; text-indent:-2000em;}

legend, .hidden{position:absolute; width:0; height:0; padding:0; margin:0; overflow:hidden !important; text-indent:100%; white-space:nowrap; font-size:0;}

i{font-style:normal;}

input:focus-visible,

select:focus-visible,

button:focus-visible{outline:none;}



/* 링크 기본값 */

a:link{text-decoration:none;}

a:visited{text-decoration:none; color:#444;}

a:hover{text-decoration:none; color:#444;}

a:active{text-decoration:none;}

a:focus{text-decoration:none;}



/* 리스트 스타일 제거 */

ul,ol,li{list-style:none;}



/* mobile */

body{-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}



.ui-tooltip, .arrow:after {

    background: black;

    border: 2px solid white;

}

.ui-tooltip {

    padding: 10px 20px;

    color: white;

    border-radius: 20px;

    font: bold 14px "Helvetica Neue", Sans-Serif;

    text-transform: uppercase;

    box-shadow: 0 0 7px black;

}

.arrow {

    width: 70px;

    height: 16px;

    overflow: hidden;

    position: absolute;

    left: 50%;

    margin-left: -35px;

    bottom: -16px;

}

.arrow.top {

    top: -16px;

    bottom: auto;

}

.arrow.left {

    left: 20%;

}

.arrow:after {

    content: "";

    position: absolute;

    left: 20px;

    top: -20px;

    width: 25px;

    height: 25px;

    box-shadow: 6px 5px 9px -9px black;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.arrow.top:after {

    bottom: -20px;

    top: auto;

}



.memo_area {

    -ms-overflow-style: none; /* IE and Edge */

    scrollbar-width: none; /* Firefox */

    font-size: 24px;

}

.memo_area::-webkit-scrollbar {

    display: none; /* Chrome, Safari, Opera*/

}



.memo_area1 {

    -ms-overflow-style: none; /* IE and Edge */

    scrollbar-width: none; /* Firefox */

    font-size: 20px;

}

.memo_area1::-webkit-scrollbar {

    display: none; /* Chrome, Safari, Opera*/

}