@charset "utf-8";

/* 고객센터 */
.sub_header.service_top {background: url(../images/bg_main_service.jpg) no-repeat center center;}
.service_top .sub_gnb ul li {width: 25%;}
.service_con .sub_topin {padding: 40px 0;}
.service_con section + section {margin-top: 90px;}
.ask_list {overflow: hidden;}
.ask_list > div {float: left; width: 50%; padding-top: 106px; padding-left: 160px; position: relative;min-height: 270px;}
.ask_list > div::after {content: ""; position: absolute; left: 0; top:86px; width: 160px; height: 1px; background: #f27929;}
.ask_list > div::before {content: ""; position: absolute; left: 0; top:86px; width: 100%; height: 1px; background: #ddd;}
.ask_list > div i {position: absolute; left: 0; top:0; width: 150px; height: 74px; background: #ccc;}
.ask_list > div strong {position: absolute; left: 0; top: 100px; width: 150px; line-height: 1.8;  font-size: 22px; font-weight: 500;;}
.ask_list > div:nth-child(3), .ask_list > div:nth-child(4) {margin-top: 30px;}
.ask_list > div:nth-child(1) i {background: url(../images/sub_service/icon_service01.svg) no-repeat center center; background-size: auto 100%;}
.ask_list > div:nth-child(2) i {background: url(../images/sub_service/icon_service02.svg) no-repeat center center; background-size: auto 100%;}
.ask_list > div:nth-child(3) i {background: url(../images/sub_service/icon_service03.svg) no-repeat center center; background-size: auto 100%;}
.ask_list > div:nth-child(4) i {background: url(../images/sub_service/icon_service04.svg) no-repeat center center; background-size: auto 100%;}

.ask02 .ta_basic {margin-top: 10px;}
.ask02 .ta_basic th {text-align: left; padding-left: 30px;}
.ask02 .ta_basic input, .ask02 .ta_basic textarea {width: 100%;}
.ask02 .ta_basic textarea {height: 160px;}

.news_con .sub_top + section.news {margin-top: 20px;}
.news_top {overflow: hidden;}
.news_top select, .news_top input {display: inline-block; float: left; width: 158px; height: 44px; border: 1px solid #ccc; padding: 0 14px; box-sizing: border-box;}
.news_top select {background: url(../images/select_arrow.png) no-repeat; background-position: -webkit-calc(100% - 15px) center; margin-right: 6px;}
.news_top select:nth-child(2) {width: 200px;}
.news_top .list_search {float: right; display: inline-block;}
.news_top .list_search input {width: 300px; border-right: 0 !important;}
.news_top .list_search a {display: inline-block; height: 44px; width: 44px; background: #555;}
.news .board_list {margin-top: 14px;}
.board_list { overflow: hidden; border-top: 1px solid #555; border-bottom: 1px solid #aaa;}
.board_list li {position: relative;}
.board_list li + li {border-top: 1px solid #d1d1d1;}
.board_list li a {display: block; padding: 36px 10px; overflow: hidden;}
.board_list li a .img_area {float: left; overflow: hidden; height: 200px;}
.board_list li a img {width: 300px;}
.board_list li a .text_area {float: left; margin-left: 50px; width: calc(100% - 350px);}
.board_list li .category {color: #f26829;}
.board_list li .tit {font-size: 24px; font-weight: 600; padding: 0 0 12px 0;transition: all 0.3s; }
.board_list li .txt {max-height: 54px; color: #666;transition: all 0.3s; }
.board_list li .date {color: #777; padding-top: 16px; font-family: 'Montserrat';}
.board_list li a:hover .tit {color: #f27929;}
.board_list li a:hover .txt {color: #000}

.board_list.detail li { padding: 30px 20px 25px 20px;}
.board_list.detail .detail_top strong {font-size: 26px; font-weight: 500; }
.board_list.detail .detail_top .date {display: inline-block; float: right; padding-top: 0; color: #666; line-height: 2;}
.board_list.detail .detail_txt {padding: 40px 30px; font-size: 18px;}
.board_list.detail .detail_txt p {padding: 8px 0;}
.nav_area {overflow: hidden; transition: all 0.3s;}
.nav_area:hover {}
.nav_area .nav {width: 140px; font-weight: 500; color: #f26829 ; font-size: 18px; float: left; padding-left: 20px;}
.nav_area .text {float: left; width: calc(100% - 360px);}
.nav_area .text a {padding: 0; color: #333; font-weight: 500;}
.nav_area .text a:hover {color: #111;}
.nav_area .date {float: right; width: 120px; text-align: right; padding-top: 0 !important;}

.pageBox {margin-top: 30px; text-align: center;}
.paginate {display: inline-block; overflow: hidden; clear: both; }
.paginate a {display: inline-block; width: 32px; height: 32px; float: left; border: 1px solid #d0d0d0; margin-left: 5px; font-weight: 500; color: #444 !important; position: relative; line-height: 35px; font-family: 'Montserrat';}
.paginate a.btnFirst { background: url(../images/btn_first.jpg)no-repeat center; margin-left: 0; margin-right: 6px; text-indent: -9999px;}
.paginate a.btnPrev { background: url(../images/btn_prev.jpg)no-repeat center; margin-left: 0; margin-right: 25px; text-indent: -9999px;}
.paginate a.btnNext { background: url(../images/btn_next.jpg)no-repeat center; margin-right: 0; margin-left: 25px; text-indent: -9999px;}
.paginate a.btnLast { background: url(../images/btn_last.jpg)no-repeat center; margin-right: 0; margin-left: 6px;  text-indent: -9999px;}
.paginate a.btnPrev + a { margin-left: 0;}
.paginate a.on { color: #f26829; font-weight: 600; display: inline-block; float: left; border: 1px solid #f26829; color: #f26829 !important;}
/*.paginate a.on:before { content: ''; position: absolute; width: 24px; height: 2px;  background: #f26829; bottom: 0; left: 50%; margin-left: -12px;}*/

 
/* SUB 공통 */
.mo_v, .img_tb {display: none;}
#sub_conten *::after, #sub_conten *::before {content: ""}

.sub_header {overflow: hidden; position: relative; height: 395px;}
.sub_header::after {content: ""; z-index: 1; position: absolute; left: 0; top: 0; width: 100%; bottom: 50px; animation: aniPattern1 4s ease-in-out both; background: url(../images/sub_company/visual2.png) no-repeat center center; opacity: .7;}
@-webkit-keyframes aniPattern1 {
	0% { transform : scale(1.5) rotate(1.2deg);}
	100% {transform : scale(0.9) rotate(0deg);;}
}

@keyframes aniPattern1 {
	0% { transform : scale(1.5) rotate(1.2deg);}
	100% {transform : scale(0.9) rotate(0deg);;}
}

.sub_header.company_top {background: url(../images/bg_sub_pr.jpg) no-repeat center center;}
.sub_header.message_top {background: #999;}
.sub_header.business_top {background: #999;}
.sub_header.vision_top {background: #999;}
.sub_header.history_top {background: #999;}
.sub_header.organization_top {background: #999;}
.sub_header.ci_top {background: #999;}
.sub_header.acp_top {background: #999;}
.sub_header.location_top {background: #999;}

.sub_header .inner_hd {padding: 100px 0; text-align: center;}
.sub_header .inner_hd h2 {line-height: 1.4;text-align: center;}
.sub_header h2 span {display: block; font-family: 'Montserrat'; font-size: 18px; letter-spacing: -1px; color: #f26829;}
.sub_header h2 p {color: #fff; font-size: 40px; font-weight: 500; letter-spacing: -1px;}
.sub_header .location {display: inline-block; margin-top: 20px;}
.sub_header .location li {float: left; padding: 0 24px 0 6px; position: relative;}
.sub_header .location li a {color: #fff; opacity: .8;}
.sub_header .location li b {color: #fff; font-weight: 500;}
.sub_header .location li::before {content:'>'; position: absolute; right: 0; top: 0; width: 16px; height: 16px; text-align: center; color: #fff; opacity: .8;}
.sub_header .location li:last-child {padding-right: 6px;}
.sub_header .location li:last-child::before {display: none;}

.sub_gnb {background: rgba(0,0,0,.3); z-index: 13;}
.sub_gnb {position: absolute; bottom: 0; left: 0; width: 100%;}
.sub_gnb ul {display: flex;}
.sub_gnb ul li {text-align: center; border-left: 1px solid #444;}
.sub_gnb ul li:last-child {border-right: 1px solid #555;}
.sub_gnb ul li a {display: block; color: rgba(255,255,255,.7); line-height: 4.2; height: 64px; transition: all 0.3s; font-size: 15.5px;background: rgba(0,0,0,.3);}
.sub_gnb ul li a:hover {color: rgba(255,255,255,.8); background: rgba(0,0,0,.6);}
.sub_gnb ul li a.current {color: #fff; background: #f26829; cursor: initial; font-weight: 500;}

#sub_content a {transition: all 0.6s;}
#sub_content {padding: 160px 0;}
/*
#sub_content .tab {margin-bottom: 70px; overflow: hidden;}
#sub_content .tab ul li {float: left;}
#sub_content .tab ul li {border: 1px solid #bcbcbc; box-sizing: border-box; width: 33.3%;}
#sub_content .tab ul li + li {border-left: 0;}
#sub_content .tab ul li a {display: block; width: 100%; height: 100%; text-align: center; line-height: 3.4; color: #666; font-size: 16px; position: relative;}
#sub_content .tab ul li a:hover {color: #222;}
#sub_content .tab ul li.current {border-bottom: 0;}
#sub_content .tab ul li.current a {color: #f26829; cursor: initial;font-weight: 600 }
#sub_content .tab ul li.current a::before {content:""; position: absolute;  background: #f26829; left: 0; bottom: -1px; width: 100%; height: 4px;}
*/

.tab {margin-bottom: 70px; overflow: hidden;}
.tab ul {overflow: hidden;}
.tab ul li {float: left; box-sizing: border-box;  border: 1px solid #bcbcbc;}
.tab ul li + li {border-left: 0;}
.tab ul li a {display: block; width: 100%; height: 100%; border: 0 solid #bcbcbc; border-left: 0; text-align: center; line-height: 3.1; color: #555; font-size: 17px; position: relative;}
.tab ul li a:hover {background: #f1f1f1}
.tab ul li:first-child a { border-left: 0 solid #bcbcbc;}
.tab ul li a:hover {color: #222;}

.tab ul li.current {border-bottom: 0;background: #f27929; }
.tab ul li.current a {background: #f27929; color: #fff; cursor: initial;font-weight: 500; border-bottom: 1px solid #eb7b08;}


/* BUTTON */
.btn_w {text-align: center; margin-top: 20px;}
.btn_w .btn_basic {background: #333; color: #fff; padding: 15px 50px;transition: all 0.3s; font-weight: 500;}
.btn_w .btn_basic:hover {background: #f26829; }
/*
#sub_content > section + section {margin-top: 100px;}
#sub_content section dl {display: flex;}
#sub_content section dl dt {width: 280px;}
#sub_content section dl dd {width: calc(100% - 290px);}*/
#sub_content section h3 {font-size: 30px; font-weight: 500; color: #222; letter-spacing: -1px; line-height: 1.5;}

#sub_content b {color: #f26829;}
.txt_s {font-size: 15px !important;}
.txt_m {font-size: 17px !important;}
.txt_ml {font-size: 18px !important;}
.txt_xl {font-size: 20px !important;}
.txt_xxl {font-size: 22px !important;}
.txt_point_b {color: #387bca !important;}	
.txt_point_o {color: #f26829 !important;}
.img_mb, .img_pd  {display: none;}

/* 컨텐츠 상단 메시지 */
.sub_top {margin-top: -40px;}
.sub_top, .sub_topin {position: relative; overflow: hidden; }
.sub_topin {padding: 65px 0; text-align: center;/* height: 140px;*/}
.sub_topin b {color: #f26829 !important;}
.sub_topin.line_two {padding-top: 44px;}
.sub_top::before, .sub_topin::before {position: absolute; left: 0; top: 50%; width: 100%; height: 100%; z-index: -1;margin-top: -80px;}
.sub_top::before {content:"HAMONSOFT"; text-align: center;color: rgba(200,200,200,.32); line-height: .98; font-family: 'Montserrat'; font-weight: 800; font-size: 160px; letter-spacing: -2px; }
.sub_topin::before {content:""; background: url(../images/bg_line_w.png) repeat;}
.sub_top span, .sub_top span em {color: #333; font-size: 26px; font-weight: 500; z-index: 10; display: inline-block; line-height: 1.4;}
.sub_top span {font-weight: 500;}
.sub_top span em {display: block;}
.sub_top + section {margin-top: 60px;}
.sub_top .sub_topin.line_two span, .sub_top .sub_topin.line_two span em {font-weight: 400;font-size: 23px;}

/* 테이블 */
.table_wrap {border-top: 1px solid #3b3b3b;}
.ta_basic {border-top: 1px solid #3b3b3b;}
.ta_basic th, .ta_basic td {border-bottom: 1px solid #dbdbdb; padding: 18px 0;}
.ta_basic tr:last-child th, .ta_basic tr:last-child td {border-bottom: 1px solid #ccc;}
.ta_basic th {font-weight: 500; text-align: center;}
.ta_basic td {color: #444;}


/* CHECKBOX */
.checkbox_w p {display: inline-block;}
input[type="checkbox"] {display:none;}
.checkbox_w label {margin-right: 12px;}
input[type="checkbox"] + label span {display:inline-block; width:19px; height:19px; margin:-2px 2px 0 0; vertical-align:middle; background:url(../images/check_radio_sheet.png) left top no-repeat; cursor:pointer;}
input[type="checkbox"]:checked + label span {background:url(../images/check_radio_sheet.png) -19px top no-repeat;}

/***** 회사소개 *****/
/* 회사개요 */
.company_con {position: relative; background: url(../images/sub_company/bg_subwrap01.png) no-repeat 900px 800px;}
.company_con::after {content: ""; position: absolute; bottom: 0; left:0; width: 860px; height: 750px; background: url(../images/sub_company/bg_subwrap02.png) no-repeat -400px 100px;background-size: cover; z-index: -9; opacity: .7;}
.sub_gnb ul li {width: 12%;}
.sub_gnb ul li:nth-child(8) {width:15.5%}
#sub_content {padding: 120px 0 150px 0;}
section.sub {position: relative;}
section.sub + .sub {margin-top: 70px;}
.sub > ul {padding: 40px 0; padding-left: 25%; position: relative;}
.sub > ul .tit {position: absolute; left: 0; top: 42px; width: 25%;}
.sub > ul > li {position: relative;}
.tit_in  {position: relative; padding-left: 100px; margin-left: -20px;}
.tit_in .num {display: block; position: absolute; left: 0; letter-spacing: -1px; width: 100px; height: 64px; font-weight: 600; font-size: 68px; line-height: .9; color: #ddd;font-family: 'Montserrat'; text-align: right; padding-right: 10px;} 
.tit_in  h3 {line-height: 1.1 !important;}
.tit_in .tit01 {font-size: 15px; color: #666; font-weight: 400;font-family: 'Montserrat'; line-height: 1.5;}

.company_con .box_area01 {overflow: hidden; position: relative;}
.company_con .box_area01 section {margin-bottom: 80px;}
.company_con .box_area01 section h3 {margin-bottom: 16px;}
.company_con .box_area01 i {display: block; position: absolute; left: 0; width: 400px; height: 400px; top: 50%; margin-top: -260px; background: url(../images/sub_company/img_company10.png) no-repeat center center; background-size: 100% auto;} 
.company_con .text_basic img {width: 100%; display: inline-block; margin-top: 12px;}
.text_basic img.img_mb {display: none;}
.text_basic, .text_basic p {font-size: 18.5px; color: #333;font-weight: 400; line-height: 1.9; }
.text_basic b {font-weight: 600; color: #f26829;}
.img_company01 img {width: 100%; max-width: 580px; padding-top: 10px; padding-bottom: 20px;}
.img_company02 img {width: 196px; box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.img_company03 img {width: 99%; max-width: 680px; border: 1px solid #bcbcbc; display: inline-block; margin-top: 10px;} 
.box_area02 {position: relative; padding-left: 240px;}
.box_area02::after {content: ""; position: absolute; left: 0; bottom: 0; top: 78px; right: 0;  background: rgba(0,0,0,.07); display: none;}
.box_area02 .img_company02 {position: absolute; left: 0; top: 0; width: 230px; height: 300px; z-index: 9;}
#sub_content section h3.tit_left {position: absolute; left: 0; top: 28px;}

.cp_w .text_basic, .cp_w .text_basic p {font-size: 21px; font-weight: 500;}
.company_con .ta_basic th {text-align: left;}
.company_con .ta_basic.tech th {text-align: center;}
.text_basic img {width: 96%;}
.box_area02 .text_basic p, .box_area03 p strong {font-weight: 500; font-size: 24px; line-height: 1.4; color: #222;}
.box_area02 .text_basic ul.list li {font-size: 18px; line-height: 1.5; color: #333; letter-spacing: -0.6px; font-weight: 400;}

.box_pc h4 {font-size: 24px; font-weight: 500; line-height: 2.6; margin-top: 14px;}
.sub.com_item02 .box_pc h4 .txt_mo {display: none;}
.ta_basic.tech {width: 100%; margin-top: 0;}
.ta_basic.tech th {padding-left: 0 !important;}
.ta_basic.tech td {font-size: 16px; text-align: center; letter-spacing: -1px; color: #555; font-weight: 400;}

.com_monitoring img, .com_extend img {border: 1px solid #dcdcdc; margin-top: 16px; width: 100%;}
ul.build {overflow: hidden; height: 240px; border: 8px solid #efefef; margin-top: 20px; box-sizing: border-box; border-radius: 150px; padding: 30px 10px;}
ul.build li {float: left; width: 23%; overflow: hidden; position: relative; text-align: center; padding: 70px 0 0 0;}
ul.build li + li {border-left: 1px solid #dcdcdc;}
ul.build li:nth-child(1), ul.build li:nth-child(4) {width: 27%;}
ul.build li i {position: absolute; width: 60px; height: 60px; top: 8px; left: 50%; margin-left: -30px; background: #ddd;}
ul.build li span {display: block; font-size: 42px; font-weight: 500; font-family: 'Montserrat'; color: #f26829; line-height: 1; padding-top: 16px;}
ul.build li strong {display: block; font-size: 20px; font-weight: 400;}
ul.build li:nth-child(1) i {background: url(../images/sub_company/icon_build01.svg) no-repeat center center;}
ul.build li:nth-child(2) i {background: url(../images/sub_company/icon_build02.svg) no-repeat center center;}
ul.build li:nth-child(3) i {background: url(../images/sub_company/icon_build03.svg) no-repeat center center;}
ul.build li:nth-child(4) i {background: url(../images/sub_company/icon_build04.svg) no-repeat center center;}
.img_area.com_security, .img_area.com_db, .img_area.com_lab {padding-top: 20px;}
.img_area.com_security img {width: 94%;}
.img_area.com_db img {width: 100%;}
.img_area.com_lab img {width: 94%;}
.cp_w .sub > ul {padding-left: 28%;}



#sub_content.company_con b {font-weight: 500;}
/* 인사말 */

.intro_img_box01 {padding-top: 12px; padding-bottom: 70px; line-height: 1.2;}
.intro_img_box01 img {width: 82%;}
.intro_img_box02 {padding-top: 32px; text-align: right;}
.intro_img_box02 img {width: 38%;}
.company_con .ta_basic th {padding-left: 5%;}

/* 사업영역 */
.sub_business_top {overflow: hidden;}
.sub_business_top .img_business01 {float: left; width: 35%; margin-right: 4%;}
.sub_business_top .img_business01 img {width: 100%;}
.img_business02 {padding: 12px; background: rgba(200, 200, 200, 0.4) url(../images/bg_line_w.png) repeat; margin-top: 100px;}
.img_business02 .img_company02_in {text-align: center; background: #fff; padding-top: 60px; text-align: center;}
.img_business02 .img_company02_in img {width: 92%;}
/* 비전 */
.vision_wrap {overflow: hidden; position: relative;}
/*.vision_wrap .vision_img_box {position: absolute; display: table; width: 37%; left: 0; top: 0; height: 100%; background: url(../images/sub_company/img_com_vision.png) no-repeat;}
.vision_wrap .vision_img_box img {width: 100%;}
.vision_wrap .vision_img {display: table-cell; text-align: center; vertical-align: middle; width: 100%; color: #fff; opacity: .4; font-family: 'Montserrat';}
.vision_wrap .vision_img p {font-size: 52px; font-weight: 800; position: relative;}
.vision_wrap .vision_img p::after {content: ""; position: absolute; top: -10px; left: 50%; width: 40px; margin-left: -20px; height: 1px; background: rgba(255,255,255,.6);}
.vision_wrap .vision_img li {font-size: 22px; }
ul.vision_con {margin-left: 40%; width: 60%; }*/
.vision_wrap .vision_img_box {text-align: center; padding-bottom: 40px;}
.vision_wrap .vision_img_box img {width: 48%;}
ul.vision_con li + li {margin-top: 10px;}
ul.vision_con li .vision_list {position: relative; border: 1px solid #dcdcdc; padding: 60px 40px 60px 260px;}
ul.vision_con li .vision_list i {position: absolute; left: 70px; top: 50%; width: 118px; height: 118px; margin-top: -59px; border-radius: 50%; background: #eeeeee;;}
ul.vision_con li .vision_list i::after {content: ""; width: 70px; height: 70px; display: block; margin: 23px; opacity: .9;}
ul.vision_con li .vision_list.v_item01 i::after {background: url(../images/sub_company/icon_com_vision01.svg) no-repeat;}
ul.vision_con li .vision_list.v_item02 i::after {background: url(../images/sub_company/icon_com_vision02.svg) no-repeat;}
ul.vision_con li .vision_list.v_item03 i::after {background: url(../images/sub_company/icon_com_vision03.svg) no-repeat;}
ul.vision_con li .vision_list p {font-size: 19px; line-height: 1.4; color: #222;}
ul.vision_con li .vision_list p strong {font-weight: 500; font-size: 26px;}
ul.vision_con li .vision_list p b {font-size: 21px; padding-top: 2px; padding-bottom: 10px; display: block; font-weight: 500;}
ul.vision_con li .vision_list p.basic_txt {padding-top: 4px;}
.vision_con ul li {padding: 10px; background: url(../images/bg_line2.png) repeat;}
.vision_con ul li .vision_list {background: #fff;}
/* 연혁 */
.history_wrap {overflow: hidden; position: relative;}              
.history_wrap .history_img_box {position: absolute; display: table; width: 32%; left: 0; top: 0; height: 100%; background: url(../images/sub_company/img_com_history01.png) no-repeat top center;}
/*.vision_wrap .vision_img_box img {width: 100%;}*/
.history_wrap .history_img {display: table-cell; text-align: center; vertical-align: middle; width: 100%; color: #fff; opacity: .4; font-family: 'Montserrat';}
.htr_list {margin-left: 35%; width: 65%; position: relative; overflow: hidden;}
.htr_list::before {content: ""; position: absolute; left: 7px; top: 12px; bottom:  20px; width: 1px; background: rgba(0,0,0,.2);}
ul.history_con {position: relative; padding-left: 180px; letter-spacing: -0.5px;}
ul.history_con::before {content: ""; position: absolute; left: 0; top: 10px; width: 15px; height: 15px; border-radius: 50%; background: #fff; border: 3px solid #f26829; }
ul.history_con + ul {margin-top: 50px;}
ul.history_con p {position: absolute; left: 50px; top: 6px; line-height: .8; font-size: 38px; color: #f26829;font-family: 'Montserrat'; font-weight: 500;}
ul.history_con li {position: relative; padding: 5px 0 5px 40px; font-size: 17px;}
ul.history_con li .num {position: absolute; left: 0; display: inline-block; line-height: 28px; width: 28px; height: 28px; border-radius: 50%; text-align: center; font-size: 15px; font-family: 'Montserrat'; font-weight: 600; background: #555; color: #fff;}

/* 조직도 */
.org_img_box01, .org_img_box02 {margin-top: 60px; text-align: center;}
.org_img_box01 img {width: 76%;}
.org_img_box02 {margin-top: 120px; margin-left: 20px;}
.org_img_box02 img {width: 94%;}

/* CI */
.ci_con .sub_topin {height: 230px; padding-top: 0;}
.ci_con .sub_topin span, .ci_con .sub_topin span em {font-size: 20px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.8;}
.point_b, .point_o {display: inline-block; position: relative;}
.point_b::after, .point_o::after {content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 12px; opacity: .22;}
.point_o::after {background: #f27929; opacity: .27;}
.point_b::after {background: #387bca;}
.ci_concep_img { text-align: center; margin-top: 20px;}
.ci_concep_img img {width: 70%;}
.ci_down {text-align: center; margin-top: 70px;}
.ci_down li {display: inline-block; overflow: hidden;}
.ci_down li + li {margin-left: 6px;}
.ci_down li a {display: block; padding: 40px 0; background: #4a4d50 url(../images/sub_company/btn_ci_jpg.svg) no-repeat center center; background-size: 74% auto; text-indent: -9999px; width: 337px;}
.ci_down li a.png_down {background: #4a4d50 url(../images/sub_company/btn_ci_png.svg) no-repeat center center; background-size: 74% auto; }
.ci_down li a:hover {background-color: #f26829;}
.ci_con section.sub {margin-top: 50px;}
.ci_con .sub > ul {padding-left:22%; position: relative;}
.ci_data li {overflow: hidden;}
.ci_data li p {float: left; margin-bottom: 6px; text-align: center; text-indent: -9999px; border: 1px solid #bcbcbc; box-sizing: border-box; height: 180px;}
.ci_data li p img {width: 90%;}
.ci_img02, .ci_img04, .ci_img06, .ci_img08 {margin-left: 1%;}
.ci_img01, .ci_img03, .ci_img05, .ci_img07 {width: 42%;}
.ci_img02, .ci_img04, .ci_img06, .ci_img08 {width: 57%;}

.ci_data.logosystem .ci_img01 {background:#f6f6f6 url(../images/sub_company/img_company_ci01.png) no-repeat center center; background-size: 86% auto;}
.ci_data.logosystem .ci_img02 {background:#f6f6f6 url(../images/sub_company/img_company_ci02.png) no-repeat center center; background-size: 86% auto;}
.ci_data.logosystem .ci_img03 {background:#f6f6f6 url(../images/sub_company/img_company_ci03.png) no-repeat center center; background-size: 86% auto;}
.ci_data.logosystem .ci_img04 {background:#f6f6f6 url(../images/sub_company/img_company_ci04.png) no-repeat center center; background-size: 86% auto;}
.ci_data.logo_eng .ci_img05 {background:#f6f6f6 url(../images/sub_company/img_company_ci05.png) no-repeat center center; background-size: 100% auto;}
.ci_data.logo_eng .ci_img06 {background:#f6f6f6 url(../images/sub_company/img_company_ci06.png) no-repeat center center; background-size: 100% auto;}
.ci_data.logo_ko .ci_img07 {background:#f6f6f6 url(../images/sub_company/img_company_ci07.png) no-repeat center center; background-size: 100% auto;}
.ci_data.logo_ko .ci_img08 {background:#f6f6f6 url(../images/sub_company/img_company_ci08.png) no-repeat center center; background-size: 100% auto;}

#sub_content.ci_con section h3 {line-height: 1.3; font-size: 30px; width: 20%;}

/*  상훈/인증/특허 */
.acp_con .tab ul li {width: 33.3%;}


/***** 솔루션 *****/
#sub_content.solution_con {padding-top: 110px;}
#sub_content.solution_con.non_submenu {padding-top: 50px;}
.sub_header.solution_top {height: 64px; background: url(../images/sub_company/bg_sub_company.jpg) no-repeat center center; overflow: visible;}
.sub_header.solution_top::after {display: none;}
.solution_top .sub_gnb .inner > ul li {width: 25%; overflow: visible;}
.sub_gnb .bg_submenu {top: 64px; height: 56px; left: 0; width: 100%; position: absolute; border-bottom: 1px solid #dcdcdc; background-color: #fff;}
.sub_gnb .solutin_submenu {position: absolute; position: absolute; left: 0; width: 100%;}
.sub_gnb .solutin_submenu ul li {float: left; border: 0; /*width: initial !important;*/}
.sub_gnb .solutin_submenu ul li:first-child a {padding-left: 124px;}
.sub_gnb .solutin_submenu ul li:last-child {border-right: 0;}
.sub_gnb .solutin_submenu ul li a {height: 50px; background: #fff; border: 0; color: #333; font-size: 16px; font-weight: 500; padding: 0 40px; line-height: 3.8;}
.sub_gnb .solutin_submenu ul li a:hover {color: #111; background: #fff; }
.sub_gnb .solutin_submenu ul li a.sub_on {color: #f26829; font-weight: 600;}

.solution_con .sub_top span, .solution_con .sub_top span em {font-weight: 500;}

.solution_con .tab .item02 li {width: 50%; position: relative;}
.solution_con .tab .item03 li {width: 33.31%; position: relative;}
.solution_con .tab .item04 li {width: 25%; position: relative;}
.solution_con .tab .item05 li {width: 20%; position: relative;}
.solution_con .tab li.current a::after {content:""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: #f26829;}
.solution_con .tab li.current a {color: #222; background: #fff; border: 0 solid #bcbcbc;}

.solution_con .sub_top {margin-top: 0;}
.solution_con .sub_topin {padding: 0;}
.slt_content .sub_topin h1 {font-size: 27px; padding-bottom: 12px; line-height: 1.3; font-weight: 500;}
.slt_content .sub_topin h1 br {display: none;}
.solution_con .sub_topin p {font-size: 19px; color: #444;}
.features li.vtc {height: unset;}
.table_wrap.lte_table {margin-top: 50px;}

#sub_content.solution_con section.sub:first-child {margin-top: 80px;}
#sub_content section ul.slt_function, #sub_content section ul.features 
{padding: 54px 0 0 0 !important; position: relative; padding-top: 40px; overflow: hidden;}
.slt_function h2, .features h2 
{position: absolute; top: 0; font-size: 28px; font-weight: 500;}
.slt_function.ft_type01 li {position: relative; padding: 60px 40px 20px 80px; float: left; min-height: 270px; width: 50%;  border: 1px solid #d1d1d1; box-sizing: border-box;}
#sub_content section ul.slt_function.item_one li {padding-top: 86px;}
.slt_function.ft_type01 li.item01, .slt_function li.item04 {background: #f5f5f5;}
.slt_function.ft_type01 li.item01 {border-right: 0; border-bottom: 0;}
.slt_function.ft_type01 li.item02 {border-bottom: 0;}
.slt_function.ft_type01 li.item03 {border-right: 0;}
.slt_function.ft_type01 li.item04 {border-top: 0; border-left: 0;}
.slt_function.ft_type01 li.item03, .slt_function li.item04 {border-top: 0;}
.slt_function.ft_type01 li.item02, .slt_function li.item04 {border-left: 0;}
.slt_function.ft_type01 li span.num {display: block; position: absolute; left: 80px; top: 46px; font-size: 60px; line-height: .7; font-weight: 700; letter-spacing: -2px; border-right: 1px solid #aaa; color: #dedede; width: 82px; height: 46px; font-family: 'Montserrat';}
.slt_function.ft_type01 li p.tit {margin-left: 170px; font-size: 14px; color: #777; width: 100%;}
.slt_function.ft_type01 li p.tit strong {display: block; font-size: 25px; color: #222; line-height: 1; font-weight: 500;}
.slt_function.ft_type01 li p.ft_txt {margin-top: 54px;}
.slt_function.ft_type01.low_h li {min-height: 220px; height: 220px;}
.slt_function.ft_type01.low_h li p.ft_txt {font-size: 18px}
.slt_function.ft_type01.low_h_02 li {min-height: 140px; padding-top: 40px; padding-bottom: 40px;}
.slt_function.ft_type01.low_h_02 li span.num {top: 45px;}
.slt_function.ft_type01.low_h_02 li p.tit strong {font-size: 21px; line-height: 1.2;}
.menu_area > ul > li > div.menu_main::after {display: none;}
.slt_function.ft_type01.item_one li p.tit strong {width: 45% !important;}
.slt_function.ft_type01 li.item03.item_culumn {width: 100%; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.slt_function.ft_type01 li.item01.item_culumn2 {background: #fff; border-right: 1px solid #ddd;}
.slt_function.ft_type01 li.item_culumn1 {padding-top: 88px;}



.bullet_box {display: block; position: relative; padding-left: 16px; padding-bottom: 7px; line-height: 1.5; text-align: left;}
.bullet_box::before {content:""; position: absolute; left: 0; top:14px; width: 8px; height: 8px; margin-top: -5px; background: url(../images/checked.svg); background-size: 100% auto; }
.bullet_box_o {display: block; position: relative; padding-left: 16px; line-height: 1.5; display: inline-block;}
.bullet_box_o::before {content:""; position: absolute; left: 0; top:14px; width: 8px; height: 8px; margin-top: -5px; background: url(../images/checked_o.svg); background-size: 100% auto; }
.slt_function li.ft_image {text-align: center;}
.slt_function li.ft_image img {width: 100%;}

.features {padding-left: 0 !important;}
.features li {border-top: 1px solid #555; padding: 140px 0 30px 30px; height: 340px; position: relative; overflow: hidden;} 
.features li + li, .features.items02_1 li + li {margin-left:2%} 
.features.items02 li + li {margin-left:1%}
.features.items02 li {float: left; width:22.7%; padding: 140px 12px 0 0; font-size: 16.5px; letter-spacing: -0.5px;}
.features.items02_1 li {float: left; width:48%;}
.features.items03 li {float: left; width: 32%;} 
.features.items03 li.item04, .features.items03 li.item07, .features.items03 li.item10, .features.items02_1 li.item03 {margin-left: 0;}
.features li strong {display: block; padding-bottom: 8px; font-size: 18px; padding-left: 16px;}
.features li i {position: absolute; display: block; top:30px; padding-top: 18px; width: 90px; height: 90px; left: 50%; margin-left: -45px; background: #F0F0F0; border-radius: 50%; text-align: center;}
.features li i img {width: 62%; opacity: .75;}
.features.access li {height: 380px;}
#guardmon .sub_topin {height: 200px;}
#guardmon .features.items02_1 li {height: 400px;}
.features.sms_b li, .features.ddos_b li {height: 370px;}
.features.nms_b li {height: 420px;}
.features.tms_b li {height: 390px;}
.features.tms_b li.item01, .features.tms_b li.item02, .features.tms_b li.item03 {height: 340px;}
.features.log_b li, .features.talkKey_b li  {height: 250px;}
.features.apm_b li {height: 340px;}
.features.ums_b li, .features.iot_b li {height: 300px;}
.features.ipt_b li.item03, .features.ipt_b li.item04 {height: 360px;}


/* 채용공고 */
.sub_header.job_top {background: url(../images/bg_sub_job.jpg) no-repeat center center;/* overflow: visible;*/}
.job_top .sub_gnb ul li {width: 33.3%;}

.job_con .sub_topin span {font-size: 20px; font-weight: 400;}
.job_con .sub_topin span strong {font-size: 24px; display: inline-block; padding-bottom: 8px;}
.job_con .sub > ul {padding-bottom: 70px; padding-left: 20%;}
.job_con .sub > ul:last-child {padding-bottom: 0;}
.job_con table td {text-align: center;border-right: 2px solid #f0f0f0;}
.job_con table td:last-child {border-right:0;} 


.ta_basic.job td {padding: 40px 0;}
#sub_content.job_notice .jobta_list ul {padding-bottom: 0;}

.cst_top .sub_gnb ul li {width: 50%;}
.jobta_list ul li {font-size: 17px; text-align: left; position: relative; padding: 2px 0; padding-left: 35px;}
.jobta_list ul li::before {content:""; position: absolute; left: 23px; width: 4px; height: 4px; top: 13px; background:#f27929 ;}
.list_b li + li {margin-left: 2%;}
.list_b li {float: left;width: 32%; position:relative;padding-top: 150px; border: 1px solid #dcdcdc; border-top: 1px solid #999; text-align: center;}
.list_b li i {position: absolute; top: 34px; width: 104px; height: 104px; left: 50%; margin-left: -52px; background: #f2f2f2; border-radius: 50%;}
.list_b li i::before {content:""; position: absolute; left: 24px; width: 58px; height: 58px; top: 24px; background:#f27929 ;}
.list_b li h4 { padding:20px 0 10px 0; font-size: 20px; position: relative;}
.list_b li h4::before {content:""; position: absolute; left: 50%; width: 30px; height: 1px; top: 12px; margin-left: -15PX; background:#f27929 ;}
.list_b li p {padding: 4px 30px; line-height: 1.2;}
.list_b li p span {font-size: 17px; font-weight: 300; letter-spacing: -0.5px;}
.list_b.job_guide li {height: 360px;}
.list_b.job_contact li {height: 330px;}
.list_b.job_contact li h4 {padding-bottom: 20px;}
.list_b.job_contact li p {line-height: 1.6;}
.list_b.job_guide li:nth-child(1) i::before {background: url(../images/sub_job/icon_job01_01.svg) no-repeat center center; background-size: 84% auto; }
.list_b.job_guide li:nth-child(2) i::before {background: url(../images/sub_job/icon_job01_02.svg) no-repeat center center; }
.list_b.job_guide li:nth-child(3) i::before {background: url(../images/sub_job/icon_job01_03.svg) no-repeat center center; }
.list_b.job_contact li:nth-child(1) i::before {background: url(../images/sub_job/icon_job01_04.svg) no-repeat center center; }
.list_b.job_contact li:nth-child(2) i::before {background: url(../images/sub_job/icon_job01_05.svg) no-repeat center center; }
.list_b.job_contact li:nth-child(3) i::before {background: url(../images/sub_job/icon_job01_06.svg) no-repeat center center; }

.job_w {overflow: hidden; border: 1px solid #cbcbcb; margin-top: 40px;}
.job_w .job_item {position: relative; padding: 70px 50px 70px 280px;}
.job_w .job_item + .job_item {border-top: 1px solid #e4e4e4;}
.job_w .job_item:nth-child(2), .job_w .job_item:nth-child(4) {background: #f6f6f6;}
.job_item i {position: absolute; width: 114px; height: 114px; left: 83px; top: 50%; margin-top: -57px; border-radius: 50%; background:#f0f0f0;}
.job_item i::before {content: ""; position: absolute; width: 68px; height: 68px; left: 23px; top: 23px;}
.job_item:nth-child(1) i::before {background: url(../images/sub_job/icon_job02_01.svg) no-repeat center center; background-size: 90% auto;}
.job_item:nth-child(2) i::before {background: url(../images/sub_job/icon_job02_02.svg) no-repeat center center;}
.job_item:nth-child(3) i::before {background: url(../images/sub_job/icon_job02_03.svg) no-repeat center center;}
.job_item:nth-child(4) i::before {background: url(../images/sub_job/icon_job02_04.svg) no-repeat center center;}
.job_item .top_it {position: relative; padding-left: 140px; overflow: hidden;}
.job_item .top_it .num {display: block; position: absolute; left: 0; top: 0; font-size: 76px; width: 120px; border-right: 1px solid #bcbcbc; color: #dedede; line-height: .8; letter-spacing: -1px; font-weight: 700;font-family: 'Montserrat';}
.job_item .top_it .tit strong {display: block; font-size: 26px; font-weight: 500; line-height: 1.1;}
.job_item .top_it .tit span {display: block; font-size: 20px; line-height: 1.2; padding-top: 8px;}
.job_item .ft_txt {padding-top: 20px; font-size: 18px; color: #444;}

#sub_content.job_notice ul {padding-top: 0;padding-bottom: 140px;}
#sub_content.job_notice ul h3 {position: absolute; left: 0; top: 0; width: 20%; line-height: .8;}  

.cst_con .tab {padding-top: 60px; background: #fff;}
#sub_content.cst_con section h3 {font-size: 24px;}
.cst_con .tab ul li {width: 11.1%;}
section.customer {overflow: hidden;padding-top: 80px;}
section#box01.customer {padding-top:10px;}
section.customer p {width: 15%; float: left; height: 80px; border: 1px solid #dcdcdc; margin-top: 16px;}
section.customer p + p {margin-left: 2%;}
section.customer p:nth-child(7), 
section.customer p:nth-child(13), 
section.customer p:nth-child(19),
section.customer p:nth-child(25),
section.customer p:nth-child(31) {margin-left: 0;}

.job_w02 {margin-top: 50px; overflow: hidden;}
.job_w02 li {position: relative; overflow: hidden; float: left; border: 1px solid #dcdcdc; padding: 200px 40px 0 40px; height: 395px; width: 32.5%; margin-top: 10px;}
.job_w02 li + li {margin-left: 0.9%;}
.job_w02 li:nth-child(2n-1) {background: #f4f4f4;}
.job_w02 li:nth-child(3n+1) {margin-left: 0;}
.job_w02 li::before {content:""; position: absolute; top: 80px; left: 50%; width: 70px; height: 70px; margin-left: -37px; opacity: .9;}
.job_w02 li:nth-child(1):before {background: url(../images/sub_job/icon_job03_01.svg) no-repeat center center; background-size: 83% auto;}
.job_w02 li:nth-child(2):before {background: url(../images/sub_job/icon_job03_02.svg) no-repeat center center; background-size: 86% auto;}
.job_w02 li:nth-child(3):before {background: url(../images/sub_job/icon_job03_03.svg) no-repeat center center; background-size: 86% auto;}
.job_w02 li:nth-child(4):before {background: url(../images/sub_job/icon_job03_04.svg) no-repeat center center;}
.job_w02 li:nth-child(5):before {background: url(../images/sub_job/icon_job03_05.svg) no-repeat center center;}
.job_w02 li:nth-child(6):before {background: url(../images/sub_job/icon_job03_06.svg) no-repeat center center;}
.job_w02 li:nth-child(7):before {background: url(../images/sub_job/icon_job03_07.svg) no-repeat center center; background-size: 96% auto;}
.job_w02 li:nth-child(8):before {background: url(../images/sub_job/icon_job03_08.svg) no-repeat center center; background-size: 94% auto;}
.job_w02 li:nth-child(9):before {background: url(../images/sub_job/icon_job03_09.svg) no-repeat center center; background-size: 96% auto;}
.job_w02 li:nth-child(10):before {background: url(../images/sub_job/icon_job03_10.svg) no-repeat center center; background-size: 96% auto;}
.job_w02 li:nth-child(11):before {background: url(../images/sub_job/icon_job03_11.svg) no-repeat center center; background-size: 94% auto;}
.job_w02 li:nth-child(12):before {background: url(../images/sub_job/icon_job03_12.svg) no-repeat center center;}
.job_w02 li:nth-child(13):before {background: url(../images/sub_job/icon_job03_13.svg) no-repeat center center;}
.job_w02 li:nth-child(14):before {background: url(../images/sub_job/icon_job03_15.svg) no-repeat center center;}
.job_w02 li:nth-child(15):before {background: url(../images/sub_job/icon_job03_14.svg) no-repeat center center;}
.job_w02 li strong {font-size: 22px; font-weight: 500; color: #f26829; display: block; text-align: center; position: relative;}
.job_w02 li strong::before  {content:""; position: absolute; top: -20px; left: 50%; width:36px; height: 1px; margin-left: -18px; background: #777;}
.job_w02 li p {padding-top: 20px; font-size: 18px;}

/* 고객사 협력사 */
#sub_content.client_top section h3 {font-size: 28px;}
.sub_header.client_top {background: url(../images/bg_sub_client.jpg) no-repeat center center;}
.client_top .sub_gnb ul li {width: 50%;}
.client + .client {padding-top: 80px; background: #fff;}
.client_con .tab ul li {width: 9.8%;}
.client_con .sub_top {margin-top: -60px;}
.client_con .tab ul li:nth-child(1),  .client_con .tab ul li:nth-child(4), .client_con .tab ul li:nth-child(8) {width: 12.3%;}
.client_con .tab ul li:nth-child(2) {width: 14%;}
.client ul {overflow: hidden;}
.client ul li {float: left; width: 13%; width: 12%; padding-top: 24px;}
.client ul li:nth-child(6n+1) {margin-left:0;}
.client ul li img {width: 100%;}
.client ul li + li {margin-left: 4.3%;margin-left: 5.4%;}
.client.collabo h3 {display: none;}
.client_con .tab .tab_current {display: none; cursor: pointer;}
.ask02 .board_list .tit2 {float: left; width: 16%; padding: 20px 0; padding-left: 3%; padding-right: 20px;}
.ask02 .board_list .tit2 .bullet_box_o {font-size: 18px; font-weight: 400;}
.ask02 .board_list .item_con {float: left; width: 84%; padding: 20px 0; }
.ask02 .board_list .item_con.culumn {width: 34%;}
.ask02 .board_list .item_con input {width: 100%;}
.ask02 .board_list .item_con textarea {width: 100%; height: 100px;} 

/* 오시는길 */
.map_detail {overflow: hidden; margin-top: 80px;}
.map_detail ul + ul {margin-left: 2%;}
.map_detail ul {overflow: hidden; width: 49%; float: left; border-top: 1px solid #555; border-bottom: 1px solid #ccc; padding: 40px 0; height: 420px;}
.map_detail ul li {position: relative; padding-left: 150px;}
.map_detail ul li + li {margin-top: 27px;}
.map_detail ul:last-child li {padding-left: 120px;}
.map_detail ul:last-child li + li {margin-top: 34px;}
.map_detail ul li strong {position: absolute; left: 10px; top: 0; font-size: 18px; color: #222; font-weight: 500;}
.map_detail ul li p {font-size: 16px;}
.map_area {border: 1px solid #dcdcdc; height: 600px; box-sizing: border-box;}


.acp_con .tab {padding-top: 50px; background: #fff; margin-top: -40px;}
#sub_content.acp_con {padding-top: 40px;}
#sub_content.acp_con section + Section {margin-top: 100px;}
#sub_content.acp_con dl {overflow: hidden; position: relative; padding-left: 22%;}
#sub_content.acp_con dl dt {position: absolute; left: 0; top: 0;}
#sub_content.acp_con dl dd {}

.acp_top .sub_gnb ul li {width: 33.33%;}
.acp_area {border-bottom: 0 solid #c9c9c9; overflow: hidden; }
.acp_tit {position: relative;}
.acp_tit::after {content: ""; position: absolute; left: 0; width: 100%; bottom: 8px; height: 1px; background: rgba(100,100,100,.6); z-index: 10;}
.acp_area h4 {display:inline-block; height: 44px; background: #fff; color: #888; padding-right: 10px; font-size: 30px; z-index: 12; line-height: 1.8; font-weight: 500; font-family: 'Montserrat'; position: relative;}}
.acp_area h4 span {display: inline-block; background: #ccc; z-index: 20;}
.acp_area h4 b {font-weight: 500;}
.acp_area .award_photo {text-align: center;}
.acp_area .award_photo img {width: 100%; box-sizing: border-box; border: 1px solid #dcdcdc;transition: all 0.6s;}
.acp_area .award_photo img:hover {border: 1px solid #999;}
.lb-data .lb-number {display: none !important;}

.acp_area .award_txt {height: 60px; color: #444; text-align: center; line-height: 1.3; letter-spacing: -0.5px;padding-top: 15px;}
.acp_area:hover .award_txt {color: #111;}
.acp_con section ul {padding-top: 30px; overflow: hidden;}
.acp_con section ul li {float: left; overflow: hidden; width: 22%; height: 370px; padding-bottom: 10px;}
.acp_con section ul li + li {margin-left: 4%;}
.acp_con section ul li:nth-child(5), .acp_con ul li:nth-child(9), .acp_con ul li:nth-child(13), .acp_con ul li:nth-child(17), .acp_con ul li:nth-child(21) 
{margin-left: 0;}



/*********** 타블렛 ***********/
@media screen and (max-width:1024px) {
	.all_menu .top .menu_close {right: 3%;}
	.img_pd {display: inline-block;}
	.img_mb, .img_pc2 {display: none;}
	.company_con::after {display: none;}
	.box_tb {display: block;}
	.box_pc {display: none;}
	#sub_content {padding: 80px 0 100px 0;}
	.sub_top + section {margin-top: 40px;}
	#content .inner {width: calc(100% - 40px); margin: 0 auto;}
	.sub_header .location li a, .sub_header .location li b {font-size: 16px;}
	.sub_gnb ul li {width: 12.1%;}
	.sub_gnb ul li a {font-size: 15px;}
	section.sub + .sub {margin-top: 40px;}
	
	/* 회사개요 */
	#sub_content section h3 {font-size: 36px; text-align: left;}
	.sub > ul {padding-left: 0; padding-top: 120px;}
	.sub > ul .tit {width: 100%;}
	.cp_w .sub > ul { text-align: center; padding-top: 130px;}
	.tit_in .tit01 {line-height: 1.2; text-align: left;}
	.text_basic .list.pt20 {padding-top: 0 !important;}
	.box_area02 .text_basic ul.list li {font-size: 17px; font-size: 18px; padding-bottom: 5px;}

	.tit_in {display: inline-block;}
	.box_area02 .text_basic ul.list li, .box_area02 .text_basic p {text-align: left;}

	.text_basic, .text_basic p {font-size: 17px; line-height: 1.7;}
	.img_business02 {margin-top: 80px; padding: 8px;}
	.img_business02 .img_company02_in img {width: 98%;}
	.list.com_item_list {padding-left: 4%;}
	.company_con .box_area02 {padding-left: 0; padding-top: 300px;}
	.box_area02 .img_company02 {width: 100%; text-align: center;}
	.ta_basic tr th, .ta_basic tr td {font-size: 15.5px;}
	.sub.com_item02 .box_pc {display: block;}
	.sub.com_item02 .box_pc h4 {text-align: left; font-size: 21px; margin-top: 0; line-height: 2.2;}
	/* 인사말 */
	.intro_img_box01 {text-align: center;}
	.intro_img_box01 img {width: 100% !important;}
	
	.cp_w .sub > ul {padding-left:0; }
	/* 연혁 */
	.history_wrap {padding-top: 290px;}
	.history_wrap .history_img_box {top: 0; width: 100%; height: 240px; background: url(../images/sub_company/img_com_history01_mo.png) no-repeat top center;}
	.htr_list {margin-left: 50px; width: 100%;}
	/* 비전 */
	.vision_wrap .vision_img_box img {width: 60%;}

	.org_img_box01 img.img_pc {width: 99% !important;}
	.ci_con .sub_topin span, .ci_con .sub_topin span em {font-size: 19px;}

	/*솔루션*/
	.slt_function.ft_type01 li {padding-left: 50px;}
	.slt_function.ft_type01 li span.num {left: 50px;}
	.slt_function.ft_type01 li p.tit {margin-left: 0; padding-left: 144px; padding-right: 10px;}
	.slt_function.ft_type01 li p.tit strong {letter-spacing: -1.5px;font-size: 21px; line-height: 1.5;}
	.solution_top .sub_gnb .inner > ul li:first-child {margin-left: 0%;}
	.sub_gnb .solutin_submenu ul li a {padding: 0 30px;}
	.sub_gnb .solutin_submenu ul li:first-child a {padding-left: 0;}
	.features.items02 li {height: 320px;}
	.features.items03.nms_b li {height: 350px;}
	.features.ipt_b li.item04 {height: 390px;}
	.features.items02 li, .features.items03 li {width: 49%;margin-left: 0 !important; }
	.features.items02 li.item02, .features.items02 li.item04,
	.features.items03 li.item02, .features.items03 li.item04, .features.items03 li.item06
	{margin-left: 2% !important;}
	.features.tms_b li, .features.tms_b li.item03  {height: 390px;}
	.features.tms_b li.item01, .features.tms_b li.item02 {height: 300px;}
	.solution_con .sub_topin p br {display: none;}
	.slt_function.ft_type01 li p.tit strong.font_res {font-size: 18px; line-height: 1.2;}
	.slt_function.ft_type01 li.he_210 {min-height: 290px;}
	.slt_content .sub_topin h1 br {display: inline;}
	.solution_con .tab .item05 li a {letter-spacing: -0.7px; font-size: 16.5px;}
	#acessmon .features.items03 li {height: 360px;}
	#onair .slt_function.ft_type01.low_h_02 li.item03, 
	#onair .slt_function.ft_type01.low_h_02 li.item04 {min-height: 160px;}


	/* 채용 */
	.sub_top::before {font-size: 100px;}
	.sub.job_w02 li {padding: 200px 30px 0 30px;}
	.sub.job_w02 li p {line-height: 1.4;}
	.job_w .job_item {padding: 160px 40px 70px 40px;}
	.job_item i {width: 100px; height: 100px; left: 50%; margin-left: -50px; top: 40px; margin-top: 0;}
	.job_item i::before {width: 62px; height: 62px; top: 17px; left: 18px;}
	.job_item .top_it .num {width: 110px;}
	.job_item .top_it {padding-left: 123px;}
	.job_item .top_it .tit span {font-size: 19px; letter-spacing: -0.5px;}
	#sub_content.job_notice ul {padding-top: 46px; padding-left: 0; padding-bottom: 80px;}
	#sub_content.job_notice ul h3 { line-height: .8; width: 100%; font-size: 30px;}  
	#sub_content.job_notice ul li ul {padding: 0;}
	.list_b li p {padding: 4px 20px; font-size: 18px;}

	.client ul li {width: 15.5%;}
	.client ul li + li {margin-left: 1.4%;}

	/* 고객센터 */
	.ask_list > div {padding-left: 16%;}
	.ask_list > div i {width: 31%;}
	.ask_list > div strong {width: 30%; font-size: 21px; line-height: 1.3; top: 105px; text-align: center;}
	.ask_list > div::after {width: 32%;}
	.ask_list .bullet_box {font-size: 16px; letter-spacing: -0.5px; padding-right: 20px;}
	/*.sub_top span, .sub_top span em {font-size: 20px;}*/
	.map_detail ul {height: 440px;}
	.map_detail ul li {padding-left: 120px;}
	.map_detail ul:last-child li {padding-left: 90px;}
} 

/* 모바일 */

@media screen and (max-width:767px) {
	#container {margin-top: 70px;}
	#content .sub_header .inner { width:100%;}
	#content .inner {width: calc(100% - 30px);}
	
	.sub_header #content .inner {width: 100%;}
	.all_menu .top {height: 70px;}
	.sub_top::before {display: none;}
	.img_pc {display: none !important;}
	.img_mb {display: inline-block;}
	.sub > ul {padding-top: 90px;}
	.sub_topin {padding: 35px 0;}
	.sub_top + section {margin-top: 0;}
	.tab {padding-bottom:0;}
	.tab ul li a {line-height: 2.6;}
	
	.sub_top span, .sub_top span em {font-size: 19px; line-height: 1.4;}
	.ci_con .sub_topin span, .ci_con .sub_topin span em {font-size: 18px; font-weight: 400; line-height: 1.6;}
	.sub_top .sub_topin.line_two span, .sub_top .sub_topin.line_two span em {font-size: 19px; font-weight: 500;}
	#sub_content {padding: 60px 0 80px 0;}

	.sub_top {padding: 12px;  background: url(../images/bg_line.png) repeat;}
	.sub_topin {background: #fff; padding: 35px 10px;}
	
	/* 회사개요 */
	.sub_header.company_top {height: 455px;}
	.company_con .sub > ul .tit {text-align: center;}
	.company_top .sub_gnb ul {display: block;}
	.company_top .sub_gnb ul li {float: left; width: 23.5%;}
	.company_top .sub_gnb ul li:nth-child(4), .company_top .sub_gnb ul li:nth-child(8) { width: 29%;}
	.company_top .sub_gnb ul li:nth-child(8) a {letter-spacing: -2px;}
	.company_top .sub_gnb ul li:nth-child(5), .company_top .sub_gnb ul li:nth-child(6), .company_top .sub_gnb ul li:nth-child(7), .company_top .sub_gnb ul li:nth-child(8)
	{border-top: 1px solid #444;}
	.sub > ul .tit {text-align: left;}
	.tit_in {padding-left: 90px;}
	.tit_in .tit01 {font: 12px;}
	.tit_in .num {font-size: 58px; text-align: center;}
	#sub_content section h3, #sub_content.ci_con section h3 {font-size: 25px;}
	.cp_w .text_basic, .cp_w .text_basic p {font-size: 19px; line-height: 1.5;}
	.text_basic, .text_basic p {font-size: 17px; line-height: 1.8; color: #111;}

	.company_con .ta_basic th,	.company_con .ta_basic th {padding-left: 2%;font-size: 16px; }
	.ta_basic.tech tr th, .ta_basic.tech tr td,
	.ta_basic tr th, .ta_basic tr td {font-size: 15px; letter-spacing: -1px; color: #222;}
	.cp_w .sub > ul {padding-top: 106px;}
	ul.build {border: 4px solid #efefef; border-radius: 0; padding: 0; height: unset; }
	ul.build li, ul.build li:nth-child(1), ul.build li:nth-child(4) {width: 50%; border-top: 1px solid #dcdcdc; padding-bottom: 20px;}
	ul.build li i {top: 24px; width: 34%; margin-left: -17%;}
	ul.build li span {font-size: 32px;}
	ul.build li strong {font-size: 16px;}
	.img_area.com_security img {width: 100%;}
	.img_area.com_security, .img_area.com_db, .img_area.com_lab {padding-top: 10px;}
	.sub_top::before {font-size: 12vw;}
	.sub_top::before, .sub_topin::before {height: 60px;  top:70%;  margin-top: -60px; display: none;}
	.text_basic img.img_mb {display: inline-block;}
	.img_area.com_lab img {width: 100%;}
	.box_area02 .text_basic p, .box_area03 p strong {font-size: 19px; line-height: 1;}
	.sub.com_item02 .box_pc h4 {font-size: 18px;}
	.sub.com_item02 .box_pc h4 .txt_mo {display: inline; font-size: 17px;}
	.ta_basic.tech tr th:nth-child(2), .ta_basic.tech tr td:nth-child(2) {display: none;}
	/* 사업영역 */
	.sub_business_top .img_business01 {float: none; width: 100%;margin: 0 0 20px 0;}
	.img_business02 .img_company02_in {padding-top: 10px;}
	.img_business02 {padding: 4px;}
	/* 비전*/
	.vision_wrap .vision_img_box img {width: 100%;}
	ul.vision_con li .vision_list {padding: 150px 18px 36px 18px;text-align: center;}
	ul.vision_con li .vision_list i {top: 30px; margin-top: 0; width: 100px; height: 100px; left: 50%; margin-left: -50px;}
	ul.vision_con li .vision_list i::after {width: 60px; height: 60px;}
	ul.vision_con li .vision_list p strong {font-size: 20px;}
	ul.vision_con li .vision_list p b {font-size: 18px;}
	ul.vision_con li .vision_list p {font-size: 17px;}
	.vision_con ul li {padding: 0; background:#fff;}
	.vision_con ul li .vision_list {background: #fff; border: 1px solid #bcbcbc;}
	.font_w_mo {font-weight: 400 !important; font-size: 20px !important;}
	/*연혁 */
	.history_wrap {padding-top: 190px;}
	.history_wrap .history_img_box {background-size: 100% auto; height: 120px;top: 42px;}
	.htr_list {margin-left: 0;}
	.htr_list::before {left: 5px; bottom: 50px;}
	ul.history_con::before {width: 11px; height: 11px;}
	ul.history_con {padding-left: 26px; padding-top: 35px;}
	ul.history_con p {left: 25px; font-size: 30px;}
	ul.history_con li {font-size: 16px; padding:  4px 0 4px 30px;letter-spacing: -1px;}
	ul.history_con li .num {width: 25px; height: 25px; line-height: 25px; font-size: 14px;}


	/*조직도*/
	.org_img_box01 img, .org_img_box02 img{width: 100% !important;}
	.org_img_box01 {margin-top: 60px;}
	.org_img_box02 {margin-top: 64px; margin-left: 0;}

	/* ci */
	.ci_con .sub_topin {padding-top: 50px;    height: unset;}
	.ci_down li + li {margin-left: 0;}
	.ci_con .sub > ul {padding-left: 0; padding-top: 64px;}
	.ci_down li a {padding: 60px 0;}
	#sub_content.ci_con section h3 {width: 100%;}
	.ci_data li p {float: none; width: 100%;}
	.ci_img02, .ci_img04, .ci_img06, .ci_img08 {margin-left: 0 !important;}

	/*상훈인증*/
	#sub_content.acp_con dl {padding-left: 0;}
	.acp_con section ul {padding-top: 20px;}
	.acp_area h4 {font-size: 24px;}
	.acp_tit::after {bottom: 15px;}

	.acp_con section ul li {width: 100%; height: unset; padding-bottom: 20px;}
	.acp_con section ul li + li {margin-left: 0;}
	.acp_area .award_txt {font-size: 16px; padding-top: 10px;}
	.acp_area .award_photo a img {width: 80%;}
	#sub_content.acp_con dl {padding-top: 40px;}
	#sub_content.acp_con dl dt {width: 100%; text-align: center;}
	#sub_content.acp_con dl dt h3 {text-align: center; font-size: 22px;}
	#content .acp_con .inner {top:60px !important;}
	/*솔루션*/
	.sub_gnb ul li a {font-size: 18px; line-height: 3.6;}
	.solution_top .sub_gnb .solutin_submenu .inner li {width: 18% !important; padding: 0;}
	.solution_top .sub_gnb .solutin_submenu .inner li:nth-child(2) {width: 25% !important;}
	.solution_top .sub_gnb .solutin_submenu .inner li:nth-child(4) {width: 21% !important;}
	.sub_gnb .solutin_submenu ul li a {font-size: 15.5px; letter-spacing: -1px; padding: 0 !important;}
	.solution_con .tab .item05 li {width: 33.33%;}
	.solution_con .tab .item05 li:nth-child(4) {border-left: 1px solid #bcbcbc;}
	.solution_con .tab .item05 li:nth-child(4), .solution_con .tab .item05 li:nth-child(5) {width: 50%; margin-top: -1px;}
	.slt_function h2, .features h2 {font-size: 22px;}
	.slt_function.ft_type01 li {width: 100%; border:0; min-height: unset !important; border: 1px solid #dcdcdc !important; padding: 40px 30px 40px 80px; padding-left: 9%;}

	.slt_function.ft_type01 li + li {border-top:0 !important;}
	.slt_function.ft_type01 li.item01, .slt_function li.item03 {background: #fff;}
	.slt_function.ft_type01 li.item02, .slt_function li.item04 {background: #f8f8f8;}
	.slt_function.ft_type01 li span.num {left: 8.4%; font-size: 48px; width: 65px; height: 34px;}
	.slt_function.ft_type01 li p.tit {margin-left: calc(9% + 70px); font-size: 14px; line-height: 1.4; padding-left: 0;}
	.slt_function.ft_type01 li p.tit strong {font-size: 20px; line-height: .96;}
	.slt_function.ft_type01 li p.ft_txt  {font-size: 17px;}
	.solution_con .tab .item04 li {width: 24%;}
	.solution_con .tab .item04 li:first-child a {border-right: 0;}
	.solution_con .tab .item04 li:last-child {width: 28%;}
	.solution_con .tab ul li a {font-size: 17px; line-height: 1.4; padding: 8px 0;}
	.solution_con .tab ul li a span {display: block;font-size: 14px; letter-spacing: -0.5px;}
	.solution_con .sub_top {margin-bottom: 50px;}
	.solution_con .sub_topin h1 {font-size: 24px; padding-bottom: 8px;}
	.solution_con .sub_topin p {font-size: 18px; color: #222; line-height: 1.5; padding-left: ;}
	.solution_con .sub_topin {padding: 50px 7%;}
	#sub_content section ul.slt_function, #sub_content section ul.features {padding-top: 40px !important;}
	.features li {width: 100% !important; margin-left: 0 !important; padding: 140px 0 50px 4px !important; height: unset;}
	.features li strong {padding-left: 0; text-align: center;}
	.features li i {top: 36px; width: 80px; height: 80px;}
	.bullet_box, .slt_function.ft_type01.low_h li p.ft_txt {font-size: 17px; padding-bottom: 4px; line-height: 1.3;}
	.slt_function.ft_type01.item_one li {padding: 94px 4% 30px 9%;}
	.slt_function.ft_type01.item_one li div.f_left {width: 100% !important;}
	.slt_function.ft_type01.item_one li div.f_left p.mt22 {margin-top: 0 !important;}
	.slt_function.ft_type01.item_one li span.num {left: 7%; width: 50px; font-size: 43px;}
	.slt_function.ft_type01.item_one li p.tit { margin-left: calc(8% + 54px);}
	.slt_function.ft_type01.item_one li p.tit strong {font-size: 16.5px; letter-spacing: -1px;}
	.slt_function.ft_type01.low_h li {height: 170px; height: unset}
	.slt_function.ft_type01.low_h_02 li {height: 130px;}
	.slt_function.ft_type01.low_h_02 li p.tit strong {font-size: 17.5px; letter-spacing: -1px; line-height: 1;}
	.slt_function.ft_type01 li.item_culumn1 .f_left  {width: 100% !important;}
	.slt_function.ft_type01 li.item_culumn1 .f_left p.ft_txt {  margin-top: 0 !important;}
	.slt_function.ft_type01 li.item_culumn1 {padding-top: 100px;}
	.slt_function.ft_type01 li.item01.item_culumn1 p.bullet_box {margin-bottom: 5px;}
	.features.access li,
	#guardmon .features.items02_1 li,
	.features.sms_b li, .features.ddos_b li,
	.features.nms_b li, .features.ipt_b li.item03, .features.ipt_b li.item04,
	.features.tms_b li, .features.log_b li, .features.iot_b li,
	.features.apm_b li {height:unset;}


	/* 채용 */
	.job_con .sub_topin span {font-size: 19px !important;line-height: 1.6;}
	.sub.job_w02 li { float: none; width: 100%; margin-left:0 ; height: unset;   padding: 120px 15px 40px 15px;}
	.sub.job_w02 li strong {font-size: 22px;}
	.sub.job_w02 li p {font-size: 18px; text-align: center; padding-top: 10px;}
	.sub.job_w02 li::before {top: 30px; width: 54px; height: 54px; margin-left: -27px;}
	.sub.job_w02 li strong::before {top: -15px;}

	.job_con .sub_topin span strong {font-size: 21px;}
	.job_w .job_item {padding: 160px 24px 70px 24px;}
	.job_item .top_it {padding-top: 40px; padding-left: 0;}
	.job_item .top_it .num {font-size: 42px; text-align: center; width: 100%; margin-left: 0; border: 0;}
	.job_item .top_it .tit strong {text-align: center; font-size: 22px;}
	.job_item .top_it .tit span  {text-align: center; font-size: 18px;padding-top: 15px; color: #222;}
	.job_item .ft_txt {font-size: 17px;}
	#sub_content.job_notice ul h3 {font-size: 21px; top: 44px;}
	.jobta_list ul li {font-size: 15px;    padding-left: 15px;}
	.jobta_list ul li::before {width: 3px; height: 3px; top: 13px;}
	#sub_content.job_notice ul {padding-top: 74px;}
	.list_b.job_guide li, .list_b.job_contact li {width: 100%; float: none; margin-left: 0; margin-top: 6px; height: unset;}
	.list_b li {padding-top: 110px; padding-bottom: 40px;} 
	.list_b li i {top: 20px; width: 90px; height: 90px;margin-left: -45px; left: 50%;}
	.list_b li i::before {left: 20px; height: 20px; width: 50px; height: 50px;  }
	.list_b li p {font-size: 19px;} 
	.list_b li p span {font-size: 18px; color: #333;}
	.list_b li h4 {font-size: 20px; font-weight: 500;}
	.sub.job_w {margin-top: 45px !important;}


	/* 고객사 협력사 */
	#sub_content.client_con {padding-top: 20px;}
	#sub_content.client_con .inner {top: 60px !important;}
	#sub_content.client_con .tab p.tab_current  {margin-top: 40px; position: relative;}
	.client ul li { width: 24%; padding-top: 12px; margin-left: 1.2% !important;}
	.client ul li:nth-child(4n+1) {margin-left: 0 !important;}
	.sub_top span, .sub_top span em {font-size: 20px; letter-spacing: -0.5px;}
	.client_con .tab { margin-bottom: 0;}
	.client_con .tab ul {display: none;}
	.client_con .tab .tab_current {display:block; line-height: 3.2; background: #f27929; color: #fff; font-size: 20px; text-indent: 8%;}
	.client_con .tab .client_menu li {float: none; width: 100% !important; border: 1px solid #bcbcbc !important; border-bottom: 1px solid #fff !important;}
	.client_con .tab .client_menu li + li {border-top: 0;}
	.client_con .tab .client_menu li:last-child {border-bottom: 1px solid #bcbcbc !important;}
	.client_con .tab .client_menu li a, .client_con .tab .client_menu li.current a {border-bottom:0; position: relative; line-height: 3; background: #fff; color: #222; text-indent: 8%;font-size: 16px; text-align: left;}
	#sub_content.client_con .tab p.tab_current::after {content: ""; position: absolute; background:url(../images/icon_plus.svg) no-repeat center center ; right: 6%; top: 50%; margin-top: -7px; width: 14px; height: 14px;} 

	/* 고객센터 */
	.service_top .sub_gnb ul li {width: 23.6%;}
	.service_top .sub_gnb ul li:nth-child(2) {width: 29.5%;}
	.ask_list, .sub.map, .client.collabo {margin-top: 50px !important;}
	.ask_list > div {float: none; width: 100%;}
	.ask_list > div i {left: 50%; margin-left: -15%; width: 30%; height: 64px; top: 10px;}
	.ask_list > div::after {left: 50%; margin-left: -16%; }
	.ask_list > div {padding: 140px 10px 40px 10px;}
	.ask_list > div strong {width: 100%; color: #111;}
	.ask_list .bullet_box {font-size: 18px; padding-top: 4px;}
	.ask02 .board_list .tit2 {padding-left: 0; width: 26%; padding-right: 0;}
	.ask02 .board_list .tit2 .bullet_box_o {font-size: 15px;}
	.ask02 .board_list .item_con.culumn, .ask02 .board_list .item_con {width: 74%;}
	.ask02 .board_list .boder_t {border-top: 1px solid #dcdcdc;}
	.checkbox_w label {margin-right: 5px;}
	#sub_content section.ask02 h3 {line-height: 2;}
	input[type="checkbox"] + label span {margin: -2px 0 0 0;}
	.btn_w .btn_basic {width: 100%; font-size: 15px;}
	.board_list li a .img_area {float: none;}
	.board_list li a .img_area img {width: 100%;}

	.board_list li a .text_area {margin: 30px 0 0 0; width: 100%;}
	.board_list li .tit {font-size: 20px; line-height: 1.4;}
	.board_list li .txt {max-height: inherit; font-size: 16.5px;}
	.paginate a {width: 30px; height: 30px; line-height: 30px;}
	.paginate a.btnNext {margin-left: 15px;}
	.paginate a.btnPrev {margin-right: 15px;}
	.board_list.detail li {padding: 20px 0 15px 0;}
	.board_list.detail .detail_top strong {font-size: 21px; letter-spacing: -0.5px; display: block;}
	.board_list.detail .detail_txt {padding: 30px 0;}
	.board_list.detail .detail_txt img {width: 100%;}
	.nav_area .nav  {width: 100%; float: none; font-size: 20px; padding-left: 0;}
	.nav_area .text {float: none; width: 100%;}
	.board_list li .date {text-align: right; font-size: 17px;}
	.board_list.detail .detail_txt p {text-align: left;font-size: 17px;}
	.news_top select {width: 40%; display: inline-block;}
	.news_top select:last-child {width: 55%; float: right;}
	.board_list li .category {font-size:18px;}
	.board_list li a .img_area {height: 300px;}
	.nav_area .text a {font-size: 18px;}
}



@media screen and (max-width:900px){
	.map_detail ul {width: 100%; margin-left: 0 !important;}
	.map_detail ul li, .map_detail ul:last-child li {padding-left: 160px;}
	.map_detail ul li br {display: none;}
	.map_detail ul li strong {font-size: 20px;}
	.map_detail ul li p {font-size: 18px;}
}

@media screen and (max-width:440px) {
	.ci_down li a {padding: 40px 0;}
	.ci_down li, .ci_down li a, .ci_down li a.png_down {width: 100%; background-size: 64% auto;}
	/* 고객사 협력사 */
.client ul li { width: 32.4%; margin-left: 1.4% !important;}
.client ul li:nth-child(4n+1) {margin-left: 1.4% !important;}
.client ul li:nth-child(3n+1) {margin-left: 0 !important;}
.sub_top span, .sub_top span em {font-size: 22px; letter-spacing: -0.5px; color: #222;    font-weight: 500;}
.map_detail ul {height: unset;}
.map_detail ul li, .map_detail ul:last-child li {padding-left: 0; padding-top: 38px;}
.map_detail ul li strong {width: 100%; left: 0;}
	.map_detail ul li p {width: 100%}
	
}

@media screen and (max-width:340px) {
	.sub_gnb .solutin_submenu ul li a {font-size: 14px;}
}