@charset "utf-8";
/* reset-------------------------------------------------------------------------------------------------------------------------------------*/
html, body{width:100%; height:100%; -webkit-text-size-adjust:none;}
html, body, div, p, span, a,
h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd,
table, caption, thead, tbody, tfoot, tr, th, td,
form, blockquote{margin:0; padding:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}

/*
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
*/
h1,h2,h3,h4,h5,h6{font-size:1em; font-weight:normal;}
fieldset,img{max-width:100%; margin:0; padding:0; border:0; vertical-align:top;}
ul{list-style:none;}
a{color:inherit; text-decoration:none;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:none;}

/* input reset-------------------------------------------------------------------------------------------------------------------------------------*/
input{margin:0; padding:0px; font-size:1em; vertical-align:middle; -webkit-border-radius:0; -webkit-appearance:none;}
input[type='checkbox']{-webkit-appearance:checkbox}
input[type='radio']{-webkit-appearance:radio}
select{margin:0; padding:0; font-size:1em; vertical-align:middle; -webkit-border-radius:0; cursor:pointer; }
textarea{display:block; margin:0; padding:0; font-size:1em; vertical-align:middle; -webkit-border-radius:0; -webkit-appearance:none;}

.clear{*zoom:1;}
.clear:after{display:block; clear:both; content:" ";}
.blind{position:absolute; left:-99999px;}

/* font -------------------------------------------------------------------------------------------------------------------------------------*/
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
     font-weight: 200;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
/* common -------------------------------------------------------------------------------------------------------------------------------------*/
body{position:relative; background:#fff; font-size:15px; font-family:'S-CoreDream','Malgun Gothic',Dotum,sans-serif; color:#363a3b;}
table, pre, input, select, textarea, button{font-size:1em; font-family:'S-CoreDream','Malgun Gothic',Dotum,sans-serif;}

.renew{position:relative; background:#fff; font-size:15px; font-family:'S-CoreDream','Malgun Gothic',Dotum,sans-serif; color:#363a3b;}


/* float */
.fl{float:left}
.fr{float:right}
/* align */
.tal{text-align:left !important}
.tac{text-align:center}
.tar{text-align:right !important}
.taj{text-align:justify}
/* color */
.white{color:#fff}
.red{color:#f1131d}
.navy{color:#0b406b}
.skyblue {color:#01a1dd}
.sky{color:#01a1dd !important;}
.gray{color:#7e8486}
.light_gray{color:#c9cccd}
/* text_style */
.fb{font-weight:700}
.fn{font-weight:normal}
.tlt{text-decoration:line-through}
.fi{font-style:italic}
.tu{text-decoration:underline}

.mt10{margin-top:10px}


/* modal popup */

/* common */
.pop_wrap{display:none; position:fixed; top:0; right:0; bottom:0; left:0; width:100%; min-width:270px; height:100%; padding:30px; z-index:900000}
.pop_wrap .bg{position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.pop_wrap .pop_layer_wrap{position:absolute; top:50%; left:50%; max-width:1200px; width:50%; height:auto; max-height:90vh; background:#fff; border-radius:8px; overflow-y:auto; transform:translate(-50%, -50%);}
.pop_layer_wrap2{max-width:600px !important;}
.pop_wrap .btn_close_icon{position:absolute; top:30px; right:30px; width:20px; height:20px; }
.pop_wrap .btn_close_icon i{font-size:24px}

.pop_wrap .pop_layer_wrap{padding:30px}
.pop_wrap .pop_tit_wrap{padding:0 0 15px; border-bottom:1px solid #eaeaea}
.pop_wrap .pop_tit_wrap h3{margin-left:5px; font-size:20px; line-height:1.1em; font-weight:700;}
.pop_wrap .pop_content_wrap{max-height:50vh; padding:30px 0 0; overflow-y:auto}
.pop_wrap .pop_content_wrap h4{position:relative; margin:0 0 15px 0; padding-left:5px;  font-size:18px; line-height:1.2; font-weight:500; color:#0b406b }
.pop_wrap .pop_content_wrap h4::before{display:block; position:absolute; top:-3px; left:0; width:8px; height:8px; background:#0b406b; border-radius:50%; opacity:0.5; content:""}

.pop_wrap .pop_btn_wrap{padding:0;}

.pop_wrap.layer_popup_msg .pop_layer_wrap{max-width:700px}
.pop_wrap.layer_popup_msg .pop_layer_wrap .pop_tit_wrap h3 span{font-size:16px; font-weight:400; color:#767676}
.pop_wrap.layer_popup_msg .pop_content_wrap{width:640px; height:630px; max-height:100vh}

.pop_wrap.layer_popup_quick .pop_layer_wrap{width:640px}
.pop_wrap.layer_popup_quick .pop_content_wrap{width:640px; height:670px; max-height:100vh}