/* 공통 */

.subTit {text-align:center; font-size:40px; color:#000; font-weight:600; margin-bottom:50px;}
.subTit span {font-size:16px; font-weight:500; color:#49b345; display:block; margin-top:10px;}
.subTit em {font-size:20px; color:#666; margin-top:30px; display:block; font-weight:normal;}
.m_none {display:block;}
.m_block {display:none;}

h4.subTit2 {text-align:center; font-size:24px; font-weight:600; color:#333; margin:100px 0 30px; padding-bottom:30px; border-bottom:1px solid #ddd;}
h4.subTit2 span {color:#4ab748; font-weight:600; font-size:20px; margin-left:5px;}



.input01 {height:45px; line-height:45px; border:1px solid #ddd; padding:0 10px; box-sizing:border-box;}
.w100 {width:100% !important;}
.w50 {width:50% !important;}
.textarea1 {width:100%; height:180px; border:1px solid #ddd; padding:10px; box-sizing:border-box;}
.mb0 {margin-bottom:0px !important;}
.pb0 {padding-bottom:0px !important;}
.mt95 {margin-top:95px !important;}
.bb_bbb {border-bottom:1px solid #ddd;}
.bg_grey {background:#f6f6f6;}

.subVisual {width:100%; height:300px; text-align:center; position:relative;}
.subVisual .inner {height:100%;}

.subVisual_bg1 {background:url(../images/sub/sub_visual1.jpg) no-repeat center bottom / cover;}
.subVisual_bg2 {background:url(../images/sub/sub_visual2.jpg) no-repeat center bottom / cover;}
.subVisual_bg3 {background:url(../images/sub/sub_visual3.jpg) no-repeat center bottom / cover;}
.subVisual_bg4 {background:url(../images/sub/sub_visual4.jpg) no-repeat center bottom / cover;}
.subVisual_bg5 {background:url(../images/sub/sub_visual5.jpg) no-repeat center bottom / cover;}
.subVisual_bg6 {background:url(../images/sub/sub_visual6.jpg) no-repeat center bottom / cover;}

.subVisual h2 {font-size:40px; font-weight:600; color:#fff; padding-top:100px;}
.subVisual .subtab {position:relative; bottom:-73px; width:100%; overflow:hidden; box-sizing:border-box; border-bottom:1px solid #ddd;}
.subVisual .subtab li {position:relative; background:#fff; text-align:center; box-sizing:border-box; float:left;}
.subVisual .subtab li:before {position:absolute; right:0; bottom:20px; background-color:#ddd; width:1px; height:20px; content:''; display:block;}
.subVisual .subtab li:last-child:before {display:none;}
.subVisual .subtab li a {display:block; padding:20px 0; width:100%; font-size:18px; font-weight:500; color:#999; }
.subVisual .subtab li.on a {color:#4eb342; font-weight:600; border-top:3px solid #49b345; padding:18.5px 0;}
.subVisual .subtab2 li {width:50%;}
.subVisual .subtab4 li {width:25%;}
.subVisual .subtab6 li {width:16.6666%;}
.subVisual .subtab7 li {width:14.28%;}

.inputArea input[type="checkbox"]{display: none;}
.inputArea input[type="checkbox"] + label {line-height:20px; font-size:14px; color: #333; cursor: pointer;}
.inputArea input[type="checkbox"] + label span {display: inline-block; width:20px; height:20px; margin-right: 10px !important; vertical-align: sub; background:url(../images/sub/check_off.png) center no-repeat; cursor: pointer;}
.inputArea input[type="checkbox"]:checked + label span {background:url(../images/sub/check_on.png) center no-repeat;}

.subNav {text-align:right; overflow:hidden; padding:15px 0 40px;}
.subNav ul {overflow:hidden;}
.subNav li {display:inline-block; font-size:14px; color:#999; padding-left:25px; position:relative;}
.subNav li:before {position:absolute; left:10px; bottom:5px; background-image:url(../images/sub/nav_icon.png); width:5px; height:9px; content:''; display:block;}
.subNav li:first-child:before {display:none;}
.subNav li .home {width:16px; height:15px; background:url(../images/sub/board_icons.png) no-repeat 0 0;}
.subNav li.on {color:#0a0a0a;}


.agree_div p {font-size:15px; color:#666;}

/* 테이블 */

.tableType1 {width:100%; border-top:2px solid #333;}
.tableType1 tr {border-bottom:1px solid #ddd;}
.tableType1 thead th {font-size:16px; font-weight:600; color:#333; padding:15px 0; background:#f6f6f6;}
.tableType1 tbody td {font-size:16px; font-weight:500; color:#222; padding:15px 0; text-align:center;}
.tableType1 tbody td .moreBtn {width:84px; height:34px; line-height:34px; text-align:center; font-size:16px; color:#fff; background:#bbb; border-radius:30px;}
.tableType1 tbody td .moreBtn:hover {background:#49b345;}



/* 고객의 소리  */

.petternDiv { background:url(../images/sub/pattern.png) repeat 0 0; box-sizing:border-box; padding:10px;}
.petternDiv_inner {box-sizing:border-box; background:#fff;}
.noticeDiv .petternDiv {margin-bottom:50px;}
.noticeDiv .noticeTit {margin-bottom:20px; position:relative;}
.noticeDiv .noticeTit .num {font-size:16px; color:#000; font-weight:500;}
.noticeDiv .noticeSearch {text-align:center; margin-bottom:60px;}
.noticeDiv .noticeSearch .select01 {width:200px; height:44px; line-height:44px; background:url(../images/common/selectArrow.png) no-repeat 90% 50% #f6f6f6; text-align:left; box-sizing:border-box; padding:0 20px; vertical-align:middle; border:1px solid #f6f6f6;}
.noticeDiv .noticeSearch .searchDiv {position:relative; display:inline-block;}
.noticeDiv .noticeSearch .searchDiv input[type="text"] {margin:0 5px; vertical-align:middle; width:460px; height:44px; line-height:44px; font-size:16px; padding:0 15px; box-sizing:border-box; border:1px solid #f6f6f6; background:#f6f6f6;}
.noticeDiv .noticeSearch .searchDiv button {vertical-align:middle; width:84px; height:44px; text-align:center; font-size:18px; font-weight:500; color:#fff; background:#273e5b;border:1px solid #273e5b;}

.noticeDiv .noticeTxt {text-align:center; padding:40px 0 ;}
.noticeDiv .noticeTxt p {font-size:20px; color:#222;}
.noticeDiv .noticeTxt button {margin-top:20px; width:130px; height:44px; line-height:44px; text-align:center; font-size:18px; font-weight:500; color:#fff; background:#49b345;}

.listPage { margin:auto 0; text-align: center; zoom: 1; clear:both; padding-top:60px; }
.listPage button {vertical-align:middle; display:inline-block; text-indent: -9999px; margin:0 10px;}
.listPage .btnPrev2 {background: url(../images/sub/list_prev2.png) no-repeat 50% 50%}
.listPage .btnPrev {background: url(../images/sub/list_prev.png) no-repeat 50% 50%}
.listPage ul {vertical-align:middle; display: inline-block; overflow: hidden; }
.listPage li { float: left; margin:0 10px; }
.listPage li:hover a, .listPage li.on a {color:#49b345; font-weight:600;}
.listPage li a { display: block; font-size: 14px; color:#282828; text-align: center; font-family: 'Poppins'; }
.listPage .btnNext {background:url(../images/sub/list_next.png) no-repeat 50% 50%; }
.listPage .btnNext2 {background:url(../images/sub/list_next2.png) no-repeat 50% 50%; }

.boardView_reply {background:#f6f6f6;} 
.boardView_reply .fileArea {background:#eee !important;}
.boardView {width:100%; border-top:1px solid #000; border-bottom:1px solid #ddd; margin-bottom:50px; }
.boardView .titArea {padding:25px 30px; border-bottom:1px solid #ddd; text-align:left; position:relative;}
.boardView .titArea .tit {font-size:24px; color:#333; font-weight:500;}
.boardView .titArea .tit .reply {color:#49b345; font-weight:normal;}
.boardView .titArea .info {font-size:14px; color:#666; margin-top:15px;}
.boardView .titArea .info .name {margin-right:12px;}
.boardView .titArea .state {position:absolute; right:40px; top:25px; border-radius:30px; display:inline-block; color:#fff; width:84px; height:34px; line-height:34px; font-size:16px; text-align:center;}
.boardView .titArea .state1 {background:#bbb;}
.boardView .titArea .state2 {background:#49b345;}
.boardView .txtArea {padding:40px 30px 60px; border-bottom:1px solid #ddd; position:relative; }
.boardView .txtArea p {font-size:16px; color:#333; line-height:1.7;}
.boardView .txtArea img {margin:30px auto; text-align:center; display:block; width:100% !important;}
.boardView .fileArea {background:#f6f6f6; font-size:16px; color:#666; padding:15px 30px; box-sizing:border-box; }

.boardView .prevNext > div > a {display:block; width:100%; vertical-align:middle;}
.boardView .prevNext > div span {padding:15px 0 ; display:inline-block; vertical-align:middle; font-size:16px; color:#999;}
.boardView .prevNext .arrow {line-height:1.5; padding-left:20px; box-sizing:border-box; text-align:center; width:90px; color:#4eb342; }
.boardView .prevNext .prev {border-bottom:1px solid #e2e2e2; }
.boardView .prevNext .tit {width:calc(100% - 110px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.5;}


.listBtn {text-align:center; margin:80px 0;}
.listBtn button { font-size:18px;  font-weight:500; display:inline-block; margin:0 3px; text-align:center; box-sizing:border-box; width:122px; height:50px; line-height:48px; }
.listBtn .btn1 {background:#fff; border:1px solid #313131; color:#313131; }
.listBtn .btn2 {background:#313131; border:1px solid #313131; color:#fff;}
.listBtn .btn3 {background:#49b345; border:1px solid #49b345; color:#fff;}

.writeBtn {text-align:right; margin-top:15px;}
.writeBtn button {display:inline-block; text-align:center; box-sizing:border-box; width:120px; height:40px; line-height:38px; font-size:16px; color:#fff;background:#524c4a; border:1px solid #524c4a;}

.write_form_type {border-top:1px solid #000;}
.write_form_type .row {min-height: 50px; border-bottom:1px solid #ddd; }
.write_form_type .row:after {display: block; clear: both; *zoom: 1; content: '';}
.write_form_type .row.col-2 .col {float: left; width: 50%;}
.write_form_type .row.col-2 .col:after {display: block; clear: both; *zoom: 1; content: '';}
.write_form_type .row .label {padding:20px 0px 20px 30px; background:#f8f8f8; float: left; display: block; box-sizing: border-box; width:160px; font-size: 16px; font-weight: 500; color:#343231; text-align: left;}
.write_form_type .row .label_h {line-height:165px;}
.write_form_type .row .input_box {float: left; box-sizing: border-box; width: calc(100% - 180px); padding: 10px 20px;}
.write_form_type .row .input_box input {vertical-align:middle; box-sizing: border-box; padding: 0 10px; color: #333; border: 1px solid #ddd; background-color: #fff;}
.write_form_type .row .input_box .phone_input {vertical-align:middle; width:130px; margin-right:5px;}
.write_form_type .row .input_box select {vertical-align:middle; width:130px; height:45px; background:url(../images/common/selectArrow2.png) no-repeat 90% 50%; text-align:left; font-size:16px; padding:0 10px; border:1px solid #ddd; box-sizing:border-box; color:#999; }
.write_form_type .row .input_box .inputArea {display:inline-block; margin-left:10px;}

.filebox label {vertical-align:middle; display: inline-block; font-size:16px; color:#fff; text-align:center; width:100px; height:40px; line-height:40px; background:#777; cursor:pointer;}
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox .upload_name {border:0 !important; width:50%; display: inline-block; height:40px; line-height:40px; font-size: 14px; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; color:#919aa3; background:none; border:none;}

.noticeDiv .agreeBox .agreeBox_tit {font-size:16px; font-weight:500; color:#333; margin:40px 0 10px;}
.noticeDiv .agreeBox .agreeCheck {margin:20px 0 ;}
.noticeDiv .agreeBox .agreeCheck label {font-size:14px; color:#333; font-weight:500; }
.noticeDiv .agreeBox .agreeTxt {overflow-y:scroll; width: 100%; height:153px; border:1px solid #ddd; padding:20px; box-sizing:border-box; font-size:14px; color:#777; font-weight:500; background:#f6f6f6;}

/* 팝업 */

.popup01 .popup_wrap {width:440px; padding:25px 20px; box-sizing:border-box; text-align:center; border:1px solid #ccc;}
.sub_popup {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index:999;}
.sub_popup .popup_wrap {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; box-sizing: border-box; background:#fff;}
.sub_popup .popup_wrap .close {display:block; position:absolute; top:0px; right:-41px; width:41px; height:41px;background:url(../images/sub/esc_popup.png) no-repeat 50% 50%; cursor: pointer;}
.sub_popup .popup_wrap .titArea p {margin-top:20px; font-size:20px; font-weight:500; color:#333;}
.sub_popup .popup_wrap .titArea p span {font-weight:normal; display:block; font-size:14px; color:#333; margin-top:5px;}
.sub_popup .popup_wrap .conArea input[type="password"] {margin-top:20px; width:100%; height:40px; line-height:40px; border:1px solid #ddd; font-size:16px; box-sizing:border-box; padding:0 10px; background:#f5f5f5;}
.sub_popup .popup_wrap .popupBtns {margin-top:20px;}
.sub_popup .popup_wrap .popupBtns button {display:inline-block; text-align:center; box-sizing:border-box; width:120px; height:50px; line-height:50px; font-size:18px; color:#fff; background:#49b345; border:1px solid #49b345;}




/* 반응형 테이블 */

.likeTbl{width:100%; margin-bottom:20px; border-top:2px solid #333;}
.likeTbl > ul{display:table;width:100%;}
.likeTbl > ul > li{display:table-row;width:100%;}
.likeTbl > ul > li:hover {background:#f8f8f8;}
.likeTbl > ul > li > div{display:table-cell;}
.likeTbl > ul > li.likeTblTh > div{padding:15px 0; border-top:1px solid #000; border-bottom:1px solid #ddd; color:#343231; vertical-align:middle; text-align:center; font-size:16px; font-weight:500;}
.likeTbl > ul > li.likeTblTh > div a{color:#343231; font-size:16px; font-weight:500;}
.likeTbl > ul > li.likeTblTd > div {color:#777; font-size:16px; padding:15px 2px;border-bottom:1px solid #ccc; vertical-align:middle;}
.likeTbl > ul > li.likeTblTd .bo_tit2 {color:#292929; font-size:14px; text-align:center;}
.likeTbl > ul > li.likeTblTd .td_subject a{-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.likeTbl > ul > li.likeTblTd .td_subject .bo_tit a{display:block; color:#000;}
.likeTbl > ul > li.likeTblTd .td_subject .bo_tit a em{font-style:normal;}
.likeTbl .bo_tit .icon {background-image:url(../images/sub/board_icons.png); vertical-align:middle; margin:0 5px;}
.likeTbl .bo_tit .lock_icon {width:11px; height:15px; background-position:-58px 0;}
.likeTbl .bo_tit .link_icon {width:15px; height:15px; background-position:-30px 0;}

.bo_notice,
.bo_notice > div {background:#444 !important;}
.likeTbl > ul > li.bo_notice  .td_subject .bo_tit a{color:#343231;}
.likeTbl .td_board {width:120px;text-align:center}
.likeTbl .td_chk {width:30px;text-align:center}
.likeTbl .td_name {width:100px;text-align:center;padding:10px 0}
.likeTbl .td_datetime {width:200px;text-align:center; color:#777; }
.likeTbl .td_num {width:100px; text-align:center; color:#666; font-size:16px;}
.likeTbl .td_state {width:100px;text-align:center; }
.likeTbl .td_state .state {border-radius:30px; display:inline-block; color:#fff; width:84px; height:34px; line-height:34px; font-size:16px; text-align:center;}
.likeTbl .td_state .state1 {background:#bbb;}
.likeTbl .td_state .state2 {background:#49b345;}
.likeTbl .bo_tit a {font-size:16px; color:#333;}
.onlyMvV{display:none;}


/* 제일안전서비스 뉴스 */

.noticeList {border-top:1px solid #000; border-bottom:1px solid #000;}
.noticeList li {overflow:hidden; padding:30px 0; border-bottom:1px solid #ddd;}
.noticeList li:last-child {border-bottom:0;}
.noticeList li .txtArea {float:left; width:calc(100% - 300px);}
.noticeList li .txtArea .tit {font-size:20px; font-weight:500; color:#000; margin-top:15px;}
.noticeList li .txtArea .con {font-size:16px; color:#666; margin:20px 0;}
.noticeList li .txtArea .day {font-size:14px; color:#666;}
.noticeList li .imgArea {float:right;}


/* 제일안전서비스 CI */

.ciDiv {overflow:hidden;}
.ciDiv .imgArea {float:left; width:50%;}
.ciDiv .txtArea {float:right; width:40%;}
.ciDiv .txtArea li {padding-bottom:40px; border-bottom:1px solid #ddd;}
.ciDiv .txtArea li:nth-child(2) {margin-top:25px;}
.ciDiv .txtArea .tit {font-size:16px; font-weight:500; color:#333; position:relative; padding-left:15px;}
.ciDiv .txtArea .tit:before {position:absolute; left:0%; top:10px; background-color:#1755a1; width:4px; height:4px; content:''; display:block;}
.ciDiv .txtArea .txt {font-size:16px; color:#666; padding-left:15px;}
.ciDiv .txtArea .downBtn {margin-top:25px; display:inline-block; width:196px; height:50px; line-height:50px; background:#49b345; font-size:18px; color:#fff; font-weight:500; text-align:center;}


/* 인사말 */

.ceoDiv {overflow:hidden;}
.ceoDiv .imgArea {width:35%; float:left;}
.ceoDiv .imgArea img {width:100%;}
.ceoDiv .txtArea {float:left; width:65%;}
.ceoDiv .txtArea {padding-left:85px; box-sizing:border-box;}
.ceoDiv .txtArea .tit {font-size:30px; color:#333; margin:25px 0 15px;}
.ceoDiv .txtArea .txt {font-size:16px; color:#666; line-height:1.6;}
.ceoDiv .txtArea .sign {margin-top: 15px;}


/* 로그인 */

.loginTit {font-size:18px; color:#333; font-weight:500; margin-bottom:30px; text-align:center}
.login_bg {width:600px; background:#fff; padding:60px; box-sizing:border-box; border:1px solid #ddd; margin:0 auto;}
.login_bg ul li:first-child {margin-bottom:10px}
.login_bg ul li input[type="text"] {width:480px; height:50px; line-height:48px; font-size:16px; color:#666; padding:0px 15px; box-sizing:border-box; border:1px solid #ddd}
.login_bg ul li input[type="password"] {width:480px; height:50px; line-height:48px; font-size:16px; color:#666; padding:0px 15px; box-sizing:border-box; border:1px solid #ddd}
.login_bg .loginBtn {margin:30px 0 25px; width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; font-weight:500; background:#003d6c;}
.loginMenu {text-align:center; }
.loginMenu a {position:relative; font-size:14px; color:#666; display:inline-block; padding:0 20px;}
.loginMenu a:before {position:absolute; right:0px; bottom:0px; background-color:#ddd; width:1px; height:18px; content:''; display:block;}
.loginMenu a:last-child:before {display:none;}


/* 비전 */

.visionDiv .visionCon1 {text-align:center; }
.visionDiv .visionCon1 .tit {font-size:24px; color:#333; margin-bottom:30px;}
.visionDiv .visionCon1 .tit strong {font-weight:600;}
.visionDiv .visionCon1 .tit span {display:block; font-size:16px; color:#666;}

.visionDiv .visionCon2 ul {overflow:hidden; margin:0 -5px;}
.visionDiv .visionCon2 ul li {width:32.5%; float:left; margin:0 0.4%; position:relative; box-sizing:border-box; text-align:center; border:1px solid #ddd; padding-top:55px; min-height:280px;}
.visionDiv .visionCon2 ul li .icon {position:absolute; top:0px; left:0px; width:70px; height:70px; background-image:url(../images/sub/vision_icons.png);}
.visionDiv .visionCon2 ul li .icon1 {background-position:0px 0px;}
.visionDiv .visionCon2 ul li .icon2 {background-position:-88px 0px;}
.visionDiv .visionCon2 ul li .icon3 {background-position:-176px 0px;}
.visionDiv .visionCon2 ul li p {font-size:16px; color:#666; line-height:1.7;}
.visionDiv .visionCon2 ul li p span {display:block; font-size:20px; font-weight:600; color:#333; margin-bottom:10px;}


.visionDiv .visionCon3 .conArea {width:100%; margin-bottom:20px; border:1px solid #ddd; box-sizing:border-box;}
.visionDiv .visionCon3 .conArea ul {overflow:hidden;}
.visionDiv .visionCon3 .conArea > ul > li {float:left; line-height:80px; height:80px;}
.visionDiv .visionCon3 .conArea .num {width:100px; text-align:center; font-size:34px; font-weight:600; color:#fff;  background:#4ab748;} 
.visionDiv .visionCon3 .conArea .tit {width:300px; text-align:left; box-sizing:border-box; padding-left:40px; font-size:16px; color:#333; font-weight:600; background:#e9eef4;}
.visionDiv .visionCon3 .conArea .txt {padding-left:40px; overflow:hidden}
.visionDiv .visionCon3 .conArea .txt ul li {float:left; margin-right:30px; font-size:14px; color:#666;}
.visionDiv .visionCon3 .conArea .txt ul li:last-child {margin-right:0;} 

/* 연혁 */
.history_tab_wrapper{width:100%;display:flex;justify-content:center;}
.history_tab_wrapper .history_tab{width:160px;height:160px;background-image:url('../images/sub/history_pos.png');}
.history_tab_wrapper .history_tab .txt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:28px;color:#FFFFFF;line-height:1;margin-top:-5px;}

.historyDiv .tab_container{display:flex;flex-direction:column;flex-wrap:wrap;}
.historyDiv .tab_container::before{position:absolute;content:'';width:1px;height:100%;background:#D8D8D8;left:50%;}
.historyDiv .tab_container .cont{display:flex;width:100%;}
.historyDiv .tab_container .cont:nth-child(odd){justify-content:end;}
.historyDiv .tab_container .cont:nth-child(odd) .tab_content{padding-left:50px;}
.historyDiv .tab_container .cont:nth-child(even) .tab_content {justify-content:end;padding-right:50px;}

.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li{align-items:end;}
.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li .yearArea li{flex-direction:row-reverse;align-items:start;gap:0 20px;}
.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li .yearArea li .year{padding-left:0;padding-right:15px;}
.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li .yearArea li .year::before{left:inherit;right:0;}
.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li .yearArea li p{text-align:right;}
.historyDiv .tab_container .cont .tab_content{position:relative;width:50%;display:flex;box-sizing:border-box;}
.historyDiv h4.historyTit {text-align:center; font-size:20px; color:#666; font-weight:normal;}
.historyDiv .yearTab {overflow:hidden; margin:50px auto; width:500px; height:61px; line-height:61px; border:1px solid #ddd; box-sizing:border-box;}
.historyDiv .yearTab li {float:left; width:33.333%; text-align:center;}
.historyDiv .yearTab li a {font-size:20px; color:#666;}
.historyDiv .yearTab li.active {background:#1254a1;}
.historyDiv .yearTab li.active a {color:#fff; font-weight:600;}
.historyDiv .historyUl {overflow:hidden;}
.historyDiv .historyUl > li {margin:0 auto;  padding:20px 0 40px; overflow:hidden; width:100%; box-sizing:border-box;display:flex;flex-direction:column;align-items:start;}
.historyDiv .historyUl > li > div {float:left; }
.historyDiv .historyUl .dayTit {font-weight:500; font-size:30px; color:#49B345; float:left; letter-spacing:-1px;margin-bottom:10px;}
.historyDiv .cont:nth-child(odd) .historyUl .dayTit::before {position:absolute;content:'';width:8px;height:8px;border-radius:50%;border:3px solid #49B345;left:-7px;top:38px;background:#FFF;}
.historyDiv .cont:nth-child(even) .historyUl .dayTit::after {position:absolute;content:'';width:8px;height:8px;border-radius:50%;border:3px solid #49B345;right:-7px;top:38px;background:#FFF;}


.historyDiv .historyUl_line1 .yearArea:before {height:95% !important;}
.historyDiv .historyUl_line2 .yearArea:before {height:74% !important;}
.historyDiv .historyUl .yearArea {position:relative;}


.historyDiv .historyUl .yearArea:before {position:absolute; left:76px; top:15px; width:2px; height:80%; content:''; display:block;}
.historyDiv .historyUl .yearArea > li {overflow:hidden; margin-bottom:25px;display:flex;}
.historyDiv .historyUl .yearArea > li:last-child {margin-bottom:0;}
.historyDiv .historyUl .yearArea > li .year {position:relative;font-size:26px; color:#000;  float:left;  letter-spacing:-1px;padding-left:15px;}
.historyDiv .historyUl .yearArea > li .year::before {position:absolute;content:'';left:0;top:18px;width:5px;height:5px;background:#D8D8D8;border-radius:50%;}

.historyDiv .historyUl .yearArea > li div {float:left; padding-top:7px; }
.historyDiv .historyUl .yearArea > li div p {position:relative; box-sizing:border-box; padding-left:20px; font-size:16px; color:#666; letter-spacing:-1px; }
#historyDiv .historyUl .yearArea > li div p:before {position:absolute; left:17px; border-radius:50%; top:7px; background-color:#fff; border:3px solid #4ab748; box-sizing:border-box; width:12px; height:12px; content:''; display:block;}
.historyDiv .historyUl .yearArea > li div p span {line-height:1.7; font-size:14px; color:#999; display:block; margin-left:10px;}


/* 관계사 */

.partnerUl {overflow:hidden; padding:0 -10px;}
.partnerUl li {float:left; width:25%; padding:0 10px; text-align:center; box-sizing:border-box;}
.partnerUl li .name {font-size:16px; color:#666; margin:15px 0 30px;}
.partnerUl li img {width:100%;}

/* 오시는길 */

.mapDiv {position:relative; padding-bottom:255px;}
.mapDiv .mapArea {width:100%; height:500px;}
.mapDiv .infoArea {position:absolute; bottom:0px; left:110px; width:680px; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
.mapDiv .infoArea ul li {padding:0 35px; width:100%; height:120px; box-sizing:border-box; border-bottom:1px solid #ddd; overflow:hidden; display:table;}
.mapDiv .infoArea ul li:last-child {border-bottom:0;}
.mapDiv .infoArea ul li span {display:table-cell; vertical-align:middle}
.mapDiv .infoArea ul li .tit {font-size:16px; color:#666; box-sizing:border-box; width:180px;}
.mapDiv .infoArea ul li .txt {font-size:16px; color:#333; width:calc(100% - 180px);}
.mapDiv .infoArea ul li .icon {vertical-align:middle; margin-right:40px;  width:60px; height:60px; background-image:url(../images/sub/map_icons.png);}
.mapDiv .infoArea ul li .icon1 {background-position:0px 0px;}
.mapDiv .infoArea ul li .icon2 {background-position:-70px 0px;}
.mapDiv .infoArea ul li .icon3 {background-position:-142px 0px;}

/* 조직도 */
.organizationTable {width: 100%;}
.organizationTable form {width: 300px; margin: auto; margin-bottom: 10px;}
.organizationTable form select {width: 100%; height: 30px; line-height: 30px;}
.organizationTable form select option {}
.organizationTable table {width: 100%; margin-bottom: 50px;}
.organizationTable table thead {}
.organizationTable table thead tr {}
.organizationTable table thead tr th {text-align: center; padding: 10px 0; background: #ddd; border: 1px solid #666;}
.organizationTable table tbody {}
.organizationTable table tbody tr {}
.organizationTable table tbody tr td {text-align: center; padding: 10px 0; border: 1px solid #666; border-top: none;}
.organizationDiv {text-align:center;}
.organizationDiv img {margin:0 auto;}


/* 서비스 개요 */

.serviceArea1 {overflow:hidden; margin-bottom:100px;}
.serviceArea1 > div {width:50%; float:left;}
.serviceArea1 .txtArea {padding-top:80px;}
.serviceArea1 .txtArea ul li {position:relative;}
.serviceArea1 .txtArea ul li .icon {position:absolute; left:0px; top:0px; background-image:url(../images/sub/service_info_icons.png);}
.serviceArea1 .txtArea ul li .icon1 {width:49px; height:42px; background-position:0px 0px;}
.serviceArea1 .txtArea ul li .icon2 {width:48px; height:47px; background-position:-71px 0px;}
.serviceArea1 .txtArea ul li .icon3 {width:48px; height:50px; background-position:-148px 0px;}
.serviceArea1 .txtArea ul li div {padding:10px 0 0 70px; margin-bottom:40px;}
.serviceArea1 .txtArea ul li div p span {font-size:20px; font-weight:500; color:#000; display:block; margin-bottom:10px;}
.serviceArea1 .txtArea ul li div p {font-size:16px; color:#666;}

.serviceArea2 {padding:100px 0;}
.serviceArea2 .serviceBox {background:#fff;}
.serviceArea2 .serviceBox > div {overflow:hidden; padding:45px 0; margin:0 80px; box-sizing:border-box; border-bottom:1px solid #ddd;}
.serviceArea2 .serviceBox .tit {box-sizing:border-box; width:40%; float:left; font-size:24px; font-weight:500; color:#000; padding-left:85px;}
.serviceArea2 .serviceBox .tit span {color:#46ba3d;}
.serviceArea2 .serviceBox .con1 .tit {background:url(../images/sub/num1.png) no-repeat 0 0;}
.serviceArea2 .serviceBox .con2 .tit {background:url(../images/sub/num2.png) no-repeat 0 0;}
.serviceArea2 .serviceBox .con3 .tit {background:url(../images/sub/num3.png) no-repeat 0 0;}
.serviceArea2 .serviceBox ul {float:left; width:60%;}
.serviceArea2 .serviceBox ul li {font-size:18px; color:#666; line-height:1.5; position:relative; padding-left:15px;}
.serviceArea2 .serviceBox ul li:before {position:absolute; left:0px; top:13px; background-color:#49bd42; width:3px; height:3px; content:''; display:block;}



/* 사업분야 */

.serviceDiv .serviceInfo > li {margin-bottom:120px; position:relative;}
.serviceDiv .serviceInfo > li:last-child {margin-bottom:0;}
.serviceDiv .serviceInfo > li:after {content:''; clear:both; height:0; display:block; visibility:hidden;}
.serviceDiv h4.serviceTit {font-size:24px; color:#333; text-align:center; margin-bottom:105px; font-weight:normal;}
.serviceDiv h4.serviceTit span {color:#4cb64b; font-weight:500; }
.serviceDiv .lt {float:left; left:0px;}
.serviceDiv .rt {float:right; right:0px; }
.serviceDiv .rt.txtArea {padding:75px 0 75px 305px;}
.serviceDiv .imgArea {position:relative; width:55%; z-index:2;}
.serviceDiv .imgArea img {width:100%}
.serviceDiv .txtArea {width:750px; top:-50px; position:absolute; background:#f6f6f6; box-sizing:border-box; padding:75px 0 75px 93px;}
.serviceDiv .txtArea .tit {margin-bottom:20px; font-size:24px; color:#4cb64b; font-weight:600;}
.serviceDiv .txtArea .txtUl li {font-size:18px; color:#000; line-height:1.7; position:relative; padding-left:15px;}
.serviceDiv .txtArea .txtUl li:before {position:absolute; left:0px; top:13px; background-color:#49bd42; width:3px; height:3px; content:''; display:block;}

/* 프로터치 - 회사소개 */
.intro {padding: 300px 0 0; background: url(../images/sub/intro_bg.jpg) no-repeat center 0 /  contain;}
.intro .txt_area {box-sizing: border-box; width: calc(100% - 200px); margin: 0 auto; padding: 50px 80px; background-color: #fff;}
.intro .txt_area p {line-height: 1.6; font-size: 1.125rem; color: #333; word-break: keep-all;}
.intro .txt_area p em {color: #0866ee;}
.intro .protouch_area {padding: 70px 0; text-align: center;}
.intro .protouch_area strong {position: relative; padding: 0 50px; font-size: 2.25rem; font-weight: 400; color: #000; word-break: keep-all; text-align: center;}
.intro .protouch_area strong:before {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-size: 3.75rem; color: #0866ee; content: '[';}
.intro .protouch_area strong:after {display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 3.75rem; color: #0866ee; content: ']';}
.intro .protouch_area strong em {font-weight: 600;}
.intro .protouch_area p {margin: 20px 0 0 0; font-size: 1.125rem; color: #666; word-break: keep-all;}
.intro .protouch_area p em {font-weight: 600; color: #333;}
.intro .happiness_area {box-sizing: border-box; width: 100%; padding: 60px 90px; background-color: #f0f6fe; border-radius: 30px;}
.intro .happiness_area > strong {display: block; font-size: 1.875rem; font-weight: 400; color: #0866ee; text-align: center;}
.intro .happiness_area ul {margin: 30px 0 0 0;}
.intro .happiness_area ul:after {display: block; clear: both; *zoom: 1; content: '';}
.intro .happiness_area ul li {float: left; width: 33.333333%; text-align: center;}
.intro .happiness_area ul li .img_box {position: relative; padding: 0 0 50px 0;}
.intro .happiness_area ul li .img_box:before {display: block; position: absolute; bottom: 5px; left: 0; right: 0; margin: 0 auto; width: 1px; height: 45px; background-color: #d2e4fc; content: '';}
.intro .happiness_area ul li .img_box:after {display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 7px; height: 7px; background-color: #0866ee; border-radius: 50%; content: '';}
.intro .happiness_area ul li .img_box img {display: block; box-sizing: border-box; width: 100%; max-width: 213px; margin: 0 auto; border: 13px solid #fff; border-radius: 50%;}
.intro .happiness_area ul li .img_box strong {position: absolute; top: calc(50% - 25px); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; font-size: 1.375rem; font-weight: 400; color: #fff;}
.intro .happiness_area ul li .txt_box {margin: 15px 0 0 0; padding: 0 60px;}
.intro .happiness_area ul li .txt_box p {line-height: 1.6; font-size: 1rem; color: #333;}
.intro .promise_area {padding: 120px 0 0 0;}
.intro .promise_area ul {box-sizing: border-box; margin: 50px 0 0 0; width: 100%; padding: 70px 50px; border: 1px solid #ddd;}
.intro .promise_area ul:after {display: block; clear: both; *zoom: 1; content: '';}
.intro .promise_area ul li {float: left; box-sizing: border-box; width: 33.333333%; padding: 0 40px; border-left: 1px solid #ddd;}
.intro .promise_area ul li:first-child {border: 0;}
.intro .promise_area ul li .img_box {position: relative; height: 85px;}
.intro .promise_area ul li .img_box img {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}
.intro .promise_area ul li .txt_box {margin: 50px 0 0 0; text-align: center;}
.intro .promise_area ul li .txt_box strong {display: block; width: 100%; height: 50px; line-height: 50px; font-size: 1.125rem; font-weight: 500; color: #fff; border-radius: 25px; background-color: #36d2d3;}
.intro .promise_area ul li .txt_box p {margin: 20px 0 0 0; line-height: 1.6; font-size: 1.125rem; color: #000; word-break: keep-all;}
.intro .bi_area {padding: 90px 0 0 0;}
.intro .bi_area .con_box {position: relative; margin: 80px 0 0 0; padding: 0 100px 0 50px;}
.intro .bi_area .con_box:after {display: block; clear: both; *zoom: 1; content: '';}
.intro .bi_area .con_box .big_img {position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.intro .bi_area .con_box .big_img img {vertical-align: top; max-width: 100%;}
.intro .bi_area .con_box .bi_txt {float: right; width: 300px;}
.intro .bi_area .con_box .bi_txt li {margin: 40px 0 0 0;}
.intro .bi_area .con_box .bi_txt li:first-child {margin: 0;}
.intro .bi_area .con_box .bi_txt li .img_box img {vertical-align: top;}
.intro .bi_area .con_box .bi_txt li strong {display: block; margin: 20px 0 5px; line-height: 1.2; font-size: 1.5rem; font-weight: 500; color: #0866ee;}
.intro .bi_area .con_box .bi_txt li p {line-height: 1.6; font-size: 1rem; color: #0866ee; word-break: keep-all;}
.intro .bi_area .bi_img {margin: 100px 0 0 0;}
.intro .bi_area .bi_img:after {display: block; clear: both; *zoom: 1; content: '';}
.intro .bi_area .bi_img li {float: left;}
.intro .bi_area .bi_img li:last-child {float: right;}
.intro .bi_area .bi_img li img {max-width: 100%; vertical-align: top;}
.intro .license_area {padding: 160px 0 0 0;}
.intro .license_area .tit {display: block; position: relative; padding: 0 50px; line-height: 1.3; font-size: 1.5rem; font-weight: 600; color: #000; text-align: center; word-break: keep-all;}
.intro .license_area .tit:before {display: block; position: absolute; top: 50%; left: 0; width: 30%; height: 1px; background-color: #000; content: '';}
.intro .license_area .tit:after {display: block; position: absolute; top: 50%; right: 0; width: 30%; height: 1px; background-color: #000; content: '';}
.intro .license_area ul {margin: 50px 0 0 0;}
.intro .license_area ul:after {display: block; clear: both; *zoom: 1; content: '';}
.intro .license_area ul li {position: relative; float: left; overflow: hidden; box-sizing: border-box; width: calc((100% - 50.1px)/6); margin: 0 0 0 10px; border: 1px solid #ddd;}
.intro .license_area ul li:before {display: block; padding-top: 140%; content: '';}
.intro .license_area ul li:first-child {margin: 0;}
.intro .license_area ul li img {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; max-width: 100%;}

/* 인재상 */

.talentDiv h4.talentTit {font-size:24px; color:#333; text-align:center; font-weight:normal; margin-bottom:65px;}
.talentDiv h4.talentTit span {font-weight:500; color:#4fb64c;}
.talentDiv .talentCon1 {background:#f6f6f6; padding:70px 0 113px; text-align:center;}
.talentDiv .talentCon1 .iconUl {margin:0 auto 70px;}
.talentDiv .talentCon1 .iconUl p {font-size:29px; color:#fff; font-weight:500; padding-top:255px;}
.talentDiv .talentCon1 .iconUl li.bg1 p {color:#063972;}
.talentDiv .talentCon1 .iconUl li {margin:0 -40px; display:inline-block; width:412px; height:412px;}
.talentDiv .talentCon1 .iconUl li.bg1 {background:url(../images/sub/talent_icon1.png) no-repeat 50% 50%;}
.talentDiv .talentCon1 .iconUl li.bg2 {background:url(../images/sub/talent_icon2.png) no-repeat 50% 50%;}
.talentDiv .talentCon1 .iconUl li.bg3 {background:url(../images/sub/talent_icon3.png) no-repeat 50% 50%;}
.talentDiv .talentCon1 .txtUl {background:#fff; text-align:left;}
.talentDiv .talentCon1 .txtUl ul {box-sizing:border-box;}
.talentDiv .talentCon1 .txtUl li {position:relative; box-sizing:border-box; padding:60px 0; margin:0 80px; border-bottom:1px solid #ddd;}
.talentDiv .talentCon1 .txtUl li:last-child {border-bottom:0;}
.talentDiv .talentCon1 .txtUl li .tit {font-size:24px; font-weight:500; color:#4fb64c; display:inline-block; position:absolute; left:0px; top:60px; }
.talentDiv .talentCon1 .txtUl li p {font-size:18px; color:#000; margin-left:315px;}


.talentTable {width:100%;}
.talentTable thead th {border:1px solid #ddd; font-size:18px; font-weight:500; color:#333; padding:15px 0; background:#f6f6f6;}
.talentTable tbody th {border:1px solid #ddd; font-size:18px; font-weight:500; color:#333; padding:15px 0; background:#f6f6f6;}
.talentTable tbody td {border:1px solid #ddd; text-align:center; padding:30px 40px;}
.talentTable tbody td .jop {display:inline-block; width:100%; height:50px; line-height:50px; text-align:center; font-size:16px; color:#333; margin-bottom:10px; background:#edf4eb; border-radius:30px;}
.talentTable tfoot td {border:1px solid #ddd; text-align:center;font-size:18px; font-weight:500; color:#333; padding:15px 0; background:#f6f6f6;}

.talentDiv .jopUl {margin-top:75px;}
.talentDiv .jopUl li {padding:45px 0; border-bottom:1px solid #ddd;}
.talentDiv .jopUl li p {font-size:18px; color:#000; padding-left:15px; position:relative;}
.talentDiv .jopUl li p:before {position:absolute; left:0; top:13px; background-color:#1755a1; width:4px; height:4px; content:''; display:block;}
.talentDiv .jopUl li p span {margin-bottom:5px; font-size:20px; font-weight:500; color:#000; display:block;}

.talentDiv .benefit_tit {background:#f6f6f6; box-sizing:border-box; padding:55px 90px; position:relative;}
.talentDiv .benefit_tit i {position:absolute; top:55px; left:90px; width:115px; height:79px; background:url(../images/sub/welfare_icons.png) no-repeat 0 0;}
.talentDiv .benefit_tit p {font-size:18px; color:#000; padding-left:187px;}
.talentDiv .benefit_tit p span {margin-bottom:5px; display:block; font-size:20px; font-weight:500; color:#49bd42;}

.talentDiv .benefit_list {overflow:hidden; margin:80px -1.5% 0;}
.talentDiv .benefit_list li {position:relative; margin:1.5%; vertical-align:middle; border:1px solid #ddd; display:inline-block; width:29.8%; height:224px; box-sizing:border-box; padding:30px;}
.talentDiv .benefit_list li:hover {border:3px solid #49bd42;}
.talentDiv .benefit_list li p {font-size:16px; color:#999;}
.talentDiv .benefit_list li p span {font-size:18px; font-weight:500; color:#000; display:block; margin-bottom:10px;}
.talentDiv .benefit_list li .icon {position:absolute; right:30px; bottom:30px; background-image:url(../images/sub/welfare_icons.png);}
.talentDiv .benefit_list li .icon1 {width:74px; height:71px; background-position:-151px 0px;}
.talentDiv .benefit_list li .icon2 {width:73px; height:73px; background-position:-263px 0px;}
.talentDiv .benefit_list li .icon3 {width:80px; height:73px; background-position:-373px 0px;}
.talentDiv .benefit_list li .icon4 {width:86px; height:66px; background-position:-475px 0px;}
.talentDiv .benefit_list li .icon5 {width:80px; height:72px; background-position:-604px 0px;}
.talentDiv .benefit_list li .icon6 {width:75px; height:78px; background-position:-719px 0px;}
.talentDiv .benefit_list li .icon7 {width:69px; height:76px; background-position:-818px 0px;}


.guideUl > li {position:relative; border-top:1px solid #ddd; padding:45px 0 90px; overflow:hidden;}
.guideUl > li:before {position:absolute; left:0%; top:0px; background-color:#49bd42; width:230px; height:3px; content:''; display:block;}
.guideUl > li span.guidetit {font-size:34px; font-weight:500; color:#333; display:inline-block; float:left; width:310px;}
.guideUl .txtUl {float:left;}
.guideUl .txtUl > li {margin-bottom:20px;}
.guideUl .txtUl > li:last-child {margin-bottom:0;}
.guideUl .txtUl > li p {font-size:16px; color:#000; line-height:1.7;}
.guideUl .txtUl > li p span {font-size:18px; font-weight:500; color:#4fbb4c; display:block; margin-bottom:10px;}
.guideUl .guideStep {border:1px solid #ddd; box-sizing:border-box; background:#f6f6f6; padding:30px;}
.guideUl .guideStep ul {overflow:hidden;}
.guideUl .guideStep ul li {position:relative; width:133px; float:left; padding-right:95px; text-align:center;}
.guideUl .guideStep ul li:before {position:absolute; right:35px; top:55px; background-image:url(../images/sub/step_arrow.png); width:28px; height:7px; content:''; display:block;}
.guideUl .guideStep ul li:last-child {padding-right:0;}
.guideUl .guideStep ul li:last-child:before {display:none;}
.guideUl .guideStep ul li p {font-size:16px; color:#333; margin-top:15px;}





@media screen and (min-width:868px) and (max-width:1410px) {
	.mapDiv .infoArea {left:50px;}
	.serviceArea1 .imgArea img {width:95%;}
	.serviceDiv .rt.txtArea {padding:75px 0 75px 400px;}
	.ciDiv .imgArea img {width:100%;}
	.ciDiv .txtArea {width:45%;}
	.talentDiv .talentCon1 .iconUl li {width:300px; height:300px; margin:0 -20px 20px; background-size:100% 100% !important;}
	.talentDiv .talentCon1 .iconUl p {padding-top:180px}
	.guideUl > li span.guidetit {width:150px;}
	.guideUl .txtUl {width:calc(100% - 150px);}

	/* 프로터치 - 회사소개 */
	.intro {padding: 100px 0 0;}
	.intro .txt_area {width: calc(100% - 60px); min-height: 400px; padding: 30px;}
	.intro .protouch_area {padding: 50px 0;}
	.intro .protouch_area strong {display: block; box-sizing: border-box; width: 100%; font-size: 1.429rem;}
	.intro .happiness_area {padding: 50px 30px; border-radius: 20px;}
	.intro .happiness_area > strong {font-size: 1.429rem;}
	.intro .happiness_area ul li .txt_box {padding: 0 30px;}
	.intro .promise_area {padding: 50px 0 0 0;}
	.intro .promise_area ul {margin: 30px 0 0 0; padding: 20px;}
	.intro .promise_area ul li {padding: 0 10px;}
	.intro .promise_area ul li .txt_box strong {height: 40px; line-height: 40px;}
	.intro .promise_area ul li .txt_box {margin: 30px 0 0 0;}
	.intro .promise_area ul li .txt_box p {font-size: 1rem;}
	.intro .bi_area .con_box {margin: 50px 0 0 0; padding: 0;}
	.intro .bi_area .con_box .big_img {width: calc(100% - 350px);}
	.intro .bi_area .con_box .bi_txt li {margin: 30px 0 0 0;}
	.intro .bi_area .bi_img li {width: 49%;}
	.intro .license_area .tit {padding: 0 60px;}
	.intro .license_area .tit:before {width: 50px;}
	.intro .license_area .tit:after {width: 50px;}
	.intro .license_area {padding: 50px 0 0 0;}
	.intro .license_area ul {margin: 30px 0 0 0;}
	.intro .license_area ul li {width: calc((100% - 20.01px)/3); margin: 0 0 10px 10px;}
	.intro .license_area ul li:nth-child(3n + 1) {margin: 0 0 10px 0;}
 }  
  

@media screen and (min-width:481px) and (max-width:867px) {

	.agree_div p {font-size:13px;}

	.mt95 {margin-top:0px !important;}
	.m_none {display:none;}
	.m_block {display:block;}
	.subNav li {font-size:12px;}

	.subTit {padding:0px; font-size:16px;}
	.subTit span {font-size:12px;}
	.subTit em {font-size:13px;}

	.subVisual {height:150px; margin-bottom:80px;}
	.subVisual h2 {font-size:18px; padding-top:50px;}
	.subVisual .subtab {position:relative; bottom:0px; width:100%; margin-top:30px; border:1px solid #ddd;}
	.subVisual .subtab li a {font-size:13px; padding:15px 0;}
	.subVisual .subtab li.on a {padding:13.5px 0;}
	.subVisual .subtab li:before {bottom:16px; height:16px;}

	.subVisual .subtab6 li {width:33.333%;}
	.subVisual .subtab6 li:nth-child(3):before {display:none;}
	.subVisual .subtab7 li {width:33.333%;}

	.subVisual_bg2 {margin-bottom:110px !important;}
	.subVisual_bg3 {margin-bottom:30px !important;}
	.subVisual_bg5 {margin-bottom:0px !important;}


	/* 반응형 테이블 */
	.searchDiv .searchInput input[type="text"] {width:250px; margin-top:10px;}
	.searchDiv .searchInput button {top:20px;}
	.likeTbl > ul{display:block !important;}
    .likeTbl > ul > li{display:block !important;overflow:hidden;border-bottom:1px solid #e6e6e6; position:relative;}
    .likeTbl > ul > li > div{display:block;border-bottom:0px !important;padding:0px;}
    .likeTbl > ul > li.likeTblTh > div {padding:10px 0;}
    .likeTbl > ul > li.likeTblTd{padding:7px 10px; text-align:left; box-sizing:border-box;}
    .likeTbl > ul > li.likeTblTd > div{padding:0px;border-bottom:0px;}
    .likeTbl > ul > li.likeTblTd .bo_tit2 {text-align:left;}
    .likeTbl .m_right {float:right;}
    .likeTbl > ul > li > div.mvInlineN{display:none;}
    .likeTbl > ul > li > div.mvInlinev {display:inline-block;width:auto !important; font-size:13px;}
    .likeTbl > ul > li > div.mvblockv {display:block;width:auto !important; font-size:14px; text-align:left;}
    .likeTbl > ul > li > div.td_datetime:before{content:" " !important;}
    .likeTbl > ul > li > div.mvInlinev:before{content:" / ";color:#ddd;}
    .likeTbl > ul > li > div.mvInlinev.td_name:before{content:" "}
    .likeTbl > ul > li > div.mvInlinev.td_name{padding-left:2px;}
    .likeTbl > ul > li > div.td_subject{display:block;}
    .likeTbl > ul > li > div.td_subject a{padding:0 0 8px 0;}
    .likeTbl > ul > li > div.td_subject a.bo_cate_link{display:inline-block;padding-top:8px;}
    .likeTbl > ul > li > div.td_chk{position:absolute;right:0px;top:0px;}
    .likeTbl .td_state .state {width:80px; height:30px; line-height:30px; font-size:13px;}

    .likeTbl > ul > li:hover.likeTblTd .td_subject a{padding-left:0px;}
    .likeTbl > ul > li.likeTblTd .td_subject .bo_tit a{padding-top:8px; font-size:13px;}
    .onlyMvV{display:inline-block;margin-left:-5px;}

    .write_form_type .row {height: auto;}
	.write_form_type .row.col-2 .col {float: none; width: 100%;}
	.write_form_type .row.col-2 .col:first-child {border-bottom: 1px solid #ddd;}
	.write_form_type .row .label {float: none; width: 100%; padding: 15px 10px; font-size: 13px;}
	.write_form_type .row:last-child .label {line-height:initial;}
	.write_form_type .row .input_box {float: none; width: 100%; padding: 10px; font-size:13px;}
	.write_form_type .row .input_box input {width: 100%; font-size: 13px;}
	.write_form_type .row .input_box .input02 {width: 100%;}
	.write_form_type .row .label_h {line-height:initial;}
	.write_form_type .row .input_box .phone_input {width:90px;}
	.filebox label {font-size:13px;}
	.filebox .upload_name {width:50% !important; }
	.inputArea input[type="checkbox"] + label {font-size:13px;}

	/* 인사말 */

	.ceoDiv .imgArea {width:100%;}
	.ceoDiv .txtArea {width:100%; padding-left:0;}
	.ceoDiv .txtArea .tit {font-size:15px; margin:25px 0 10px;}
	.ceoDiv .txtArea .txt {font-size:13px;}
	.ceoDiv .txtArea .sign {font-size:13px;}

	/* 비전 */

	.visionDiv .visionCon1 .tit {font-size:14px;}
	.visionDiv .visionCon1 .tit span {font-size:13px;}
	.visionDiv .visionCon1 img {width:100%;}

	h4.subTit2 {font-size:16px; padding-bottom:20px; margin:50px 0 20px;}
	h4.subTit2 span {font-size:15px;}

	.visionDiv .visionCon2 ul {margin:0;}
	.visionDiv .visionCon2 ul li {width:100%; margin:0 0 10px; min-height:230px;}
	.visionDiv .visionCon2 ul li p {font-size:13px;}
	.visionDiv .visionCon2 ul li p span {font-size:14px;}

	.visionDiv .visionCon3 .conArea .num {width:50px; font-size:16px;}
	.visionDiv .visionCon3 .conArea > ul > li {line-height:50px; height:50px;}
	.visionDiv .visionCon3 .conArea .tit {width:calc(100% - 50px); font-size:14px;}
	.visionDiv .visionCon3 .conArea .txt {padding:10px 20px; height:auto;}
	.visionDiv .visionCon3 .conArea .txt ul li {margin-right:20px; font-size:13px; line-height:1.7;}

	/* 연혁 */
	.history_tab_wrapper{width:100%;display:flex;justify-content:center;}
	.history_tab_wrapper .history_tab{width:160px;height:168px;background-image:url('../images/sub/history_pos.png');}
	.history_tab_wrapper .history_tab .txt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:20px;color:#FFFFFF;line-height:1;margin-top:-5px;}

	.historyDiv .tab_container{display:flex;flex-direction:column;flex-wrap:wrap;}
	.historyDiv .tab_container::before{left:100%;width:0;}
	.historyDiv .tab_container .cont{display:flex;width:100%;}
	.historyDiv .tab_container .cont:nth-child(odd){justify-content:center;}
	.historyDiv .tab_container .cont:nth-child(even){justify-content:center;}
	.historyDiv .tab_container .cont:nth-child(odd) .tab_content{padding-left:0;}
	.historyDiv .tab_container .cont:nth-child(even) .tab_content {justify-content:start;padding-right:0;}

	.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li{align-items:start;}
	.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li .yearArea li{flex-direction:row;align-items:start;gap:0 0;}
	.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li .yearArea li .year{padding-left:15px;padding-right:0;}
	.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li .yearArea li .year::before{left:inherit;right:inherit;left:0;top:11px;}
	.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li .yearArea li p{text-align:left;}
	.historyDiv .tab_container .cont .tab_content{position:relative;width:90%;display:flex;box-sizing:border-box;}
	.historyDiv h4.historyTit {text-align:center; font-size:20px; color:#666; font-weight:normal;}
	.historyDiv .yearTab {overflow:hidden; margin:50px auto; width:500px; height:61px; line-height:61px; border:1px solid #ddd; box-sizing:border-box;}
	.historyDiv .yearTab li {float:left; width:33.333%; text-align:center;}
	.historyDiv .yearTab li a {font-size:20px; color:#666;}
	.historyDiv .yearTab li.active {background:#1254a1;}
	.historyDiv .yearTab li.active a {color:#fff; font-weight:600;}
	.historyDiv .historyUl {overflow:hidden;}
	.historyDiv .historyUl > li {margin:0 auto;  padding:20px 0 40px; overflow:hidden; width:100%; box-sizing:border-box;display:flex;flex-direction:column;align-items:start;}
	.historyDiv .historyUl > li > div {float:left; }
	.historyDiv .historyUl .dayTit {font-size:18px;}
	.historyDiv .cont:nth-child(odd) .historyUl .dayTit::before {position:absolute;content:'';width:0;height:0;border:0;}
	.historyDiv .cont:nth-child(even) .historyUl .dayTit::after {position:absolute;content:'';width:0;height:0;border:0;}

	.historyDiv .historyUl_line1 .yearArea:before {height:95% !important;}
	.historyDiv .historyUl_line2 .yearArea:before {height:95% !important;}
	.historyDiv .historyUl .yearArea {position:relative;display:flex;flex-direction:column;gap:10px 0;}


	.historyDiv .historyUl .yearArea:before {position:absolute; left:76px; top:15px; width:2px; height:80%; content:''; display:block;}
	.historyDiv .historyUl .yearArea > li {overflow:hidden; margin-bottom:0px;display:flex;align-items:center;}
	.historyDiv .historyUl .yearArea > li:last-child {margin-bottom:0;}
	.historyDiv .historyUl .yearArea > li .year {position:relative;font-size:17px; color:#000;  float:left;  letter-spacing:-1px;padding-left:15px;}
	.historyDiv .historyUl .yearArea > li .year::before {position:absolute;content:'';left:0;top:11px;width:5px;height:5px;background:#D8D8D8;border-radius:50%;}

	.historyDiv .historyUl .yearArea > li div {float:left; padding-top:0px; }
	.historyDiv .historyUl .yearArea > li div p {position:relative; box-sizing:border-box; padding-left:20px; font-size:16px; color:#666; letter-spacing:-1px; }
	#historyDiv .historyUl .yearArea > li div p:before {position:absolute; left:17px; border-radius:50%; top:7px; background-color:#fff; border:3px solid #4ab748; box-sizing:border-box; width:12px; height:12px; content:''; display:block;}
	.historyDiv .historyUl .yearArea > li div p span {line-height:1.7; font-size:14px; color:#999; display:block; margin-left:10px;}


	/* 관계사 */
	.partnerUl li {width:50%; padding:0 5px;}
	.partnerUl li .name {font-size:13px;}

	/* 조직도 */
	.organizationTable table thead tr th {padding: 8px 0; font-size: 13px;}
	.organizationTable table tbody tr td {padding: 8px 0; font-size: 13px;}

	.organizationDiv img {width:100%;}

	/* 오시는길 */
	.mapDiv {padding-bottom:0px}
	.mapDiv .mapArea {height:300px;}
	.mapDiv .infoArea {position:initial; width:100%;}
	.mapDiv .infoArea ul li {padding:0 15px; }
	.mapDiv .infoArea ul li .icon {margin-right:20px;}
	.mapDiv .infoArea ul li .tit {font-size:14px; width:140px;}
	.mapDiv .infoArea ul li .txt {font-size:13px;}

	/* 서비스개요 */
	.serviceArea1 {margin-bottom:50px;}
	.serviceArea1 > div {width:100%;}
	.serviceArea1 .imgArea img{width:100%;}
	.serviceArea1 .txtArea ul li div p span {font-size:14px;}
	.serviceArea1 .txtArea ul li div p {font-size:13px;}
	.serviceArea2 {padding:50px 0;}
	.serviceArea2 .serviceBox > div {margin:0 30px; padding:25px 0; }
	.serviceArea2 .serviceBox .tit {width:100%; font-size:14px; padding-bottom:15px;}
	.serviceArea2 .serviceBox ul {width:100%;}
	.serviceArea2 .serviceBox ul li {font-size:13px;}

	/* 시설경비 */
	.serviceDiv h4.serviceTit {font-size:14px; margin-bottom:50px;}
	.serviceDiv .imgArea {width:100%;}
	.serviceDiv .imgArea img {vertical-align:bottom;}
	.serviceDiv .txtArea {width:100%; padding:20px; position:relative; top:initial;}
	.serviceDiv .rt.txtArea {width:100%; padding:20px; position:relative; top:initial;}
	.serviceDiv .txtArea .tit {font-size:14px;}
	.serviceDiv .txtArea .txtUl li {font-size:13px;}
	.serviceDiv .serviceInfo > li {margin-bottom:30px;}

	/* 게시판 */

	.noticeDiv .noticeSearch {margin-bottom:30px;}
	.noticeDiv .noticeSearch .select01 {width:80px; font-size:13px; padding:0 15px;}
	.noticeDiv .noticeSearch .searchDiv {width:calc(100% - 90px);}
	.noticeDiv .noticeSearch .searchDiv input[type="text"] {width:calc(100% - 95px);}
	.noticeDiv .noticeSearch .searchDiv button {width:70px; font-size:13px;}
	.noticeDiv .noticeTit .num {font-size:13px;}
	.noticeList li {padding:20px 0;}
	.noticeList li .txtArea {width:100%;}
	.noticeList li .txtArea .tit {font-size:14px;}
	.noticeList li .txtArea .con {font-size:13px;}
	.noticeList li .txtArea .day {font-size:13px;}
	.noticeList li .txtArea {float:initial; margin-bottom:20px;}
	.noticeList li .imgArea {float:initial; width:100%;}
	.noticeList li .imgArea img {width:100%}

	.boardView .titArea {padding:15px;}
	.boardView .titArea .tit {font-size:14px;}
	.boardView .titArea .info {font-size:13px; margin-top:5px;}
	.boardView .titArea .state {right:15px; top:15px; width:70px; font-size:13px;}
	.boardView .txtArea {padding:15px 15px 60px;}
	.boardView .txtArea p {font-size:13px;}
	.boardView .fileArea {padding:15px; font-size:13px;}

	.listBtn {margin:30px 0;}
	.listBtn button {font-size:13px; width:100px; height:40px; line-height:38px;}
	.boardView .prevNext > div span {font-size:13px;}
	.boardView .prevNext .arrow {padding:0;}

	/* ci */

	.ciDiv .imgArea {width:100%;}
	.ciDiv .imgArea img {width:100%;}
	.ciDiv .txtArea {width:100%; margin-top:30px;}
	.ciDiv .txtArea .tit {font-size:14px;}
	.ciDiv .txtArea .txt {font-size:13px;}
	.ciDiv .txtArea .downBtn {display:block; margin:25px auto 0; font-size:13px;}

	.noticeDiv .noticeTxt p {font-size:13px;}
	.noticeDiv .noticeTxt button {font-size:13px;}
	.noticeDiv .noticeTxt {padding:25px 20px;}

	.noticeDiv .agreeBox .agreeBox_tit {font-size:13px;}
	.noticeDiv .agreeBox .agreeCheck label {font-size:13px;}

	/* 채용정보 */
	.talentDiv h4.talentTit {font-size:14px; margin-bottom:30px;}
	.talentDiv .talentCon1 {padding:30px 0 50px;}

	.talentDiv .talentCon1 .txtUl li {padding:30px 0; margin:0 20px;}
	.talentDiv .talentCon1 .txtUl li .tit {font-size:15px; position:initial; margin-bottom:15px;}
	.talentDiv .talentCon1 .txtUl li p {margin-left:0; font-size:13px;}
	.talentDiv .talentCon1 .iconUl li {width:200px; height:200px; margin:0 -20px 20px; background-size:100% 100% !important;}
	.talentDiv .talentCon1 .iconUl p {padding-top:120px; font-size:15px;}
	.talentTable thead th {font-size:13px;}
	.talentTable tbody td {padding:15px;}
	.talentTable tbody td .jop {height:40px; line-height:40px; font-size:13px;}
	.talentTable tbody th {font-size:13px;}
	.talentTable tfoot td {font-size:13px;}

	.talentDiv .jopUl li p span {font-size:14px;}
	.talentDiv .jopUl li p {font-size:13px;}
	.talentDiv .jopUl li {padding:20px 0;}
	.talentDiv .jopUl {margin-top:30px;}

	/* 복리후생 */

	.talentDiv .benefit_tit {padding:25px;}
	.talentDiv .benefit_tit i {position:initial;}
	.talentDiv .benefit_tit p {padding-left:0; font-size:13px; margin-top:20px;}
	.talentDiv .benefit_tit p span {font-size:15px;}
	.talentDiv .benefit_list {margin:30px -1.5% 0;}
	.talentDiv .benefit_list li {width:46%; height:224px; margin:0 2% 5%; float:left; padding:15px; }
	.talentDiv .benefit_list li p {font-size:13px;}
	.talentDiv .benefit_list li p span {font-size:14px;}

	/* 채용안내 */

	.guideUl > li {padding:30px 0 50px;}
	.guideUl > li:before {width:150px;}
	.guideUl > li span.guidetit {font-size:15px; margin-bottom:20px;}
	.guideUl .txtUl > li p span {font-size:14px; margin-bottom:5px;}
	.guideUl .txtUl > li p {font-size:13px;}
	.guideUl .guideStep {padding:15px;}
	.guideUl .guideStep ul li {width:40%; padding-right:18%;}
	.guideUl .guideStep ul li img {width:100%;}
	.guideUl .guideStep ul li:nth-child(2n+2) {padding-right:0;}
	.guideUl .guideStep ul li:nth-child(2):before {display:none;}
	.guideUl .guideStep ul li:before {right:5%;}
	.guideUl .guideStep ul li p {font-size:14px; margin-top:5px;}

	/* 로그인 */
	.loginTit {font-size:14px;}
	.login_bg {width:100%; padding:20px;}
	.login_bg ul li input[type="text"] {width:100%; font-size:14px;}
	.login_bg ul li input[type="password"]  {width:100%;  font-size:14px;}
	.login_bg .loginBtn {font-size:15px;}
	.loginMenu a {font-size:13px; padding:0 10px;}

	/* 사원광장 */

	.tableType1 thead th {font-size:13px;}
	.tableType1 tbody td {font-size:13px;}
	.tableType1 tbody td .moreBtn {font-size:13px; width:60px;}

	/* 프로터치 - 회사소개 */
	.intro {padding: 100px 0 0;}
	.intro .txt_area {width: calc(100% - 30px); padding: 30px 20px;}
	.intro .txt_area p {font-size: 1rem;}
	.intro .protouch_area {padding: 50px 0;}
	.intro .protouch_area strong {display: block; box-sizing: border-box; width: 100%; font-size: 1.429rem;}
	.intro .happiness_area {padding: 30px; border-radius: 20px;}
	.intro .happiness_area > strong {font-size: 1.429rem;}
	.intro .happiness_area ul li {float: none; width: 100%; margin: 30px 0 0 0;}
	.intro .happiness_area ul li:first-child {margin: 0;}
	.intro .promise_area {padding: 50px 0 0 0;}
	.intro .promise_area ul {margin: 30px 0 0 0; padding: 0 30px;}
	.intro .promise_area ul li {float: none; width: 100%; padding: 30px 0; border-left: 0; border-top: 1px solid #ddd;}
	.intro .promise_area ul li .txt_box {margin: 30px 0 0 0;}
	.intro .bi_area .con_box {margin: 30px 0 0 0; padding: 0 15px;}
	.intro .bi_area .con_box .big_img {position: static; transform: none; }
	.intro .bi_area .con_box .bi_txt {float: none; width: 100%; margin: 40px 0 0 0;}
	.intro .bi_area .bi_img li {float: none; width: 100%;}
	.intro .bi_area .bi_img li:last-child {float: none; margin: 20px 0 0 0;}
	.intro .license_area .tit {padding: 0 60px;}
	.intro .license_area .tit:before {width: 50px;}
	.intro .license_area .tit:after {width: 50px;}
	.intro .license_area {padding: 50px 0 0 0;}
	.intro .license_area ul {margin: 30px 0 0 0;}
	.intro .license_area ul li {width: calc((100% - 10.01px)/2); margin: 0 0 10px 10px;}
	.intro .license_area ul li:nth-child(2n + 1) {margin: 0 0 10px 0;}

}


/* mobile */
@media screen and (min-width:320px) and (max-width:480px) {

	.agree_div p {font-size:13px;}

	.mt95 {margin-top:0px !important;}
	.m_none {display:none;}
	.m_block {display:block;}
	.subNav li {font-size:12px;}

	.subTit {padding:0px; font-size:16px;}
	.subTit span {font-size:12px;}
	.subTit em {font-size:13px;}

	.subVisual {height:150px; margin-bottom:80px;}
	.subVisual h2 {font-size:18px; padding-top:50px;}
	.subVisual .subtab {position:relative; bottom:0px; width:100%; margin-top:30px; border:1px solid #ddd;}
	.subVisual .subtab li a {font-size:13px; padding:12px 0;}
	.subVisual .subtab li.on a {padding:13.5px 0;}
	.subVisual .subtab li:before {bottom:16px; height:16px;}

	.subVisual .subtab6 li {width:33.333%;}
	.subVisual .subtab6 li:nth-child(3):before {display:none;}
	.subVisual .subtab7 li {width:33.333%;}

	.subVisual_bg2 {margin-bottom:110px !important;}
	.subVisual_bg3 {margin-bottom:30px !important;}
	.subVisual_bg5 {margin-bottom:0px !important;}


	/* 반응형 테이블 */
	.searchDiv .searchInput input[type="text"] {width:250px; margin-top:10px;}
	.searchDiv .searchInput button {top:20px;}
	.likeTbl > ul{display:block !important;}
    .likeTbl > ul > li{display:block !important;overflow:hidden;border-bottom:1px solid #e6e6e6; position:relative;}
    .likeTbl > ul > li > div{display:block;border-bottom:0px !important;padding:0px;}
    .likeTbl > ul > li.likeTblTh > div {padding:10px 0;}
    .likeTbl > ul > li.likeTblTd{padding:7px 10px; text-align:left; box-sizing:border-box;}
    .likeTbl > ul > li.likeTblTd > div{padding:0px;border-bottom:0px;}
    .likeTbl > ul > li.likeTblTd .bo_tit2 {text-align:left;}
    .likeTbl .m_right {float:right;}
    .likeTbl > ul > li > div.mvInlineN{display:none;}
    .likeTbl > ul > li > div.mvInlinev {display:inline-block;width:auto !important; font-size:13px;}
    .likeTbl > ul > li > div.mvblockv {display:block;width:auto !important; font-size:14px; text-align:left;}
    .likeTbl > ul > li > div.td_datetime:before{content:" " !important;}
    .likeTbl > ul > li > div.mvInlinev:before{content:" / ";color:#ddd;}
    .likeTbl > ul > li > div.mvInlinev.td_name:before{content:" "}
    .likeTbl > ul > li > div.mvInlinev.td_name{padding-left:2px;}
    .likeTbl > ul > li > div.td_subject{display:block;}
    .likeTbl > ul > li > div.td_subject a{padding:0 0 8px 0;}
    .likeTbl > ul > li > div.td_subject a.bo_cate_link{display:inline-block;padding-top:8px;}
    .likeTbl > ul > li > div.td_chk{position:absolute;right:0px;top:0px;}
    .likeTbl .td_state .state {width:80px; height:30px; line-height:30px; font-size:13px;}

    .likeTbl > ul > li:hover.likeTblTd .td_subject a{padding-left:0px;}
    .likeTbl > ul > li.likeTblTd .td_subject .bo_tit a{padding-top:8px; font-size:13px;}
    .onlyMvV{display:inline-block;margin-left:-5px;}

    .write_form_type .row {height: auto;}
	.write_form_type .row.col-2 .col {float: none; width: 100%;}
	.write_form_type .row.col-2 .col:first-child {border-bottom: 1px solid #ddd;}
	.write_form_type .row .label {float: none; width: 100%; padding: 15px 10px; font-size: 13px;}
	.write_form_type .row:last-child .label {line-height:initial;}
	.write_form_type .row .input_box {float: none; width: 100%; padding: 10px; font-size:13px;}
	.write_form_type .row .input_box input {width: 100%; font-size: 13px;}
	.write_form_type .row .input_box .input02 {width: 100%;}
	.write_form_type .row .label_h {line-height:initial;}
	.write_form_type .row .input_box .phone_input {width:90px;}
	.filebox label {font-size:13px;}
	.filebox .upload_name {width:50% !important; }
	.inputArea input[type="checkbox"] + label {font-size:13px;}

	/* 인사말 */

	.ceoDiv .imgArea {width:100%;}
	.ceoDiv .txtArea {width:100%; padding-left:0;}
	.ceoDiv .txtArea .tit {font-size:15px; margin:25px 0 10px;}
	.ceoDiv .txtArea .txt {font-size:13px; }
	.ceoDiv .txtArea .sign {font-size:13px; }

	/* 비전 */

	.visionDiv .visionCon1 .tit {font-size:14px;}
	.visionDiv .visionCon1 .tit span {font-size:13px;}
	.visionDiv .visionCon1 img {width:100%;}

	h4.subTit2 {font-size:16px; padding-bottom:20px; margin:50px 0 20px;}
	h4.subTit2 span {font-size:15px;}

	.visionDiv .visionCon2 ul {margin:0;}
	.visionDiv .visionCon2 ul li {width:100%; margin:0 0 10px; min-height:230px;}
	.visionDiv .visionCon2 ul li p {font-size:13px;}
	.visionDiv .visionCon2 ul li p span {font-size:14px;}

	.visionDiv .visionCon3 .conArea .num {width:50px; font-size:16px;}
	.visionDiv .visionCon3 .conArea > ul > li {line-height:50px; height:50px;}
	.visionDiv .visionCon3 .conArea .tit {width:calc(100% - 50px); font-size:14px;}
	.visionDiv .visionCon3 .conArea .txt {padding:10px 20px; height:auto;}
	.visionDiv .visionCon3 .conArea .txt ul li {margin-right:20px; font-size:13px; line-height:1.7;}

	/* 연혁 */
	.history_tab_wrapper{width:100%;display:flex;justify-content:center;}
	.history_tab_wrapper .history_tab{width:160px;height:160px;background-image:url('../images/sub/history_pos.png?v=1');}
	.history_tab_wrapper .history_tab .txt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:20px;color:#FFFFFF;line-height:1;margin-top:-5px;}

	.historyDiv .tab_container{display:flex;flex-direction:column;flex-wrap:wrap;}
	.historyDiv .tab_container::before{left:100%;width:0;}
	.historyDiv .tab_container .cont{display:flex;width:100%;}
	.historyDiv .tab_container .cont:nth-child(odd){justify-content:center;}
	.historyDiv .tab_container .cont:nth-child(even){justify-content:center;}
	.historyDiv .tab_container .cont:nth-child(odd) .tab_content{padding-left:0;}
	.historyDiv .tab_container .cont:nth-child(even) .tab_content {justify-content:start;padding-right:0;}

	.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li{align-items:start;}
	.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li .yearArea li{flex-direction:row;align-items:start;gap:0 0;}
	.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li .yearArea li .year{padding-left:15px;padding-right:0;}
	.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li .yearArea li .year::before{left:inherit;right:inherit;left:0;top:11px;}
	.historyDiv .tab_container .cont:nth-child(even) .tab_content .historyUl > li .yearArea li p{text-align:left;}
	.historyDiv .tab_container .cont .tab_content{position:relative;width:90%;display:flex;box-sizing:border-box;}
	.historyDiv h4.historyTit {text-align:center; font-size:20px; color:#666; font-weight:normal;}
	.historyDiv .yearTab {overflow:hidden; margin:50px auto; width:500px; height:61px; line-height:61px; border:1px solid #ddd; box-sizing:border-box;}
	.historyDiv .yearTab li {float:left; width:33.333%; text-align:center;}
	.historyDiv .yearTab li a {font-size:20px; color:#666;}
	.historyDiv .yearTab li.active {background:#1254a1;}
	.historyDiv .yearTab li.active a {color:#fff; font-weight:600;}
	.historyDiv .historyUl {overflow:hidden;}
	.historyDiv .historyUl > li {margin:0 auto;  padding:20px 0 40px; overflow:hidden; width:100%; box-sizing:border-box;display:flex;flex-direction:column;align-items:start;}
	.historyDiv .historyUl > li > div {float:left; }
	.historyDiv .historyUl .dayTit {font-size:18px;}
	.historyDiv .cont:nth-child(odd) .historyUl .dayTit::before {position:absolute;content:'';width:0;height:0;border:0;}
	.historyDiv .cont:nth-child(even) .historyUl .dayTit::after {position:absolute;content:'';width:0;height:0;border:0;}

	.historyDiv .historyUl_line1 .yearArea:before {height:95% !important;}
	.historyDiv .historyUl_line2 .yearArea:before {height:95% !important;}
	.historyDiv .historyUl .yearArea {position:relative;display:flex;flex-direction:column;gap:10px 0;}


	.historyDiv .historyUl .yearArea:before {position:absolute; left:76px; top:15px; width:2px; height:80%; content:''; display:block;}
	.historyDiv .historyUl .yearArea > li {overflow:hidden; margin-bottom:0px;display:flex;align-items:center;}
	.historyDiv .historyUl .yearArea > li:last-child {margin-bottom:0;}
	.historyDiv .historyUl .yearArea > li .year {position:relative;font-size:17px; color:#000;  float:left;  letter-spacing:-1px;padding-left:15px;}
	.historyDiv .historyUl .yearArea > li .year::before {position:absolute;content:'';left:0;top:11px;width:5px;height:5px;background:#D8D8D8;border-radius:50%;}

	.historyDiv .historyUl .yearArea > li div {float:left; padding-top:0px; }
	.historyDiv .historyUl .yearArea > li div p {position:relative; box-sizing:border-box; padding-left:20px; font-size:16px; color:#666; letter-spacing:-1px; }
	#historyDiv .historyUl .yearArea > li div p:before {position:absolute; left:17px; border-radius:50%; top:7px; background-color:#fff; border:3px solid #4ab748; box-sizing:border-box; width:12px; height:12px; content:''; display:block;}
	.historyDiv .historyUl .yearArea > li div p span {line-height:1.7; font-size:14px; color:#999; display:block; margin-left:10px;}

	/* 관계사 */
	.partnerUl li {width:50%; padding:0 5px;}
	.partnerUl li .name {font-size:13px;}

	/* 조직도 */
	.organizationTable table thead tr th {padding: 5px 0; font-size: 13px;}
	.organizationTable table tbody tr td {padding: 5px 0; font-size: 13px;}
	.organizationDiv img {width:100%;}

	/* 오시는길 */
	.mapDiv {padding-bottom:0px}
	.mapDiv .mapArea {height:300px;}
	.mapDiv .infoArea {position:initial; width:100%;}
	.mapDiv .infoArea ul li {padding:0 15px; }
	.mapDiv .infoArea ul li .icon {margin-right:20px;}
	.mapDiv .infoArea ul li .tit {font-size:14px; width:140px;}
	.mapDiv .infoArea ul li .txt {font-size:13px;}

	/* 서비스개요 */
	.serviceArea1 {margin-bottom:50px;}
	.serviceArea1 > div {width:100%;}
	.serviceArea1 .imgArea img{width:100%;}
	.serviceArea1 .txtArea ul li div p span {font-size:14px;}
	.serviceArea1 .txtArea ul li div p {font-size:13px;}
	.serviceArea2 {padding:50px 0;}
	.serviceArea2 .serviceBox > div {margin:0 30px; padding:25px 0; }
	.serviceArea2 .serviceBox .tit {width:100%; font-size:14px; padding-bottom:15px;}
	.serviceArea2 .serviceBox ul {width:100%;}
	.serviceArea2 .serviceBox ul li {font-size:13px;}

	/* 시설경비 */
	.serviceDiv h4.serviceTit {font-size:14px; margin-bottom:50px;}
	.serviceDiv .imgArea {width:100%;}
	.serviceDiv .imgArea img {vertical-align:bottom;}
	.serviceDiv .txtArea {width:100%; padding:20px; position:relative; top:initial;}
	.serviceDiv .rt.txtArea {width:100%; padding:20px; position:relative; top:initial;}
	.serviceDiv .txtArea .tit {font-size:14px;}
	.serviceDiv .txtArea .txtUl li {font-size:13px;}
	.serviceDiv .serviceInfo > li {margin-bottom:30px;}

	/* 게시판 */

	.noticeDiv .noticeSearch {margin-bottom:30px;}
	.noticeDiv .noticeSearch .select01 {width:80px; font-size:13px; padding:0 15px;}
	.noticeDiv .noticeSearch .searchDiv {width:calc(100% - 90px);}
	.noticeDiv .noticeSearch .searchDiv input[type="text"] {width:calc(100% - 95px);}
	.noticeDiv .noticeSearch .searchDiv button {width:70px; font-size:13px;}
	.noticeDiv .noticeTit .num {font-size:13px;}
	.noticeList li {padding:20px 0;}
	.noticeList li .txtArea {width:100%;}
	.noticeList li .txtArea .tit {font-size:14px;}
	.noticeList li .txtArea .con {font-size:13px;}
	.noticeList li .txtArea .day {font-size:13px;}
	.noticeList li .txtArea {float:initial; margin-bottom:20px;}
	.noticeList li .imgArea {float:initial; width:100%;}
	.noticeList li .imgArea img {width:100%}

	.boardView .titArea {padding:15px;}
	.boardView .titArea .tit {font-size:14px;}
	.boardView .titArea .info {font-size:13px; margin-top:5px;}
	.boardView .titArea .state {right:15px; top:15px; width:70px; font-size:13px;}
	.boardView .txtArea {padding:15px 15px 60px;}
	.boardView .txtArea p {font-size:13px;}
	.boardView .fileArea {padding:15px; font-size:13px;}

	.listBtn {margin:30px 0;}
	.listBtn button {font-size:13px; width:100px; height:40px; line-height:38px;}
	.boardView .prevNext > div span {font-size:13px;}
	.boardView .prevNext .arrow {padding:0;}

	/* ci */

	.ciDiv .imgArea {width:100%;}
	.ciDiv .imgArea img {width:100%;}
	.ciDiv .txtArea {width:100%; margin-top:30px;}
	.ciDiv .txtArea .tit {font-size:14px;}
	.ciDiv .txtArea .txt {font-size:13px;}
	.ciDiv .txtArea .downBtn {display:block; margin:25px auto 0; font-size:13px;}

	.noticeDiv .noticeTxt p {font-size:13px;}
	.noticeDiv .noticeTxt button {font-size:13px;}
	.noticeDiv .noticeTxt {padding:25px 20px;}

	.noticeDiv .agreeBox .agreeBox_tit {font-size:13px;}
	.noticeDiv .agreeBox .agreeCheck label {font-size:13px;}

	/* 채용정보 */
	.talentDiv h4.talentTit {font-size:14px; margin-bottom:30px;}
	.talentDiv .talentCon1 {padding:30px 0 50px;}

	.talentDiv .talentCon1 .txtUl li {padding:30px 0; margin:0 20px;}
	.talentDiv .talentCon1 .txtUl li .tit {font-size:15px; position:initial; margin-bottom:15px;}
	.talentDiv .talentCon1 .txtUl li p {margin-left:0; font-size:13px;}
	.talentDiv .talentCon1 .iconUl li {width:200px; height:200px; display:block; margin:0 auto 20px; background-size:100% 100% !important;}
	.talentDiv .talentCon1 .iconUl p {padding-top:120px; font-size:15px;}
	.talentTable thead th {font-size:13px;}
	.talentTable tbody td {padding:15px;}
	.talentTable tbody td .jop {height:40px; line-height:40px; font-size:13px;}
	.talentTable tbody th {font-size:13px;}
	.talentTable tfoot td {font-size:13px;}

	.talentDiv .jopUl li p span {font-size:14px;}
	.talentDiv .jopUl li p {font-size:13px;}
	.talentDiv .jopUl li {padding:20px 0;}
	.talentDiv .jopUl {margin-top:30px;}

	/* 복리후생 */

	.talentDiv .benefit_tit {padding:25px;}
	.talentDiv .benefit_tit i {position:initial;}
	.talentDiv .benefit_tit p {padding-left:0; font-size:13px; margin-top:20px;}
	.talentDiv .benefit_tit p span {font-size:15px;}
	.talentDiv .benefit_list {margin:30px -1.5% 0;}
	.talentDiv .benefit_list li {width:46%; height:224px; margin:0 2% 5%; float:left; padding:15px; }
	.talentDiv .benefit_list li p {font-size:13px;}
	.talentDiv .benefit_list li p span {font-size:14px;}

	/* 채용안내 */

	.guideUl > li {padding:30px 0 50px;}
	.guideUl > li:before {width:150px;}
	.guideUl > li span.guidetit {font-size:15px; margin-bottom:20px;}
	.guideUl .txtUl > li p span {font-size:14px; margin-bottom:5px;}
	.guideUl .txtUl > li p {font-size:13px;}
	.guideUl .guideStep {padding:15px;}
	.guideUl .guideStep ul li {width:40%; padding-right:18%;}
	.guideUl .guideStep ul li img {width:100%;}
	.guideUl .guideStep ul li:nth-child(2n+2) {padding-right:0;}
	.guideUl .guideStep ul li:nth-child(2):before {display:none;}
	.guideUl .guideStep ul li:before {right:5%;}
	.guideUl .guideStep ul li p {font-size:14px; margin-top:5px;}

	/* 로그인 */
	.loginTit {font-size:14px;}
	.login_bg {width:100%; padding:20px;}
	.login_bg ul li input[type="text"] {width:100%; font-size:14px;}
	.login_bg ul li input[type="password"]  {width:100%;  font-size:14px;}
	.login_bg .loginBtn {font-size:15px;}
	.loginMenu a {font-size:13px; padding:0 10px;}

	/* 사원광장 */

	.tableType1 thead th {font-size:13px;}
	.tableType1 tbody td {font-size:13px;}
	.tableType1 tbody td .moreBtn {font-size:13px; width:60px;}

	/* 프로터치 - 회사소개 */
	.intro {width: 100%; padding: 100px 0 0;}
	.intro .txt_area {width: calc(100% - 30px); padding: 30px 20px;}
	.intro .txt_area p {font-size: 1rem;}
	.intro .protouch_area {padding: 50px 0;}
	.intro .protouch_area strong {display: block; box-sizing: border-box; width: 100%; font-size: 1.429rem;}
	.intro .happiness_area {padding: 30px; border-radius: 20px;}
	.intro .happiness_area > strong {font-size: 1.429rem;}
	.intro .happiness_area ul li {float: none; width: 100%; margin: 30px 0 0 0;}
	.intro .happiness_area ul li:first-child {margin: 0;}
	.intro .promise_area {padding: 50px 0 0 0;}
	.intro .promise_area ul {margin: 30px 0 0 0; padding: 0 30px;}
	.intro .promise_area ul li {float: none; width: 100%; padding: 30px 0; border-left: 0; border-top: 1px solid #ddd;}
	.intro .promise_area ul li .txt_box {margin: 30px 0 0 0;}
	.intro .bi_area .con_box {margin: 30px 0 0 0; padding: 0 15px;}
	.intro .bi_area .con_box .big_img {position: static; transform: none; }
	.intro .bi_area .con_box .bi_txt {float: none; width: 100%; margin: 40px 0 0 0;}
	.intro .bi_area .bi_img li {float: none; width: 100%;}
	.intro .bi_area .bi_img li:last-child {float: none; margin: 20px 0 0 0;}
	.intro .license_area .tit {padding: 0 60px;}
	.intro .license_area .tit:before {width: 50px;}
	.intro .license_area .tit:after {width: 50px;}
	.intro .license_area {padding: 50px 0 0 0;}
	.intro .license_area ul {margin: 30px 0 0 0;}
	.intro .license_area ul li {width: calc((100% - 10.01px)/2); height: 240px; margin: 0 0 10px 10px;}
	.intro .license_area ul li:nth-child(2n + 1) {margin: 0 0 10px 0;}

}