
@import url("common.css");
h3{font-size:14px;color:#1b1b1b;font-weight:normal}
h3 span{font-size:13px;color:#878787}
h3 span em{font-size:13px;color:#d08403}
.container{padding:50px  0 45px}
.container.pd0{padding:0 0 90px}
.container .inner{z-index:5}
.container .bg_white{position:absolute;top:0;left:0;width:100%;background:#fff;height:246px;z-index:1}
/* .title-box{padding:50px 0 30px;background:#fff}  */

span.red{color:#f70000}
.textarea{display:block;padding:20px 30px;border:1px solid #d2d2d2;height:146px;background:#fff}
.textarea textarea{width:100%;height:100%;font-size:13px;color:#666;resize:none}
.visual {background:url(../images/main/visual.jpg) no-repeat center 0 #000}

.container .top-box{position:relative;margin:0 0 30px}
.container .top-box h2{display:inline-block;font-size:22px;color:#1b1b1b;padding:0 0 5px;border-bottom:2px solid #000}
.container .top-box span{color:#5c5c5c}
.container .top-box .location{position:absolute;top:0;right:0;font-size:0;text-align:right}
.container .top-box .location li a{font-size:12px;color:#989898}
.container .top-box .location li{display:inline-block;padding:0 5px 0 11px;background:url(../images/bg/location_bg.png) no-repeat left center}
.container .top-box .location li:first-child{background:none}
.container .top-box .location li strong{font-size:12px;color:#d08403;font-weight:normal}


.agrs h3{line-height:20px;margin-bottom:10px}
.agrs .chk{margin:15px 0 0;}
.agrs .chk label{display:inline-block;margin-left:5px;color:#666;font-size:13px}
.agrs .btn-area{margin:60px 0 0}

/*.container.join .inner{width:858px}*/
.join .con h3{font-size:20px;line-height:18px;padding:30px 0 50px}
.join .con {position:relative;}
.join .con .help{/* position:absolute;top:27px;right:0; */font-size:13px;color:#666}
.input-style{/* border-bottom:1px solid #ddd; */padding:0 0 30px;/* margin:0 0 48px; */overflow:hidden}
.input-style .left{float:left;width:115px;margin:8px 0 0}
.input-style .left .tit{text-align:center;line-height: 28px;border-top:1px solid #000;font-size:13px;color:#000}
.input-style .left .img{width:115px;height:150px;overflow:hidden;background:url(../images/bg/bg_photo.gif) no-repeat center #ddd;margin: 0 0 10px}
.input-style .left .btn{overflow:hidden;text-align:center;margin:0 0 10px;}
.input-style .left .btn #filename{float:left;padding: 0 5px;font-size:14px;border:1px solid #676767;line-height:24px;height:24px;width:58px;}
.input-style .left .btn .btn-style.find{float:left;margin:0;width:44px;height:26px;line-height: 26px}
.input-style .left  p{font-size:12px;color:#676767;letter-spacing:-1px;text-align:center}
.input-style .right{float:right;width:835px}
.input-style.line{border-bottom:1px solid #ddd;padding:0 0 15px;margin:0 0 15px}
.btn-area.line{border-top:1px solid #ddd;padding:70px 0 0}
.table-style{width:100%}

.table-style th{color:#878787}
.table-style .vtop{vertical-align:top;line-height:35px}
.table-style td{color:#666}
.table-style td .cfm{width:70px;text-align: center}
.table-style td select,
.table-style td input[type="text"],
.table-style td input[type="password"]{width:198px;padding:0 10px;border:1px solid #e5e5e5;box-sizing:border-box;height:35px;;}
.table-style td input[type="text"],
.table-style td input[type="password"]{line-height:35px}
.table-style td input.mail{width:281px;}
.table-style td input.adrs1{width:194px;}
.table-style td input.adrs2{width:445px;}
.table-style td input.w483{width:483px}
.table-style td input.tel,
.table-style td select.tel{width:78px;}
.table-style td span.bar{display:inline-block;padding:;vertical-align:middle}
.table-style td .btn-style.gray{width:70px;text-align:center}
.table-style th,
.table-style td{font-size:13px;padding:8px 0;text-align:left;font-weight:normal}
.chk-box{display: inline-block;vertical-align: middle;margin-right:15px}
.chk-box label{color:#666;margin-left:5px}
.th-style{color:#666;font-size:13px;margin:0 15px 0 20px}
.table-style td input.w640{width:645px}
.table-style td input.w242{width:222px}
.table-style td span,
.table-style td p{font-size:12px;color:#666;}
.table-style td p{margin-top:10px}
.table-style td p em{color:#d08403}
.table-style td label{color:#666;font-size:13px}
.table-style td  .btn-style.calendar{width:48px}
.table-style td  .btn-style.add{width:105px;font-weight:normal}
.table-style td .btn-style.w84{width:84px;text-align:center}

.line-box{border-top:2px solid #e5e5e5;padding:15px 0 0;margin:20px 0 0}
.container.loginpage .bg_white{height:127px}
.login{padding:206px 0 180px;margin:0 auto;width:457px}
.login-tit{padding-left:170px;background:url(../images/sub/login_tit.png) no-repeat left center;min-height:44px;margin:0 0 34px}
.login-tit .tit{font-size:24px;color:#bcbcbc;font-family: 'nanum-barun-gothic-bold';}
.login-tit .script{font-size:14px;color:#828282}
.login-box {position:relative;padding-left:85px;min-height:92px;background:url(../images/sub/login_box.png)no-repeat left center;}
.login-box ul{width:277px;}
.login-box li{position:relative;z-index:1;padding:0 14px;border-radius:3px;margin:0 0 8px;background:#Fff}
.login-box li label,
.login-box li input{line-height:39px;height:39px;text-align:left;font-size:13px}
.login-box li label{position:absolute;top:0;left:14px;color:#828282}
.login-box li input{color:#000;width:100%;}
.login-box .btn-login{display:block;position:absolute;top:0;right:0;z-index:1;min-height:90px;width:85px;border:1px solid #d08403;border-radius:3px;background:#d08403;text-align:center;color:#ececec;font-size:15px;font-family: 'nanum-barun-gothic-bold'}
.login-btn{padding:7px 0 0 74px}
.login-btn ul{font-size:0}
.login-btn li{display:inline-block;padding:0 9px;background:url(../images/bg/bg_login_bar.gif) no-repeat left center;}
.login-btn li:first-child{background:none}
.login-btn li a{display:block;font-size:13px;color:#9a9a9a;}

.container.join.v3 .bg_white{height:225px}
.introduction .state{padding:0 0 40px}
.introduction h3{padding:40px 0 15px}
.introduction .btn-area{margin:60px 0 0}

.box.white{margin:20px 0;padding:20px 0;background:#fff}
.box.white.pd30{padding:20px 30px}
.input-box2 .table-style th{padding-left:53px}
.input-box2 .table-style td .btn-style{width:48px}
.input-box2 .table-style thead th{text-align:center;font-size:15px;line-height:39px;color:#d08403;border-bottom:1px solid #d08403;letter-spacing:-1px;padding:0}

.table-style.v2 td{text-align:center;border-top:1px solid #d5d5d5;padding:19px 3px}
.table-style.v2 tr:first-child td{border:0}
.table-style.v2 td:first-child{text-align:left}
.table-style.v2 input[type="text"],
.table-style.v2 td select{width:100%;margin:1px 0}
.table-style.v2 input.date{width:60px}
.table-style.v2 input.date2{width:36px}

.detail  .btn-area{margin:50px 0 0}
.detail  .academy{border-bottom:1px solid #d5d5d5}
.detail  .academy .btn-area{margin:  0 0 20px}
.detail  .academy .btn-area .btn-style,
.btn-add{width:94px}

.alertTxt{font-size:13px;margin:30px 0;color:#676767;letter-spacing:-1px}
.alertTxt em{color:#d08403}

.input-box2  .table-style2{width:100%}
.input-box2  .table-style2 thead th{text-align:center;font-size:13px;line-height:30px;color:#878787;letter-spacing:-1px;padding:0;font-weight:normal}
.input-box2  .table-style2 td{text-align:center;font-size:13px;line-height:39px;color:#878787;padding:7px 3px;}
.input-box2  .table-style2 td input[type="text"],
.input-box2  .table-style2 td input[type="password"],
.input-box2  .table-style2 td select{padding:0 10px;border:1px solid #e5e5e5;box-sizing:border-box;height:35px;}
.input-box2  .table-style2 input[type="text"],
.input-box2  .table-style2 td select{width:100%;margin:1px 0}
.input-box2  .table-style2 td input.date{width:60px}
.input-box2  .table-style2 td input.date2{width:36px}

.table-style.v2.textarea-add tr:nth-child(odd) td{border-top:1px solid #d5d5d5;padding:19px 3px 4px}
.table-style.v2.textarea-add tr:nth-child(even) td{border:0;padding:4px 3px 19px}
.table-style.v2.textarea-add textarea{width:100%;height:66px;overflow-y:auto;padding:10px;box-sizing:border-box;background:#fff;resize:none;font-size:13px;color:#878787;border:1px solid #e5e5e5}

.btn-area.add-box{margin:0;padding:20px 0;border-bottom:1px solid #d5d5d5}

.state{position:relative}
.state .percent{position: absolute;top:0;right:0;width:140px;height:60px}
.state .percent p{float:left;height:100%;box-sizing: border-box;position:relative;z-index:1;width:50%;text-align:center;color:#fff;padding:15px 0 0}
.state .percent .tit{font-size:14px;line-height:17px;background:#dfad56;border-radius: 10px 0  0 10px}
.state .percent .num{font-size:17px;background:#d08403;border-radius:0 10px 10px 0}
.state .percent .num em{font-size:30px;color:#fff}

.title-box{background:#fff;padding:30px 0;font-size:20px;margin:0 0 25px}
.title-box.mb0{margin:0}
.title-box .inner > a,
.title-box .inner > strong{display:inline-block;vertical-align:middle;margin-right:35px;font-size:20px;font-weight:600;color:#d08403}
.title-box .inner > a{font-weight:normal;color:#000}
.title-box .help{display:inline-block;vertical-align:middle;font-size:13px;color:#666;margin-left:20px}
.title-box .btn-area2{padding:30px 0 0}
.title-box .menu-style2{display:inline-block;vertical-align:middle;font-size:0;text-align:left;padding:0 60px}
.title-box .menu-style2 li,
.title-box .chk-style{display:inline-block;vertical-align:middle}
.title-box .menu-style2 li .btn-style{position:relative;text-align:left;border-radius:10px;width:135px;box-sizing:border-box;font-weight:normal}
.title-box .menu-style2 li .btn-style.print{background:url(../images/btn/btn_print.png) no-repeat 20px center #d08403; padding-left:54px}
.title-box .menu-style2 li .btn-style.save{background:url(../images/btn/btn_save.png) no-repeat 20px center #d08403;padding-left:54px}
.title-box .chk-style label{font-size:13px;color:#666;margin-left:5px}


.table-style.v3 th,
.table-style.v3 td {border-top:2px solid #e5e5e5;padding:10px 0}
.table-style.v3 tr:first-child th,
.table-style.v3 tr:first-child td{border:0}
.table-style.v3 .line-box{border-top:1px solid #e5e5e5;padding-top:15px;margin-top:20px}
.table-style.v3 th.pd15,
.table-style.v3 td.pd15{padding:15px 0}
.table-style p.chk-box{display:inline-block;vertical-align:middle;margin:5px 30px 5px 0 }
.table-style p.chk-box label{display:inline-block;margin-left:5px}

.textarea-add .table-style th,
.textarea-add .table-style td{padding:17px 0}
.textarea-add .table-style th{font-size:14px;color:#1b1b1b;text-align:center}
.textarea-add .table-style td div{position:relative;border:1px solid #e5e5e5;background:#fff;padding:24px 28px}
.textarea-add .table-style td div label,
.textarea-add .table-style td div textarea{font-size:13px;color:#000}
.textarea-add .table-style td div label em{color:#d08403}
.textarea-add .table-style td div label {position:absolute;top:24px;left:28px;}
.textarea-add .table-style td div textarea{resize:none;width:100%;height:199px;overflow-y:auto}

.portfolio{margin:0 0 110px}
.portfolio:first-child{margin-top:50px}
.portfolio h4{width:100%;font-size:16px;color:#d08403;font-weight:600;line-height:45px;border-top:1px solid #e1e1e1;text-align:center;}
.portfolio table {width:100%;border-top:1px solid #e1e1e1}
.portfolio table th{font-weight:normal;color:#151515;background:#f6fdff}
.portfolio table td{color:#666;background:#fff}
.portfolio table th,
.portfolio table td{font-size:15px;text-align:center;line-height:47px;border-bottom:1px solid #e1e1e1}
.portfolio table .tl{text-align:left}
.portfolio table .name{text-align:left;padding-left:20px}
.tip {margin-bottom:55px}
.tip h5{font-size:15px;color:#151515;margin:0 0 15px}
.tip ul li {font-size:13px;color:#787878;line-height:24px}
.tip ul li em{color:#d08403}

.tab-style{background:#f6f6f6;font-size:0;}
.tab-style li{display:inline-block;vertical-align:middle;margin:0 44px;line-height:46px}
.tab-style li a{color:#9b9b9b;font-size:16px}
.tab-style li.on a{color:#000}

.board{width:860px;padding-top:22px;}
.board-list{border-top:2px solid #000;width:100%}
.board-list thead th{background:#fafafa;color:#151515;font-size:13px;line-height:45px}
.board-list th,
.board-list td{text-align:center;border-bottom:1px solid #e1e1e1}
.board-list td span.ico{display:inline-block;vertical-align:middle;width:12px;height:12px;background:#666}
.board-list td{background:#fff;line-height:19px;padding:15px 0}		/* 160610 수정 */
.board-list td.tit{padding-left:15px}
.board-list td,
.board-list td a{font-size:15px;color:#333}
.board-list td .file{font-size:13px;color:#666}
.board-list td a{display:block;padding-left:30px;text-align:left;/*font-weight:bold*/}
.board-list .viewcon{padding:45px;min-height:250px;text-align:left;font-size:15px;color:#666;line-height:30px}
.board-list td.list{text-align:left;line-height:16px;height:49px;}
.board-list td.list span{display:inline-block;vertical-align:middle;padding:0 16px 0 24px;height:14px;border-right:1px solid #bebebe;text-align:left;font-size:14px;color:#666;}
.board-list td.list a{font-size:15px;color:#000;display:inline-block;vertical-align:middle;padding-left:15px}
.board-list td input[type="text"]{line-height:35px}	/* 160610 추가 */
.paging{margin:40px 0 0}
.paging,
.paging > ol{font-size:0;text-align:center}
.paging > a,
.paging > ol,
.paging ol li{display:inline-block;vertical-align:middle}
.paging > a{margin:0 10px}
.paging ol li{margin:0 6px}
.paging ol{margin: 0 8px}
.paging ol li a,
.paging ol li strong{font-size:13px;color:#636363;}
.paging ol li strong{font-weight:600;color:#d08403}

.top-btn{position:absolute;top:10px;right:12px;text-align:right;}
.btn-bookmark{display:inline-block;vertical-align:middle;padding-left:24px;color:#666;font-size:13px;line-height:21px;heighT:21px;background:url(../images/btn/btn-mark.png) no-repeat}

.recruit-view{margin:-25px 0 0;padding: 15px 0 76px;background:url(../images/bg/bg_arr.gif) no-repeat center bottom #fff}
.infobox{overflow:hidden;margin:0 0 40px; }
.infobox .logo {position:absolute;top:0;left:17px;width:160px;height:160px;border:1px solid #b8b8b8; box-shadow:3px 3px 3px #ececec;text-align:center;line-height:160px}
.infobox .script{float:left;margin-left:212px}
.infobox .script h3,
.recruit-detail h3{font-size:25px;font-weight:600;color:#151515}
.infobox .script p{margin:25px 0 0;font-size:14px;line-height:24px;color:#666}
.info-style{width:100%;border-top:1px solid #e1e1e1}
.info-style th,
.info-style td{line-height:45px;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1}
.info-style th:first-child{border-left:0}
.info-style th{text-align:center;font-size:16px;color:#151515;font-weight:normal;background:#f6fdff}
.info-style td{text-align:left;padding-left:25px;font-size:15px;color:#666;background:#fff}
.info-style td a{font-size:15px;color:#666;}

.recruit-detail{padding:30px 0 80px}
.recruit-detail .inner{width:840px}
.recruit-detail h3{text-align:center}
.recruit-detail .tit-script{text-align:left;color:#666;font-size:15px;line-height:24px;margin:20px 0 0}
.recruit-detail  h4{margin:40px 0 0;line-height:46px;text-align:center;height:46px;font-weight:600;color:#d08403;font-size:18px;border-top:1px solid #e1e1e1}
.recruit-detail .btn-style.down{background:url(../images/btn/btn_down.png) no-repeat 20px center #d08403;padding-left:55px;width:181px;box-sizing:border-box;text-align:left}
.recruit-detail .btn-style.onlinerecrit{width:181px}

.white-box{background:#fff;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:35px 0 35px 244px }
.white-box p{font-size:15px;color:#878787}
.white-box ul{margin:20px 0 0}
.white-box li {font-size:15px;color:#0b0b0b;line-height:26px}
.white-box li span{font-size:15px;color:#d08403}

.table-style3 {width:100%}
.table-style3 td{color:#666}
.table-style3 th{color:#878787}
.table-style3 td select,
.table-style3 td input[type="text"]{width:483px;padding:0 10px;border:1px solid #e5e5e5;box-sizing:border-box;height:35px;}
.table-style3 td textarea{box-sizing:border-box;border:1px solid #e5e5e5;padding:10px;resize:none;width:483px;height:137px;overflow-y:auto}
.table-style3 td input[type="text"]{line-height:35px}
.table-style3 td input.tel,
.table-style3 td select.tel{width:78px;}
.table-style3 td span.bar{display:inline-block;padding:;vertical-align:middle}
.table-style3 th,
.table-style3 td{font-size:13px;padding:8px 0;text-align:left;font-weight:normal;line-height:35px}
.table-style3 td span{font-size:12px;color:#666;}
.table-style3 td label{color:#666;font-size:13px}

.proof .inner{width:902px}
.proof  h3{margin:40px 0 0;line-height:46px;text-align:center;height:46px;font-weight:600;color:#000;font-size:16px;border-top:1px solid #e1e1e1}
.proof  h3 span.red{font-size:13px;color:#f70000;text-decoration:underline}

.withdrawal .inner{width:902px}
.withdrawal  h3{margin:40px 0 0;line-height:46px;text-align:center;height:46px;font-weight:600;color:#000;font-size:16px;border-top:1px solid #e1e1e1}
.withdrawal  h3 span.red{font-size:13px;color:#f70000;text-decoration:underline}
.withdrawal .table-style3 {width:600px;margin:0 auto}
.withdrawal  .white-box{;padding:40px 0 40px 244px}

.mypage .table-style td span.yellow{font-size:1em;color:#d08403}
.mypage .table-style td{font-size:15px;}
.mypage .table-style .company{position:relative;padding-left:113px;width:393px;overflow:hidden;min-height:88px}
.mypage .table-style .company .img{position:absolute;top:0;left:0;margin:0;width:86px;height:86px;background:#fff;text-align:center;line-height:86px;border:1px solid #d9d9d9}
.mypage .table-style .company ul{width:100%}
.mypage .table-style .company ul li{border-top:2px solid #c0c0c0;line-height:40px;color:#666;font-size:15px;}
.mypage .table-style .company ul li:first-child{border:0}
.mypage .table-style .company ul li strong{display:inline-block;vertical-align:middle;font-size:13px;color:#666;text-align:left;width:64px}
.mypage .table-style .company ul li strong.w100{width:100px}
.mypage .table-style td,
.mypage .table-style th{line-height:33px}

.title-box .menu-style{margin-left:50px}
.menu-style{display:inline-block;vertical-align:middle;text-align:left;font-size:0}
.menu-style li{display:inline-block;vertical-align:middle;margin:0 4px}
.menu-style li a{display:block;width:113px;height:33px;line-height:33px;background:#4c4c4c;color:#fff;font-size:15px;border-radius:17px;text-align:center;}
.menu-style li.on a{background:#d08403}

.statement{margin:0 0 110px}
.statement:first-child{margin-top:50px}
.statement h4{width:100%;font-size:16px;color:#d08403;font-weight:600;line-height:45px;border-top:1px solid #e1e1e1;text-align:center;margin:25px 0 0}
.statement table {width:100%;border-top:1px solid #e1e1e1}
.statement table th{font-weight:normal;color:#151515;background:#f6fdff}
.statement table td{color:#666;background:#fff}
.statement table th,
.statement table td{font-size:15px;text-align:center;line-height:47px;border-bottom:1px solid #e1e1e1}
.statement table .tl{text-align:left}
.statement table .name{text-align:left;padding-left:20px}

.mypage  .table-style td select.date{width:85px}
.mypage  .table-style td select.date2{width:67px}

.mypage .btn-style.del{width:92px;height:38px;line-height:36px}
.mypage .board-list td,
.mypage .board-list td a{font-size:13px;}
.mypage .board-list td a {padding-left:50px}

.front{position:relative;margin: 45px 0 10px;font-size:0;padding-left:25px}
.front .chk-box{display:inline-block;vertical-align:middle;margin-right:20px}
.front .chk-box label{vertical-align:middle;font-size:13px;color:#878787}
.front .alert{position:absolute;top:0;right:0;font-size:13px;color:#878787}
.front .alert span.red{color:#f70000}
.chk-list{overflow:hidden}
.chk-list th,
.chk-list td{width:8.3%}
.chk-list th.border,
.chk-list td.border{border-left:1px solid #e1e1e1}

.write-box .board-list thead th{font-size:16px}
.write-box .board-list  td{padding:12px 28px;border-left:1px solid #d6d6d6;text-align:left;line-height:35px}
.write-box .board-list  td:first-child{border-left:0;padding:12px 0;text-align:center}
.write-box .board-list  td input[type="text"]{width:445px;padding:0 10px;border:1px solid #e5e5e5;box-sizing:border-box;height:35px;background:#f9f9f9}
.write-box .board-list  td textarea{box-sizing:border-box;border:1px solid #e5e5e5;padding:10px;resize:none;width:687px;height:194px;overflow-y:auto;background:#f9f9f9}

.resume-view .inner{width:900px;margin-top:5px;padding:70px 0 0;background:url(../images/bg/bg_logo2.jpg) no-repeat 739px  40px;}
.resume-view .top{position:relative;padding-left:148px}
.resume-view .img{position:absolute;top:0;left:0;border:1px solid #cacaca;width:113px;height:148px;}
.resume-view .inner table{width:100%;border-top:1px solid #e1e1e1}
.resume-view .inner table th,
.resume-view .inner table td{font-size:13px;line-height:35px;text-align:left;padding-left:20px;border-left:1px solid #cecece}
.resume-view .inner table th:first-child,
.resume-view .inner table td:first-child{border-left:0}
.resume-view .inner table th{color:#151515;background:#eaeaea;border-bottom:1px solid #cecece;font-weight:normal}
.resume-view .inner table th.tit{background:#fff;text-align:center;padding:0}
.resume-view .inner table td{background:#fff;color:#666;border-bottom:1px solid #e1e1e1}
.resume-view .inner table.tc th,
.resume-view .inner table.tc td,
.resume-view .inner table th.tc{text-align:center;padding:0}

.resume-view .inner table.copy{margin-top:-1px}

.resume-view.v2 .inner{width:860px}

.resume-view.ebs .inner{background:none;padding:10px 0 0}

.resume-view.ebs .inner .logo{text-align:center;margin: 0 0 20px}
.resume-view.ebs .inner .logo div{display:inline-block;text-align:left}
.resume-view.ebs .inner .logo p{font-size:29px;color:#151515;letter-spacing:25px;font-weight:800;margin:5px 0 0}

.resume-view.ebs .inner table caption{text-align:left;margin:10px 0 5px;color:#151515;font-size:15px}
.resume-view.ebs .inner table th,
.resume-view.ebs .inner table td {text-align:center;padding-left:0}
.resume-view.ebs .inner table td.photo{background:#eaeaea;border-left:1px solid #cecece}
.resume-view .table-box{overflow:hidden}
.resume-view.ebs .table-box table{float:left;width:34%}
.resume-view.ebs .table-box table:first-child{width:66%;border-right:1px solid #cecece}
.resume-view.ebs .part{position:absolute;top:40px;right:0;text-align:center;font-size:18px;color:#151515;font-weight:bold;border:1px solid #cacaca;background:#fff;width:300px;height:60px;line-height:60px}
.resume-view.ebs .inner table th.white{background:#fff}


.resume-view.sbs .inner{background:none;padding:10px 0 0}
.resume-view.sbs .inner .logo{text-align:center;margin: 0 0 20px}
.resume-view.sbs .inner .logo div{display:inline-block;text-align:left}
.resume-view.sbs .inner .logo p{font-size:29px;color:#151515;letter-spacing:1px;font-weight:800;margin:5px 0 0}
.resume-view.sbs .inner table caption{text-align:left;margin:10px 0 5px;color:#151515;font-size:15px}
.resume-view.sbs .inner table th,
.resume-view.sbs .inner table td {text-align:center;padding-left:0}
.resume-view.sbs .inner table td.photo{background:#eaeaea;border-left:1px solid #cecece}
.resume-view .table-box{overflow:hidden}
.resume-view.sbs .table-box table{float:left;width:34%}
.resume-view.sbs .table-box table:first-child{width:66%;border-right:1px solid #cecece}
.resume-view.sbs  .resume-cfm{height:105px;background:url(../images/resume/logo.jpg)no-repeat left 17px}
.resume-view.sbs  .resume-cfm .date{margin:15px 0 0}

.resume-view.mbc .inner{padding:20px 0 0}
.resume-view.mbc .part{position:absolute;top:70px;right:0;width:527px;}
.resume-view.mbc .part table{border-left:1px solid #cacaca;border-right:1px solid #cacaca;border-top:1px solid #cacaca}
.resume-view.mbc .part table th,
.resume-view.mbc .part table td{border-bottom:1px solid #cacaca}
.resume-view.mbc .inner .logo{text-align:left;margin: 0 0 20px}
.resume-view.mbc .inner .logo div{display:inline-block;text-align:left}
.resume-view.mbc .inner .logo p{font-size:29px;color:#151515;letter-spacing:0;font-weight:800;margin:15px 0 0}
.resume-view.mbc .inner table caption{text-align:left;margin:10px 0 5px;color:#151515;font-size:15px}
.resume-view.mbc .inner table th,
.resume-view.mbc .inner table td {text-align:center;padding-left:0}
.resume-view.mbc .inner table.tl td{text-align:left;padding:0 15px}
.resume-view.mbc .inner table.tl td.photo{padding:0}
.resume-view.mbc .inner table td.photo{background:#eaeaea;border-left:1px solid #cecece}

.resume-view.mbc .double {overflow:hidden}
.resume-view.mbc .double li{float:right;width:421px}
.resume-view.mbc .double li:first-child{float:left}

.resume-cfm{position:relative;margin:15px 0 0;height:140px;background:url(../images/resume/logo.jpg)no-repeat left bottom;}
.resume-cfm p{color:#151515;font-size:15px;line-height:24px}
.resume-cfm .sign-box{position:absolute;bottom:0;right:0}
.resume-cfm .sign-box span{display:inline-block;vertical-align:middle;min-width:66px;text-align:right}
.resume-cfm .sign-box p,
.resume-cfm .sign-box span{color:#151515;font-size:15px;text-align:right}
.resume-cfm .sign-box p.sign{margin:20px 0 0}
.resume-cfm .sign-box p.sign span{;width:177px}



.resume-view.resume2 .inner {padding:20px 0 0;background:url(../images/bg/bg_logo.jpg) no-repeat 740px top;}
.resume-view.resume2 .inner .logo{text-align:left;margin: 0 0 20px}
.resume-view.resume2 .inner .logo div{display:inline-block;text-align:left}
.resume-view.resume2 .inner .logo p{font-size:29px;color:#151515;letter-spacing:25px;font-weight:800;margin:5px 0 0}
.resume-view.resume2 .inner .logo p{letter-spacing:0}
.resume-view.resume2 .inner table th,
.resume-view.resume2 .inner table td{text-align:left}
.resume-view.resume2 .inner table th {padding: 0 30px}
.resume-view.resume2 .inner table td {padding:10px 30px;}
.resume-view.resume2 .inner table td div{min-height:220px;}

/* 160619 추가 */
.whitebox{background:#fff;margin:-25px 0 -90px}
.chatBox {position:relative;float:left;width:452px;height:920px;margin:100px 0 130px;background:url(../images/sub/bg_sms.jpg) no-repeat;}
.chatBox > ul{position:absolute;top:169px;left:0;padding:15px 42px;height:549px;overflow-y:auto}
.chatBox li{position:relative;margin:20px 0 0}
.chatBox li:first-child{margin:0}
.chatBox li .btn{position:absolute;bottom:0}
.chatBox li .btn-del{display:inline-block;width:23px;height:0;padding-top:23px;overflow:hidden;background:url(../images/sub/btn_del.png) no-repeat}
.chatBox li .date{display:block;text-align:left;font-size:12px;color:#8f8f8f;line-height:22px}
.chatBox li .con{position:relative;z-index:1;border-radius:2px;}
.chatBox .receive{background:url(../images/sub/bg_arr.gif) no-repeat 0 32px;padding-right:61px}
.chatBox .receive .name{width:100%;text-align:left;line-height:32px;height:32px;font-size:15px;letter-spacing:-1px;color:#343434}
.chatBox .receive .con{margin-left:14px;padding:20px 25px;background:#f6f6f6;color:#595959;font-size:15px;line-height:21px}
.chatBox .receive .btn{right:0}

.chatBox .send{background:url(../images/sub/bg_arr2.gif) no-repeat right 0 ;padding-left:61px}
.chatBox .send .con{margin-right:14px;padding:20px 25px;background:#d08403;color:#fff;font-size:15px;line-height:21px}
.chatBox .send .btn{left:0}

.chatBox .sendBox {position:absolute;bottom:110px;left:0;margin:0 35px;padding:8px 0;font-size:0}
.chatBox .sendBox .btn-send,
.chatBox .sendBox .input-style2{position:relative;z-index:1;display:inline-block;vertical-align:middle;border-radius:2px}
.chatBox .sendBox .input-style2 {border:1px solid #d7d7d7;background:#fff;padding:0 10px;width:290px;height:43px;margin-right:5px}
.chatBox .sendBox .input-style2 input{width:100%;height:100%;font-size:16px;line-height:43px}
.chatBox .sendBox .btn-send{width:60px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#fff;background:#4c4c4c}
.history {float:right;width:409px;margin:122px 0 0}

/* 160610 추가 */
.state .tab{display:inline-block;vertical-align:middle;font-size:0;text-align:left}
.state .tab li{display:inline-block;margin-left:2px;}
.state .tab li:first-child{margin:0}
.state .tab li a{display:block;padding:0 18px;line-height:59px;color:#afafaf;font-size:16px;background:#f6f6f6}
.state .tab li a:hover,
.state .tab li.on a{background:#d08403;color:#fff}
.state .tab li a.tab01{padding-left:58px;background:url(../images/sub/tab-01.png) no-repeat 18px center #f6f6f6}
.state .tab li a.tab01:hover,
.state .tab li.on a.tab01{background:url(../images/sub/tab-01_on.png) no-repeat 18px center #d08403}
.state .tab li a.tab02{padding-left:52px;background:url(../images/sub/tab-02.png) no-repeat 18px center #f6f6f6}
.state .tab li a.tab02:hover,
.state .tab li.on a.tab02{background:url(../images/sub/tab-02_on.png) no-repeat 18px center #d08403}
.state .tab li a.tab03{padding-left:65px;background:url(../images/sub/tab-03.png) no-repeat 18px center #f6f6f6}
.state .tab li a.tab03:hover,
.state .tab li.on a.tab03{background:url(../images/sub/tab-03_on.png) no-repeat 18px center #d08403}
.state .tab li a.tab04{padding-left:60px;background:url(../images/sub/tab-04.png) no-repeat 18px center #f6f6f6}
.state .tab li a.tab04:hover,
.state .tab li.on a.tab04{background:url(../images/sub/tab-04_on.png) no-repeat 18px center #d08403}
.state .tab li a.tab05{padding-left:55px;background:url(../images/sub/tab-05.png) no-repeat 18px center #f6f6f6}
.state .tab li a.tab05:hover,
.state .tab li.on a.tab05{background:url(../images/sub/tab-05_on.png) no-repeat 18px center #d08403}

.select-box{position:relative;display:inline-block;vertical-align:middle}
.select-box select {position:relative;z-index:10;border: none;background:none; outline:none; opacity: 0; -webkit-appearance: none;filter: alpha(opacity=0);  } 
.select-box .selecttext {display:block;width:100%;z-index: 9;position: absolute;top:0;left: 0; display: inline-block; *zoom: 1;height:35px;line-height:35px;padding:0 10px;box-sizing:border-box;background:url(../images/common/select_bg.gif) no-repeat right #fff ;border:1px solid #e5e5e5;z-index:1;}
/* 160610 추가 end*/

/* 170227 추가 */
.comnBox {clear:both; display:block; height:auto; overflow:hidden;}
.comnBox .midTitle {color:#151515; font-size:24px; margin:60px 0 40px 0; font-weight:bold;}
.comnBox .midCon {color:#666; font-size:15px; line-height:24px;}
.comnBox .highCon {color:#cd8306; font-size:20px; line-height:30px; margin:30px 0;}
.serTable {display:block; height:auto; overflow:hidden;}
.serTable table {padding:0; margin:0; width:100%;}
.serTable td {text-align:center; font-size:15px; height:50px;}
.serTable tr:nth-child(odd) td {background:#FFF; border-right:1px solid #f6f6f6;}
.serTable tr:nth-child(odd) td:nth-child(3) {border-right:0px;}
.serTable tr:nth-child(even) td {background:#ececec; border-right:1px solid #FFF;}
.serTable tr:nth-child(even) td:nth-child(3) {border-right:0px;}
.markSer {text-align:center; margin-top:30px;}

.appTable {clear:both; display:block; height:auto; overflow:hidden; margin:40px 0;}
.appTable table {padding:0; margin:0; width:100%;}
.appTable th, .appTable td {height:50px; border-bottom:1px solid #f6f6f6; text-align:left; font-weight:normal; font-size:15px; box-sizing:border-box;}
.appTable th {background:#beaf94; color:#FFF; padding:0 15px;}
.appTable td {background:#FFF; color:#858585; padding:12px;}
.appTable td textarea {display:inline-block; width:100%; height:140px; border:1px solid #ececec; padding:10px; box-sizing:border-box; color:#333; font-size:14px; line-height:20px;}
.appTable .appTitle {color:#666; font-size:18px; margin-bottom:20px;}

.btnArea {clear:both; height:auto; overflow:hidden;}
.arCenter {text-align:center;}
.arRight {text-align:right !important;}
.mpSet {margin:110px 0 30px 0;}
.maR30 {margin-right:30px;}
.maB5 {margin-bottom:5px;}
.tBrown {color:#beaf94; font-size:16px;}
.btnApply a {display:inline-block; padding:0 35px; border:2px solid #cd8306; background:#FFF; color:#cd8306 !important; font-size:26px; height:75px; line-height:75px;}
.inputApp {display:inline-block; width:100%; height:38px; border:1px solid #ececec; padding:0 10px; box-sizing:border-box; color:#333; font-size:15px;}
.wdPerMin {width:83% !important;}

.cauBox {clear:both; display:block; height:auto; overflow:hidden; background:#FFF; border:6px solid #eee; padding:20px; margin-top:40px;}
.cauBox p {font-size:14px; color:#333; line-height:1.5;}
.cauBox p a {display:inline-block; color:#d08403; font-weight:bold; text-decoration:underline;}
.cauBox .cauTitle {font-weight:bold; margin-bottom:10px;}
.cauBox .cont {color:#666; margin-bottom:10px;}
.cauBox .cont:last-child {margin-bottom:0;}