@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}


/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{
	color:#222;
	font-family:"Pretendard","돋움",dotum,sans-serif;
	font-size:14px;
    font-weight:normal;
    letter-spacing: -0.8px;
}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#222;text-decoration:none;cursor:pointer}
a:hover{color:#08289e;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}

/*test*/
.test1{border:1px solid red}
.test2{background:#4f7beb}

.font1{font-family:"Pretendard";}
.font2{font-family:"Pretendard";}
.font3{font-family:"Pretendard";}

/* popup */
.pop_today_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.pop_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/*로딩 이미지*/
#loading_img{text-align:center;display:none;width:100%;margin:10px 0px 10px 0px;}

/*page_top*/
#page_top{display:none; width:70px; height:70px; position:fixed; bottom:30px; right:80px;}
#page_top .top_btn {
    border: none;
    font-family: "Pretendard";
    width: 70px;
    height: 70px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    color: #08289E;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    cursor: pointer;
    transition: all 0.25s ease;
}

#page_top .top_btn:hover {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
    transform: translateY(-2px);
}


/* popup */

#bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:1001;}
#text-popup{display:none;position:fixed;top:50%;left:50%;z-index: 100000;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#text-popup .popup-close{position:relative;text-align:right;cursor:pointer;float: right;z-index:1000;width:100px;height:101px;background:#08289E;padding: 30px;box-sizing:border-box;}
#text-popup .popup-close:before{position:relative;top: 19px;left: -5px;display:block;content:"";width: 50px;height:3px;background:#fff;transform:rotate(-45deg);}
#text-popup .popup-close:after{position:relative;top: 17px;left: -5px;display:block;content:"";width: 50px;height:3px;background:#fff;transform:rotate(45deg);}
#text-popup .inner{width:1000px; margin:0 auto; height:695px; background:#fff;}

#text-popup .inner h1 {
    text-align: left;
    font-size: 30px;
    font-weight: 500;
    color: #362e2b;
    line-height: 28px;
    width: calc(100% - 100px);
    line-height: 105px;
    height: 102px;
    border-bottom:1px solid #e1e1e1;
    padding-left:50px;
    box-sizing:border-box;
}

#text-popup .inner pre {
    width: 90%;
    margin: 0 auto;
    height: 416px;
    white-space: pre-wrap;
    overflow-y: scroll;
    box-sizing: border-box;
    border-top: 1px solid #cfcdcd;
    border-bottom: 1px solid #cfcdcd;
    background:#f5f5f5;
    font-family: 'Pretendard';
    font-size: 17px;
    color: #362e2b;
    padding: 30px;
    margin-top: 30px;
}

#text-popup .inner pre table {border-collapse: collapse;max-width: 90%;}

#text-popup .inner pre table td, #text-popup .inner pre table th {
    border: 1px solid #000;
    padding: 2px;
}


@media (max-width: 1280px){
#text-popup .inner{width:600px; margin:0 auto; height:695px; background:#fff;}
#text-popup .inner h1{font-size:25px; padding-left:20px;}
}
@media (max-width: 767px){
#text-popup .inner{width: 310px;margin:0 auto;height:450px;background:#fff;overflow-y:scroll;}
#text-popup .inner h1{font-size:16px;padding-left:20px;line-height:55px;height:55px;width: 100%;}
#text-popup .popup-close{width:55px;top: 55px;height:56px;padding:7px 18px;}
#text-popup .popup-close:before{width:30px;}
#text-popup .popup-close:after{width:30px;}
#text-popup .inner{height:530px;}
#text-popup .inner pre{font-size:12px;}
}