@charset "utf-8";

/* reset */
*,:before,:after{box-sizing:border-box}
html{overflow-y:scroll;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Nanum Square','나눔스퀘어','맑은 고딕','Malgun Gothic',sans-serif;font-size:14px;font-weight:400;line-height:1.42857}
input[type=password]{font-family:'맑은 고딕' !important;font-size:14px;font-weight:400;line-height:1.42857} /* 나눔스퀘어가 특문을 인식하지 못하여 비밀번호 입력란만 폰트 변경 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
strong{font-weight:700;}
img,fieldset{border:none}
img{vertical-align:top}
ul,ol{list-style:none}
em,address{font-style:normal}
a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
table{border-collapse:collapse;border-spacing:0} 
legend{*width:0}
input::-webkit-input-placeholder{line-height:normal!important;}
input[type='text'],input[type='email'],input[type='password'],input[type='search']{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
input[type='checkbox']{box-shadow:none;}
select::-ms-expand{border:none;background:transparent;}
label,select{cursor:pointer}
button{padding:0;border:none;background:none;cursor:pointer}
textarea{overflow:auto}
[hidden]{display:none}
caption{overflow:hidden;width:1px;height:1px;margin-top:-1px}
.blind,legend{display:block;overflow:hidden;position:absolute;left:0;top:-9999em}
.skip a{display:block;position:absolute;left:0;top:-9999em;z-index:9999;overflow:hidden;width:100%;background-color:#333;color:#fff;font-size:1.2em;font-weight:bold;text-align:center;text-decoration:none;line-height:2.2}
.skip a:hover,.skip a:active,.skip a:focus{top:0}

/* common */
ul,.clearfix{*zoom:1}
ul::after,.clearfix::after{content:'';display:block;clear:both;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn.btn-border.btn-brown{padding:5; background-color:#ffffff; color:#9e5c16; border-color: #b98955;}

#wrap{min-width:1200px;}
.container{position:relative;width:1200px;margin:0 auto;}

/*-------------------------------------------
	header
--------------------------------------------*/
#header{border-top:7px solid #6db148;border-bottom:1px solid #249901;}
#header .container{display:table;height:92px;}
#header .logo{display:table-cell;width:270px;vertical-align:middle;}
#header .logo a{overflow:hidden;display:inline-block;width:270px;height:50px;background:url(../img/common/logo.png) no-repeat;text-indent:-999em;vertical-align:middle;}
#header .logo .work-name{display:inline-block;margin-left:8px;border-radius:10px;padding:6px 10px;color:#fff;font-size:14px;font-weight:bold;vertical-align:middle;line-height:1;}
#header .logo .work-name.work-welfare{background:#33a50c;}
#header .logo .work-name.work-edu{background:#2a71af;}
#header .gnb{display:table-cell;text-align:right;vertical-align:middle;}
#header .gnb #gnb-menu {display:inline-block;white-space:nowrap;vertical-align:middle;}
#header .gnb #gnb-menu li{float:left;margin-left:50px;position:relative;}
#header .gnb #gnb-menu li a{display:block;}
#header .gnb #gnb-menu li a span{position:relative;color:#3f4040;font-size:20px;font-weight:bold;}
#header .gnb #gnb-menu li a:hover span{color:#249901;}
#header .gnb #gnb-menu li > .sub-menu{display: none; position: absolute; top: 39px; left: -14px; min-width: 184px; padding: 10px 0; background-color: #249901; box-sizing: border-box; z-index: 100}
#header .gnb #gnb-menu li > .sub-menu:before{content:''; display: block; position: absolute; top: -12px; left: 0; width: 184px; height: 20px;}
#header .gnb #gnb-menu li:nth-child(4) > .sub-menu:before{left: 88px}
#header .gnb #gnb-menu li:nth-child(6) > .sub-menu:before{left: 54px}
#header .gnb #gnb-menu li:nth-child(7) > .sub-menu:before{left: 74px}
#header .gnb #gnb-menu li:last-child > .sub-menu{left: auto; right: 0}
#header .gnb #gnb-menu li:last-child > .sub-menu:before{left: auto; right: 56px}
#header .gnb #gnb-menu li > .sub-menu > li{padding: 0 15px; margin:0; border: none; line-height: 36px}
#header .gnb #gnb-menu li > .sub-menu > li a{padding: 0 8px; color: #fff; font-size: 16px;  z-index: 101}
#header .gnb #gnb-menu li > .sub-menu > li a:hover{ color: #f7d023}
#header .btn-group {position:absolute; top:15px; right:30px;}


/*-------------------------------------------
    location-menu-bar
--------------------------------------------*/
.location-menu-bar{background:#f4f5f6;border-bottom:1px solid #cccdce;position:relative;z-index:10;}
.location-menu-bar .row > ul{display:table;}
.location-menu-bar .row > ul > li{position:relative;display:table-cell;width:210px;vertical-align:middle;border-left:1px solid #dadbdb;}
.location-menu-bar .row > ul > li:last-child{border-right:1px solid #249901;border-left-color:#249901;background:#249901;}
.location-menu-bar .row > ul > li a{display:block;}
.location-menu-bar .row > ul > li:last-child a{color:#fff;}
.location-menu-bar .row > ul > li:last-child span{color:#fff;}
.location-menu-bar .row > ul > li > span,
.location-menu-bar .row > ul > li a{display:block;font-size:18px;font-weight:600;letter-spacing:-1px;padding:18px 20px 17px;}
.location-menu-bar .row > ul > li > span{padding-left:17px;padding-right:17px;}
.location-menu-bar .row > ul > li.home{width:56px;}
.location-menu-bar .row > ul > li.home a{position:relative;display:block;height:56px;padding:0;}
.location-menu-bar .row > ul > li.home a i.icon{position:absolute;top:50%;left:50%;background-image:url("/img/common/icon_common.png");background-repeat:no-repeat;background-position:-45px 0;display:block;width:16px;height:14px;margin:-7px 0 0 -8px;}
.location-menu-bar .row > ul > li .dp3{display:none;position:absolute;top:57px;left:-1px;border:1px solid #b8b8b8;background:#fff;border-top:none;width:211px;}
.location-menu-bar .row > ul > li .dp3 ul,
.location-menu-bar .row > ul > li .dp3 ul li,
.location-menu-bar .row > ul > li .dp3 ul li a{display:block;font-size:16px;}
.location-menu-bar .row > ul > li .dp3 ul li{padding:0;border-top:1px solid #c9c9c9;}
.location-menu-bar .row > ul > li .dp3 ul li:first-child{border-top:none;}
.location-menu-bar .row > ul > li .dp3 ul li a{padding:14px 20px 14px;color:#4f4f4f;}
.location-menu-bar .row > ul > li .dp3 ul li a:hover{background:#e6f0f9;}
.location-menu-bar .row > ul > li.has_dp3 > a{position:relative;padding-right:43px;}
.location-menu-bar .row > ul > li.has_dp3 > a:hover{color:inherit;}
.location-menu-bar .row > ul > li.has_dp3 > a:after{content:'';position:absolute;right:15px;top:50%;margin-top:-3px;width:10px;height:6px;background:url("/img/common/icon_common.png") -102px -27px no-repeat;}
.location-menu-bar .row > ul > li:last-child > a:after{background-position:-46px -17px;}
.location-menu-bar .row > ul > li.has_dp3.on > a{color:#249901;}
.location-menu-bar .row > ul > li.has_dp3.on > a:after{background-position: -102px -33px;}
.location-menu-bar .row > ul > li.on:last-child > a:after{background-position: -46px -23px;}
.location-menu-bar .row > ul > li.has_dp3.on .dp3{display:block;}
.location-menu-bar .row > ul > li.is_big{width:220px;}
.location-menu-bar .row > ul > li.is_big a{font-size:16px;}
.location-menu-bar .row > ul > li.is_big .dp3{width:220px;}
.location-menu-bar .row .page_option{position:absolute;top:10px;right:0;}
.location-menu-bar .row .page_option a i.icon{width:37px;height:36px;background-position:-166px -251px;}
.location-menu-bar a:active, a:link, a:visited { color: #3b3b3b; text-decoration: none; }
.location-menu-bar .in_container,
.location-menu-bar .in_container .row,
.location-menu-bar .in_container .in_row{/*z-index:1;*/min-width:1200px;max-width:1200px;display:block;position:relative}
.location-menu-bar .in_container .row{margin:0 -10px;}
.location-menu-bar .in_container,
.location-menu-bar .in_container .row,
.location-menu-bar .in_container .in_row{clear:both;margin:0 auto;width:1200px;zoom:1;height:inherit}
.location-menu-bar .in_container .row:after,
.location-menu-bar .in_container .in_row:after,
.location-menu-bar .in_container.full .row:after,
.location-menu-bar .in_container.full .in_row:after,
.location-menu-bar .in_container:after{content:" ";display:block;height:0;clear:both;visibility:hidden;zoom:1}
.location-menu-bar .in_container:after{}
.location-menu-bar .in_container.full{width:100% !important;max-width:100%;min-width:100%;}
.location-menu-bar .in_container [class^=col]{float:left;background-color:inherit;position:relative;padding:0;}

/*-------------------------------------------
	login
--------------------------------------------*/
.page-login{border-top: 10px solid #ffffff; background: #fff}
.page-login .box-login{width: 615px; margin: 0 auto; border: 2px solid #e0e0e0; background: #fff}
.page-login .box-login .box-head{position: relative; padding: 35px 25px; background: #f3f3f1}
.page-login .box-login .box-head:after{content: ''; position: absolute; bottom: 0; left: -2px;; width: 615px; height: 3px; background: url(../img/common/login_bar.gif) no-repeat, #16ca26}
.page-login .box-login .box-head h1{float: left; height: 90px; padding-left: 115px; background: url(../img/common/icon_login.png) no-repeat; color: #3e3e3e; font-size: 41px; font-weight: bold; line-height: 90px; letter-spacing: -1px}
.page-login .box-login .box-head p{height: 90px; padding: 22px 0; color: #5c6871; font-size: 16px; font-weight: 500; letter-spacing: -1.1px}
.page-login .box-login .box-content{padding: 70px 50px 40px; background: #fff}
.page-login .box-login .box-content .login-input{float: left; margin-right: 20px;}
.page-login .box-login .box-content .login-input .input-wrap{margin-bottom: 10px}
.page-login .box-login .box-content .login-input .lbl{display: inline-block; width: 125px; color: #434141; font-size: 20px; font-weight: 600; line-height: 40px; vertical-align: top}
.page-login .box-login .box-content .login-input .lbl em{color: #0aae56}
.page-login .box-login .box-content .login-input .inp{width: 230px; height: 40px; padding: 0 5px; border: 1px solid #ccc; border-radius: 5px}
.page-login .box-login .box-content .login-input .chk{margin-left: 129px}
.page-login .box-login .box-content .login-btn{float: left; height: 90px;}
.page-login .box-login .box-content .login-btn .btn-login{width: 120px; height: 100%; outline: none; border: none; border-radius: 5px; background: #486aa1; color: #fff; font-size: 18px; font-weight: 500;}


/*-------------------------------------------
	footer
--------------------------------------------*/
#footer{background:#575757;padding:60px 0;}
#footer .footer-logo{overflow:hidden;display:inline-block;width:240px;height:50px;background:url(../img/common/logo_f.png) no-repeat;text-indent:-999em;vertical-align:middle;}
#footer .copyright{display:inline-block;margin-left:48px;vertical-align:middle;}
#footer .copyright address{margin-bottom:6px;color:#d0d0d0;font-size:16px;}
#footer .copyright .copy{color:#cecfa2;font-size:14px;font-weight:bold;}
#footer .family-site{position:absolute;top:50%;right:0;margin-top:-17px;}
#footer .family-site .sel{width:220px;padding:0 10px;height:35px;border-radius:3px;background-color:#d5d5d5;border:none;text-align:center;color:#4e4e4e;font-size:16px;font-weight:bold;}