/* 메인공통 */

h2.main_tit {display: block; margin: 0 0 25px 0; font-size: 34px; font-weight: 600; color: #666;}





/* main css */

.visual {overflow: hidden; position: relative; box-sizing: border-box; width: 100%;}
.visual .slick-slide {position: relative;}
.visual .slide1 {position: relative;}
.visual .txt_box {position: absolute; bottom: 10%; left: 0; right: 0;}
.visual .txt_box strong {display: block; margin: 15px 0; font-family: 'Roboto'; font-size: 50px; font-weight: 600; color: #fff;}
.visual .txt_box p {line-height: 1.6; color: #fff;}
.visual .txt_box p em {font-style: normal; color: #f37300;}
.visual .txt_box a {position: relative; display: block; box-sizing: border-box; margin: 35px 0 0 0; padding: 0 30px; width: 220px; height: 70px; line-height: 70px; font-family: 'Roboto'; font-size: 22px; color: #fff; border: 1px solid #f37300; border-radius: 35px; background: transparent; transition: all 0.3s;}
.visual .txt_box a:after {display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 7px; height: 12px; background: url(../images/main/arrow_more.png) no-repeat 0 0; content: '';}
.visual .txt_box a:hover {background-color: #f37300; color: #fff;}
.visual img {width: 100%; height: 100%; vertical-align: top;}






/* 제품&솔루션 */

.prd_area {padding: 50px 0 140px;}
.prd_slide .slick-track {left: 0; right: 0; margin: 0 auto;}
.prd_slide .slick-list {height: 420px;}
.prd_slide .slick-slide {box-sizing: border-box; transition: all 300ms ease;}
.prd_slide .slick-slide > div {margin: 0 5px;}
.prd_slide .slick-slide a {position: relative; display: block; overflow: hidden; box-sizing: border-box; width: 100%; height: 420px;}
.prd_slide .slick-slide a:before {visibility: visible; opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); transition: all 0.4s; content: ''; z-index: 1;}
.prd_slide .slick-slide a .img_box {position: relative; width: 100%; height: 100%;}
.prd_slide .slick-slide a .img_box img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); bottom: 0;}
.prd_slide .slick-slide a .img_box .center_img {display: none;}
.prd_slide .slick-slide a .txt_box {position: absolute; left: 0; right: 0; bottom: 0; box-sizing: border-box; width: 100%; padding: 20px; background-color: rgba(0, 0, 0, 0.5); border-top: 1px solid #fff; transition: all 0.4s; z-index: 2;}
.prd_slide .slick-slide a .txt_box .prd_tit {display: block; font-family: 'Roboto'; font-size: 20px; color: #fff;}
.prd_slide .slick-slide a .txt_box p {visibility: hidden; opacity: 0; font-size: 0; color: #fff; transition: all 0.4s;}

.prd_slide .slick-center a:before {visibility: hidden; opacity: 0;}
.prd_slide .slick-center a .txt_box {background-color: rgba(243, 115, 0, 0.8);}
.prd_slide .slick-center a .txt_box p {display:none; visibility: visible; opacity: 1; padding: 5px 0 0 0; font-size: 18px;}


.prd_slide .slick-prev, .prd_slide .slick-next {top: -65px; transform: none; box-sizing: border-box; width: 40px; height: 40px; border: 2px solid #ddd; z-index: 3;}
.prd_slide .slick-prev {right: 80px; background: url(../images/main/prev_arrow.png) no-repeat center center;}
.prd_slide .slick-next {right: 30px; background: url(../images/main/next_arrow.png) no-repeat center center;}
.prd_slide .slick-dots {left: 0; right: 0; bottom: -50px; width: 100%;}
.prd_slide .slick-dots li button {width: 8px; height: 8px; margin: 0 7px; background-color: #ddd; border-radius: 50%;}
.prd_slide .slick-dots li.slick-active button {background-color: #f07320;}


/* IT정보실 공지사항 */

.info_area {overflow: hidden; margin: 0 0 60px 0;}
.info_area > div {position: relative;}
.info_area > div .inner {position: relative; height: 100%; padding: 50% 30px 0;}
.info_area h2.main_tit {margin: 0 0 50px 0;}

.info_list li:first-child {margin: 0;}
.info_list li {margin: 40px 0 0 0;}
.info_list a {position: relative; display: block;}
.info_list a:before {visibility: hidden; opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); left: -80px; width: 80px; height: 2px; background-color: #f37300; transition: all 0.4s; content: '';}
.info_list a:after {display: block; clear: both; *zoom: 1; content: '';}
.info_list a .date {float: left; width: 80px; text-align: center;}
.info_list a .date p {font-family: 'Roboto'; font-size: 40px; font-weight: 300; color: #333;}
.info_list a .date span {font-family: 'Archivo'; color: #999;}
.info_list a .txt_box {float: left; width: calc(100% - 110px); padding: 0 0 0 20px;}
.info_list a .txt_box .tit {display: block; overflow: hidden; width: 100%; margin: 0 0 10px 0; font-weight: 400; color: #333; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; transition: all 0.4s;}
.info_list a .txt_box .txt {display: -webkit-box; overflow: hidden; max-height: 3.4em; line-height: 1.7; font-size: 18px; color: #999; text-overflow: ellipsis; white-space: normal; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.4s;}
.info_list a:hover:before {visibility: visible; opacity: 1; left: -100px;}
.info_list a:hover .txt_box .tit {color: #f37300;}
.info_list a:hover .txt_box .txt {color: #666;}
.btn_more {position: relative; display: block; box-sizing: border-box; padding: 0 30px; width: 220px; height: 70px; line-height: 70px; font-family: 'Roboto'; font-size: 22px; color: #333; border: 1px solid #f37300; border-radius: 35px; background: transparent; transition: all 0.3s;}
.btn_more:after {display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; width: 7px; height: 12px; background: url(../images/main/arrow_more.png) no-repeat -26px 0; content: '';}
.btn_more:hover {background-color: #f37300; color: #fff;}
.btn_more:hover:after {background-position: 0 0;}

.it_area:before {position: absolute; top: 0; display: block; width: 100%; height: 426px; background: url(../images/main/it_bg.jpg) no-repeat 0 0; content: '';}
.it_area .it_box {position: relative; box-sizing: border-box; width: 100%; max-width: 580px; padding: 40px; margin: 0 auto 50px; background-color: #fff;}
.it_area .it_box .btn_more {position: absolute; top: 40px; right: 40px;}

.notice_area:before {position: absolute; top: 0; display: block; width: 100%; height: 426px; background: url(../images/main/notice_bg.jpg) no-repeat 0 0; content: '';}
.notice_area .notice_box {position: relative; box-sizing: border-box; width: 100%; max-width: 580px; padding: 40px; background-color: #fff;}
.notice_area .notice_box .btn_more {position: absolute; top: 40px; right: 40px;}
.notice_area .notice_box .info_list a:before {left: auto; right: -80px;}
.notice_area .notice_box .info_list a:hover:before {visibility: visible; opacity: 1; right: -100px;}





/* 고객사 & 파트너 */

.partner {padding: 50px 0 100px; background-color: #fbfbfb;}
.partner .main_tit {padding: 0 10px;}
.partner .slide > div {padding: 0 10px;}
.partner .slide a {display: block; overflow: hidden; box-sizing: border-box; width: 100%; height: 100%; margin: 0 0 2px 0; background-color: #fff; border: 1px solid #ddd; text-align: center;}
.partner .slide a img {width: 100%; vertical-align: top;}
.partner_slide .slick-prev, .partner_slide .slick-next {top: -65px; transform: none; box-sizing: border-box; width: 40px; height: 40px; border: 2px solid #ddd; z-index: 3;}
.partner_slide .slick-prev {right: 80px; background: url(../images/main/prev_arrow.png) no-repeat center center;}
.partner_slide .slick-next {right: 30px; background: url(../images/main/next_arrow.png) no-repeat center center;}


.center_area:after {display: block; clear: both; *zoom: 1; content: '';}
.center_area li {position: relative; box-sizing: border-box; width: 100%; height: 200px; background: url(../images/main/center.jpg) no-repeat; transition: all 0.4s;}
.center_area li:nth-child(1) {background-position: left 0;}
.center_area li:nth-child(2) {background-position: right 0;}
.center_area li a {display: block; box-sizing: border-box; width: 100%; height: 100%; text-align: center;}
.center_area li a:before {visibility: visible; opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); transition: all 0.4s; content: '';}
.center_area li a h2 {position: relative; line-height: 200px; font-size: 28px; font-weight: 300; color: #fff;}
.center_area li a:hover:before {visibility: hidden; opacity: 0;}
.center_area li a:hover h2 {font-weight: 500; color: #fff;}





/* sub visual */



#sub_visual {position: relative; height: 200px;}
#sub_visual .inner {position: absolute; left: 0; right: 0; bottom: -2px; box-sizing: border-box; width: 580px; height: 70px; padding: 25px 50px 0; background-color: #fff;}
h3.sub_tit {line-height: 34px; font-size: 34px; font-weight: 500; color: #333;}
h3.sub_tit span {display: inline-block; padding: 0 0 0 15px; font-size: 18px; font-weight: 400; color: #666; vertical-align: text-bottom;}
.sub_visual01 {background: url(../images/sub/sub_visual01.jpg) no-repeat 0 0;}
.sub_visual02 {background: url(../images/sub/sub_visual02.jpg) no-repeat 0 0;}
.sub_visual03 {background: url(../images/sub/sub_visual03.jpg) no-repeat 0 0;}
.sub_visual04 {background: url(../images/sub/sub_visual04.jpg) no-repeat 0 0;}
.sub_visual05 {background: url(../images/sub/sub_visual05.jpg) no-repeat 0 0;}
.sub_visual06 {background: url(../images/sub/sub_visual06.jpg) no-repeat 0 0;}


.breadcrumb {position: absolute; right: 80px; bottom: 0;}
.breadcrumb:after {display: block; clear: both; *zoom: 1; content: '';}
.breadcrumb li {float: left; padding: 0 25px 0 20px; background: url(../images/sub/arrow_bread.png) no-repeat right center;}
.breadcrumb li:first-child {padding: 0 25px 0 0;}
.breadcrumb li:last-child {padding: 0 0 0 20px; height: 16px; line-height: 16px; font-size: 14px; color: #999; background: none;}
.breadcrumb li a {display: block; height: 16px; line-height: 16px; font-size: 14px; color: #999;}
.breadcrumb li:first-child a {width: 16px; text-indent: -9999px; background: url(../images/sub/ic_home.png) no-repeat 0 0;}

h4.sub_tit {display: block; margin: 0 0 70px 0; font-size: 36px; font-weight: 600; color: #000; text-align: center;}
h4.sub_tit02 {display: block; position: relative; margin: 80px 0 70px 0; padding: 15px 0 0 0; font-size: 28px; font-weight: 600; color: #000; text-align: center;}
h4.sub_tit02:before {display: block; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 30px; height: 2px; background-color: #000; content: '';}
h5.sub_tit {display: block; margin: 0 0 40px 0; padding: 0 0 15px 0; font-size: 22px; font-weight: 600; color: #0e4395; text-align: left; border-bottom: 3px solid #0e4395;}


.sub_contents {margin: 70px 0;}



.mt100 {margin-top: 100px !important;}
.mb0 {margin-bottom: 0px !important;}


.sub_tab {width: 100%; height: 66px; line-height: 66px; padding: 0 30px; font-size: 20px; color: #666; background: url(../images/sub/arrow_select.png) no-repeat 550px center;}



.inquiry_tab {box-sizing: border-box; width: 100%; border: 1px solid #ddd;}
.inquiry_tab:after {display: block; clear: both; *zoom: 1; content: '';}
.inquiry_tab li {float: left; width: 50%;}
.inquiry_tab li a {display: block; width: 100%; height: 66px; line-height: 66px; font-size: 20px; color: #666; text-align: center; transition: all 0.2s ease-in-out;}
.inquiry_tab li.active a {color: #fff; background-color: #f37300;}
.inquiry_tab li a:hover {color: #f37300;}
.inquiry_tab li.active a:hover {color: #fff;}




/* ---------------------- 기업정보 ---------------------- */

/* 개요 */
.company {background: url(../images/sub/company_bg.jpg) no-repeat right 0;}
.company.sub_contents {margin: 60px auto 125px;}
.company .inner {box-sizing: border-box; padding: 30px 0 0 80px;}
.company p {margin: 60px 0 30px; line-height: 1.6; font-size: 18px; color: #fff;}
.company .table_box {box-sizing: border-box; width: 560px; padding: 65px 50px 0 50px; background-color: #fff;}
.company .table_box table {width: 100%;}
.company .table_box table th {width: 100px; padding: 10px 0; font-size: 18px; color: #999; font-weight: 400; text-align: left; letter-spacing: -0.5px;}
.company .table_box table td {width: calc(100% - 100px); padding: 10px 0; font-size: 18px; color: #333; letter-spacing: -0.5px;}
.company .table_box table tr:last-child th {vertical-align: top;}
.company .table_box .certify_list:after {display: block; clear: both; *zoom: 1; content: '';}
.company .table_box .certify_list li {position: relative; float: left; box-sizing: border-box; margin: 0 0 20px 20px; width: 170px; height: 170px; border: 1px solid #ddd;}
.company .table_box .certify_list li:nth-child(2n + 1) {margin: 0 0 20px 0;}
.company .table_box .certify_list .con_wrap {position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.company .table_box .certify_list .con_wrap img {display: block; max-width: 100%; margin: 0 auto;}
.company .table_box .certify_list .txt_box {display: table; width: 100%; height: 70px;}
.company .table_box .certify_list .txt_box p {display: table-cell; line-height: 1.3; font-size: 18px; color: #333; text-align: center; vertical-align: middle;}




/* CEO 인사말 */

.ceo {background: url(../images/sub/bg_ceo.jpg) no-repeat center center / cover;}
.ceo .inner {padding: 480px 0 60px;}
.ceo .txt_box {box-sizing: border-box; width: 580px; height: 890px; padding: 50px 40px; margin: 0 auto; background-color: #fff;}
.ceo .txt_box strong {display: block; position: relative; padding: 0 0 40px 0; margin: 0 0 40px 0; font-size: 30px; font-weight: 300; color: #333;}
.ceo .txt_box strong:before {display: block; position: absolute; left: 0; bottom: 0; width: 60px; height: 1px; background-image: linear-gradient(to right, #eb311c 0%, #e17506 100%); content: '';}
.ceo .txt_box em {display: block; margin: 0 0 30px 0; font-style: normal; line-height: 1.6; font-size: 22px; font-weight: 300; color: #333; letter-spacing: -1px;}
.ceo .txt_box p {line-height: 1.6; font-size: 18px; color: #999; letter-spacing: -1px;}
.ceo .txt_box p span {font-size: 20px; color: #666; letter-spacing: -1px;}



/* 연혁 */
.history .inner {background: url(../images/sub/history_bg.jpg) no-repeat 0 0 / cover;}

.history_list {margin: 0 0 0 auto; width: 450px; padding: 120px 0 200px 130px;}
.history_list li:after {display: block; clear: both; *zoom: 1; content: '';} 
.history_list > li {position: relative;}
.history_list > li:first-child .con {padding: 60px 20px 20px 20px;}
.history_list > li:last-child .con {padding: 20px 20px 60px 20px;}
.history_list > li:nth-child(odd) .year {color: #666;}
.history_list > li:nth-child(odd) .con .month {color: #666;}
.history_list > li:nth-child(odd) .con p {color: #999;}
.history_list > li:nth-child(even) .year {color: #999;}
.history_list > li.y2019 .year {top: 45px; color: #fff;}
.history_list .year {float: left; position: absolute; top: 10px; left: -130px; font-family: 'Roboto'; font-size: 46px; font-weight: 500; color: #333; letter-spacing: -2px;}
.history_list .year span {display: block; line-height: 46px; font-family: 'Roboto'; font-size: 38px; text-align: right;}
.history_list .con {float: left; box-sizing: border-box; width: 450px; padding: 20px; background-color: #fff;}
.history_list .con > li {margin: 10px 0 0 0;}
.history_list .con > li:first-child {margin: 0;}
.history_list .con .month {float: left; position: relative; margin: 0 20px 0 0; padding: 0 0 0 40px; font-family: 'Roboto'; font-size: 26px; color: #333;}
.history_list .con li:first-child .month:before {display: block; position: absolute; top: 16px; left: -40px; width: 60px; height: 1px; background-image: linear-gradient(to right, #eb311c 0%, #e17506 100%); content: '';}
.history_list .con p {float: left; width: calc(100% - 90px); font-size: 20px; color: #666; letter-spacing: -1px;}

.history_list > li:nth-child(8) .con p {width: calc(100% - 170px)}
.history_list > li:nth-child(9) .con p {width: calc(100% - 170px)}




/* 조직도 */

.organization_ceo {box-sizing: border-box; width: 380px; padding: 2px; margin: 0 auto; text-align: center; background-image: linear-gradient(to right, #eb311c 0%, #e17506 100%);}
.organization_ceo strong {display: block; height: 50px; line-height: 50px; font-family: 'Roboto'; font-size: 26px; color: #fff;}
.organization_ceo p {width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #666; background-color: #fff;}
/*.organization_list:before {display: block; content: '';}*/
.organization_list > li {position: relative; width: 560px; margin: 30px auto 0;}
.organization_list > li {padding: 30px 0 0 0; background: url(../images/sub/line_li.png) no-repeat right top;}
.organization_list > li:first-child {margin: 0 auto; padding: 60px 0 0 0; background: url(../images/sub/line_department.png) no-repeat right top;}
.organization_list > li:before {display: block; position: absolute; top: 0; right: 0; width: 1px; height: 485px; background-color: #ddd; content: '';}
.organization_list > li:first-child:before {top: 30px;}
.organization_list > li:last-child:before {display: none;}
.organization_list strong {display: block; box-sizing: border-box; width: 100%; font-weight: 400;}
.organization_list .department {box-sizing: border-box; width: 380px; margin: 0 auto; padding: 1px; text-align: center; background-image: linear-gradient(to right, #eb311c 0%, #e17506 100%);}
.organization_list .department strong {height: 60px; line-height: 60px; font-size: 20px; color: #333; background-color: #fff;}
.organization_list .team_list {width: 500px; margin: 0 auto; padding: 40px 0 0 0; background: url(../images/sub/line_team.png) no-repeat center top;}
.organization_list .team_list:after {display: block; clear: both; *zoom: 1; content: '';}
.team_list .team {float: left; box-sizing: border-box; width: 240px;}
.team_list .team:last-child {margin: 0 0 0 20px;}
.team_list .team .team_box {box-sizing: border-box; width: 100%; margin: 0 0 10px 0; text-align: center; border: 1px solid #ddd;}
.team_list .team .team_box:last-child {margin: 0;} 
.team_list .team .team_box strong {height: 60px; line-height: 60px; font-size: 20px; color: #333; background-color: #fef8f2;}
.team_list .team .team_box .list {box-sizing: border-box; height: 260px; padding: 20px 0; border-top: 1px solid #ddd;}
.team_list .team .team_box .list li {margin: 15px 0 0 0; line-height: 24px; font-size: 18px; color: #999;}
.team_list .team .team_box .list li:first-child {margin: 0;}
.team_list .team_row .team_box strong {height: 52px; line-height: 52px;}
.team_list .team_row .team_box .list {display: table; width: 100%; height: 70px; padding: 0;}
.team_list .team_row .team_box .list li {display: table-cell; line-height: 20px; vertical-align: middle;}



/* 고객사 & 파트너 */

.partner_list > li {position: relative; margin: 55px 0 0 0;}
.partner_list > li:first-child {margin: 0;}
.partner_list li .partner_tit {box-sizing: border-box; width: 100%; margin: 0 0 20px 0;}
.partner_list li .partner_tit strong {display: inline-block; position: relative; padding: 0 55px 0 0; font-size: 24px; color: #333;}
.partner_list li .partner_tit strong:before {display: block; position: absolute; top: 18px; right: 0; width: 40px; height: 2px; background-image: linear-gradient(to right, #eb311c 0%, #e17506 100%); content: '';}
.partner_list li .partner_con {width: 100%; padding: 0 0 10px 0; border-bottom: 1px solid #ddd;}
.partner_list li .partner_con ul:after {display: block; clear: both; *zoom: 1; content: '';}
.partner_list li .partner_con ul li {position:relative; float: left; box-sizing: border-box; width: 108px; height: 108px; margin: 0 0 10px 10px; border: 1px solid #ddd; background-color: #fff;}
.partner_list li .partner_con ul li:nth-child(5n + 1) {margin: 0 0 10px 0;}
.partner_list li .partner_con ul li img {max-height: 100%; max-width:90%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.partner_list li .partner_con .hidden_list {display: none;}
.partner_list li button {display: block; margin: 20px auto 0; font-size: 18px; color: #bbb; border: 0; text-align: center;}
.partner_list li button.btn_open {padding-bottom: 25px; background: url(../images/sub/arrow_open.png) no-repeat center bottom;}
.partner_list li button.btn_close {right: 7px; padding-top: 25px; background: url(../images/sub/arrow_close.png) no-repeat center top;}








/* ---------------------- 제품 및 솔루션 ---------------------- */

/* 제품 및 솔루션 리스트 */

.prdsub_tab {margin: 10px 0 0 0;}
.prdsub_tab:after {display: block; clear: both; *zoom: 1; content: '';}
.prdsub_tab li {float: left; box-sizing: border-box; width:49%; margin-right:2%; border: 1px solid #fbfbfb; margin-bottom:2%;}
.prdsub_tab li:nth-child(2n+2) {margin-right:0%;}
.prdsub_tab li a {display: block; width: 100%; height: 48px; line-height: 48px; font-size: 18px; color: #999; text-align: center; background-color: #fbfbfb;}
.prdsub_tab li.active {border: 1px solid #f37300;}
.prdsub_tab li.active a {color: #f37300; background-color: #fff;}

.prdsub_contents {margin: 60px 0 0 0;}
.prdsub_contents .list_tit {display: block; margin: 0 0 20px 0; font-size: 26px; color: #666;}
.prdsub_contents .prd_list {margin: 20px 0 60px 0;}
.prdsub_contents .prd_list:after {display: block; clear: both; *zoom: 1; content: '';}
.prdsub_contents .prd_list li {float: left; width: 280px; margin: 0 0 40px 20px;}
.prdsub_contents .prd_list li:nth-child(2n + 1) {margin: 0 0 40px 0;}
.prdsub_contents .prd_list li a {display: block; position: relative;}
.prdsub_contents .prd_list .img_box {box-sizing: border-box; width: 280px; height: 280px; border: 1px solid #ddd;}
.prdsub_contents .prd_list .img_box img {width: 100%; height: 100%; vertical-align: top;}
.prdsub_contents .prd_list .tit {overflow: hidden; width: 100%; margin: 20px 0 0 0; font-size: 20px; color: #333; text-align: center; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.prdsub_contents .prd_list .more_box {visibility: hidden; opacity: 0; position: absolute; top: 10px; left: 0; right: 0; width: 260px; height: 260px; margin: 0 auto; line-height: 260px; font-size: 18px; color: #fff; text-align: center; background: rgba(243, 115, 0, 0.8) url(../images/sub/prd_listbg.png) no-repeat center center; transition: all 0.4s;}
.prdsub_contents .prd_list a:hover .more_box {visibility: visible; opacity: 1;}



/* 제품 및 솔루션 뷰 */

.prd_tit {display: block; width: 100%; line-height: 60px; font-size: 26px; font-weight: 500; color: #333;}
.prd_tabs {width: 100%; margin: 10px 0 0 0; border-top: 1px solid #666; border-bottom: 1px solid #666;}
.prd_tabs:after {display: block; clear: both; *zoom: 1; content: '';}
.prd_tabs li {float: left;}
.prd_tabs li a {display: block; position: relative; padding: 0 10px; line-height: 60px; font-size: 20px; letter-spacing: -1px;}
.prd_tabs li.active a {color: #f37300;}
.prd_tabs li.active a:after {display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 20px; height: 2px; background-color: #f37300; content: '';}

.tab_tit {display: block; width: 100%; line-height: 70px; font-size: 20px; font-weight: 400; color: #333; border-bottom: 1px solid #ddd;}
.prd_contents > ul {border-bottom: 1px solid #ddd;}
.prd_contents > ul:after {display: block; clear: both; *zoom: 1; content: '';}
.prd_contents > ul > li em {display: block; margin: 0 0 10px 0; font-size: 18px; color: #333;}
.prd_contents > ul > li p {display: block; line-height: 30px; font-size: 18px; color: #666;}

.prd_contents .info li {width: 100%;}
.prd_contents .info .txt_box {padding: 20px 0;}
.prd_contents .info .img_box {box-sizing: border-box; overflow: hidden; width: 100%; margin: 0 0 20px 0; border: 1px solid #ddd;}
.prd_contents .info .img_box img {width: 100%; vertical-align: top;}

.prd_contents .spec:after {display: block; clear: both; *zoom: 1; content: '';}
.prd_contents .spec li {width: 100%;}
.prd_contents .spec li .txt_box {padding: 20px 0; border-top: 1px solid #ddd;}
.prd_contents .spec li:first-child .txt_box:first-child {border-top: 0;}

.prd_contents .function li {padding:30px 0; border-top: 1px solid #ddd;}
.prd_contents .function li:after {display: block; clear: both; *zoom: 1; content: '';}
.prd_contents .function li:first-child {border: 0;}
.prd_contents .function .txt_box {width: 100%;}
.prd_contents .function .img_box {overflow: hidden; width: 100%; height: 250px; margin: 20px 0 0 0; border: 1px solid #ddd;}
.prd_contents .function .img_box img {width: 100%; height: 100%; vertical-align: top;}

.prd_contents .solution li {padding:30px 0; border-top: 1px solid #ddd;}
.prd_contents .solution li:after {display: block; clear: both; *zoom: 1; content: '';}
.prd_contents .solution li:first-child {border: 0;}
.prd_contents .solution li > div {box-sizing: border-box;}
.prd_contents .solution .img_box {overflow: hidden; width: 100%; height: 380px; border: 1px solid #ddd;}
.prd_contents .solution .img_box img {width: 100%; height: 100%; vertical-align: top;}
.prd_contents .solution .txt_box {width: 100%; padding: 0 20px; margin: 20px 0 0 0;}


.btn_box {margin: 50px auto 0; text-align: center;}
.btn_box button {height: 56px; font-size: 18px; text-align: center;}
.btn_box .btn_list {width: 200px; color: #fff; background-color: #f37300;}







/* ---------------------- 홍보센터 ---------------------- */

/* 공지사항 리스트 */

.list_search {width: 410px; margin: 0 auto 50px;}
.list_search:after {display: block; clear: both; *zoom: 1; content: '';}
.list_search select {float: left; width: 120px; height: 56px; padding: 0 15px; margin: 0 10px 0 0; font-size: 18px; color: #666; border: 1px solid #ddd; background: url(../images/sub/arrow_select.png) no-repeat 92px center;}
.list_search .input_box {float: left; position: relative; width: 280px;}
.list_search .input_box input {width: 100%; height: 56px; padding: 0 40px 0 20px; font-size: 18px;}
.list_search .input_box button {position: absolute; top: 50%; transform: translateY(-50%); right: 15px; width: 20px; height: 20px; background: url(../images/sub/ic_search.png) no-repeat 0 0; text-indent: -9999px;}

.list_table {width: 100%; border-top: 1px solid #666;}
.list_table tr {border-bottom: 1px solid #ddd;} 
.list_table thead tr {height: 70px; background-color: #fbfbfb;}
.list_table tbody tr {height: 80px;}
.list_table th {font-size: 18px; font-weight: 500; color: #666;}
.list_table td {font-size: 18px; color: #666; text-align: center;}
.list_table td.tit {width: 350px;}
.list_table td.tit:after {display: block; clear: both; *zoom: 1; content: '';}
.list_table td.tit a {float: left; display: block; overflow: hidden; max-width: 310px; font-size: 18px; color: #333; text-align: left; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.list_table td.tit .ic_file {float: left; display: block; width: 24px; height: 24px; margin: 0 0 0 10px; background: url(../images/sub/ic_file.png) no-repeat 0 0; text-indent: -9999px;}
.list_table td.date {color: #999;}



/* 공지사항 뷰 */

.view_top {width: 100%; border-top: 1px solid #666;}
.view_top .view_top_tit {box-sizing: border-box; width: 100%; padding: 15px 25px; background-color: #fbfbfb;}
.view_top .view_top_tit strong {font-size: 22px; font-weight: 500; color:#333;}
.view_top .view_top_info {box-sizing: border-box; width: 100%; padding: 0 25px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.view_top .view_top_info:after {display: block; clear: both; *zoom: 1; content: '';}
.view_top .view_top_info li {position: relative; float: left; height: 60px; line-height: 60px; padding: 0 20px; font-size: 18px; color: #999;}
.view_top .view_top_info li:before {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 12px; background-color: #ddd; content: '';}
.view_top .view_top_info li:first-child {padding: 0 20px 0 0;}
.view_top .view_top_info li:first-child:before {display: none;}
.view_top .view_top_info li.file a {display: inline-block; font-size: 16px; color: #999;}
.view_con {box-sizing: border-box; width: 100%; padding: 30px 20px;}
.view_con img {max-width: 100%; vertical-align: top;}
.view_con p {padding: 0 30px; font-size: 18px; line-height: 1.7; color: #666;}
.view_bot {box-sizing: border-box; width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.view_bot > div {box-sizing: border-box; width: 100%; padding: 0 30px;}
.view_bot > div:first-child {border-bottom: 1px solid #ddd;}
.view_bot > div:after {display: block; clear: both; *zoom: 1; content: '';}
.view_bot > div span {float: left; display: block; box-sizing: border-box; width: 75px; line-height: 56px; font-size: 16px; color: #666;}
.view_bot > div a {float: left; display: block; box-sizing: border-box; overflow: hidden; max-width: calc(100% - 75px); line-height: 56px; font-size: 16px; color: #999; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.view_bot .btn_list {float: left; width: 180px; height: 56px; font-size: 18px; color: #fff; background-color: #f37300; text-align: center;}




/* IT정보실 리스트 */

.it_list {border-top: 1px solid #666;}
.it_list li {padding: 10px 0; border-bottom: 1px solid #ddd;}
.it_list li a {display: block;}
.it_list li a:after {display: block; clear: both; *zoom: 1; content: '';}
.it_list li a div {float: left; box-sizing: border-box;}
.it_list li .txt_box {position: relative; width:100%; height:180px; margin-bottom:20px; padding:20px;}
.it_list li .txt_box .tit {display: block; overflow: hidden; width: 100%; margin: 10px 0; font-size: 24px; font-weight: 300; color: #333; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.it_list li .txt_box div.cont {display: -webkit-box; overflow: hidden; margin: 10px 0; width: 100%; max-height: 3.4em; line-height: 1.7; font-size: 18px; color: #666; text-align: left; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.it_list li .txt_box .date {position: absolute; left: 20px; bottom: 0; font-size: 16px; color: #999;}
.it_list li .img_box {overflow: hidden; width:100%; }
.it_list li .img_box img {width: 100%; height: 100%; vertical-align: top; border: 1px solid #ddd;}
/*.it_list li .no_img {border:0; height:0;}*/







/* ---------------------- 고객센터 ---------------------- */

/* 견적 및 기술지원 */

.inquiry_top strong {display: block; margin: 50px 0; line-height: 36px; font-size: 26px; font-weight: 300; color: #666; text-align: center; background: url(../images/sub/inquiry_tit_bg.png) no-repeat center center;}
 
.inquiry_table {width: 100%; border-top: 1px solid #666;}
.inquiry_table tr {height: 80px; border-bottom: 1px solid #ddd;}
.inquiry_table th {padding: 10px 0 10px 20px; font-size: 18px; font-weight: 500; color: #999; text-align: left;}
.inquiry_table td {padding: 10px 0; font-size: 18px;}
.inquiry_table th.border_l {border-left: 1px solid #ddd;}
.inquiry_table th .ic_star {display: inline-block; width: 7px; height: 6px; margin: 0 0 0 5px; background: url(../images/sub/ic_star.png) no-repeat 0 0; text-indent: -9999px; vertical-align: sub;}
.inquiry_table td input {width: 100%; height: 56px; padding: 0 20px; font-size: 18px; color: #333;}
.inquiry_table td.date .date_box {position: relative; float: left; width: 235px;}
.inquiry_table td.date .date_box input {float: right; width: 190px; padding: 0 0 0 20px;}
.inquiry_table td.date .date_box .ui-datepicker-trigger {position: absolute; top: 50%; transform: translateY(-50%); left: 0; cursor: pointer;}
.inquiry_table td.date select {float: left; width: 160px; height: 56px; padding: 0 20px; margin: 0 0 0 10px; font-size: 18px; color: #333; border: 1px solid #ddd; background: url(../images/sub/arrow_select.png) no-repeat 135px center;}
.inquiry_table td textarea {width: 100%; height: 160px; padding: 20px; font-size: 18px; color: #333; border: 1px solid #ddd; vertical-align: top;}

.radio_chk {display: inline-block; margin: 0 0 0 15px;}
.radio_chk:first-child {margin: 0;}
.radio_chk input[type="radio"]{display:none;}
.radio_chk input[type="radio"] + label {font-size: 18px; color: #333; cursor: pointer;}
.radio_chk input[type="radio"] + label span {display: inline-block; width: 22px; height: 22px; margin-right: 5px; vertical-align: sub; background: url(../images/sub/radio_off.png) center no-repeat; cursor: pointer;}
.radio_chk input[type="radio"]:checked + label span {background:url(../images/sub/radio_on.png) center no-repeat;}

.agree_box {margin: 60px 0 0 0;}
.agree_box strong {display: block; margin: 0 0 15px 0; font-size: 22px; color: #666;}
.agree_box .txt_box {box-sizing: border-box; overflow-y: scroll; height: 200px; padding: 20px; border: 1px solid #ddd;}
.agree_box .txt_box p {font-size: 18px; color: #666;}
.agree_box .txt_box p em {font-weight: 500;}
.agree_box .agree_bot {margin: 20px 0 0 0;}
.agree_box .agree_bot:after {display: block; clear: both; *zoom: 1; content: '';}
.agree_box .agree_bot .chk_box {float: left; padding: 10px 0 0 0;}
.agree_box .agree_bot .chk_box input[type="checkbox"]{display: none;}
.agree_box .agree_bot .chk_box input[type="checkbox"] + label {font-size: 18px; color: #999; cursor: pointer;}
.agree_box .agree_bot .chk_box input[type="checkbox"] + label span {display: inline-block; width: 26px; height: 26px; margin-right: 10px; vertical-align: sub; background:url(../images/sub/chk_off.png) center no-repeat; cursor: pointer;}
.agree_box .agree_bot .chk_box input[type="checkbox"]:checked + label span {background:url(../images/sub/chk_on.png) center no-repeat;}
.agree_box .agree_bot .btn_inquiry {float: right; width: 180px; height: 56px; font-size: 18px; color: #fff; background-color: #f37300; text-align: center;}



/* Contact Us */

.map {position: relative;}
.map iframe {vertical-align: top;}
.map .txt_box {position: relative; box-sizing: border-box; width: 100%; padding: 30px; background-color: #f37300;}
.map .txt_box:after {display: block; clear: both; *zoom: 1; content: '';}
.map .txt_box li {float: left; width: 50%; height: 40px; line-height: 40px; font-size: 16px;}
.map .txt_box li:first-child {width: 100%;}
.map .txt_box li span {float: left; box-sizing: border-box; width: 100px; padding: 0 0 0 35px; color: #fddcbd;}
.map .txt_box li.address span {background: url(../images/sub/ic_address.png) no-repeat 0 center;}
.map .txt_box li.tel span {background: url(../images/sub/ic_tel.png) no-repeat 0 center;}
.map .txt_box li.fax span {background: url(../images/sub/ic_fax.png) no-repeat 0 center;}
.map .txt_box li p {float: left; box-sizing: border-box; padding: 0 0 0 20px; width: calc(100% - 100px); color: #fff;}





/* ---------------------- 인재채용 ---------------------- */

/* HR채용 */

.recruit_top {position: relative; box-sizing: border-box; width: 100%; height: 234px; padding: 14px; text-align: center;}
.recruit_top:before {display: block; opacity: 0.1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #de2e26 0%, #e57926 100%); z-index: -1; content: '';}
.recruit_top p {box-sizing: border-box; width: 100%; padding: 35px 0; line-height: 34px; font-size: 22px; font-weight: 300; color: #333; background-color: #fff;}
.recruit_process {margin: 40px 0 0 0;}
.recruit_process:after {display: block; clear: both; *zoom: 1; content: '';}
.recruit_process li {position: relative; float: left; box-sizing: border-box; width: 270px; height: 270px; padding: 70px 0 0 0; margin: 0 0 40px 40px; border-radius: 50%; text-align: center;}
.recruit_process li:nth-child(1) {background: url(../images/sub/recruit_process01.png) no-repeat center center / cover;}
.recruit_process li:nth-child(2) {background: url(../images/sub/recruit_process02.png) no-repeat center center / cover;}
.recruit_process li:nth-child(3) {background: url(../images/sub/recruit_process03.png) no-repeat center center / cover;}
.recruit_process li:nth-child(4) {background: url(../images/sub/recruit_process04.png) no-repeat center center / cover;}
.recruit_process li:nth-child(2n + 1) {margin: 0 0 40px 0;}
.recruit_process li:after {display: block; position: absolute; top: 0px; left: 0; right: 0; box-sizing: border-box; width: 270px; height: 270px; margin: 0 auto; border: 5px solid #f37300; background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; content: '';}
.recruit_process li span {display: block; position: relative; padding: 0 0 20px 0; margin: 0 0 20px 0; font-size: 40px; font-weight: 600; color: #fff; z-index: 1;}
.recruit_process li span:before {display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 30px; height: 2px; background-color: rgba(255, 255, 255, 0.5); content: '';}
.recruit_process li p {position: relative; font-size: 24px; color: #fff; z-index: 1;}


.recruit_info {box-sizing: border-box; width: 100%; padding: 50px 30px; background-color: #fbfbfb;}
.recruit_info li {position: relative; width: 100%; margin: 30px 0 0 0;}
.recruit_info li:first-child {margin: 0;}
.recruit_info li span {display: block; width: 100%; margin: 0 0 10px 0; font-size: 18px; color: #999;}
.recruit_info li p {font-size: 18px; color: #333;}
.recruit_info li .btn_file {width: 200px; height: 56px; margin: 20px 0 0 0; line-height: 54px; font-size: 18px; color: #f37300; border: 1px solid #f37300; background-color: transparent; transition: all 0.4s;}
.recruit_info li .btn_file:hover {background-color: #f37300; color: #fff;}

.subtxt_list {margin: 50px 0;}
.subtxt_list li {position: relative; box-sizing: border-box; width: 100%; margin: 5px 0 0 0; padding: 0 0 0 15px; line-height: 1.6; font-size: 16px; color: #999;}
.subtxt_list li:first-child {margin: 0;}
.subtxt_list li:before {display: block; position: absolute; top: 15px; left: 0; width: 5px; height: 5px; line-height: 5px; font-size: 16px; color: #999; content: '*';}





/* 검색결과 */

.search_top {margin: 0 0 30px 0;}
.search_top strong {display: block; line-height: 60px; font-size: 24px; font-weight: 300; color: #333; border-bottom: 1px solid #ddd;}
.search_top strong em {color: #f37300;}
.search .search_tit {display: block; line-height: 60px; font-size: 20px; color: #333; border-bottom: 1px solid #666;}
.search .prdsub_contents {margin: 0;}
.search .prdsub_contents .prd_list {margin: 20px 0 0 0;}
.search .search_list li {position: relative; height: 160px; padding: 10px 0; border-bottom: 1px solid #ddd;}
.search .search_list li a {display: block;}
.search .search_list li .txt_box {padding: 0 30px;}
.search .search_list li .txt_box .tit {display: block; overflow: hidden; width: 100%; margin: 10px 0; font-size: 24px; font-weight: 300; color: #333; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; transition: all 0.4s ease-in-out;}
.search .search_list li .txt_box div.cont {display: -webkit-box; overflow: hidden; margin: 10px 0; width: 100%; max-height: 3.8em; line-height: 1.9; font-size: 18px; color: #666; text-align: left; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.search .search_list li .txt_box .date {position: absolute; left: 30px; bottom: 20px; font-size: 16px; color: #999;}
.search .search_list li a:hover .txt_box .tit {color: #f37300;}




/* 법적고지, 개인정보처리방침, 수출입경영방침, 내부정보관리규정 */

.data .txt_box {box-sizing: border-box; width: 100%; padding: 50px 30px; border: 14px solid #f9f9f9;}
.data .txt_box .tit {display: block; margin: 50px 0 10px 0; font-size: 18px; font-weight: 500; color: #333;}
.data .txt_box .tit:first-child {margin: 0 0 10px 0;}
.data .txt_box p {line-height: 1.6; font-size: 18px; color: #666; word-break: keep-all;}






/* 팝업 */

.popup {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 90;}
.popup .popup_wrap {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; box-sizing: border-box; background-color: #fff;}
.pop_inquiry .popup_wrap {width: 530px;}
.pop_inquiry .pop_inquiry_con {box-sizing: border-box; width: 100%; padding: 30px; text-align: center;}
.pop_inquiry .pop_inquiry_con p {position: relative; padding: 100px 0 30px 0; margin: 0 0 30px 0; font-size: 20px; color: #666; background: url(../images/sub/pop_inquiry_icon.png) no-repeat center top;}
.pop_inquiry .pop_inquiry_con p:after {display: block; position: absolute; left: 0; right: 0; bottom: 0; width: 40px; height: 1px; margin: 0 auto; background-color: #666; content: '';}
.pop_inquiry .pop_inquiry_con p strong {display: block; line-height: 50px; font-size: 40px; font-weight: 300;}
.pop_inquiry .pop_inquiry_con span {line-height: 1.6; font-size: 18px; color: #999;}
.pop_inquiry .btn_ok {width: 100%; height: 70px; font-size: 18px; color: #fff; text-align: center; background-color: #f37300;}




/* list paging */

.list_page {display: block; margin: 40px auto 0; text-align: center;}
.list_page > a {display: inline-block; width: 5px; height: 10px; text-indent: -9999px; vertical-align: middle;}
.list_page > a.btn_prev {margin: 0 0 0 3px; background: #fff url(../images/sub/paging_prev.png) no-repeat center;}
.list_page > a.btn_next {margin: 0 3px 0 0; background: #fff url(../images/sub/paging_next.png) no-repeat center;}
.list_page ul {display: inline-block; margin: 0 15px; vertical-align: middle;}
.list_page ul:after {display: block; clear: both; *zoom: 1; content: '';}
.list_page ul li {float: left; height: 30px; line-height: 30px; margin: 0 15px;}
.list_page ul li a {display: block; width: 20px; font-size: 16px; color: #999; text-align: center;}
.list_page ul li a.on {margin: 0 10px; color: #333; border-bottom: 2px solid #f37300;}