@charset "utf-8";
@import url('reset.css');
@import url('https://use.fontawesome.com/releases/v5.0.6/css/all.css');



/* **************************************** *
 * GLOBAL
 * **************************************** */
/* LIST FLOAT CLEAR */
ol:after, ul:after{content: '';clear: both; display: table;}

/* WRAP */
.wrap {max-width: 1200px;margin: 0 auto;}

.mobile {display:none}





/* **************************************** *
 * header
 * **************************************** */
#hd {position:fixed; width:100%; z-index:999; height:80px; -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  background-color:rgba(255, 255, 255, 1);
  z-index:9999
}
#hd.active { background-color:#fff;
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  background-color:rgba(255, 255, 255, 1)
}

#hd_wrapper {position:relative; margin:0 auto; width:100%; padding:0 60px;zoom:1; height:100%; z-index:999}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#hd_wrapper:hover{background: rgba(255, 255, 255, .3);
    border-bottom: 1px solid #eee;
}

#logo {float:left; padding:11px 0; width: 170px; position:relative; z-index: 1;}
#logo img{width:100%; box-sizing:border-box;}

/***** gnb *****/
#gnb {position:relative; height:100%; width:calc(100% - 200px); float:right;}
#gnb:after {display:block; clear:both; content:""}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {float:right; padding:0;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left; padding:23px 0; max-height:80px;}
.gnb_1da {display:inline-block;padding:0 20px; text-decoration:none; font-size:19px; color:#282828;  line-height:37px; height:100%;}
.gnb_1da:last-child {height:auto;}
.gnb_1da:focus, .gnb_1da:hover {}
.gnb_1dli_air .gnb_1da {color:#3face7}
.gnb_1dli_on .gnb_1da {color:#3face7}
#hd.active .gnb_1dli_on .gnb_1da {color:#3face7; }
.gnb_2dul {display:none;position:absolute; top:79px; float:right; width:170px;}
.gnb_2da {display:block;padding:13px 20px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#3face7;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

.btn_recruit {background:#3face7; border-radius:60px; padding:0 20px !important; margin:0 0 0 20px; color:#fff; border:1px solid #3face7}
.btn_recruit.gnb_1dli_on{color:#3face7; background-color:#fff; border:1px solid #3face7}

.btn_recruit:hover {border:1px solid #3face7; background:#fff}

/***** mobile menu *****/
.secondMenu						{display:none; position:absolute; right:20px; top:23px; cursor:pointer;}
.secondMenu i					{color:#333; font-size:26px;}
.sidenav							{height: 100%;
                        width: 0;
                        position: fixed;
                        z-index:100000;
                        top: 0; right: 0;
                        background-color: #f8f8f8;
                        overflow-x: hidden;
                        transition: 0.5s;
                        text-align:center;
                        background-image: url(../images/feature_bg.png);
                        background-repeat:no-repeat;
                        background-position: right bottom;
                        background-size: 50vw;
}
.sidenav a							{padding: 8px 0 0 0; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s ease-in; }

.sidenav .closebtn				{
    font-size: 35px;
    color: #888;
    cursor: pointer;
    font-weight: 300;
    display: inline-block;
    text-align: right;
    float: right;
    margin-right: 20px;}
#mySidenav{display:none;}
#mySidenav #logo      {display:inline-block; margin:auto; padding:0; width:130px; text-align:left; width:80%; padding-left:15px;}
#d-schedule									{display: block; width:100%;padding-top:10px;}
#d-schedule > li > a						{display:block; text-align:left; color:#464646; padding:10px 0;padding-left: 20px;}
#d-schedule > li > a.open				{color:#42a4e4;}
#d-schedule > li > ul						{display: none; padding-bottom:15px;}
#d-schedule > li > ul > li > a			{display:block; color:#666; padding:5px 0; cursor:pointer; text-align:left; padding-left:40px;}
#d-schedule > li > ul > li > a:hover	{color:#fff;}
.side_quick{ display:block; width:90%; margin:0 auto; border-bottom:1px solid #ddd; padding-bottom:20px;}
.side_quick li{width:48%; margin:0 auto; float:left;  display:inline-block;}
.sidenav a{
  padding:0
}
.side_quick a{
    border: 1px solid #ddd;
    border-radius: 30px;
    display: inline-block;
    width: 100%;
    line-height: 1;
    padding-bottom: 5px;
}
.sidenav #logo a{ padding-top:0;}
.mySidenav_inner{
}
.side_quick:after,
.mySidenav_inner:after{
  display:block; content:''; clear:both
}




/* **************************************** *
 * sub
 * **************************************** */
#container {position:relative; width:100%; padding-bottom:80px;     padding-top: 80px;}
.content {width:100%; max-width:1200px; margin:0 auto}
.content2 {width:1200px; margin:0 auto}




/* **************************************** *
 * FOOTER
 * **************************************** */
#footer_wrap {width: 100%;padding: 30px 0 55px;position: relative;background: #464646; }
.footer_box {max-width: 1200px;margin: 0 auto;position: relative;}
.footer_box li {float: left; width:35%; color:#fff; font-size:13px; line-height:24px}
.footer_box li:first-child {width:45%;}
.footer_box li:last-child {width:20%;}
.footer_box li a {float:right; display: block; width:158px; height:39px; line-height:39px;text-align:center; font-size: 13px;color: #fff;background: #464646;border: 1px solid #212121;-webkit-transition: background 300ms, transition: background 300ms}
.footer_box li a:hover {background: #535353;background: rgba(0, 0, 0, .2);}
.footer_box li a:last-child {margin-top:-1px}




/* **************************************** *
 * SCROLL TOP
 * **************************************** */
.go_top {display: block;width: 59px;height: 59px;position: absolute;top: -34px;left: 50%;margin-left: -29.5px;cursor: pointer;background: #009fe9;-webkit-transition: background 0.3s;transition: background 0.3s;z-index: 999;}
.go_top span {display: block;width: 100%;height: 100%;position: relative;font-size: 0;}
.go_top span:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e900';font-size: 14px;line-height: 59px;font-weight: normal;text-align: center;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;}
.go_top:hover {background: #444;}


/********* 희망근무지역 추가 ************/
.btn_plus3 {height:35px; width:37px; border:1px solid #bbb !important; text-align:left; padding:0 !important; background:#fff url('../images/icon_plus3.png') no-repeat center !important; vertical-align:bottom;}
.btn_minus3 {height:35px; width:37px;  border:1px solid #bbb !important; text-align:left; padding:0 !important; background:#fff url('../images/icon_minus3.png') no-repeat center !important; vertical-align:bottom;}