@import url("common.css");
.visual{background:url(../images/main/mediadb_main_top.gif) no-repeat center 0 #000}
.main-menu {padding:20px 0 15px;background:#fff;overflow:hidden}
.main-menu .menuWrap{float:left;width:980px}
.main-menu .menuWrap li{float:left;width:139px;background:url(../images/main/bg_bar.gif) no-repeat left center;padding-left:1px}
.main-menu .menuWrap li a{display:block;width:100%;text-align:center;padding-top:83px;font-size:15px;color:#313131}	/* 160619 수정 */
.main-menu .menuWrap li:first-child	 {padding-left:0;background:none}
.main-menu .menuWrap li a:hover{color:#d08403;font-weight:600}
.main-menu .menuWrap li.menu01 a{background:url(../images/main/menu01.png) no-repeat center 8px}
.main-menu .menuWrap li.menu02 a{background:url(../images/main/menu02.png) no-repeat center 8px}
.main-menu .menuWrap li.menu03 a{background:url(../images/main/menu03.png) no-repeat center 8px}
.main-menu .menuWrap li.menu04 a{background:url(../images/main/menu04.png) no-repeat center 8px}
.main-menu .menuWrap li.menu05 a{background:url(../images/main/menu05.png) no-repeat center 8px}
.main-menu .menuWrap li.menu06 a{background:url(../images/main/menu06.png) no-repeat center 8px}
.main-menu .menuWrap li.menu07 a{background:url(../images/main/menu07.png) no-repeat center 8px}

.main-menu .menuWrap li.menu01 a:hover{background:url(../images/main/menu01_on.png) no-repeat center 8px}
.main-menu .menuWrap li.menu02 a:hover{background:url(../images/main/menu02_on.png) no-repeat center 8px}
.main-menu .menuWrap li.menu03 a:hover{background:url(../images/main/menu03_on.png) no-repeat center 8px}
.main-menu .menuWrap li.menu04 a:hover{background:url(../images/main/menu04_on.png) no-repeat center 8px}
.main-menu .menuWrap li.menu05 a:hover{background:url(../images/main/menu05_on.png) no-repeat center 8px}
.main-menu .menuWrap li.menu06 a:hover{background:url(../images/main/menu06_on.png) no-repeat center 8px}
.main-menu .menuWrap li.menu07 a:hover{background:url(../images/main/menu07_on.png) no-repeat center 8px}

.visual .loginWrap{position:absolute;right:0;width:245px;background:rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5e5e5,endColorstr=#e5e5e5);height:178px;padding:27px 24px 0px;}
.visual .loginWrap .membership{text-align:center;margin:0 auto;margin-bottom:18px;}
.visual .loginWrap .btn-style.btn-login{width:68px;height:78px;line-height:78px;margin:0 0 0 5px}
.visual .loginWrap .input{width:169px; float:left;}
.visual .loginWrap .input.logout{float:none;}
.visual .loginWrap .input:after {content:""; display:block; clear:both;}
.visual .loginWrap .input li{width:100%;position:relative;margin:4px 0 0 }
.visual .loginWrap .input li:first-child{margin:0}
.visual .loginWrap .input li label{position:absolute;top:0;left:15px;line-height:39px;color:#aeaeae;font-size:14px;}
.visual .loginWrap .input li input{width:100%;box-sizing:border-box;border:1px solid #ddd;font-size:14px;line-height:39px;height:37px;padding:0 14px}
.visual .loginWrap .btn {margin:12px 0 0;font-size:0;text-align:left}
.visual .loginWrap .btn li {display:inline-block;vertical-align:middle;height:;border-left:1px solid #ddd;padding:0 8px}
.visual .loginWrap .btn li:first-child{border:0;padding-left:0}
.visual .loginWrap .btn li a{display:block;font-size:12px;color:#3c3c3c}


/* 160619 추가  */
.visual .loginWrap .input.logout{margin:10px 0 0;padding-left:64px;background:url(../images/main/ico_logout.png) no-repeat 8px 0;}
.visual .loginWrap .logout li{font-size:14px;color:#000}
.visual .loginWrap .logout li em{font-size:16px;color:#2c2c2c}
.visual .loginWrap .logout.btn{margin:15px 0 0}
.visual .loginWrap .logout.btn li{border:0;padding:0;margin:0 1px}
.visual .loginWrap .logout .btn-logout{background:#4e4e4e;width:118px;height:33px;line-height:33px;color:#fff;text-align:center;font-size:13px;}
.visual .loginWrap .logout .btn-edit{background:#d08403;width:118px;height:33px;line-height:33px;color:#fff;text-align:center;font-size:13px;}
/* 160619 추가 end */

.recruit-preview{padding:30px 0 44px}
.recruit-preview .box{position:relative;overflow:hidden}
.recruit-preview .box .left{float:left;width:720px;background:#fff}
.recruit-preview .box .right{position:absolute;top:0;right:0;width:240px;height:100%;}
.recruit-preview .box .right .bnr li{margin: 0 0 10px}/*  160619 추가 */
.recruit-preview .box .resource{position:absolute;bottom:0;left:0;background:#fff;width:240px}/*  160619 수정 */
.recruit-preview .box .resource h3{position:relative}
.recruit-preview .box .resource h3 .btn-more{position:absolute;top:1px;right:0;font-size:11px;color:#bdbdbd}
.recruit-preview .box .resource ul {margin:10px 0 0;width:100%}/*  160619 수정 */
.recruit-preview .box .resource ul li{padding:10px 0 8px;line-height:18px;border-top:1px solid #e9e9e9}	/*  160619 수정 */
.recruit-preview .box .resource ul li a{color:#777;font-size:14px}
.recruit-preview .box .resource ul li .date{display:block;width:100%;text-align:left;color:#b1b1b1;font-size:12px}
.recruit-preview .box .resource ul li:first-child{border:0}
.recruit-preview .box h3{position:relative;font-size:19px;color:#171717}
.recruit-preview .box h3 .btn-more{position:absolute;top:0;right:0;font-size:16px;color:#171717}

/* 160619 수정 */
.recruit-main-list{/* overflow:hidden; margin-left:-1px;*/font-size:0;padding:1px  0 0;}
.recruit-main-list li{position:relative;/* float:left; */vertical-align:middle;overflow:hidden;display:inline-block;border:1px solid #e0e0e0;width:298px;height:108px;padding:30px;cursor:pointer;margin:-1px -1px 0 0;}
.recruit-main-list li:hover{border:1px solid #d08403;margin:-1px -1px 0 0;z-index:10}
.recruit-main-list li .tit{font-size:25px;color:#d08403}
.recruit-main-list li .script{margin:15px 0 0;font-size:14px;color:#666;height:45px;line-height:20px;padding:4px 0 0;}
.recruit-main-list li .logo{position:absolute;bottom:16px;right:30px;text-align:right}
 /* 160619 수정 end */

.recruit-list{margin:0 0 20px;overflow:hidden}
.recruit-list li{float:left;position:relative;width:194px;height:247px;border:1px solid #e2e2e2;/* border-left:1px solid #e2e2e2; */margin-left:-1px;cursor:pointer}
.recruit-list li:first-child{margin:0;/* border:0; */width:194px}
.recruit-list li:hover{border:1px solid #d08403;/* margin:-1px -1px 0 0; */z-index:10}
/* .recruit-list li:first-child:hover{margin-left:-1px} */
.recruit-list li .logo{background:#fff;height:83px;line-height:83px;text-align:center;}
.recruit-list li .info{padding:13px;height:79px;}
.recruit-list li .tit{text-align:center;font-size:16px;color:#2c2c2c;font-weight:600}
.recruit-list li .script{font-size:12px;color:#666;line-height:17px;margin:5px 0 0;letter-spacing:-1px}
.recruit-list li .date{background:#fff;height:59px;text-align:center;font-size:1em;color:#000;line-height:59px;/*font-weight:600*/}
.recruit-list li .date.dday{color:#d08403}

.cscenter{overflow:hidden;background:#fff;padding:45px 0 40px}
.cscenter .inner > div{float:left;}
/* .cscenter .notice{width:320px} */
.cscenter .notice{width:640px}
.cscenter .enews{width:250px;margin-left:80px}
.cscenter .inner > div.center{float:right;width:260px}
.cscenter .inner > div h3{position:relative;font-size:23px;color:#171717}
.cscenter .inner > div h3 span.point{color:#ca8101}
.cscenter .inner > div h3 .btn-more{position:absolute;top:0;right:0;font-size:12px;color:#696969}
.cscenter .inner > div ul{margin:20px 0 0}
.cscenter .inner > div ul li{position:relative;line-height:25px}
.cscenter .inner > div ul li a{font-size:14px;color:#777}
.cscenter .inner > div ul li a em{color:#d08403}
.cscenter .inner > div ul li .date{position:absolute;top:0;right:0;color:#b1b1b1;font-size:12px;}

.cscenter .center .tel{margin:15px 0;text-align:left}
.cscenter .center .script{font-size:13px;color:#777;line-height:18px}

.gallery{overflow:hidden;padding:45px 0 55px}
.gallery .inner h3{position:relative;font-size:23px;color:#171717}
.gallery .inner h3 span.point{color:#ca8101}
.gallery .inner  h3 .btn-more{position:absolute;top:0;right:0;font-size:12px;color:#696969}
.gallery ul {overflow:hidden;margin:25px 0 0 }
.gallery li {float:left;width:175px;margin-left:20px}
.gallery li:first-child{margin:0}
.gallery li img{border:1px solid #dadada}
.gallery li .tit{display:block;padding:;text-align:center;font-size:14px;color:#0d0d0d;line-height:20px;margin:10px 0 0;letter-spacing:-1px}