@charset "UTF-8";

/* body */
body{background:#fff}
body.popup {background:none;padding:10px }


/*스킵네비게이션*/
#sknavi_div {float:left; margin-top:-200px;}
.sknavi {position:absolute ; top:-200px; z-index:100; }
.sknavi:focus, .sknavi:active {top:1px ; display:block ; width:130px ; height:20px ; }


/* 전체 그룹 */
#wrapper {width:100%; margin:0 auto; position:relative;overflow-x:hidden}
#wrapper:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}

#wrap{margin:0 auto; position:relative}
#wrap:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}

.m_tb_menu {display:block;}
#header_pc {display:none}

.header_wrap {width:100%; height:60px; border-bottom:1px solid #ddd; position:relative;}	
#header {width:100%;height:60px; background:#fff; margin:0 auto; padding:0}

#header h1 {width:200px; float:left; margin-top:12px; margin-left:5px;}
#header h1 > a > img{width:200px}

#header .headerbtn_area button {position:absolute;top:14px; right:10px; background:url(../../common/images/toggle_open.png) center center no-repeat; height:30px; width:30px; border:none; box-shadow:none;}
	
#header .allmenu_allbg {width:100%; height:100vh; height:100vmax;  background:rgba(0,0,0,.6); position:fixed; right:-100%;z-index:992;}
#header .allmenu_bg {width:20rem; height:100vh; height:100vmax; background:#fff; position:relative; z-index:993; float:right; padding:0;overflow-y:scroll;overflow-x:hidden}
#header .allmenu_bg .top_btn {width:100%; height:60px;background:#2572ff;padding:0 0 0 10px}
#header .allmenu_bg .top_btn button {position:absolute;top:12px;right:10px; background:#91b3ff url(../../common/images/toggle_close.png) center center no-repeat; width:30px; height:30px;  border:1px solid #91b3ff;border-radius:3px}

#header .allmenu_bg .top_btn ul.m_btn{float:left;margin:12px 0 0 0;width:80%}
#header .allmenu_bg .top_btn ul.m_btn li{float:left;padding:0 5px 0 0;text-align:center;line-height:22px}
#header .allmenu_bg .top_btn ul.m_btn li a{color:#fff;font-size:0.75rem;line-height:15px!important;letter-spacing:-0.02em;display:inline-block;padding:3px;border:1px solid #1e4db7;border-radius:3px}


#header #gnb {width:100%; height:100vh; height:5000px;overflow-x:hidden}
#header #gnb li {width:100%;text-align:left;border-bottom:1px solid #ddd}
#header #gnb li p {font-size:16px;font-size:1rem; color:#444; display:block;height:100%; line-height:2.25rem; background:#f3f3f3 url(../../common/images/depth02_open.png) 95% 50% no-repeat; border-bottom:0.063rem solid #fff; padding:10px 20px}
#header #gnb li p.current {border-bottom:1px solid #ddd; background:url(../../common/images/depth02_close.png) 95% 50% no-repeat;}

#header .snb_bg {background:none; width:100%; height:100%;}

#header #gnb li .snb {width:100%;  display:none;}
#header #gnb li .snb li{padding:0;position:relative;border-bottom:none}
#header #gnb li .snb li:last-child {}
#header #gnb li .snb li a {color:#666; font-size:0.875rem; line-height:1.875rem; display:block;height:100%;  padding:8px 20px 8px 30px; background:none;border-bottom:1px solid #ddd}
#header #gnb li .snb li a:hover{color:#000}
#header #gnb li .snb li.snb_sub.is-close > .tgl-btn {position:absolute;top:12px;right:15px;width:20px;height:20px;font-size:0;background:#fff url(../../common/images/depth03_open.png) no-repeat center center;z-index:500;border:none}
#header #gnb li .snb li.snb_sub.is-open > .tgl-btn {position:absolute;top:12px;right:15px;width:20px;height:20px;font-size:0;background:#fff url(../../common/images/depth03_close.png) no-repeat center center;border:none}
#header #gnb li .snb li .snb_3th {width:100%;  display:none;}
#header #gnb li .snb li .snb_3th li{border-bottom:1px dotted #ddd}
#header #gnb li .snb li .snb_3th li a{font-size:0.8125rem;padding:5px 0 5px 35px;border:none}
#header #gnb li .snb li .snb_4th {width:83%;background:#f8e6eb;border-radius:5px;border:1px solid #ddd;margin:0 0 5px 10%;padding:5px 0}
#header #gnb li .snb li .snb_4th li{border-bottom:none;}
#header #gnb li .snb li .snb_4th li a{font-size:0.8125rem;padding:3px 0 3px 5px;border:none;line-height:17px}

#header .s_menu:last-child .sub_menu li:last-child {border-bottom:0!important;}

/*#header .open_search , .snb_bg, .search_wrap {display:none;}*/

.total_search{width:25px;height:25px;display:inline-block;position:absolute;top:18px;right:50px;background:url('../../common/images/search.png') 50% 50% no-repeat;font-size:0}
.total-searchM{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#0e3567; z-index:1101; }
.total-searchM .searchbox {position: relative;max-width:1000px;margin:100px auto 0;padding:25px;box-sizing:border-box}
.total-searchM .search-keyword {display: block; position:relative;}
.total-searchM .search-keyword button{position: absolute;right: 15px;top:50%;height:32px;width:32px;margin-top: -1em;background:url(../../common/images/hd_search_area.png) center center no-repeat;    background-size:32px;white-space: nowrap;overflow: hidden;text-indent:-999px;cursor:pointer}
.total-searchM .search-keyword input {width: 100%;height: 70px;border-color: transparent;border-bottom-color: rgba(255,255,255,.5);color: #fff;font-size: 1.125rem; background-color:transparent;}
.total-searchM .search-keyword input:-ms-input-placeholder {color: #fff;	font-weight: 100;}
.total-searchM .search-keyword input::-webkit-input-placeholder {color: #fff;font-weight: 100;}	
.total-searchM .search-keyword input::-moz-placeholder {color: #fff;font-weight: 100;}
.total-searchM .btn-search {color: #fff;text-align: right;font-weight: 100;}
.total-searchM .btn-close {position: absolute;top: -40px;right: 20px;height: 40px;color: #fff;padding: 0 30px 0 0;    border: 0;    cursor: pointer;    overflow: visible;    background: transparent;font-size:1rem;cursor:pointer;background:url(../../common/images/close_w.png) 100% center no-repeat;}	

/* 푸터 */
.footer_menu {background:#535965;text-align:center;padding:10px 0}
.footer_menu > .footer_menu_sub > a{font-size:13px;font-size:0.8125rem;line-height:24px;text-align:center;display:inline-block;font-weight:300;width:49%;color:#fff}
.footer_menu > .footer_menu_sub > a:nth-child(1){font-weight: 500;color:#fff}

.relatesite_wrap{margin:10px auto;}
.relatesite_wrap:after{display:block;clear:both;height:0px;content:''}

.relatesite_wrap dl{position:relative;z-index:100;width:48%;display:inline-block;}
.relatesite_wrap dl dt{width:100%;}
.relatesite_wrap dl dt a{display:block;padding:10px 2% 10px 10px;line-height:20px;color:#fff;;background:#464c58 url(../../common/images/relatesite_up.png) 95% 50% no-repeat;font-size:0.812rem;text-align:left}
.relatesite_wrap dl dt a.current{background:#464c58 url(../../common/images/relatesite_down.png) 95% 50% no-repeat;}
.relatesite_wrap dl dd{position:relative}
.relatesite_wrap dl dd ul{display:none;;position:absolute;bottom:40px;left:0;padding:10px 0;background:#464c58;width:100%}
.relatesite_wrap dl dd ul li{padding:0 10px 5px 10px;}
.relatesite_wrap dl dd ul li a{font-size:0.75rem;text-align:left;display:block;color:#fff}

.footer_info {position:relative;padding:15px 3% 5px 3%;text-align:center;font-weight:300;word-break:keep-all}
.footer_info :after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.footer_info p{font-size:13px;font-size:0.8125rem;line-height:16px;text-align:center;padding:3px 0;font-weight:300;word-break:keep-all;color:#fff}

.footer_info .phone_num{;padding:5px 0 0 0 }
.footer_info .phone_num span{position:relative;;color:#fed700;;font-weight:500}

#quickW_pc{display:none;}
#quickW_m{display:block; position:fixed; bottom:15px; right:5px;z-index:50}
.m_quick_menu{display:block; width:330px; height:70px; position:relative;}
.m_quick_menu .m_menu{position:absolute; height:70px; background-color:#FFF; border-radius:50px; padding:0 50px 0 12px; z-index:99; border:1px solid #ddd; box-sizing:border-box; right:0;box-shadow:10px 10px 10px rgba(164,164,164, 0.2)}
.m_quick_menu .m_menu ul{display:block; margin-top:3px;width:280px}
.m_quick_menu .m_menu ul li{float:left; padding:0;margin:0;width:25%}
.m_quick_menu .m_menu ul li a{display:block; font-size:12px;font-size:0.75rem;  color:#333; text-align:center; font-weight:500;line-height:15px;padding:2px 0 0 0}

.m_quick_close{float:right; background-color:#0d3568; color:#fff; font-size:12px; width:45px; height:45px; border-radius:50px; cursor:pointer; outline:none; position:absolute; z-index:100; right:0;top:12px;;padding:0}
.m_quick_close:hover{background-color:#0d3568;}
.m_quick_open{float:right; background-color:#0d3568; color:#fff; font-size:12px; width:45px; height:45px; border-radius:50px; cursor:pointer; outline:none; position:absolute; z-index:100; right:0; top:12px;display:none;;padding:0}
.m_quick_open:hover{background-color:#0d3568;}

/* 비밀번호 변경안내 //mphis20220105 */
.pwCheck_wrap{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background:rgba(0,0,0,0.8);z-index:10000;display:none}
.pwCheck_wrap_sub{width: 320px; height: 340px; background: #fff; position: fixed; z-index: 10001; left: 50%; top: 50%; transform: translate(-50%, -50%);padding:30px 0;border-radius:10px;}
.pwCheck_wrap_sub > h3{font-size:1.25rem;font-family: 'NanumGothicWebBold';background:url(../../images/main/pwchange.png) 50% 0 no-repeat;padding:95px 0 10px 0;border-bottom:2px solid #4b96eb;margin:0 20px}
.pwCheck_wrap_sub p{padding:0 20px}
.pwCheck_wrap_sub p input{width:100%;padding:5px 3%;height:35px}
.pwCheck_wrap_sub p span{display:block;font-size:0.75rem;margin:5px 0 0 0;line-height:17px;color:#8b8b8b}
.pwChange a{display:block;;border:1px solid #4b96eb;padding:10px 0;border-radius:4px;background:#4b96eb;color:#fff}


.error_box { padding: 100px 0; margin-bottom: 50px; text-align: center;position: absolute; z-index: 5; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.error_box .bxTit { font-size:4.5rem; line-height: 80px;color:#324961;background:url(../../common/images/error.png) 50% 0 no-repeat;padding:150px 0 0 0}
.error_box p{font-size:1.125rem;word-break:keep-all;line-height: 28px;}
.btn_main { margin: 30px 0 0 0; text-align: center;}
.btn_main a {background: #324961;  display:inline-block;width: 300px;  margin: 0 auto; line-height: 50px; text-align: center; font-size: 16px; color: #fff;width:40%;border:1px solid #324961;border-radius:3px;margin:0 2%}
.btn_main a:nth-child(1){background:#fff;color:#324961}
.btn_main a:nth-child(1):visited{color:#324961}
.btn_main a:visited {color: #fff; text-decoration: none;}


/* 태블릿용 CSS */
@media all and (min-width:768px){

.attendance_login_sub{width:500px}
.pwCheck_wrap_sub{width: 460px; height: 260px;}
.pwCheck_wrap_sub > h3{margin:0 50px}
.pwCheck_wrap_sub p{padding:0 50px}

/* 푸터 */
.footer_menu{padding:14px 0;}
.footer_menu:after{display:block;clear:both;height:1px;margin-top:-1px;content:''}
.footer_menu a{font-size:15px;font-size:0.9375rem;line-height:22px;padding:0 20px 0 0;width:auto;margin:0 5px;}
#footer_wrap p{font-size:14px;font-size:0.875rem;}


}


/* PC용 CSS */
@media all and (min-width:1200px){

#wrap{width:100%;min-width:1200px;overflow:hidden}

/* 상단 */
.m_tb_menu{display:none}
#overmenu{display:block;position:relative; width:100%; padding:0; margin:0 auto; background-color:#f9f9f9;z-index:999;height:100px;overflow: hidden;position: absolute;    top: 0;    left: 0;border-bottom:1px solid #eee}
#overmenu.active{height:330px;overflow:visible;}
#header_pc{display:block;position:relative;width:100%;height:100%;padding:0;margin:0 auto;}
#header_pc:after{display:block;clear:both;height:0;margin-top:0;content:''}

#gnb_wrap{background:#0e3567;height:35px}
#gnb_wrap:after{display:block;clear:both;height:0;margin-top:0;content:''}
#gnb{max-width:1200px;margin:0 auto;position:relative}

.gnb{position:absolute;right:0;top:0}
.gnb li{float:left;margin:0;}
.gnb li a{display:block;padding:5px 13px;font-size:0.875rem;height:24px;color:#fff}
.gnb li a.go_p{background:#275da4 url(../../common/images/ico_blankw.png) 92% 50% no-repeat;color:#fff;padding:5px 25px 5px 10px;}
.gnb li a.go_s{background:#144a90 url(../../common/images/ico_blankw.png) 92% 50% no-repeat;color:#fff;padding:5px 25px 5px 10px;}

#lnb {width:100%;z-index:102;background:#fff;position:relative}
#lnb:after{display:block;clear:both;height:0;margin-top:0;content:''}
#lnb_sub {width:1200px;margin:0 auto;z-index:103;;position:relative}
#lnb_sub:after{display:block;clear:both;height:0;margin-top:0;content:''}
#lnb  h1.logo {display:inline-block;padding:11px 0 0 0;;width:auto; position: absolute; z-index: 1; left: 0; top: 0;}
#lnb  h1.logo > a{display:block;}
#lnb  h1.logo > a > img{width:auto}

#lnb ul#top_menu{ width:100%;max-width:700px;float:right;z-index:103;height:65px;margin-right:60px}
#lnb ul#top_menu > li {float:left; text-align:center;position:relative;width:25%}
#lnb ul#top_menu > li > a{text-align:center;font-size:20px;font-size:1.25rem;font-weight:700;color:#333;padding:20px 0;display:block;}
#lnb ul#top_menu > li > a.selectHM{color:#0b60c3}
#lnb ul#top_menu > li > a:after {    position: absolute;    bottom: 2px;    left: 50%;    width: 0;    height: 2px;    background: #0b60c3;    content: "";-webkit-transition: all .3s ease;    -moz-transition: all .3s ease;    -ms-transition: all .3s ease;    -o-transition: all .3s ease;  box-sizing: border-box;    text-rendering: optimizelegibility;}
#lnb ul#top_menu > li:hover > a{color:#0b60c3}
#lnb ul#top_menu > li:hover > a:after{width:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
#lnb ul#top_menu > li:hover .depth2{background:#fafafa;border-right:1px solid #ddd;;}

.depth2{display:none;margin:0;z-index:104;min-height:190px;padding:20px 0;position:absolute;top:65px;left:0;width:100%;border-right:1px solid #ddd;}
.depth2:before{border-left:1px solid #ddd;height:100%;position:absolute;top:0;left:0;content:'';;}
.depth2 li{padding:5px 0;}
.depth2 li a{color:#;display:block;font-size:1rem;letter-spacing:-0.06em}
.depth2 li a:hover{color:#000;}
.depth2 li a.outlink span{background:url('../../images/common/m_blank.png') 100% 50% no-repeat;display:inline-block;padding:0 14px 0 0;}

.total_search{width:25px;height:25px;display:inline-block;position:absolute;top:20px;right:35px;background:url('../../common/images/search.png') 50% 50% no-repeat;font-size:0;cursor:pointer}
.total-search{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#0e3567; z-index:1101; }
.total-search .searchbox {position: relative;max-width:1200px;margin:100px auto 0;}
.total-search .search-keyword {display: block; position:relative;border-bottom: 2px solid #fff }
.total-search .search-keyword button{position: absolute;right: 15px;top:50%;height:32px;width:32px;margin-top: -1em;background:url(../../common/images/hd_search_area.png) center center no-repeat;    background-size:32px;white-space: nowrap;overflow: hidden;text-indent:-999px;cursor:pointer}
.total-search .search-keyword input {width: 94%;height: 70px;border-color: transparent;;color: #fff;font-size: 2rem; background-color:transparent;}
.total-search .search-keyword input:-ms-input-placeholder {color: #fff;	font-weight: 100;}
.total-search .search-keyword input::-webkit-input-placeholder {color: #fff;font-weight: 100;}	
.total-search .search-keyword input::-moz-placeholder {color: #fff;font-weight: 100;}
.total-search .btn-search {color: #fff;text-align: right;font-weight: 100;}
.total-search .btn-close {position: absolute;top: -40px;right:0px;height: 40px;color: #fff;padding: 0 30px 0 0;    border: 0;    cursor: pointer;    overflow: visible;    background: transparent;font-size:1rem;cursor:pointer;background:url(../../common/images/close_w.png) 100% center no-repeat}	


.sitemap{width:25px;height:25px;display:inline-block;position:absolute;top:20px;right:0;background:url('../../common/images/toggle_open.png') 50% 50% no-repeat;font-size:0;;cursor:pointer}
.sitemap_wrap{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#0e3567 ;z-index:1101; }
.sitemap_sub{position: relative;max-width:1200px;margin:100px auto 0;padding:50px; ;}
.sitemap_sub h2{font-size:2rem;padding:0 0 35px 0;border-bottom:1px solid #ddd;margin:0 0 35px 0;position:relative;color:#fff}
.sitemap_sub h2 .sitemap-close{position: absolute;top: 0px;right:0px;height: 40px;;padding: 0;    border: 0;    cursor: pointer;    overflow: visible;    background: transparent;font-size:1rem;cursor:pointer;color:#fff}
.sitemap_sub ul:after{display:block;clear:both;height:0;margin-top:0;content:''}
.sitemap_sub ul li{float:left;width:25%}
.sitemap_sub ul li a{font-size:1.25rem;font-weight:500;color:#fffadd}
.sitemap_sub ul li ul{margin:20px 0 0 0}
.sitemap_sub ul li ul li{width:100%}
.sitemap_sub ul li ul li a{font-size:1.0rem;font-weight:300;color:#fff;position:relative;padding-left:10px}
.sitemap_sub ul li ul li a:before{width:3px;height:2px;background:#fff;position:absolute;top:8px;;left:0;content:''}


.footer_menu_sub{max-width:1200px;margin:0 auto;border-bottom:1px solid #757c89;padding:0 0 10px 0}
.footer_menu_sub:after{display:block;clear:both;height:0;margin-top:0;content:''}
.footer_menu > .footer_menu_sub > a{font-size:16px;font-size:1rem;float:left;width:150px;text-align:left;line-height:40px}

.relatesite_wrap{margin:0;float:right}
.relatesite_wrap dl{width:180px;}
.relatesite_wrap dl dt{width:180px;}
.relatesite_wrap dl dt a{padding:13px 20px 13px 10px;line-height:20px;color:#fff;font-size:1rem;margin:0}
.relatesite_wrap dl dd ul{padding:10px 0;}
.relatesite_wrap dl dd ul li{padding:0 10px 5px 10px;}
.relatesite_wrap dl dd ul li a{font-size:0.875rem;text-align:left}


.footer_info {padding:15px 0 ;text-align:left;max-width:1200px;margin:0 auto}
.footer_info p{font-size:16px;font-size:1rem;line-height:24px;text-align:left;padding:3px 0;font-weight:300;word-break:keep-all;color:#fff}

.footer_info .phone_num{padding:5px 0 0 0 ;position:absolute;top:8px;right:0;text-align:right;line-height:26px}
.footer_info .phone_num span{;display:block;font-size:1.75rem}


#quickW_m{display:none;}
#quickW_pc{display:block;position:absolute; top:200px; right:0; }
.quickW_menu{width:95px;  background-color:#FFF; border:1px solid #D5D5D5; ; border-radius:10px; position:relative;box-shadow:5px 5px 5px rgba(164,164,164, 0.2)}
.quickW_menu h3{background:#0d3568;color:#fff; height:45px; line-height:45px; font-size:13px; text-align:center; border-radius:10px 10px 0 0;}
.quickW_menu ul{width:80%; margin:15px auto 0;}
.quickW_menu ul li{width:100%; margin:0 0 15px 0;border-bottom:1px solid #ddd;padding:0 0 10px 0}
.quickW_menu ul li + li + li + li{border-bottom:none}
.quickW_menu ul li a{display:block;text-align:center;padding:1px 0 5px 0;line-height:16px;font-size:0.9375rem}

#quickW_pc .quickW_close{width:30px; height:40px; position:absolute; top:50%; transform:translate(0, -50%); left:-30px; border-radius:8px 0 0 8px; background:#0d3568 url(../../common/images/quickW_arrow.png) 50% 14px no-repeat; cursor:pointer; outline:none; display:block;}
#quickW_pc .quickW_open{width:30px; height:40px; position:absolute; top:50%; transform:translate(0, -50%); left:-30px; border-radius:8px 0 0 8px; background:#0d3568 url(../../common/images/quickW_arrow.png) 50% -36px no-repeat; cursor:pointer; outline:none; display:none;}
#quickW_pc .go_top{border:1px solid #ddd;display:block;text-align:center;;margin:10px 0 0 0;border-radius:10px;padding:5px 0;background:url(../../common/images/quickW_bg.png) 0px -590px no-repeat;box-shadow:5px 5px 5px rgba(164,164,164, 0.2);color:#2e507b}



.error_box .bxTit { font-size:6.25rem; line-height:105px;}
}