@charset "utf-8";

/*  웹폰트 설정  */
@font-face {
    font-family: "Pretendard GOV";
    font-weight: 400;
    font-style: normal;
    src: local("Pretendard GOV Regular"), url("/resource/nsf/css/fonts/PretendardGOV/PretendardGOV-Regular.woff") format("woff");
}
/* Medium */
@font-face {
    font-family: "Pretendard GOV";
    font-weight: 500;
    font-style: normal;
    src: local("Pretendard GOV Medium"), url("/resource/nsf/css/fonts/PretendardGOV/PretendardGOV-Medium.woff") format("woff");
}
/* Bold */
@font-face {
    font-family: "Pretendard GOV";
    font-weight: 700;
    font-style: normal;
    src: local("Pretendard GOV Bold"), url("/resource/nsf/css/fonts/PretendardGOV/PretendardGOV-Bold.woff") format("woff");
}

/*  기본재정의  */
* {box-sizing:border-box; font-family:'Pretendard GOV', '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif;}
html, body { font-family:'Pretendard GOV', '맑은고딕', 'Malgun Gothic', '돋움', 'Dotum', sans-serif; font-size:18px; font-weight:400; color:#333333; line-height:1.5;}
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, main, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
a {margin:0;padding:0;background:transparent;color:#333333;vertical-align:baseline;text-decoration:none;}
a.link_line {text-decoration:underline;}
a.color_blue {color:#4c90f3;}
table {width:100%;border-spacing:0;border-collapse:collapse;}
caption {width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;}
button, label, input, textarea, select {margin:0;padding:0;font:inherit;cursor:pointer;}
textarea {overflow-y:auto;resize:vertical;vertical-align:top;}
address, em, i {font-style:normal;}
ul li,
ol li {list-style:none;}
.db {display:block !important;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.vt {vertical-align:top !important;}
.fl {float:left;}
.fr {float:right;}
.hidden {overflow:hidden;position:absolute;top:0;left:-10000%;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999em;}
.blind {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; z-index:998; }

*::-webkit-scrollbar { width:10px; height:10px; }
*::-webkit-scrollbar-track { background:#f1f1f1; }
*::-webkit-scrollbar-thumb { background:#d1d1d1; border-radius:10px; }
*::-webkit-scrollbar-thumb:hover { background:#bbb; }

/*  버튼  */
button {border:0;}
button.btn, a.btn {display:inline-block; border:0; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; vertical-align:middle; cursor: pointer;}

/* popup */
.popup_wrap .p_header {background:#54a3ee; padding:16px 20px;}
.popup_wrap .p_header h4 {display:block; font-size:16px; line-height:24px; font-weight:500; color:#fff;}
.popup_wrap .p_content {padding:20px;}

@media all and (max-width:768px){
    html, body { font-size:16px; }
}

/***********************************
* 메인 레이어 팝업 스타일
***********************************/
.mainPopup{display:none;position:fixed;left:0;top:0;z-index:9999}
.mainPopup .mainP_wrap{position:absolute;left:0;top:0;background:#fff;z-index:1;overflow:hidden;min-height: 200px;}
.mainPopup .mainP_wrap .mainP_tit{position:absolute;left:0;top:0;width:100%;padding: 20px 20px;background: #2b6ab4;border-bottom:1px solid #c5c5c5;}
.mainPopup .mainP_wrap .mainP_tit>strong{text-align: left;display:block;padding-left: 0;color:#fff;font-size:18px;line-height:26px;}

.mainPopup .mainP_wrap .mainP_con{width:100%;height:100%;padding: 10px 0 0px;display:table;overflow:hidden;text-align:left;border-bottom: 1px solid #ddd;}
.mainPopup .mainP_wrap .mainP_con .mainP_middle{display:table-cell;vertical-align:middle;}
.mainPopup .mainP_wrap .mainP_con .mainP_txt{padding: 20px;line-height: 24px;}
.mainPopup .mainP_wrap .mainP_con .mainP_txt *{word-break:keep-all;color:inherit}

.mainPopup .mainP_wrap .mainP_btn{position:absolute;left:0;bottom: 1px;width:100%;border-top: 1px solid #ddd;overflow:hidden;z-index:2;}
.mainPopup .mainP_wrap .mainP_btn button{float:left;width:50%;height: 50px;border-left: 1px solid #ddd;background: #e9ecf2;transition:all .3s;}
.mainPopup .mainP_wrap .mainP_btn button:first-child{border-left:0}
.mainPopup .mainP_wrap .mainP_btn button:hover{background:#eee}

.mainPopup .mainP_wrap.img .mainP_tit{display:none}
.mainPopup .mainP_wrap.img .mainP_con{padding-top:0;display:flex}
.mainPopup .mainP_wrap.img .mainP_con a{}
.mainPopup .mainP_wrap.img .mainP_con img{float:left}

@media all and (max-width:768px){
    .mainPopup{right:0;bottom:0;background:rgba(0,0,0,.5)}
    .mainPopup .mainP_wrap{position:relative;width:95% !important;}
    .mainPopup .mainP_wrap .mainP_tit>strong{font-size:18px}
    .mainPopup .mainP_wrap .mainP_con .mainP_txt{padding: 20px;line-height: 19px; font-size:14px;}
    .mainPopup .mMid{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
}