@charset "utf-8";

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(/design/intranet/fonts/NotoSansKR-Thin-Hestia.eot),
    url(/design/intranet/fonts/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/design/intranet/fonts/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(/design/intranet/fonts/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(/design/intranet/fonts/NotoSansKR-Light-Hestia.eot),
    url(/design/intranet/fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/design/intranet/fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(/design/intranet/fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(/design/intranet/fonts/NotoSansKR-DemiLight-Hestia.eot),
    url(/design/intranet/fonts/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/design/intranet/fonts/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(/design/intranet/fonts/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(/design/intranet/fonts/NotoSansKR-Regular-Hestia.eot),
    url(/design/intranet/fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/design/intranet/fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(/design/intranet/fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(/design/intranet/fonts/NotoSansKR-Medium-Hestia.eot),
    url(/design/intranet/fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/design/intranet/fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(/design/intranet/fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(/design/intranet/fonts/NotoSansKR-Bold-Hestia.eot),
    url(/design/intranet/fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/design/intranet/fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(/design/intranet/fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(/design/intranet/fonts/NotoSansKR-Black-Hestia.eot),
    url(/design/intranet/fonts/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/design/intranet/fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(/design/intranet/fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}


/* html,body{ font-family:'Exo 2','Noto Sans Korean', sans-serif; font-size:12px; font-weight:normal; } */
html,body{ font-family:' -apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",sans-serif; ', sans-serif; font-size:12px; font-weight:normal; }

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline; box-sizing: border-box;  }

body { line-height:1 }
ol, ul { list-style:none; padding:0; margin:0 }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
a { text-decoration:none; color:#666 }
button{ cursor:pointer}

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
input[type="text"],input[type="submit"],textarea,select,select option,button{ font-family:' -apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",sans-serif; ', sans-serif;  box-sizing: border-box; /*background:#fff;*/ }
input[type="search"] { box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { line-height: normal; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
select[multiple], select[size] { height: auto; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto; outline-offset: -2px; }
textarea{  box-sizing: border-box; line-height:1.5 !important; height:auto !important }

/* form */
.form-style {display: inline-block;width:100%;line-height: 1;height: 25px;padding: 3px 10px;font-family: ' -apple-system,BlinkMacSystemFont,"Malgun Gothic","¸¼Àº °íµñ",helvetica,"Apple SD Gothic Neo",sans-serif; ', sans-serif;font-size:12px;vertical-align: middle;color: #5d697d;/*background-color: transparent;*/border:#cdd1e2 solid 1px;box-sizing:border-box;border-radius: 3px;}
.form-style:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(102, 175, 233, .6); }
.form-style:disabled{ background:#eee }
.form-style.wauto{ width:auto; }

.form-style.sm { width: 75px;}
.form-style.md { width: 140px;}
.form-style.lg { width: 180px;}


select.form-style { padding:3px 15px 3px 5px;}

/*¹öÆ°¼Â*/
.btn_set{   text-align:center; overflow:hidden}
.btn {font-family:'Noto Sans Korean', sans-serif;  display: inline-block; padding: 15px; margin-bottom: 0; font-size: 12px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle;  cursor: pointer; background-image: none; border:0; color:#313131;   }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto; outline-offset: -2px; }
.btn:hover{ background:#f6f6f6; color: #000; text-decoration: none; }
.btn:active, .btn.active { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; box-shadow: none; opacity: .65; }




.select_custom{ position:relative; display:inline-block;  }
.select_custom:after{ font-family: "Font Awesome 6 pro"; display:inline-block; content:"\f0d7"; position:absolute; right:8px; top:7px; color:#7c8496; top:50%; transform: translateY(-50%); font-weight: 600;} 
.select_custom select{ padding:0 20px 0 10px; -webkit-appearance:none; -moz-appearance:none;  }
.select_custom select::-ms-expand{ display:none }

.date_custom{ position:relative; display:inline-block;  width: 180px;}
.date_custom:after{ font-family: "Font Awesome 6 pro"; display:inline-block; content:"\f073"; position:absolute; right:8px; top:7px; color:#7c8496; top:50%; transform: translateY(-50%)} 
.date_custom input{ padding:0 27px 0 10px; -webkit-appearance:none; -moz-appearance:none;  }


.half{ position:relative; display:inline-block;  width: 180px;}
.half:after{ font-family: "Font Awesome 6 pro"; display:inline-block; content:"\f073"; position:absolute; right:8px; top:7px; color:#7c8496; top:50%; transform: translateY(-50%)} 


.icon{ display:inline-block; width:15px; height:15px; margin-right:3px; background-image:url(/design/intranet/img/common/icon_etc.png); background-repeat:no-repeat; vertical-align:middle; text-indent:-9999px; }
.icon_home{ background-position:-13px -14px; }
.icon_member{ background-position:-52px -13px; }
.icon_cms{ background-position:-92px -13px; }
.icon_member_w{ background-position:-133px -13px; }
.icon_logout{ background-position:-172px -13px; }
.icon_id{ width:20px; height:20px; background-position:-250px -9px; }
.icon_pw{ width:20px; height:20px; background-position:-290px -10px; }


/*¹öÆ°*/
.btn_align { display: flex; justify-content: center; align-items: center;}
.btn_align.left { justify-content: flex-start;}
.btn_align.right { justify-content: flex-end;}
.btn_align.between { justify-content: space-between;}
.btn_align a { margin:0 2px;}

.btn_set{ padding:10px 0; }
.btn_con{ display:inline-block; padding:12px 15px; font-size:14px; border-radius: 3px; font-weight:500; border:1px solid transparent; vertical-align: middle;  line-height: 1;}
.btn_con:before{ display:inline-block; vertical-align: 0px; font-family:"font awesome 5 pro"; margin-right:5px;  }
.btn_sch:before{ content:"\f002"}
.btn_reset:before{ content:"\f0e2"}

.btn_blank:before{ content:"\f08e"}
.btn_check:before{ content:"\f00c"}
.btn_cancel{ background:#232323; color:#fff; }
.btn_cancel:before{ content:"\f00d"}
.btn_write{  background:#005fb0; color:#fff; }
.btn_write:before{ content:"\f044" }
.btn_print:before{ content:"\f02f"}
.btn_excel:before{ content:"\f1c3"}
.btn_won:before{ content:"\f159"}

.btn_sm{ padding:3px 7px; font-size:12px; font-weight: 600;}
.btn_md{ padding:5.5px 12px; font-size:12px; font-weight: 400;}
.btn_lg{ padding:7px 12px; font-size:14px; font-weight: 400;}

.btn_default{ background:#F2F0FC; color:#11005F; border:1px solid #11005F;}
.btn_default:hover{background:#11005F; color:#fff;}

.btn_line { background:#fff; color:#666; border:1px solid #666;}
.btn_line:hover { background-color: #F2F0FC;}

.btn_grey{ background:#F0F1F3; color:#292929; border:1px solid #292929;}
.btn_grey:hover{ background:#292929; color:#fff; }

.btn_blue{  background:#E4F1F7; color:#0088C5; border:1px solid #0088C5;}
.btn_blue:hover{ background:#0088C5; color:#fff; }

.btn_red{ background:#FAEFEC; color:#DC4252; border:1px solid #DC4252;}
.btn_red:hover{  background:#DC4252; color:#fff;}

.btn_green { background:#E5F8E9; color:#41B758; border:1px solid #41B758;}
.btn_green:hover{ background:#41B758; color:#fff; }

.btn_sm.btn_default { background:#11005F; color:#fff;}
.btn_sm.btn_default:hover { background:#090034; color:#fff;}
.btn_sm.btn_grey{ background:#292929; color:#fff; }
.btn_sm.btn_grey:hover{ background:#000000; color:#fff; }
.btn_sm.btn_blue{ background:#0088C5; color:#fff; }
.btn_sm.btn_blue:hover{ background:#005881; color:#fff; }
.btn_sm.btn_red{  background:#DC4252; color:#fff;}
.btn_sm.btn_red:hover{  background:#be2a39; color:#fff;}
.btn_sm.btn_green { background:#41B758; color:#fff; }
.btn_sm.btn_green:hover { background:#209337; color:#fff; }

.sort_list{ margin-bottom:20px; }
.sort_list:after{ display:block; clear: both;  }
.sort_list span{ display:inline-block; line-height: 30px; color:#585858}



/*·Î±×ÀÎ*/

.adm_login_wrap h1{ text-align: center; margin-bottom:40px;  }
.adm_login_wrap h1 img{ width:250px; display:inline-block; vertical-align: middle;}
.adm_login_wrap h1 span{ display:inline-block; color:#fff; margin-left:20px; vertical-align: middle; font-size:25px; }
.adm_login_box{ position:relative;  height:600px; margin:0 auto; }
.adm_login_box form .id_box, .adm_login_box form .pw_box {position:relative;}
.adm_login_box form .login_label{ position:absolute; right:10px;  top:8px;}
.adm_login_box form input:focus + label.login_label{ display:none; }
.adm_login_box form div .login_input{ width:100%; height:40px; border:0; border-bottom:#eaeaea solid 1px; padding:10px; font-size:18px; font-weight:bold; box-sizing: border-box; margin-bottom:20px; }
.adm_login_box form .pw_find{ display:inline-block; margin-top:3px; font-size:14px;}
.adm_login_box form .join {display:inline-block; margin-top:3px; font-size:14px; margin-right:10px;}
.adm_login_box form .btn_login{ width:100%; color:#fff; background: linear-gradient(143deg, rgba(0,179,165,1) 18%, rgba(103,178,198,1) 50%, rgba(11,129,234,1) 87%); padding:15px 0; text-align: center; border-radius:50px; border:0; font-size:20px; margin-top:50px; cursor:pointer }
.adm_login_box form .return {text-align:center; display: block; margin-top: 20px; font-size: 14px;}
.adm_login_box form .return:hover {color:#ababab; transition:0.3s;}
.adm_login_wrap .copyright{ text-align:center; color:#fff; font-size:12px; margin-top:20px }



/*·Î±×ÀÎ*/
.adm_login_wrap{ position:absolute; width:100%; left:0; top:0; bottom:0; /*background-image: url(/image/bg.png);*/ background-size: cover; padding-top:80px;}
.adm_login_wrap h1{ text-align: center; margin-bottom:40px;  }
.adm_login_wrap h1 img{display:inline-block; vertical-align: middle;}
.adm_login_wrap h1 span{ display:inline-block; color:#fff; margin-left:20px; vertical-align: middle; font-size:25px; }
.adm_login_box{ position:relative;  height:500px; margin:0 auto; }
.adm_login_box form{   width:540px; padding:50px; margin:0 auto; background:#fff; border-radius:20px; box-shadow: 0px 0px 5px 1px #192148;}
.adm_login_box form fieldset{ position:relative; }
.adm_login_box form .title{ font-size:28px; color:#373737; width:100%; height:auto; text-indent: 0; line-height:normal; text-align:center; font-weight:bold}
.adm_login_box form .title:after{ display:block; width:50px; height:4px; background:#229CE8; margin:50px auto; content:"" }
.adm_login_box form .id_box, .adm_login_box form .pw_box {position:relative;}
.adm_login_box form .login_label{ position:absolute; right:10px;  top:8px;}
.adm_login_box form input:focus + label.login_label{ display:none; }
.adm_login_box form div .login_input{ background: #F4F4F4; width:100%; height:40px; border:0; /*border-bottom:#eaeaea solid 1px;*/ padding:10px; font-size:18px; font-weight:bold; box-sizing: border-box; margin-bottom:20px; }
.adm_login_box form .pw_find{ display:inline-block; margin-top:3px; font-size:14px;}
.adm_login_box form .join {display:inline-block; margin-top:3px; font-size:14px; margin-right:10px;}
.adm_login_box form .btn_login{ width:100%; background:#229CE8; color:#fff; padding:15px 0; text-align: center; border-radius:50px; border:0; font-size:20px; margin-top:50px; cursor:pointer }
.adm_login_box form .return {text-align:center; display: block; margin-top: 20px; font-size: 14px;}
.adm_login_box form .return:hover {color:#ababab; transition:0.3s;}
.adm_login_wrap .copyright{ text-align:center; color:#ccc; font-size:12px; margin-top:20px }



/* ¹ÝÀÀÇü css */
@media all and (max-width:768px) {
	.adm_login_box { height: auto;}
	.adm_login_box form { width: calc(100% - 32px); max-width:500px; padding:60px 35px; transition: .35s;}
	.adm_login_box form .btn_login { margin-top:30px; padding:11px; font-size: 16px;}
	.adm_login_box form .ment { text-align: center;}
	.adm_login_box form .title:after { margin:20px auto 35px auto;}
	.adm_login_box form .return {  margin-top:30px; text-decoration: underline;}
	.adm_login_box form .login_label { top:12px;}
	.adm_login_box form div .login_input,
	.adm_login_box form .login_label i { font-size: 16px;}
	.adm_login_wrap .copyright { max-width: 300px; text-align: center; margin:20px auto 0 auto;}
}



@media (max-width: 1024px) {
    #header { position: fixed; top:0; left:0; z-index: 1;}
    #content_area { min-width: 1400px; margin-top:70px;}
    #main-page #header { position: relative; }
    #main-page #content_area { margin-top:0; min-width: 0;}
}