@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

body,input,textarea,button,select{font-family:'Kanit', 'Pretendard' , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; color:#444;}

#content{min-height:500px; min-width: 320px; z-index: 9;}
.sub_area{position:relative; padding:100px 0 0;}
.sub_area.v2 {padding: 100px 0 100px;}
.s_tit{display:block; margin:0 0 70px; font-size:44px; font-weight:600; color:#222; line-height:1.2em; word-break:keep-all; text-align:center;}
.s_tit span.t_size {font-size: 20px; color: #666; display: block;}
.s1_3 .s_tit{margin:0 0 60px;}
i.bold{font-weight:bold;}
i.tcolor01 {color: #111;}
i.tcolor02 {color: #b51212;}

.txt_color02{color:#064f99 !important;}
.txt_color03{color:#e98d14 !important;}
.txt_color04{color:#3d8cdd !important;}
.txt_color05{color:#b51212 !important;}
.txt_color06{color:#db9d08 !important;}
.txt_color07{color:#1073c8 !important;}

i.f_size {font-size: 14px;}

.area_box .title span{position:relative;  display:inline-block; padding-left:35px; font-size:24px; font-weight:400; color:#222; line-height:1.4em; word-break:keep-all;}
.area_box .title span:before{content:''; position:absolute; top:10px; left:0; width:15px; height:15px; border:4px solid #064f99; box-sizing:border-box; border-radius:50px;}



/* 인사말 */
.box_top{position:relative; padding:60px 0 0; overflow:hidden;}
.box_top .area_img{z-index:1; position:relative; width:100%; height:450px; background:url(../images/content/img_intro.jpg)no-repeat center; background-size:cover;}
.box_top .area_img:before{content:''; display:block; position:absolute; top:0px; left:0px; z-index:15; width:100%; height:100%; background:#fff; transform: translateY(0); transform-origin: 0 100%; transition: transform 1s ease-in-out 0s;}
.box_top .area_txt{z-index:2; overflow:hidden; position:absolute; top:0; right:60px; display: flex; flex-direction: column; justify-content: space-between; width:400px; height:310px; padding:45px 40px; box-sizing:border-box; background-image: -moz-linear-gradient( 170deg, rgb(7,29,85) 0%, rgb(13,72,150) 100%); background-image: -webkit-linear-gradient( 170deg, rgb(7,29,85) 0%, rgb(13,72,150) 100%); background-image: -ms-linear-gradient( 170deg, rgb(7,29,85) 0%, rgb(13,72,150) 100%);}
.box_top .area_txt:before{content:''; position:absolute; left:-34px; bottom:-98px; width:210px; height:223px; background:url(../images/content/symbol_wt.png)no-repeat center; background-size:contain;}
.box_top .area_txt em{position:relative; display:inline-block; font-size:22px; font-weight:400; color:#fff;}
.box_top .area_txt em:before{content:''; position:absolute; left:0; bottom:-20px; width:60px; height:2px; background:#fff;}
.box_top .area_txt p{display:block; font-size:25px; font-weight:300; color:#fff; line-height:1.5em; word-break:keep-all;}
.box_top.motion_in .area_img:before{transform: translateY(100%);}
.box_bottom{position:relative; background:#f4f8fb; padding:80px 0 90px;}
.box_bottom:before{content:''; position:absolute; top:-223px; left:0; right:0; width:100%; height:223px; background:#f4f8fb;}
.box_bottom .inr{display:flex; }
.box_bottom .box_txt{position:relative; width:50%; box-sizing:border-box; z-index:3;}
.box_bottom .box_txt.left{padding:0 0 0 60px;}
.box_bottom .box_txt.right{padding:0 0 0 40px;}
.box_bottom .box_txt em{display:block; font-size:16px; font-weight:bold; color:#e98d14; line-height:1em; word-break:keep-all;}
.box_bottom .box_txt h3{margin:20px 0 0; font-size:47px; font-weight:300; color:#222; line-height:1.4em; word-break:keep-all;}
.box_bottom .box_txt p{display:block; font-size:18px; font-weight:400; color:#414141; line-height:1.7em; word-break:keep-all; margin:0 0 30px;}
.box_bottom .box_txt h4{display:block; text-align:right; font-size:18px; font-weight:bold; color:#222;}
.box_bottom .box_txt.left:after{content:''; z-index:-1; position:absolute; left:0; bottom:-90px; width:340px; height:370px; background:url(../images/content/symbol_blue.png)no-repeat center; background-size:contain;}

/* 연혁 */
.sub_area.s1_2{background:url(../images/content/bg_history.png)no-repeat 50% center; background-size:contain; }
.his_txt{display:block; position:relative; top:5px; text-align:center; font-size:120px; font-weight:bold; color:#f0f5f9; opacity:0.8; text-transform:uppercase; line-height:0.8em; word-break:keep-all;}
.area_history{display:block; padding:0 0 100px; display:flex; border-top:3px solid #0d6fb8; box-sizing:border-box;}
.area_history > div{width:50%;}
.area_history  .box_txt{position:relative; margin:50px 0 0; }
.area_history  .box_txt em{font-size:30px; font-weight:bold; color:#012244; line-height:1em; word-break:keep-all;}
.area_history  .box_txt h3{display:block; margin:20px 0 0; font-size:44px; font-weight:300; line-height:1.6em; word-break:keep-all; color:#191919;}
.area_history  .box_txt h3 .txt_color03{font-size:60px;}
.box_history{position:relative;}
.box_history > span{display:inline-block; margin:0; position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd;}
.box_history ul.history{width:100%; padding:40px 0 0 60px; box-sizing:border-box;}
.box_history ul.history:after{content:''; display:block; clear:both;}
.box_history ul.history > li{position:relative; content:''; margin:0 0 40px; opacity:1; transition:all 0.3s ease;}
.box_history ul.history > li:before{content:''; position:absolute; top:21px; left:-60px; width:40px; height:1px; background:#ddd;}
.box_history ul.history > li > em{position:relative; display:block; font-size:36px; font-weight:600; color:#0d6fb8; line-height:1.2em;}
.history > li > em:after{content:''; position:absolute; top:11px; left:-69px; width:20px; height:20px; background:#064f99; border-radius:50px; opacity:0.25;}
.history > li > em:before{content:''; z-index:2; position:absolute; top:14px; left:-66px; width:14px; height:14px; background:#fff; border:3px solid #0d6fb8; box-sizing:border-box; border-radius:15px;}
.box_history ul.history > li.active > em{color:#222;}
.box_history ul.history > li > ul{display:block; margin:20px 0 0;}
.box_history ul.history > li > ul > li{position:relative; display:block; margin:0 0 12px; padding-left:20px; font-size:16px; font-weight:500; word-break:keep-all; line-height:1.2em; color:#555;}
.box_history ul.history > li > ul > li:before{content:''; position:absolute; top:7px; left:0; width:5px; height:5px; background:#a8a8a8; border-radius:50px;}
.box_history ul.history > li > ul > li > i{display:inline-block; width:40px; font-size:18px; font-weight:bold; color:#222;}
.box_history ul.history > li > ul > li span{display:inline-block; width:calc(100% - 50px); font-size:18px; font-weight:400; color:#444; line-height:1.3em; word-break:keep-all;}
.history #historyLine{display:block; width:1px; height:100%; background:#eee;}

.box{margin:0 0 70px;}
.box:last-child{margin:0;}
.box_wt{display:block; margin:28px 0 0; background:#fff; border:1px solid #e9e9e9; box-sizing:border-box; padding:25px 35px;}
.box_wt.col02{display:flex; }
.box_wt.col02 > ul{width:50%;}
.box_wt ul > li{position:relative; margin:0 0 7px; padding:0 0 0 25px; font-size:18px; font-weight:400; color:#222; line-height:1.4em; word-break:keep-all;}
.box_wt ul > li:before{content:''; position:absolute; top:10px; left:0; width:5px; height:5px; background:#a8a8a8; border-radius:50px; box-sizing:border-box;}
.box_wt ul > li:last-child{margin:0;}
.list_certification{display:flex; flex-wrap: wrap; margin:40px 0 0;}
.list_certification > li{margin:0 55px 55px 0; width:calc((100% / 5) - 44px); width:-webkit-calc((100% / 5) - 44px); border:1px solid #ddd; box-sizing:border-box;}
.list_certification > li:nth-child(5n){margin:0 0 55px;}
.list_certification > li .area_img img{width:100%;}

/* 오시는 길 */
.map_info {width: 1400px; margin: 0 auto; margin-top: -65px; position: relative;}
.map_info ul {display: flex;}
.map_info ul li {width: calc(100% / 4); background: #fff; text-align: center; border: 1px solid #ddd; box-sizing: border-box;}
.map_info ul li:nth-child(n+2) {border-left: 0;}
.map_info ul li:nth-child(odd) {border-top: 4px solid #007de8;}
.map_info ul li:nth-child(even) {border-top: 4px solid #fca431;}
.map_info ul li span {display: block; font-size: 16px; color: #444;}
.map_info ul li div {padding: 45px;}
.map_info ul li strong {position: relative; padding: 20px 0 10px; font-size: 18px; display: block;} 
.map_info ul li strong::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 47px; height: 1px; background: #ddd;}
.map_info ul li i {position: relative; display: block; padding-bottom: 50px;}
.map_info ul li i::before {content: ''; position: absolute; top: 0; left: 50%; transform: translatex(-50%);}
.map_info ul li:nth-child(1) i::before {background: url('../images/content/s1_4_1.png') no-repeat; width: 27px; height: 25px;}
.map_info ul li:nth-child(2) i::before {background: url('../images/content/s1_4_2.png') no-repeat; width: 25px; height: 25px;}
.map_info ul li:nth-child(3) i::before {background: url('../images/content/s1_4_3.png') no-repeat; width: 30px; height: 20px;}
.map_info ul li:nth-child(4) i::before {background: url('../images/content/s1_4_4.png') no-repeat; width: 26px; height: 25px;}

/* 제품소개 */
.box_pd{padding:0 0 100px;}
.s2_1_1 .box_pd{padding:70px 0 0 !important;}

.area_box{padding:80px 0; box-sizing:border-box;}
.box_pd.product_list .area_box:last-child {padding: 80px 0 0;}
.s2_1_2 .box_pd .area_box{padding:60px 0;}
.s2_1_1 .box_pd .area_box:nth-child(1){display:flex; padding-top:0;}
.s2_1_1  .box_pd .area_box:nth-child(2){display:flex;}
.s2_1_1 .box_pd .area_box > div{margin:0 80px 0 0; width:calc((100% / 2 - 40px));}
.s2_1_1 .box_pd .area_box .box_table {width: 100%;}
.s2_1_1 .box_pd .area_box:nth-child(3) .title{position:relative;  margin:0 0 40px; padding-left:35px; text-align:left; font-size:30px; font-weight:bold; color:#222; line-height:1.2em; word-break:keep-all;}
.s2_1_1 .box_pd .area_box:nth-child(3) .title:before{content:''; position:absolute; top:10px; left:0; width:15px; height:15px; border:4px solid #064f99; box-sizing:border-box; border-radius:50px;}
.s2_1_1 .box_pd .area_box:nth-child(2) > div{text-align:center; position:relative;}
.s2_1_1 .box_pd .area_box .title{text-align:center;}
.s2_1_1 .box_pd .area_box .title span{height:100px; }

.s2_5 .box_pd.product_list .area_box:last-child {padding: 0 !important;}
.s2_6 .box_pd.product_list .area_box:first-child {padding: 0 0 60px 0 !important;}
.s2_7 .box_pd.product_list .area_box:last-child {padding: 0 !important;}
.s2_8 .box_pd.product_list .area_box:first-child {padding: 0 0 60px 0 !important;}

.box_pd .area_box > div:last-child{margin:0;}
.box_pd .area_box .box_img img{width:100%;}
.box_pd .area_box:nth-child(n+2){border-top:2px dashed #efefef;}
.box_pd.product_list .area_box:last-child {padding: 60px 0 0 0;}

.box_pd.product_list .box_cont_wrap {display: flex; flex-wrap: wrap; align-items: end;}
.box_pd.product_list .box_cont {width: 32%; margin-right: 2%;}
.box_pd.product_list .box_cont:nth-child(3n) {margin-right: 0;}
.box_pd.product_list .box_cont:nth-child(n+4) {margin-top: 50px;}
.box_pd.product_list .area_box .title{margin:0 0 40px;}
.box_pd.product_list .area_box .box_cont .box_img img{width:100%; border: 1px solid #ddd;}
.box_pd.product_list .area_box .box_cont .box_txt{margin-top: 20px;}
.box_pd.product_list .area_box .btn_inquiry{display:block; width:100%; background:#185582; transition: .3s; text-align:center;}
.box_pd.product_list .area_box .btn_inquiry > a{display:block; width:100%; padding:15px 10px; box-sizing:border-box;}
.box_pd.product_list .area_box .btn_inquiry:hover {background: #0d6fb8; transition: .3s;}
.box_pd.product_list .area_box .btn_inquiry span{position:relative; display:inline-block; padding:0 0 0 40px; font-size:17px; font-weight:400; color:#f7f7f7;}
.box_pd.product_list .area_box .btn_inquiry span:before{content:''; position:absolute; top:5px; left:0; width:15px; height:17px; background:url(../images/content/icon_inquiry.png)no-repeat center; background-size:contain;}

.box_pd.product_list .table{margin:0; border-top:3px solid #185582;}
.box_pd.product_list .table thead th{background:#fff;}
.box_pd.product_list .table thead tr:last-child th{border-bottom:1px solid #ddd;}
.box_pd.product_list .table tbody tr:nth-child(n+2) {border-top: 1px solid #ddd;}
.box_pd.product_list .table tbody th{border-right:1px solid #ddd; font-size:16px; font-weight:600; color:#222; padding:12px 10px; background: #f7f7f7;} 
.box_pd.product_list .table tbody td{padding:12px 20px; font-size:17px; font-weight:400; color:#444; position: relative;}

.box_pd .area_box .box_img .mySwiper2{width:100%;}
.box_pd .area_box .box_img .mySwiper{margin:20px 0 0; width:100%; height:70px;}
.box_pd .area_box .box_img .swiper-slide{position:relative; border:1px solid #eee; box-sizing:border-box;}
.box_pd .area_box .box_img .mySwiper .swiper-slide{cursor:pointer;}
.box_pd .area_box .box_img .swiper-slide img{width:100%; height:100%;}

.box_pd .area_box .thum {margin:20px 0 0; width:100%; height:70px;}
.box_pd .area_box .thum .swiper-slide {cursor:pointer;}
.box_pd .area_box .thum .swiper-slide img {width:100%; height:100%;}

.box_pd .area_box .box_img .swiper-slide .txt{position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.35); padding:25px; box-sizing:border-box;}
.box_pd .area_box .box_img .swiper-slide .txt h3{display:block; font-size:21px; font-weight:bold; color:#33b7ee;}
.box_pd .area_box .box_img .swiper-slide .txt h3 span {color: #fff; font-size: 18px; font-weight: 500; display: inline-block; padding-left: 10px;}
.box_pd .area_box .box_img .swiper-slide .txt span{display:block; font-size:16px; font-weight:300; color:#fff; line-height:1.5em; word-break:keep-all;}
.box_pd .area_box .box_img .swiper-slide .txt span .bold{font-size:18px; font-weight:600;}
.box_pd .area_box .box_txt .box_tit{display:flex; align-content: flex-end;}
.box_pd .area_box .box_txt .box_tit h2{font-size:36px; font-weight:bold; color:#0d6fb8; line-height:1em; word-break:keep-all;}
.box_pd .area_box .box_txt .box_tit span{margin-left:15px; font-size:18px; font-weight:600; color:#222; line-height:1em; word-break:keep-all;}

.box_pd .list_info.v2.bt {border-top: 1px solid #ddd;}
.box_pd .list_info{display:block; margin:30px 0 0; padding:0 0 35px;}
.box_pd .list_info > li{display:block; margin:0 0 10px; font-size:17px; font-weight:400; color:#444; line-height:1.4em; word-break:keep-all;}
.box_pd .list_info.v2{display:block;  box-sizing:border-box; margin: 0;}
.box_pd .list_info.v2 > li{display:block; margin:40px 0 40px;}
.box_pd .list_info.v2 > li span{position:relative; display:block; padding:0 0 0 15px; font-size:17px; font-weight:500; color:#343434; line-height:1.2em; word-break:keep-all;}
.box_pd .list_info.v2 > li span:before{content:''; position:absolute; top:7px; left:0; width:6px; height:6px; background:#e6aa19;}
.box_pd .list_info.v2 > li .box_yellow{display:inline-block; margin:10px 0 0 15px; background:#e6aa19; padding:15px; box-sizing:border-box; font-size:17px; font-weight:500; color:#fff; line-height:1.2em; word-break:keep-all;}
.box_pd .list_info.v2 > li .box_yellow.v2 {background: #f6dd08;}
.box_pd .list_info.v2 > li .t1 {font-size: 16px; color: #444; margin: 22px 0 0  15px;}

.box_pd .area_box .title span{position:relative; display:inline-block; padding-left:35px; font-size:30px; font-weight:600; color:#222; line-height:1.4em; word-break:keep-all;}
.box_pd .area_box .title span:before{content:''; position:absolute; top:13px; left:0; width:15px; height:15px; border:4px solid #064f99; box-sizing:border-box; border-radius:50px;}
.box_pd .area_box .title span.ty2 {font-size: 24px;}
.box_pd .area_box .title span.ty2::before {top: 10px;}
.box_pd .area_box .box.left:before{content:''; position:absolute; top:100px; right:-40px; width:1px; height:calc(100% - 100px); height:-webkit-calc(100% - 100px); background:#eee;}
.box_pd .area_box .box.right .title span:before{top:25px;}
.box_pd .area_box:nth-child(3) .title i{display:inline-block; margin-left:10px; font-size:20px; font-weight:400; color:#222; line-height:1.2em; word-break:keep-all;}
.box_table{box-sizing:border-box; }
.box_table > ul{display:flex;}
.box_table > ul li{width:calc((100% - 160px) / 2); text-align:center; border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing:border-box;}
.box_table > ul li:nth-child(2){width:160px; text-align:center; background:#f7f7f7; border-bottom:none;}
.box_table > ul.box_tit > li{padding:15px; box-sizing:border-box; font-size:18px; font-weight:400; color:#444; line-height:1.2em; word-break:keep-all;}
.box_table > ul.box_tit > li:nth-child(3){background:#185582; color:#fff; border:4px solid #0a96ff; border-bottom:none;}
.box_table > ul.box_list > li:nth-child(2){display: flex; justify-content: center;  align-items: center; padding:20px; box-sizing:border-box; font-size:18px; font-weight:500; color:#333; line-height:1.6em; word-break:keep-all;}
.box_table > ul.box_list > li:nth-child(3){border-left:4px solid #0a96ff; border-right:4px solid #0a96ff;}
.box_table > ul.box_list.v1 > li:nth-child(3){border-top:1px solid #5d6c77;}
.box_table > ul.box_list > li .box_img{width:100%;}
.box_table > ul.box_list > li img{width:100%;}
.box_table > ul.box_list > li .box_txt{border-top:1px solid #ddd; text-align:center; padding:10px; font-size:16px; font-weight:500; color:#333;}
.box_table > ul.box_list.v3 > li{border-bottom:1px solid #ddd;}
.box_table > ul.box_list.v3 > li:nth-child(3){border-bottom:4px solid #0a96ff;}
.area_box.blue{display:block; width:100%; margin:0; background:#f4f8fb; border-top:none; border-bottom:none;}
.box_pd .area_box.blue > div{width:1400px; margin:0 auto;}
.box_pd .area_box.blue .title{position:relative; margin:0 0 20px; text-align:left; padding-left:35px; font-size:30px; font-weight:bold; color:#222;}
.box_pd .area_box.blue .title:before{content:''; position:absolute; top:15px; left:0; width:15px; height:15px; border:4px solid #064f99; box-sizing:border-box; border-radius:50px;}
.area_box h4{margin:60px 0 0; display:block; text-align:center; font-size:24px; font-weight:400; color:#222; line-height:1.5em; word-break:keep-all;}

.box_table.v2 td {border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.box_table.v2 td:last-child {border-right: 1px solid #ddd;}
.box_table.v2 .tit td {text-align: center; font-size: 18px; padding: 14px;}
.box_table.v2 .tit td:nth-child(2) {background: #185582; color: #fff;}
.box_table.v2 .txt td {text-align: center; padding: 10px; font-size: 16px; border-bottom: 1px solid #ddd;}
.box_table.v2 .txt td:nth-child(n+2) {background: #f4f9fd;}
.box_table.v2 .txt td i {color: #db2929;}

.box_pd .num_list ul {font-size: 16px; counter-reset: li; margin: 22px 0 0  15px;}
.box_pd .num_list ul li {position: relative; padding-left: 40px;}
.box_pd .num_list ul li:nth-child(n+2) {margin-top: 14px;}
.box_pd .num_list ul li::before {content: counter(li); counter-increment: li; position: absolute; top: 0; left: 0; width: 23px; height: 23px; background: #404040; border-radius: 100%; color: #fff; font-size: 14px; text-align: center;}

.s_tab ul {display: flex;}
.s_tab ul li {font-size: 17px; cursor: pointer; color: #777; text-align: center; width: 20%; border: 1px solid #ddd; border-bottom: 1px solid #0c64a5; box-sizing: border-box; padding: 18px;}
.s_tab ul li:nth-child(n+2) {border-left: 0;}
.s_tab ul li.on {border: 1px solid #0c64a5; border-bottom: 0; color: #0c64a5;}
.s_tabCon {margin-top: 60px !important; display: none;}
.s_tabCon .box_img {float: left;}
.s_tabCon .box_txt {float: left;}
.s_tabCon.on {display: block; height: 495px;}
.s_tabCon > div {width: 47%;}
.s_tabCon > div:nth-child(1) {margin-right: 6%;}

.box_pd .area_box .img_box .im_top {display: flex; justify-content: space-between;}
.box_pd .area_box .img_box .im_top > div {width: 48%;}
.box_pd .area_box .img_box .im_botm {margin-top: 20px;}
.box_pd .area_box .img_box .img {position: relative;}
.box_pd .area_box .img_box .img.im1 {width: 50%;}
.box_pd .area_box .img_box .img.im3 {margin-top: 20px;}
.box_pd .area_box .img_box .img .label {position: absolute; top: 15px; left: 15px; color: #fff; background: #0c64a5; padding: 10px 16px; text-align: center;}
.box_pd .area_box .img_box img {border: 5px solid #ddd; width: 100%;}

.box_pd .area_box .con_box .cbox {display: flex; align-items: center;}
.box_pd .area_box .con_box .cbox.mt {margin-top: 22px;}
.box_pd .area_box .con_box .cbox_txt {width: 40%;}
.box_pd .area_box .con_box .cbox_txt li {padding: 25px 0 25px 60px; position: relative;}
.box_pd .area_box .con_box .cbox_txt li::before {content:''; position:absolute; top:50%; transform: translateY(-50%); left:35px; width:6px; height:6px; background:#e6aa19;}
.box_pd .area_box .con_box .cbox_txt li:nth-child(2) {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f9f9f9;}
.box_pd .area_box .con_box img {border: 1px solid #ddd; margin-right: 6%;}

.accordion{border-top:3px solid #185582;}
.accordion > li {position:relative; border-bottom:1px solid #ddd; box-sizing:border-box;}
.accordion > li:after{display:block;visibility:hidden;clear:both;content:""}
.accordion li .icon{display:inline-block; width:35px; height:35px; background:#0d6fb8; box-sizing:border-box; border-radius:50px; text-align:center; line-height:30px; font-size:19px; font-weight:500; color:#fff;}
.accordion li .list{display:none; padding:35px 28px; box-sizing:border-box; font-size:15px; text-align:left; border-top:1px solid #ddd; background:#f8f8f8;}
.accordion li .list .icon{background:#fff; color:#185582; font-weight:bold; line-height:32px;}
.accordion li .list > div{float:left;}
.accordion li .list:after{display:block;visibility:hidden;clear:both;content:""}
.accordion li .list .area_txt{display:flex;}
.accordion li .list .area_txt .box_cont{width:calc(100% - 60px); margin-left:25px;}
.accordion li .list .area_txt .box_cont ul{margin:6px 0 0; padding:0;}
.accordion li .list .area_txt .box_cont ul li{font-size:16px; font-weight:400; color:#444; line-height:1.2em; word-break:keep-all; margin:0 0 10px;}
.accordion li .list .area_txt .box_cont ul li:last-child{margin:0;}
.accordion li .list .cont > li:last-child{margin:0;}
.accordion a{position:relative; text-align:left; display:block;width:100%;padding:15px 28px; box-sizing:border-box; cursor:pointer; user-select:none; transition:all 0.3s ease;}
.accordion a h3{position:relative; display:inline-block; width:calc(100% - 60px); margin-left:20px; font-size:18px; font-weight:500; line-height:1.2em; word-break:keep-all; vertical-align:middle; color:#333;}
.accordion a span{display:inline-block; margin:0 0 0 8px; vertical-align:bottom; font-size:14px; font-weight:600; opacity:0.2; line-height:1.2em; word-break:keep-all; letter-spacing:-0.2px;}
.accordion > li > a .arrow{position: absolute; right:25px; top:28px; width:12px; height:8px; background:url(../images/content/arrow_bk.svg)no-repeat center; background-size:contain;  transition: transform .2s;}
/*.accordion > li > a .arrow:before{content: ""; display: block; position: absolute; top:10px; right: 0; width:12px; height:8px; background:url(../images/content/arrow_bk.svg)no-repeat center; background-size:contain;}
.accordion > li > a .arrow:after {content: ""; display: block; position: absolute; left: 0.375rem; top: 0.875rem; right: auto; bottom: auto; width: 1.0625rem; height: 0.0625rem; background: #9c9c9c; }*/
.accordion > li > a.active .arrow{transform: rotate(-180deg) ;}

.s2_3_3 .box_pd.product_list .box_cont_wrap.v2 {margin-top: 60px;}
.s2_3_3 .box_pd.product_list .box_cont_wrap.v2 .box_cont {width: 23%; margin-right: 2.6%;}
.s2_3_3 .box_pd.product_list .box_cont {width: 48%; margin-right: 4%;}
.s2_3_3 .box_pd.product_list .box_cont:last-child {margin-right: 0 !important;}
.box_pd.product_list .box_tit {margin-bottom: 20px;}
.box_pd.product_list .box_tit p {font-size: 19px; color: #333; position: relative; padding-left: 20px;}
.box_pd.product_list .box_tit p::before {content:''; position:absolute; top:11px; left:0; width:6px; height:6px; background:#e6aa19;}
.box_pd.product_list .box_tit p i {font-size: 16px; color: #2f97e3;}
.box_pd.product_list .box_tit .typ {padding-top: 15px; font-size: 16px; display: block;}
.box_pd.product_list .box_tit .typ b {font-size: 19px;}
.box_pd.product_list .color_list {display: flex; margin-bottom: 20px;}
.box_pd.product_list .color_list li {position: relative; font-size: 16px; padding-left: 12px;}
.box_pd.product_list .color_list li::before {content:''; position:absolute; top:9px; left:0; width:6px; height:6px;}
.box_pd.product_list .color_list li:nth-child(1) {color: #0d6fb8;}
.box_pd.product_list .color_list li:nth-child(1)::before {background-color: #0d6fb8;}
.box_pd.product_list .color_list li:nth-child(2) {color: #23b24b;}
.box_pd.product_list .color_list li:nth-child(2)::before {background-color: #23b24b;}
.box_pd.product_list .color_list li:nth-child(3) {color: #8f3e97;}
.box_pd.product_list .color_list li:nth-child(3)::before {background-color: #8f3e97;}
.box_pd.product_list .color_list li:nth-child(4) {color: #f7931d;}
.box_pd.product_list .color_list li:nth-child(4)::before {background-color: #f7931d;}
.box_pd.product_list .color_list li:nth-child(n+2) {margin-left: 20px;}

a.product_btn {display: inline-block; position: absolute; right: 20px; top: 50%; transition: .3s; transform: translateY(-50%); font-size: 16px; padding: 5px 15px; background: #828282; border-radius: 3px; color: #fff; font-weight: 500; text-align: center;}
a.product_btn i {font-size: 15px; display: inline-block; padding-left: 5px;}
a.product_btn:hover {background: #007de8; transition: .3s;}


/* 견적문의 */
.contact_wrap {display: flex;}
.contact_wrap .con_txt {width: 26%; position: relative; z-index: 1;}
.contact_wrap .con_txt::before {content: ''; z-index: -1; position: absolute; bottom: 0; left: 0; background: url('../images/content/s4_1_1.png') no-repeat; width: 340px; height: 362px;}
.contact_wrap .con_txt h3 {color: #222; font-weight: 400; font-size: 40px; font-family: 'Noto Sans KR', sans-serif;}
.contact_wrap .con_txt span {font-size: 18px; color: #444; padding-top: 20px; display: block; font-weight: 500;}
.contact_wrap .con_txt .info {padding-top: 73px;}
.contact_wrap .con_txt .info .tit {color: #e98d14; font-weight: bold;}
.contact_wrap .con_txt .info .txt {color: #555; font-weight: 500; font-size: 16px;}
.contact_wrap .con_txt .info ul li:nth-child(n+2) {padding-top: 26px;}
.contact_wrap .form {border-top: 3px solid #007de8; width: 70%; margin-left: 4%; font-size: 17px;}
.contact_wrap .form table input::placeholder {font-size: 14px; letter-spacing: 1px; color: #a3a2a2;}
.contact_wrap .form table input:focus {outline: 2px solid #007de8;}
.contact_wrap .form table tr {border-bottom: 1px solid #eee;}
.contact_wrap .form table th {background: #f4f8fb; text-align: left; padding: 12px 16px; font-weight: 500;}
.contact_wrap .form table td {padding: 12px 16px;}
.contact_wrap .form table td.input_ty1 input {width: 100%; height: 45px;}
.contact_wrap .form table td.input_ty2 input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #ddd; border-radius: 2px; cursor: pointer; height: 16px; outline: 0; width: 16px;}
.contact_wrap .form table td.input_ty2 input[type="checkbox"]::after {border: 1px solid #fff; border-width: 0 2px 2px 0; content: ''; display: none; height: 40%; left: 40%; position: relative; top: 20%; transform: rotate(45deg); width: 15%;}
.contact_wrap .form table td.input_ty2 input[type="checkbox"]:checked {background: #1073c8; border: 0;}
.contact_wrap .form table td.input_ty2 input[type="checkbox"]:checked::after {display: block;}
.contact_wrap .form table td textarea {width: 100%; height: 160px;}
.contact_wrap .form table td textarea::placeholder {font-size: 14px; letter-spacing: 1px; color: #a3a2a2;}
.contact_wrap .form table td textarea:focus {outline: 2px solid #007de8;}
.contact_wrap .form table td ul.check_list {display: flex;}
.contact_wrap .form table td ul.check_list li:nth-child(n+2) {margin-left: 15px;}
.contact_wrap .form table td ul.check_list.bottom {margin-top: 5px;}
.contact_wrap .filebox {position: relative;}
.contact_wrap .filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.contact_wrap .filebox input {padding: 7px 8px; height: 45px;}
.contact_wrap .filebox label {position: absolute; left: 200px; width: 100px; height: 45px; text-align: center; display: inline-block; color: #222; font-size: inherit; line-height: 45px; vertical-align: middle; background-color: #eee; border: 1px solid #e8e8e8; cursor: pointer;}
.contact_wrap .filebox .upload-name {background-color: #fff; border: 1px solid #ebebeb;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.contact_wrap .btn_area {width: 100%; padding: 55px 0 0;}
.contact_wrap .btn_area input[type=submit] {box-sizing: border-box; width: 180px; padding: 14px 15px; border: None; background: #0b6dc2; font-size: 20px; color: #fff; font-weight: bold; text-align: center;}
.marking:after {color: #e27000 !important;}
.contact_wrap .form_check {padding-top: 25px; display: flex; align-items: center;} 
.contact_wrap .form_check label {margin-right: 12px !important; font-size: 16px;}

/* 인재상 */
.person .con_top {z-index: 1;}
.person .con_top ul {display: flex; justify-content: space-between;}
.person .con_top ul li {text-align: center;}
.person .img img {width: 100%;}
.person .txt {text-align: center; padding-top: 45px;}
.person .txt em {color: #0d6fb8; font-size: 32px; font-weight: bold;}
.person .txt p {color: #464646; font-size: 24px; padding-top: 15px;}
.personBox {width: 100%; height: 537px; background: #f8f8f8; position: relative; margin-top: -380px; z-index: -1;}

/* 조직도 */
.org {padding: 0 0 420px;}
.org .top > div {width: 180px; height: 180px; background: #0e6eb8; color: #fff; font-weight: bold; font-size: 24px; text-align: center; line-height: 180px; border-radius: 50%; margin: 0 auto;}
.org .top .ceo {position: relative; box-shadow: rgba(114, 168, 218, 0.5) 0px 7px 29px 0px;}
/* .org .top .ceo::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 160px; height: 160px; border-radius: 100%; border: 1px solid rgba(255,255,255,.2);} */
.org .top .ceo::before {content: ''; width: 1px; height: 600px; position: absolute; top: 0; left: 50%; background: #ddd; z-index: -1;}
.org .top .ceo p {line-height: 0; padding-top: 45px;}
.org .top .ceo p i {display: block; position: relative; padding-bottom: 75px;}
.org .top .ceo p i::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 36px; height: 43px; background: url('../images/content/org_logo.png') no-repeat;}
.org .top .ceo2 {background: #72a8da; margin-top: 50px; width: 260px; height: 60px; border-radius: 6px; line-height: 60px;}
.org .bottom {text-align: center; margin-top: 120px;}
.org .bottom ul.dth1 {display: flex; justify-content: space-between; position: relative;}
.org .bottom ul.dth1::before {content: ''; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); width: 81.9%;; height: 1px; background: #ddd;}
.org .bottom ul.dth1 > li {position: relative; width: calc(90% / 5); padding: 18px 0; border-radius: 6px; background: #f1f1f1; border: 1px solid #ddd; position: relative; font-size: 18px; color: #007de8; font-weight: bold;}
.org .bottom ul.dth1 > li::before {content: ''; position: absolute; top: -61px; z-index: -1; left: 50%; width: 1px; height: 400px; background: #ddd;}
.org .bottom ul.dth1 > li::after {content: ''; position: absolute; top: -7px; left: 50%; transform: translateX(-50%); width: 7px; height: 7px; border-radius: 100%; background-color: #fff; border: 3px solid #d8d8d8;}
.org .bottom ul.dth1 > li:nth-child(2)::before, .org .bottom ul.dth1 > li:nth-child(4)::before {height: 310px;}
.org .bottom ul.dth1 > li:nth-child(3)::before {display: none;}
.org .bottom ul.dth2 {position: absolute; top: 85px; left: 50%; transform: translateX(-50%); width: 100%;}
.org .bottom ul.dth2 > li {color: #111; background: #fff; font-weight: 400; padding: 18px 0; border-radius: 6px; border: 1px solid #d8d8d8;}
.org .bottom ul.dth2 > li:nth-child(n+2) {margin-top: 8px;}






/* 개인정보처리방침 */
.infor {font-size: 17px;}
.infor h5 {margin: 35px 0 5px; font-weight: bold;}
.infor span {display: block; color: #949494;}
.infor .tbox {background: #fbfbfb; padding: 10px 15px; margin: 20px 0 40px; border: 1px dashed #dadada; border-radius: 16px;}
.infor .tbox:last-child {margin: 20px 0 0;}
.infor .tbox p {color: #757575; margin: 10px 0;}
.infor .tbox p strong {display: block; color: #3c3838;}
.infor .tbox1 {text-align:center;}
.infor .tbox1 p strong {margin:10px 25px 25px; font-size:16px;}

/*이메일무단취급거부 */
.email_wrap {border-top: 3px solid #002768; border-bottom: 3px solid #002768; background: #f7f7f7;}
.email_wrap {padding: 67px 0;}
.email_wrap img {display: table; margin: 0 auto;}
.email_wrap .txt {padding: 45px 20px 0; text-align: center;}
.email_wrap .txt strong {font-size: 25px; color: #222;}
.email_wrap .txt p {font-size: 18px; color: #555; padding-top: 15px;}

@media(max-width:1700px) {
	.contact_wrap .con_txt {width: 32%;}
	.contact_wrap .con_txt h3 {font-size: 35px;}
	.contact_wrap .form {margin-left: 2%;}
}
@media(max-width:1500px){
	.box_pd .area_box.blue > div{width:90%;}
    .person .con_top ul li {width: 32%;}
}