@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */
* {word-break:keep-all;}
.red{color:#c70000}
.scroll_top{z-index:99; position: fixed; right: 10%; bottom: 30px; text-align: center;transition:0.5s}
.scroll_top p{ box-sizing: border-box;  z-index: 99; width: 60px; height: 60px; padding-top: 25px; background: #f07822 url(../images/content/icon_top.png); background-repeat: no-repeat; background-position: 50% 30%; border-radius: 50%; text-align: center; color: #fff; font-size:13px;}
img{max-width:100%;}
.button_area{margin-bottom:40px;}

#header.fix_bottom .scroll_top{opacity:0; transition:0.5s}
#content .area_department table.table thead th,
#content .area_department table.table thead th[rowspan]{border-left:1px dashed #cecece}
#content table.table thead + tbody th:last-child{border-right:0}
#content .area_department table.table thead th:first-child{border-left:0}
#content table.table thead th.border_right{border-right:1px dashed #cecece;}

.tab_area{margin-bottom:60px;}
.tab_area .tab{display:flex; flex-wrap:wrap; justify-content:space-between;}
.tab_area .tab li{width:calc(100% / 6 - 10px); padding:10px 0; text-align:center; box-sizing:border-box; border:1px solid #ccc;}
.tab_area .tab li a{display:block; color:#999;}
.tab_area .tab li.active{background:#174da7; border:none;}
.tab_area .tab li.active a{color:#fff;}
.area_item .item{display:none;}
.area_item .item.active{display:block;}

/* sub lnb */
.area_lnb{width:100%; height:60px; border-bottom:1px solid #dedede;}
.area_lnb .inr{width:1200px; height:100%; margin:0 auto; }
.area_lnb .inr:after{content:''; display:block; clear:both;}
.area_lnb *[data-lnb]{display:inline-block; position:relative; min-width:235px; height:100%; line-height:60px; box-sizing:border-box; padding:0 50px 0 25px; font-size:16px; font-weight:500; color:#666;}
.area_lnb a[data-lnb="home"]{position:relative; width:80px; min-width:inherit;  padding:0px; background:#fff;}
.area_lnb a[data-lnb="home"]:before{content:''; position:absolute; width:100%; height:100%; background:url(../images/content/icon_home.jpg) no-repeat; background-position:50%; background-size:15px;}
.area_lnb a[data-lnb="gnb"]:before,
.area_lnb a[data-lnb="gnb"]:after,
.area_lnb a[data-lnb="sub"]:before,
.area_lnb a[data-lnb="sub"]:after
{content:''; display:block; position:absolute; top:32px; width:6px; height:1px; background:#333; transition:all 0.3s ease 0s;}
.area_lnb a[data-lnb="gnb"]:before , .area_lnb a[data-lnb="sub"]:before{top:24px; right:20px; transform:translateY(8px) translateX(-7px) rotate(45deg);}
/*.area_lnb a span:before{content:''; display:block; position:absolute; top:30px; right:20px; width:15px; height:1px; background:#fff; transition:all 0.3s ease 0s;}*/
.area_lnb a.active span:before{display:none;}
.area_lnb a[data-lnb="gnb"]:after , .area_lnb a[data-lnb="sub"]:after{right:23px; transform:translateY(0px) translateX(0px) rotate(-45deg);}
.area_lnb a[data-lnb="gnb"].active:before , .area_lnb a[data-lnb="sub"].active:before{transform:translateY(8px) translateX(-7px) rotate(-45deg);}
.area_lnb a[data-lnb="gnb"].active:after , .area_lnb a[data-lnb="sub"].active:after{transform:translateY(0px) translateX(0px) rotate(45deg);}
.area_lnb .lnb:hover ul{display:block;}
.deth01:hover .deth_list{display:block;}

.area_lnb .lnb a{}
.area_lnb .inr > *[data-lnb],
.area_lnb .inr > nav,
.area_lnb .inr > .deth01{float:left;}
.area_lnb .lnb,
.area_lnb .deth01{position:relative;}
.area_lnb .lnb ul,
.area_lnb .deth01 ul{display:none; position:absolute; top:60px; left:0px; z-index:40; width:100%; box-sizing:border-box; background:#f7f7f7; border-top:1px solid rgba(255,255,255,0.3);}
.area_lnb .lnb ul > li > a,
.area_lnb .deth01 ul > li > a{display:block; padding:15px; border-top:1px solid #ddd; color:#333; font-weight:500; font-size:14px; word-break:keep-all; transition:all 0.3s ease 0s;}
.area_lnb .lnb ul > li > a:hover,
.area_lnb .deth01 ul > li > a:hover{background:#247eff; color:#fff;}
.area_lnb .lnb ul > li > a br{display:none;}
.area_lnb.fix{position:fixed; top:0px; left:0px; z-index:100; margin-top:0px; background:#ff7234;}
.area_lnb.fix a[data-lnb="home"]{background-color:#ff8c5a;} 
.area_lnb .inr > *:after{content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 19px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background: #ddd;}

/* 서브비주얼 */
.sub_visual {position: relative; width: 100%; height: 380px; overflow: hidden;}
.sub_visual h3{margin-top:150px; text-align:center; color:#fff; font-size:46px;}

#content.sub .wrapper{padding:60px 0;}
#content.sub h2{margin-bottom:25px; font-size:40px; color:#111; font-weight:500}

/* 서브 */
.box_list_item .list_tit{float: left; min-width: 320px; width: auto; font-size: 30px; color: #000; font-weight:bold;}
.box_list_item .list_cont{float: right; width: calc(100% - 320px);}
.box_list_item .list_cont > img{width:100%;}
.box_list_type .box_list_item{overflow:hidden; margin-top: 70px; padding-top: 70px; border-top: 1px solid #eee;}
.box_list_type{border-top: 1px solid #000;}
.box_list_type .box_list_item:first-child {margin-top:0; padding-top: 0; border-top: none;}
.txt{line-height:1.6; font-size:16px; color:#666; word-break:keep-all }
.border_none{border:none}
.con_tit {margin-bottom: 10px; font-size: 18px; font-weight: 700; color: #000; word-break:keep-all;}
.list01 li{line-height:1.8; position:relative; padding-left:10px; margin-bottom:8px; color:#555; text-align:left; word-break: keep-all;}
.list01 li:before{content:""; display:block; position:absolute; top:11px; left:0px; width:3px; height: 3px; background: #999;}
.list02 > li{position:relative; line-height:1.9; padding-left:13px;}
.list02 > li:before{content:""; position:absolute; left:0; top:13px; width:5px; height:1px; margin-right:5px; background:#929292; border-radius:50%;}

.con_txt{margin-top:15px;}
#content.sub .mgt0{margin-top:0;}
.mgt40{margin-top:40px;}
ul.w50{margin-top:25px}
ul.w50 li{box-sizing:border-box; float:left; width:49%; margin:0 0.5%; border:1px solid #eee;}
ul.w50 li img{width:100%;}

/* 인사말 */
.area_ceo {overflow:hidden;}
.area_ceo > img{float:left;}
.area_ceo .text{float: right; width: calc(100% - 400px);}
.area_ceo .text h3{margin-bottom:30px; font-size:30px; color:#2ba74f;}
.area_ceo .text h3 b{color:#002a81;}
.area_ceo .text p{line-height:1.8; margin-bottom:15px; word-break:keep-all;}
.area_ceo .text span{display:block; margin-top:60px; color:#000}
.area_ceo .text span b{display: inline-block; padding-left:15px;}
.area_ceo .text span b img{vertical-align: middle;}

/* 연혁 */
.area_history{overflow: hidden;}
.area_history .img{width:100%; padding:100px 0; margin-bottom:50px; background:url('../../images/content/img_history.jpg') no-repeat; color:#fff; text-align:center; font-size:20px;}
.area_history .history-year-box{position:relative;/* padding-left:250px */}
.area_history .history-year-box h4{position:absolute; left:0; top:0;  color:#222; font-size:30px; font-weight:600; letter-spacing:-1.5px; }
.area_history .history-year-box h4:after{position:absolute; top:15px; left:110px; content:""; width:56px; height:3px; background-color:#2a7c95; }
.area_history .history-year-box .history-year-item {position:relative; padding-bottom:30px}
.area_history .history-year-box .history-year-item:last-child{padding-bottom:0}
.area_history .history-year-box .history-year-item:before{position:absolute;top: 5px;left:120px;width:1px;bottom:-23px;background-color:#ddd;content:"";}
.area_history .history-year-box:last-child .history-year-item:last-child:before{display:none;}
.area_history .history-year-box .history-year-item .history-year{position:absolute; top:0; left:0px; width:120px;}
.area_history .history-year-box .history-year-item .history-year:after{position:absolute;display:block;content:"";top: 25%;right:-4px;width:7px;height:7px;margin-top:-3px;background-color:#1950a2;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.area_history .history-year-box .history-year-item .history-year strong{color:#1e1e1e; font-weight:600; font-size:23px;}
.area_history .history-year-box .history-year-item .history-info-con{padding-left:140px; }
.area_history .history-year-box .history-year-item:last-child .history-info-con{  padding-bottom:50px;}
.area_history .history-year-box:last-child .history-year-item:last-child .history-info-con{  padding-bottom:0px;}
.area_history .history-year-box .history-year-item .history-info-con p{position:relative; margin-bottom:10px; padding-left:60px; color:#5b5b5b; font-weight:300; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all}
.area_history .history-year-box .history-year-item .history-info-con p:first-child{margin-top:7px}
.area_history .history-year-box .history-year-item .history-info-con p .history-month{position:absolute; top:0px; left:0px;color:#333; font-weight:600; }

 /* ci소개 */
.ci_logo{ box-sizing: border-box; width: 100%; margin-bottom:20px; border: 1px solid #dadada; background: url(../images/content/img_ci_bg.png); text-align:center;}
.ci_logo img{height:100px; padding:80px 0 ;}

.ci_color .ci_color_li {float:left; margin-left:50px; margin-bottom:40px; font-weight:bold;}
.ci_color .ci_color_li:nth-child(3n+1) {margin-left:0;}
.ci_color .page_area .ci_color .ci_color_li .color_mode {font-size:16px; line-height:28px;}
.ci_color .ci_color_li .color_name {display:block; box-sizing:border-box; font-size:18px; font-weight:500; color:#222; font-family:'Montserrat', sans-serif;}
.ci_color .ci_color_li .color_name p {width:220px; height:100px; margin-bottom:12px; font-weight:500; font-size:18px; line-height:30px;color:#fff;}
.ci_color .ci_color_li .color_name p.color_green {background:#55b954;}
.ci_color .ci_color_li .color_name p.color_blue {background:#005282;}
.ci_color .ci_color_li .color_name p.color_orange {background:#f38d36;}
.ci_color .ci_color_li .color_mode {font-weight: 500; line-height:28px; color:#666;}


/* 오시는 길 */
.area_location ul.list01{margin-top:30px;}
.area_location .list_location > li{margin-bottom:28px;font-weight:bold; color:#144d9a; font-size:18px;}
.area_location .list_location > li ul{margin-top:0}
.area_location .list_location > li ul li{margin-top:7px; font-weight:500; color:#666; font-size:16px;}

/* 조직안내 */
.sub_tit{position:relative; padding-left:35px; font-size:20px; color:#111;}
.sub_tit:before{content:''; display:block; position:absolute; left:0px; top:6px;width:25px; height:18px;  background:url(../images/main/simbol.svg) no-repeat;}

.area_organ .box_list_item .list_cont img{width:auto;}
.list_organ li{box-sizing:border-box; position:relative; float:left;  width: calc(33.334% - 20px); margin-right:25px; border:1px solid #ddd; margin-bottom:40px; text-align:center;transition:0.5s}
.list_organ li:hover{background:#16499a; transition:0.5s}
.list_organ li:hover i{color:#fff;transition:0.5s}
.list_organ li:last-child{margin-right:0}
.list_organ li a{display:block; width:100%; height:100%; padding: 30px 0;}
.list_organ li.on{background:#16499a}
.list_organ li.on span{color:#fff}
.list_organ li b{display:inline-block; width:80px; height:80px; background:#f0f8fe; border-radius:50%; }
.list_organ li img{display:block; height:40px; margin:20px auto;}
.list_organ li span{display:block; position:relative; margin-top:25px; font-family: 'LotteMartDream'; font-weight:600; font-size:18px; color:#111;}
.list_organ li span i{line-height: 1.3; display:block; width: 100%;}

.depart_con > div{box-sizing:border-box; float:left;width: calc(50% - 30px); height:341px; padding:30px; margin-right:45px; background:#f4f4f4; }
.depart_con > div:nth-child(2n){margin-right:0;}
.depart_con > div h3{margin-bottom:10px; font-size:20px; color:#111;}

.natural_con > .con{padding:30px; background:#f9f9f9; border:1px solid #999;}
.natural_con > .con p:nth-child(1n){margin-bottom:7px;}
.natural_con > div h3{margin-top:0;}
.natural_con h3{margin-top:40px; margin-bottom:10px; font-size:20px; color:#111;}
.natural_con ul li b{display:inline-block; width:80px; font-size:15px; color:#16499a; font-weight:600}

.area_department .box_list_item .list_cont .img_chart2 {width:auto;margin: 0 auto;display: block;}
.area_department .process li{box-sizing:border-box; float:left; width: calc(33.3% - 30px); padding:30px 20px; margin-right:40px; margin-bottom:40px; background:#f4f4f4; text-align:center;}
.area_department .process li:nth-child(3n){margin-right:0;}
.area_department .process li *{display:block;}
.area_department .process li img{width:100%;}
.area_department .process li i{display:inline-block; padding:5px 15px;  background:#16499a;  border-radius:30px; font-size:13px; color:#fff;}
.area_department .process li p{height:48px; margin-top:20px; word-break:keep-all;}
.area_department .process li span{margin: 10px 0; font-weight: bold; color: #111; font-size: 18px;}

.con_table{margin-bottom:40px; padding-bottom:40px; border-bottom:1px dashed #ddd;}
.con_table h3 span{float:right; font-size:16px; font-weight:300;}

/* 입주업체 현황 */
.area_Industry{overflow:hidden;}
.area_Industry .history-month{display:inline-block; width:100px; color:#222; font-size:14px;}

.area_position{position:relative;}
.area_position .btn_down{position:absolute; right:0; top:0; z-index:100;}
.area_position .btn_down a{display:block; padding:8px 40px 8px 15px; background:#174f9c url(../images/content/icon_down.png) no-repeat 95% 50%;  color:#fff;}
.activity_area{box-sizing:border-box; padding:30px; background:#f6f6f6;}
.activity_area ul{box-sizing:border-box;}
.activity_area ul li{overflow: hidden; padding:15px 0; border-bottom:1px solid #ccc;}
.activity_area ul li:last-child{border-bottom:none;}
.activity_area ul li span{display:block; width:50px; float:left; padding:5px 25px; margin-right:20px; color:#fff; text-align:center;}
.activity_area ul li:nth-child(1) span{background:#1a4aac;}
.activity_area ul li:nth-child(2) span{background:#333;}
.activity_area ul li input[type="checkbox"]{position:absolute; opacity:0;}
.activity_area ul li input[type="checkbox"] + label{position:relative; width:auto; min-height:16px; line-height:1em; margin-right:20px; padding-left:20px; cursor:pointer; font-size:15px;}
.activity_area ul li input[type="checkbox"] + label:before{content:''; display:block; position:absolute; top:0; left:0; width:19px; height:16px; background:url(/images/content/icon_chekbox.png)no-repeat 0 -17px; background-size:19px 33px;}
.activity_area ul li input[type="checkbox"]:checked + label:before{background-position:0 0;}
.activity_area .serch_bar{height:40px; margin:0; border-color:#333;}
.activity_area .serch_btn{display:inline-block; height:40px; line-height:40px; width:64px; margin-left:-4px; background:#333; color:#fff;vertical-align:middle; text-align:center;}

.table_area,
.list_company{margin-top:40px;}

.table_area .btn_down{float:right; margin-bottom:15px;}
.table_area .btn_down a{display:block; padding:8px 40px 8px 15px; background:#333 url(../images/content/icon_down.png) no-repeat 95% 50%;  color:#fff;}

.list_company ul li .write{min-height:180px; padding:20px;}
.list_company ul li a > *:not(.img){padding:0;}
.list_company .write p b{display:inline-block; float:left; width:80px; color:#111}
.list_company .write p span{float:left; display:inline-block; width: calc(100% - 80px); width: -webkit-calc(100% - 80px);word-break: break-all;font-weight: 300;}
.list_company .write p{overflow: hidden; margin-bottom:7px; color:#555}

.position_top{margin-bottom:40px; padding:30px; text-align: center; border: 10px solid #f0f0f0; box-sizing: border-box;}
.position_top span{display:block; text-align:left;}
.position_top p{margin-bottom:15px; font-size:22px; color:#174da7; font-weight:bold}
.position_con{margin-bottom:50px}
.position_con h3{margin-bottom:15px;}
.position_con > p{line-height:1.6; background:#f4f4f4; margin-bottom:40px; padding:30px; word-break:keep-all}
.position_con ul li b{color:#111;}
.position_con table{margin:20px 0;}

.position_con .img_box{overflow:hidden;}
.position_con .img_box .img{float:left; width:49%; margin-right:2%; min-height:300px; padding:30px; box-sizing:border-box; border:1px solid #ccc;}
.position_con .img_box .img:last-child{margin-right:0;}
.position_con .img_box img{max-width:100%;}

.position_con .list_process {overflow:hidden; margin-bottom:50px;}
.position_con h4{position:relative; font-size:18px; color:#111; padding-left: 10px; margin-bottom:15px;}
.position_con h4:before {content: ""; display: block; position: absolute; top: 11px; left: 0px; width: 3px;height: 3px; background: #999;}
.position_con .list_process li{position:relative; box-sizing:border-box; float:left; width: calc(33.3% - 30px); height:135px; padding:20px; margin-right:45px; margin-bottom:24px; border: 1px solid #555; color:#111; text-align:center;}
.position_con .list_process li:nth-child(3n){margin-right:0}
.position_con .list_process li p{ word-break:keep-all; color:#111; font-weight:bold;}
.position_con .list_process li b{margin-bottom:15px; line-height:30px; display:inline-block; background:#174da7; width:30px; height:30px; border-radius:50%; color:#fff; font-size:13px;}
.position_con .list_process li:before{content:'→'; position:absolute; left:-30px; top:50%;}

.position_con .list_process2{overflow:hidden; margin-bottom:40px;}
.position_con .list_process2 li{position:relative; box-sizing:border-box; float:left; width: calc(20% - 30px); height:115px; margin-right:36px; margin-bottom:24px; background:#eef5f9; border: 1px solid #dedede; color:#111; text-align:center;}
.position_con .list_process2 li:nth-child(5n){margin-right:0}
.position_con .list_process2 li p{padding:10px 0; background:#174da7; color:#fff;}
.position_con .list_process2 li span{display:block; padding-top:20px;}
.position_con .list_process2 li:before{content:'→'; position:absolute; left:-25px; top:50%;}

.area_download{overflow:hidden;}
.download{float:left; width:calc(16.6% - 1%); margin:0.5%; text-align:center;}
.download p{width:100%; padding-top:110px ;margin-bottom: 20px; font-size:20px; font-weight:600; letter-spacing:-2px; }
.download p.download01{background:url(../images/content/icon_down01.svg) center center no-repeat; background-size:70px}
.download p.download02{background:url(../images/content/icon_down02.svg) center center no-repeat; background-size:70px}
.download p.download03{background:url(../images/content/icon_down03.svg) center center no-repeat; background-size:70px}
.download p.download04{background:url(../images/content/icon_down04.svg) center center no-repeat; background-size:70px}
.download p.download05{background:url(../images/content/icon_down05.svg) center center no-repeat; background-size:65px}
.download p.download06{background:url(../images/content/icon_down06.svg) center center no-repeat; background-size:70px}
.download.download_new{float:none; width:100%; margin:0 0 20px 0; overflow:hidden;}
.download.download_new p{width:20%; float:left;}
.download.download_new ul{display:flex; width:75%; float:left; flex-wrap:wrap; justify-content:flex-start;}
.download.download_new ul li{width:30%; margin-right:2%; background:#f7f7f7;}

.download dl{box-sizing:border-box; margin-bottom:15px; background:#f7f7f7; padding:10px 0px; border-top:1px solid #e7e7e7;}
.download dl dt{margin-bottom:10px; text-align:center; font-size:16px; color:#111; font-weight:500;}

.area_tab{overflow:hidden;  list-style:none; text-align:center; }
.area_tab li{position:relative; box-sizing:border-box; position:relative; display:inline-block; line-height:55px; width:120px; height:55px; background:#fff; border-left:1px solid #dcdddf; border:1px solid #dcdddf; text-align:center; cursor:pointer; font-weight:600; color:#333 !important; transition:all 0.3s;}
.area_tab li.active{background:#283680; color:#fff !important;}
.area_tab li.active a{display:block; width:100%; height:100%; color:#fff;}
.area_recruit .bbsList td[data-table="subject"]{text-align:center;}
.area_recruit .area_tab{margin-bottom:50px;}

.work_list{overflow:hidden; margin-top:10px;}
.work_list > div{position:relative; box-sizing:border-box; float:left; width: calc(20% - 30px); height:185px; margin-right:36px; margin-bottom:24px; background:#eef5f9; border: 1px solid #dedede; color:#111; text-align:center;}
.work_list > div:nth-child(5n){margin-right:0}
.work_list > div p{padding:10px 0; background:#174da7; color:#fff;}
.work_list > div span{display:block; padding:25px 10px;}
.work_list > div span b{display:block;}
.work_list > div:before{content:'→'; position:absolute; left:-25px; top:50%;}

.area_position2 .btn_down2{margin-left:30px;}
.area_position2 .btn_down2 a{display:inline-block; padding:5px 15px; background:#333; color:#fff; font-size:13px;}

#content table.table.v1 th, #content table.table.v1 td{padding:15px 0}
#content table.table.v1 th{border-left:1px dashed #cecece;}

.statistics_area ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.statistics_area.stati02 ul{justify-content:flex-start;}
.statistics_area.stati02 ul li{margin-right:30px;}
.statistics_area ul li{width:calc(100% / 4 - 20px); margin:20px 0px 0 0px; padding:20px; text-align:center; border:1px solid #eee; box-sizing:border-box;}
.statistics_area ul li em{display:inline-block; padding:5px 10px; color:#fff; background:#eb9b1e; border-radius:10px;}
.statistics_area ul li.bg em{background:#25a550;}
.statistics_area ul li.bg_blue em{background:#174da7;}
.statistics_area ul li h5{font-size:24px; margin:10px 0;}
.statistics_area ul li p{font-size:18px; font-weight:500;}
.statistics_area ul li dl{margin-top:20px; text-align:left;}
.statistics_area ul li dl dd{word-break:keep-all;}
.statistics_area ul li dl dd:last-child{padding-top:5px; margin-top:5px; border-top:1px solid #eee;}

.board_list ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.board_list ul li{width:calc(100 / 3 - 20px);}
.board_list ul li a{display:block;}

@media screen and (max-width:1240px){
	.area_lnb .inr{width:96%;}
	
	.area_organ .box_list_item .list_cont .list_organ li img{width:80px; margin:20px 0;}
	.area_organ .box_list_item .list_cont img{width:96%; margin:0 auto;}

	.ci_color .ci_color_li .color_name p{width:100%;}
	 .ci_color .ci_color_li{width: calc(33.3% - 20px); margin-left:30px}

	.area_position img{width:100%;}
	
	.area_department .process li{width: calc(33.3% - 10px); margin-right:15px;}

	.scroll_top{right:20px;}

	.list_company .write p b{float:none; margin-bottom:5px;}
	.list_company .write p span{float:none; width:100%; color:#555}

}

@media screen and (max-width:1040px){
	.list_company ul li .write{min-height:auto; height:350px;}
}

@media screen and (max-width:960px){
	.recruit_list .bbsList th, .recruit_list .bbsList td{padding:10px;}
	#content table.table th, #content table.table td{padding:10px; font-size:14px;}

	.position_con .list_process li{height:155px;}
	
	.download{float:none; display:inline-block; vertical-align:top; width: calc(33.3% - 1.5%);}

	.area_department .process li span{font-size:16px;}

	.work_list > div{width: calc(33.3% - 30px); margin-right: 30px;}
	.work_list > div:nth-child(3n){margin-right:0}


}

@media screen and (max-width:860px){
	.area_ceo .text h3 b{display:inline-block;}
	
	.area_ceo img{width:250px;}
	.area_ceo .text{width: calc(100% - 300px);}

	.box_list_item .list_tit{float:none; width:100%; margin-bottom:20px;}
	.box_list_item .list_cont{float:none; width:100%;}
	.con_tit{font-weight:300}
	
	.position_con .list_process li{width: calc(33.3% - 15px); margin-right:22px;}
	
	.position_con .list_process2 li span,
	.position_con .list_process2 li p{font-size:14px;}
    
    .statistics_area ul li{width:calc(100% / 3 - 20px);}
    
    .tab_area .tab li{width:calc(100% / 3 - 10px); margin-bottom:10px;}
}

@media screen and (max-width:767px){
	.sub_visual{height:250px;}
	.sub_visual h3{margin-top:100px; font-size:25px;}
	.area_lnb *[data-lnb]{padding-left:0; font-size:14px;}
	.area_lnb .inr > *:after{display:none;}
	
	.position_top{padding:20px;}
	.position_top p{font-size:18px; word-break:keep-all}
	.position_top span br{display:none}
	
	.position_con > p{padding:20px;}

	.sub_tit{padding-left:25px; font-size:16px; word-break:keep-all}
	.area_ceo .text h3{font-size:22px;}
	.box_list_item .list_tit p,
	#content.sub h2{font-size:22px; text-align:center;}

	.box_list_item .list_tit p{font-size:22px;}
	.con_tit{font-size:14px;}

	.position_con h4{font-size:16px;}

	.area_history .history-year-box .history-year-item .history-year strong{font-size:18px;}
	.area_history .history-year-box .history-year-item .history-year{top:-6px; width:70px;}
	.area_history .history-year-box .history-year-item .history-year:after{top:48%;}
	.area_history .img{font-size:15px}
	.area_history .history-year-box .history-year-item .history-info-con{padding-left:100px;}
	.area_history .history-year-box .history-year-item:before{left:70px;}

	.list_organ li span{font-size:16px;}
	.list_organ li{width: calc(33.34% - 8px); margin-right:10px;}

	.ci_logo img{height:80px;}

	.area_location .list_location > li{font-size:16px;}
	.area_location .list_location > li ul li{font-size:14px;}

	.activity_area{padding:0;}
	.activity_area ul li{background:#fff;}
	.activity_area ul li span{float:none; margin-bottom:10px;}
	.activity_area ul li input[type="checkbox"] + label{margin-bottom:7px;}

	.position_con .list_process li{width: calc(50% - 7px); margin-right:14px;}
	.position_con .list_process li:nth-child(3n){margin-right:14px;}
	.position_con .list_process li:nth-child(2n){margin-right:0;}

	.position_con .list_process2 li{width: calc(33.3% - 20px); margin-right:30px;}
	.position_con .list_process2 li:nth-child(3n){margin-right:0}
	.position_con .list_process li:before{display:none;}

	.download{width: calc(50% - 1.5%);}
	.download p{font-size:16px;}
	.download dl dd .button{font-size:13px;}
	.download dl dt{font-size:14px;}

	.con_table h3 span{font-size:14px;}

	.depart_con > div h3{font-size:16px;}
	.box_list_type .box_list_item{padding-top:40px; margin-top:40px;}

	.area_department .process li{width: calc(50% - 7px); margin-right: 14px; margin-bottom:14px;}
	.area_department .process li:nth-child(2n){margin-right:0}
	.area_department .process li:nth-child(2n+1){margin-right:14px}

	.area_department .box_list_item .list_cont .img_chart2{width:100%;}

	.work_list > div{width: calc(50% - 7px); margin-right: 14px;}
	.work_list > div:nth-child(2n){margin-right:0}
	.work_list > div:nth-child(3n){margin-right:14px}
	.work_list > div:before{display:none;}

	.table_area .btn_down{float:none; display: block; margin-bottom:5px;}
	.area_position .btn_down{position:static;}

	ul.w50 li{width:100%; margin:10px 0 ;}
	
	.scroll_top{right:10px;}
	.scroll_top p{width:30px; height:30px; font-size:0; background-position: 50%;}

	.list_company ul li .write{height:320px;}
    
    .statistics_area ul li h5{font-size:20px;}
}

@media screen and (max-width:640px){
	.area_lnb .inr{width:96%;}
	.area_lnb .lnb{width:calc(100% - 60px);}
	.area_lnb a[data-lnb="home"]{width:60px;}
	.area_lnb *[data-lnb="gnb"]{display:none;}
	.area_lnb *[data-lnb="sub"]{width:100%; font-size:14px;}

	.area_ceo img{display:block; float:none; margin:0 auto;}
	.area_ceo .text{float:none; width:100%; margin-top:40px;}
	.area_ceo .text h3,
	.area_ceo .text span b{font-size:20px;}

	.depart_con > div{width:100%; height:auto; margin:0 0 30px 0}

	.list_company ul li .write{height:300px;}
    
    .statistics_area ul li{width:calc(100% / 2 - 20px);}

}


@media screen and (max-width:640px){
	.recruit_list .bbsList td[data-table="subject"] > a{padding:0}
	.recruit_list .bbsList td[data-table="date"]{position:relative; width:100%;}
}

@media screen and (max-width:580px){
	.list_organ li{width: calc(50% - 8px); margin-bottom:10px;}
	.list_organ li:nth-child(2n){margin-right:0}

	.sub_visual h3{font-size:20px;}
	.download {width: calc(50% - 2%);}
	
	.list_company ul li .write{padding:10px;}

}

@media screen and (max-width:500px){
	.position_con .list_process li{padding:15px 10px; height:180px;}
	.position_con .list_process2 li{width: calc(50% - 20px); height:110px;}
	.position_con .list_process2 li:nth-child(2n){margin-right:0}
	.position_con .list_process2 li:nth-child(3n){margin-right:30px;}
	.position_con .list_process2 li span{padding-top:20px;}

	.list_company ul li .write{height:310px;}
	.list_company .write p span{font-size:13px;}
}

@media screen and (max-width:460px){
	.list_organ li b{display:none;}
	.list_organ li span{margin-top:0; font-size:14px;}
	.list_organ li a{padding:15px 0; }
    
    .statistics_area ul li{width:100%;}
    .tab_area .tab li{width:calc(100% / 2 - 10px);}
}