@charset "utf-8";

/* sub_visual */
#sub_visual {position:relative; width:100%; overflow:hidden;}

#sub_visual .imgArea {width:100%; height:100%;}
#sub_visual .imgArea .img {height:240px; overflow:hidden; background-position:center; background-size:cover; position:relative;}
#sub_visual .imgArea .img.company {background-image:url(../images/sub/sub_visual_1.jpg);}
#sub_visual .imgArea .img.business {background-image:url(../images/sub/sub_visual_2.jpg);}
#sub_visual .imgArea .img.careers {background-image:url(../images/sub/sub_visual_3.jpg);}
#sub_visual .imgArea .img.board {background-image:url(../images/sub/sub_visual_4.jpg);}
#sub_visual .imgArea .img.ir {background-image:url(../images/sub/sub_visual_5.jpg);}
#sub_visual .imgArea .txt_wrap {position:absolute; top:50%; left:0px; transform:translateY(-50%); width:100%;}
#sub_visual .imgArea .txt_wrap h3 {font-size:22px; color:#fff; text-align:center;}
#sub_visual .imgArea .txt_wrap h3.bold {font-weight:700;}
#sub_visual .imgArea .txt_wrap p.txt_1 {margin-top:12px; padding:0 14%; font-size:12px; color:#fff; text-align:center;}
#sub_visual .imgArea .txt_wrap p.txt_1 span {display:inline;}

/* sub location */
section.locationWrap {height:50px; border-bottom:1px solid #e3e3e3;}
section.locationWrap a {width:12%; float:left; display:block; height:50px; line-height:50px;}
section.locationWrap a span.ic_home {display:block; width:18px; height:16px; margin:11px auto 0; position:relative;}
section.locationWrap a span.ic_home:before {left:3px; top:7px; transform:rotate(45deg); width:12px; height:12px; border-top:2px solid #000; border-left:2px solid #000; display:block; position:absolute; content:'';}
section.locationWrap a span.ic_home:after {left:3px; bottom:-5px; width:12px; height:10px; /*background-attachment: transparent;*/ border:2px solid #000; border-top:none; display:block; position:absolute; content:'';}
section.locationWrap div.selectArea {font-size:14px; float:left; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; box-sizing:border-box; display:inline-block; vertical-align:middle; position:relative;}
section.locationWrap div.selectArea:nth-child(2) {width:40%;}
section.locationWrap div.selectArea:nth-child(3) {width:48%;}
section.locationWrap div.selectArea:last-child {border:none;}
section.locationWrap div.selectArea span {position:absolute; top:16px; right:6px; display:block;}
section.locationWrap div.selectArea span:before {position:absolute; top:5px; right:7px; width:1px; height:8px; content:''; display:inline-block; background-color:#000; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
section.locationWrap div.selectArea span:after {position:absolute; top:5px; right:12px; width:1px; height:8px; content:''; display:inline-block; background-color:#000; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
section.locationWrap div.selectArea select {width:100%; height:49px; padding-left:14px; border:none; outline:none; display:inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}

/* sub title */
article.titleWrap {position:relative; overflow:hidden;}
article.titleWrap h4 {margin-top:40px; font-size:28px; font-weight:700; text-align:center; animation: topScroll_1 .5s 1;}
article.titleWrap h5 {margin-top:10px; font-size:16px; font-weight:700; text-align:center;}
article.titleWrap h5:before {content:''; width:16px; height:1px; display:block; background-color:#000; margin:0 auto 10px;}
article.titleWrap .txt_1 {margin-top:26px; font-size:12px; padding:0 10%; text-align:center; animation: topScroll_2 .8s 1;}
article.subWrap {margin:40px 0 100px 0; position:relative; overflow:hidden;}

/* company */
div.img_idea {margin:0 auto 0; width:325px; height:212px; background:url(../images/sub/company_idea_m.png) no-repeat center 0; background-size:325px 212px;}
ul.idea_txt {margin-top:60px; border-top:1px solid #000; border-bottom:1px solid #e3e3e3;}
ul.idea_txt li {border-bottom:1px solid #f1f1f1; padding:16px 16px;}
ul.idea_txt li:last-child {border-bottom:none;}
ul.idea_txt li span {font-size:15px; font-weight:700;}
ul.idea_txt li p {font-size:12px; margin-top:6px;}
div.img_intro {margin:0px auto 0; width:325px; height:159px; background:url(../images/sub/company_intro_m.png) no-repeat center 0; background-size:325px 159px;}
div.img_intro.kidarient { background:url(../images/sub/company_intro_m_e.png) no-repeat center 0; }
div.historyArea {margin-top:60px;}
div.historyArea h5 {font-size:20px; font-weight:700; text-align:center;}
div.historyArea div.tabArea {margin-top:20px;}
div.historyArea dl {overflow:hidden; padding:20px 0 0 0;}
div.historyArea div:nth-child(3) {margin-top:40px; padding-top:0;}
div.historyArea dl dt {width:16%; float:left; padding-left:4%;}
div.historyArea dl dt span {font-weight:700; font-size:16px; position:relative}
div.historyArea dl dt span:before {width:20px; height:1px; background-color:#000; display:block; content:''; position:absolute; left:50px; top:11px;}
div.historyArea dl dd {width:72%; float:right; text-align:left; padding:0 4%;}
div.historyArea dl dd ol {overflow:hidden; margin-top:3px; padding-bottom:20px; border-bottom:1px solid #f6f6f6;}
div.historyArea dl dd ol li {font-size:11px; position:relative; padding-left:30px;}
div.historyArea dl dd ol li span {position:absolute; top:0px; left:0px; font-weight:700;}
div.ceoArea {position:relative; height:620px; background-color:#fff;}
div.ceoArea {background-color:transparent;}
div.ceoArea p.txt_1 {z-index:1; position:relative; font-size:20px; padding:0 24px;}
div.ceoArea p.txt_1:after {content:''; height:1px; width:174px; background-color:#000; display:inline-block; position:absolute; top:30px; right:0px; display:none;}
div.ceoArea p.txt_1 span {font-weight:200; color:#ee1ea8;}
div.ceoArea p.txt_1 i {font-weight:700; color:#ee1ea8;}
div.ceoArea p.txt_2 {z-index:1; display:block; margin-top:28px; font-size:12px; padding:0 24px;}
div.ceoArea p.txt_2 span {font-weight:700;}
div.ceoArea p.txt_3 {z-index:1; display:none; margin-top:28px; font-size:12px; padding:0 24px;}
div.ceoArea p.txt_3 span {font-weight:700;}
div.ceoArea span.img_ceo {position:absolute; top:320px; right:-20px; width:220px; height:300px; background:url(../images/sub/ceo_m_v4.png) no-repeat 0 0; background-size:220px 300px;}
div.ceoArea span.img_ceo {z-index:-1;}
div.ceoArea div.box_1 {z-index:-1; position:absolute; top:0px; left:50%; margin-left:-2880px; background-color:#e42ca6; width:3000px; height:600px;}
div.ceoArea div.box_1 {margin-left: -3280px;}
div.ceoArea div.box_2 {z-index:-1; position:absolute; bottom:82px; right:210px; background-color:#81cf38; width:60px; height:60px;}
div.ceoA1rea div.box_2 {display:none;}
div.img_ci {margin:0 auto 0; width:325px; height:367px; background:url(../images/sub/ci_m.png) no-repeat center 0; background-size:325px 367px;}
div.img_ci.kidarient {background:url(../images/sub/ci_m_e.png) no-repeat center 0; }
div.btnArea.ci a {margin-top:10px;}
div.btnArea.ci a:first-child {margin-top:40px;}
div.groupArea h6 {margin-top:40px; font-weight:700; font-size:14px; width:100%; text-align:center; position:relative;}
div.groupArea h6 p {margin-top:4px; font-size:10px;}
div.groupArea h6 p span:before {width:4px; height:4px; border-radius:2px; display:inline-block; content:''; margin-right:4px; position:relative; top:-1px; background-color:red;}
div.groupArea h6 p span:nth-child(1) {color:#ff5d05; margin-right:6px;}
div.groupArea h6 p span:nth-child(2) {color:#215aed;}
div.groupArea h6 p span:nth-child(2):before {background-color:#215aed;}
ul.groupList {width:100%; margin-top:30px; overflow:hidden;}
ul.groupList li {float:left; width:50%; height:260px;}
ul.groupList li {height: 285px;}
ul.groupList li div img {width:70%; margin:0 auto 0; display:block;}
ul.groupList li span {margin:16px 0 4px 0; font-size:16px; text-align:center; font-weight:700; display:block;}
ul.groupList li span.orange:before {content:''; display:inline-block; width:10px; height:10px; border-radius:5px; margin-right:8px; background:red; position:relative; top:-1px; background-color:#ff5d05;}
ul.groupList li span.blue:before {content:''; display:inline-block; width:10px; height:10px; border-radius:5px; margin-right:8px; background:red; position:relative; top:-1px; background-color:#215aed;}
ul.groupList li p {font-size:12px; text-align:center;}
.subWrap.contactus div.areaInner > div {border:1px solid #eee; width:100%; display:block; height:500px; margin-top:150px;}
.subWrap.contactus div.areaInner > div:first-child {margin-top:0px;}
.subWrap.contactus .txt_3 {display:block; font-size:32px; font-weight:700; margin-top:40px;}
.subWrap.contactus .txt_3:before {content:''; width:5px; height:26px; display:inline-block; background-color:#000; margin-right:10px; position:relative; top:1px;}
.subWrap.contactus .txt_4,
.subWrap.contactus .txt_5 {margin-top:10px;}

/* Careers */
div.areaInner.duty {width:90%;}
div.dutyArea.mg_t80 {margin-top:60px !important;}
div.dutyArea h5 {margin-top:2px; font-size:16px; font-weight:700; position:relative; color:#e42ca6;}
div.dutyArea h5:before {content:''; width:13px; height:1px; background-color:#e42ca6; position:absolute; top:-2px; left:0px;}
div.dutyArea ul {overflow:hidden; margin-top:20px;}
div.dutyArea ul li {float:left; width:calc(100%/3);}
div.dutyArea ul li.mg_t16 {margin-top:16px;}
div.dutyArea ul li span {font-size:13px; letter-spacing:-1px; font-weight:700; cursor:pointer;}
div.dutyArea > div {padding:14px 16px; margin-top:30px; background-color:#f9f9f9;}
div.dutyArea > div h6 {font-size:12px; font-weight:700;}
div.dutyArea > div h6.mg_t30 {margin-top:30px;}
div.dutyArea > div p {font-size:13px; margin-top:6px;}

/* careers */
div.interBoardArea h5,
div.interArea h5,
div.welfareArea h5,
div.personArea h5 {font-size:16px; font-weight:700; text-align:center;}
div.personArea p {font-size:13px; margin-top:14px; font-weight:400; text-align:center;}
div.personArea p i {color:#f22fb0;}
div.personArea p em {color:#f22fb0; font-weight:700;}
div.personArea div.img {margin:40px auto 0; width:325px; height:105px; background:url(../images/sub/person_m.png) no-repeat center 0; background-size:325px 105px;}
div.interArea {margin-top:70px;}
div.interArea div.img {margin:40px auto 0; width:145px; height:800px; background:url(../images/sub/inter_m.png) no-repeat center 0; background-size:145px 800px;}
div.interArea ul {overflow:hidden; margin-top:40px;}
div.interArea ul li {padding:0 20px; font-size:12px; color:#666; position:relative;}
div.interArea ul li:before {content:''; width:2px; height:2px; background-color:#000; display:block; position:absolute; top:8px; left:10px;}
div.welfareArea {margin-top:70px;}
div.welfareArea ul {overflow:hidden;}
div.welfareArea ul li div {padding:20px 0; margin:20px auto 0; border:1px solid #f6f6f6; width:94%;}
div.welfareArea ul li div span.img {display:block; width:34px; height:34px; margin:0 auto 0;}
div.welfareArea ul li:nth-child(1) div span.img {background:url(../images/sub/ic_welfare_1.png) no-repeat 0 0; background-size:34px 34px;}
div.welfareArea ul li:nth-child(2) div span.img {background:url(../images/sub/ic_welfare_2.png) no-repeat 0 0; background-size:34px 34px;}
div.welfareArea ul li:nth-child(3) div span.img {background:url(../images/sub/ic_welfare_3.png) no-repeat 0 0; background-size:34px 34px;}
div.welfareArea ul li:nth-child(4) div span.img {background:url(../images/sub/ic_welfare_4.png) no-repeat 0 0; background-size:34px 34px;}
div.welfareArea ul li:nth-child(5) div span.img {background:url(../images/sub/ic_welfare_5.png) no-repeat 0 0; background-size:34px 34px;}
div.welfareArea ul li:nth-child(6) div span.img {background:url(../images/sub/ic_welfare_6.png) no-repeat 0 0; background-size:34px 34px;}
div.welfareArea ul li:nth-child(7) div span.img {background:url(../images/sub/ic_welfare_8.png) no-repeat 0 0; background-size:34px 34px;}
div.welfareArea ul li:nth-child(8) div span.img {background:url(../images/sub/ic_welfare_7.png) no-repeat 0 0; background-size:34px 34px;}
div.welfareArea ul li:nth-child(9) div span.img {background:url(../images/sub/ic_welfare_9.png) no-repeat 0 0; background-size:34px 34px;}
div.welfareArea ul li span.txt_1 {margin-top:14px; font-size:14px; font-weight:700; text-align:center; display:block;}
div.welfareArea ul li p.txt_1 {margin-top:6px; font-size:12px; text-align:center;}
div.interBoardArea {margin-top:50px;}
div.interBoard {border-top:2px solid #000; margin-top:30px;}
div.interBoard > div.boardHeader {display:none;}
div.interBoard > ul li {overflow:hidden; border-bottom:1px solid #e3e3e3; position:relative;}
div.interBoard > ul li > div {display:block; height:90px; overflow:hidden; cursor:pointer;}
div.interBoard > ul li > div > div {display:none;}
div.interBoard > ul li > div.on {height:100%; transition:all .3s;}
div.interBoard > ul li > div.on > div {display:block; padding:12px 16px 16px; background-color:#f6f6f6; line-height:180%; font-size:13px; border-top:1px solid #f6f6f6; margin-top:12px;}
div.interBoard > ul li > div.on > div img {display:block; margin:0 auto 20px;}
div.interBoard > ul li > div.on > div a {display:block; width:170px; background-color:#fff; text-align:center; margin-top:20px; height:40px; line-height:38px; border:1px solid #000;}
div.interBoard > ul li > div.on:hover {background-color:#fff;}
div.interBoard > ul li > div:hover {transition:all .3s; background-color:#f6f6f6;}
div.interBoard > ul li > div p.title {width:76%; margin:6px 0 0 6px; font-size:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
div.interBoard > ul li > div span.type {font-size:11px; color:#999; margin:10px 0 0 6px; display:block;}
div.interBoard > ul li > div span.date {font-size:12px; color:#999; margin-left:6px;}
div.interBoard > ul li span.state.ing {background-color:#fff; border-radius:15px; border:2px solid #f23db5; color:#f23db5; line-height:26px;}
div.interBoard > ul li span.state {position:absolute; top:28px; right:10px; width:68px; height:30px; line-height:28px; border-radius:15px; background-color:#dcdcdc; color:#fff; font-weight:700; font-size:13px; text-align:center; display:block;}


/* board, ir */
div.table_opt {overflow:hidden; margin-bottom:12px;}
div.table_opt h5 {float:left; font-size:16px; font-weight:700;}
div.table_opt span {position:relative; top:10px; float:right; font-size:12px; color:#666666;}
div.table_opt ul.description { float: left; margin-top: 10px; color: #666666; }
div.board_opt {overflow:hidden;}
div.board_opt.business {margin-top:30px;}
div.areaInner span.listAll {float:none; margin:20px 0 14px; display:block;}
div.areaInner span.searchTit {display:block; margin:50px 0 0px; text-align:left;}
div.areaInner span.searchTit:before {width:3px; height:14px; background-color:#f22fb0; content:''; display:inline-block; position:relative; top:1px; margin-right:6px;}
div.areaInner span.searchTit i {color:#f22fb0}
div.board_opt div.searchArea {width:100%; float:right;}
div.board_opt form {float:right;}
div.searchArea div.selectArea {position:relative; height:44px; width:100%; border:1px solid #e3e3e3;}
div.searchArea div.selectArea span {position:absolute; top:16px; right:12px; display:block;}
div.searchArea div.selectArea span:before {position:absolute; top:0px; right:6px; width:2px; height:10px; content:''; display:inline-block; background-color:#000; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
div.searchArea div.selectArea span:after {position:absolute; top:0px; right:12px; width:2px; height:10px; content:''; display:inline-block; background-color:#000; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
div.searchArea div.selectArea > select {width:100%; height:42px; padding-left:14px; border:none; outline:none; display:inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
div.searchArea div.inputArea {margin-top:6px; border:1px solid #e3e3e3; position:relative;}
div.searchArea div.inputArea > input {width:100%; height:42px; padding:0 36px 0 14px; line-height:44px; border:none;}
div.searchArea div.inputArea > button {position:absolute; top:6px; right:4px; width:36px; height:36px;}
div.searchArea div.inputArea > button:before {z-index:1; background-color:#fff; position:absolute; top:8px; left:8px; width:16px; height:16px; border:2px solid #000; border-radius:8px; content:'';}
div.searchArea div.inputArea > button:after {position:absolute; bottom:13px; right:10px; width:14px; height:2px; background-color:#000; transform:rotate(45deg); content:'';}
div.boardArea {border-top:2px solid #000; margin-top:30px;}
div.boardArea > div.boardHeader {display:none;}
div.boardArea > ul li {overflow:hidden; border-bottom:1px solid #e3e3e3; position:relative;}
div.boardArea > ul li > div {display:block; height:70px; overflow:hidden;}
div.boardArea > ul li > div > div {display:none;}
div.boardArea > ul li > div.on {height:100%; transition:all .3s;}
div.boardArea > ul li > div.on > div {display:block; padding:12px 16px 16px; background-color:#f6f6f6; line-height:180%; font-size:13px; border-top:1px solid #f6f6f6; margin-top:12px;}
div.boardArea > ul li > div.on > div { overflow-x: auto;}
div.boardArea > ul li > div.on > div img { display: block; margin: 0 auto 20px; }
div.boardArea > ul li > div.on:hover {background-color:#fff;}
div.boardArea > ul li > div:hover {transition:all .3s; background-color:#f6f6f6;}
div.boardArea > ul li > div p.title {width:80%; margin:12px 0 0 6px; font-size:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
div.boardArea > ul li > div span {font-size:11px; color:#999; margin-left:6px;}
div.boardArea > ul li a.btn_down {position:absolute; top:15px; right:6px; width:40px; height:40px; display:block;}
div.boardArea > ul li a.btn_down i.ic_download {position:absolute; bottom:10px; left:11px; width:18px; height:7px; border:2px solid #666666; border-top:none;}
div.boardArea > ul li a.btn_down i.ic_download:before {position:absolute; bottom:8px; left:3px; width:8px; height:8px; border:2px solid #666666; border-top:none; content:''; border-right:none; transform:rotate(-45deg);}
div.boardArea > ul li a.btn_down i.ic_download:after {position:absolute; bottom:10px; left:6px; width:2px; height:7px; background-color:#666; content:''; transform:rotate(180deg);}
div.paginate {margin-top:80px; overflow:hidden; text-align:center; display:block;}
div.paginate a {margin-right:0px; vertical-align:middle; display:inline-block; width:36px; height:36px; line-height:34px; text-align:center;}
div.paginate a:last-child {margin-right:0px;}
div.paginate a.on {background-color:#000; color:#fff;}
div.paginate a.on:hover {background-color:#000; color:#fff;}
div.paginate a:hover {background-color:#f3f3f3; transition:all .2s;}
div.paginate a.first:before {position:absolute; top:12px; left:12px; content:''; display:block; width:10px; height:10px; border-left:2px solid #000; border-top:2px solid #000; transform:rotate(-45deg);}
div.paginate a.first:after {position:absolute; top:12px; left:18px; content:''; display:block; width:10px; height:10px; border-left:2px solid #000; border-top:2px solid #000; transform:rotate(-45deg);}
div.paginate a.prev:before {position:absolute; top:12px; left:15px; content:''; display:block; width:10px; height:10px; border-left:2px solid #000; border-top:2px solid #000; transform:rotate(-45deg);}
div.paginate a.next:before {position:absolute; top:12px; right:15px; content:''; display:block; width:10px; height:10px; border-left:2px solid #000; border-top:2px solid #000; transform:rotate(135deg);}
div.paginate a.last:before {position:absolute; top:12px; right:12px; content:''; display:block; width:10px; height:10px; border-left:2px solid #000; border-top:2px solid #000; transform:rotate(135deg);}
div.paginate a.last:after {position:absolute; top:12px; right:18px; content:''; display:block; width:10px; height:10px; border-left:2px solid #000; border-top:2px solid #000; transform:rotate(135deg);}
div.paginate a.first,
div.paginate a.last,
div.paginate a.prev,
div.paginate a.next {position:relative;}

div.tabArea {border-bottom:1px solid #e3e3e3; text-align:center; width:100%; margin:0 auto; overflow:hidden;}
div.tabArea a {display:inline-block; color:#666; padding:10px 8px; font-size:13px; text-align:center;}
div.tabArea a.on {border-bottom:2px solid #f22fb0; color:#f22fb0;}

div.tabArea_1 {text-align:center; width:100%; margin:40px 0 0px; overflow:hidden;}
div.tabArea_1 a {display:inline-block; color:#666; width:91px; height:40px; line-height:40px; font-size:12px; border:1px solid #eee; text-align:center;}
div.tabArea_1 a.on { border:1px solid #000; }


div.workListArea ul {margin-top:30px;}
div.workListArea ul li {margin-top:30px;}
div.workListArea ul li:last-child {}
div.workListArea ul li a {width:100%; border:1px solid #e3e3e3; display:block; padding-bottom:10px;}
div.workListArea ul li a div.imgArea { background-color:#222;}
div.workListArea ul li a div.imgArea img {width:50%; margin:0 auto; display:block;}
div.workListArea ul li a span {margin:12px 0 0 14px; font-size:16px; font-weight:700; display:block;}
div.workListArea ul li a p {margin:2px 14px 2px 14px; font-size:12px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
div.workListArea ul li a p:nth-child(3) {margin:8px 0 4px 14px;}
div.workListArea p.result {text-align:center; font-size:16px; width:100%; padding:150px 0 100px;}

div.searchListArea ul {margin-top:0px;}
div.searchListArea ul li {margin-top:0px; border:1px solid #e3e3e3; border-bottom:none;}
div.searchListArea ul li:last-child {border-bottom:1px solid #e3e3e3;}
div.searchListArea ul li a {width:100%; display:block; overflow:hidden;}
div.searchListArea ul li a:hover {background-color:#f9f9f9; transition:0.2s}
div.searchListArea ul li a div.imgArea {float:left; width:98px; margin:6px; background-color:#222;}
div.searchListArea ul li a div.imgArea img {width:100%; margin:0 auto; display:block;}
div.searchListArea ul li a div:nth-child(2) {margin-left:130px;}
div.searchListArea ul li a span {margin:8px 0 0 0; font-size:18px; font-weight:700; display:block;}
div.searchListArea ul li a p {margin:2px 14px 2px 0; font-size:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
div.searchListArea ul li a p:nth-child(2) {margin:4px 0 2px 0;}
div.searchListArea p.result {text-align:center; font-size:16px; width:100%; padding:150px 0 100px;}


div.newsWrap ul.newsArea:nth-child(1) li:first-child {margin-top:0;}
ul.newsArea li {margin-top:30px;}
ul.newsArea li a {display:block; border:1px solid #e3e3e3; height:314px;}
ul.newsArea li a div.img {height:211px; background:#333}
ul.newsArea li a div.img img {width:100%; height:auto;}
ul.newsArea li a div.textWrap {padding:10px 0 14px 0;}
ul.newsArea li a div.textWrap span.category {margin:0 0 0 26px; font-weight:700; font-size:12px; color:#f723b0;}
ul.newsArea li a div.textWrap p {margin:8px 0 0 26px; width:86%; font-size:14px; font-weight:700; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ul.newsArea li a div.textWrap span.date {margin:4px 0 0 26px; font-size:12px; color:#666;}
div.clauseArea {height:500px; overflow-y:auto; border:1px solid #e3e3e3; padding:4% 6%}
div.clauseArea .IR_text_area p {font-size:12px;}
div.clauseArea .IR_text_area .IR_tit {font-size:14px; font-weight:700; text-align:left; line-height:28px; color:#2e2e2e; margin-bottom:10px;}
div.clauseArea .IR_text_area .IR_txt {font-size:14px; text-align:left; line-height:25px; color:#2e2e2e;}
div.clauseArea .IR_text_area .IR_txt span{font-size:14px; text-align:left; line-height:35px; color:#2e2e2e; font-weight:600; margin-top:19px;}
div.clauseArea .IR_text_area .IR_txt2 {font-size:14px; text-align:justify; line-height:25px; color:#2e2e2e; margin-top:30px;}
div.clauseArea .IR_text_area .IR_txt2 .title_01 {font-size:14px; text-align:center; font-weight:600; line-height:30px; margin-top:100px;}
div.clauseArea .IR_text_area .IR_txt2 .title_02 {font-size:14px; text-align:left; font-weight:600;line-height:30px;margin-top:30px;}
div.clauseArea .IR_text_area .IR_txt2 .txt_con {font-size:14px; text-align:left; font-weight:500;line-height:26px;}


/* button type */
.btn_typeA {width:320px; height:60px; line-height:60px; font-size:16px; display:block; border:1px solid #000; text-align:center; margin:0 auto 0;}
.btn_typeA span {margin-left:14px; display:inline-block; width:42px; height:16px; position:relative;}
.btn_typeA span:before {position:absolute; bottom:0px; left:0px; display:block; width:42px; height:1px; background-color:#000; content:'';}
.btn_typeA span:after {position:absolute; bottom:3px; right:0px; display:block; width:12px; height:1px; transform:rotate(30deg); background-color:#000; content:'';}
/* table type */
table.typeA {border-top:2px solid #000;}
table.typeA td {border:1px solid #ededed; text-align:center; height:70px; font-size:14px;}
table.typeA td.tit {height:80px;}
table.typeA td.tit span {font-weight:700; font-size:14px;}
table.typeA td:first-child {border-left:none;}
table.typeA td:last-child {border-right:none;}
table.typeA.gray td {color:#999; font-size:11px;}
table.typeA.gray td.tit span {font-size:12px; color:#000;}
table.typeA.gray tr.result td {color:#000; background-color:#f5f7fd;}

/* layout */
div.areaInner {width:94%; margin:0 auto 0; padding:0 0%;}
div.areaInner.two {margin-top:50px;}

/* 서비스소개 */
div.serviceIntro {position:relative;}
div.serviceIntro.on {}
div.serviceIntro .swiper-pagination-bullet-active {background-color:#f22fb0;}

/* 슬라이드 */
.swiper-container.s2 {
	width: 100%;
	height:680px;
	/* height:100%; */
}
.swiper-container.s2 .swiper-slide {
	background-position: center;
	background-size: cover
}
.swiper-container.s2 .swiper-slide > a {width:100%; display:block; position:relative; height:370px;}
.swiper-container.s2 .swiper-slide.img_1 span {background:url(../images/main/img_service_1.png) no-repeat 0 0; background-size:355px 345px;}
.swiper-container.s2 .swiper-slide.img_2 span {background:url(../images/main/img_service_2.png) no-repeat 0 0; background-size:355px 345px;}
.swiper-container.s2 .swiper-slide.img_3 span {background:url(../images/main/img_service_3.png) no-repeat 0 0; background-size:355px 345px;}
.swiper-container.s2 .swiper-slide > a > span {opacity:0; z-index:1; position:absolute; top:20px; right:-40px; display:block; width:355px; height:345px;}
.swiper-container.s2 .swiper-slide > a > i {opacity:0; position:absolute; bottom:35px; left:126px; font-size:24px; color:#fff; font-weight:700; line-height:110%;}
.swiper-container.s2 .swiper-slide > a > i:before {content:''; width:50px; height:1px; display:block; position:absolute; bottom:4px; right:-60px; background-color:#fff; opacity:.5;}
.swiper-container.s2 .swiper-slide > a > i:after {content:''; width:14px; height:1px; display:block; position:absolute; bottom:8px; right:-62px; background-color:#fff; transform:rotate(35deg); opacity:.5;}
.swiper-container.s2 .swiper-slide > a > i > em {font-weight:200;}
.swiper-container.s2 .swiper-slide > a > em {position:absolute; bottom:34px; left:30px; font-weight:700; font-size:70px; opacity:0; color:#fff;}
.swiper-container.s2 .swiper-slide div.box_1 {opacity:0; position:absolute; top:0%; left:0%; width:0%; height:92px; background-color:#e03195; z-index:1-;}
.swiper-container.s2 .swiper-slide div.box_2 {opacity:0; position:absolute; top:92px; left:0%; width:0%; height:92px; background-color:#e03195; z-index:-1;}
.swiper-container.s2 .swiper-slide div.box_3 {opacity:0; position:absolute; top:184px; left:0%; width:0%; height:92px; background-color:#e03195; z-index:-1;}
.swiper-container.s2 .swiper-slide div.box_4 {opacity:0; position:absolute; top:276px; left:0%; width:0%; height:92px; background-color:#e03195; z-index:-1;}
.swiper-container.s2 .swiper-slide.swiper-slide-active div.box_1 {opacity:1; width:100%; transition:all .3s ease .0s;}
.swiper-container.s2 .swiper-slide.swiper-slide-active div.box_2 {opacity:1; width:100%; transition:all .4s ease .02s;}
.swiper-container.s2 .swiper-slide.swiper-slide-active div.box_3 {opacity:1; width:100%; transition:all .5s ease .04s;}
.swiper-container.s2 .swiper-slide.swiper-slide-active div.box_4 {opacity:1; width:100%; transition:all .6s ease .06s;}
.swiper-container.s2 .swiper-slide.img_1 div.box_1,
.swiper-container.s2 .swiper-slide.img_1 div.box_2,
.swiper-container.s2 .swiper-slide.img_1 div.box_3,
.swiper-container.s2 .swiper-slide.img_1 div.box_4 {background-color:#e03195;}
.swiper-container.s2 .swiper-slide.img_2 div.box_1,
.swiper-container.s2 .swiper-slide.img_2 div.box_2,
.swiper-container.s2 .swiper-slide.img_2 div.box_3,
.swiper-container.s2 .swiper-slide.img_2 div.box_4 {background-color:#0a0e45;}
.swiper-container.s2 .swiper-slide.img_3 div.box_1,
.swiper-container.s2 .swiper-slide.img_3 div.box_2,
.swiper-container.s2 .swiper-slide.img_3 div.box_3,
.swiper-container.s2 .swiper-slide.img_3 div.box_4 {background-color:#6727a9;}

.swiper-container.s2 .swiper-slide > div.txtBox {background-color:#fff; height:340px; padding:20px 0; position:relative;}
.swiper-container.s2 .swiper-slide > div h3 {opacity:0; position:absolute; top:22px; left:0px; font-size:24px; font-weight:700; padding:0 8%;}
.swiper-container.s2 .swiper-slide > div h3:before {display:none;}
.swiper-container.s2 .swiper-slide > div p {opacity:0; position:absolute; top:52px; left:0px; font-size:12px; padding:0 8%; margin-top:20px; line-height:180%;}
.swiper-container.s2 .swiper-slide.swiper-slide-active span {transition:all .3s ease .3s; opacity:1; right:0px;}
.swiper-container.s2 .swiper-slide.swiper-slide-active > a > i {opacity:1; left:136px; transition:all .3s ease .4s;}
.swiper-container.s2 .swiper-slide.swiper-slide-active > a > em {opacity:.05; bottom:50px; transition:all .2s ease .2s;}
.swiper-container.s2 .swiper-slide.swiper-slide-active > div h3 {opacity:1; top:30px; transition:all .2s ease .4s;}
.swiper-container.s2 .swiper-slide.swiper-slide-active > div p {opacity:1; top:60px; transition:all .4s ease .4s;}
.swiper-container.s2 .swiper-button-prev,
.swiper-container.s2 .swiper-button-next {display:none;}
div.serviceIntro .swiper-container-horizontal > .swiper-pagination-bullets {top: 100%; margin-top:-20px;}
div.serviceIntro .swiper-pagination-bullet {width:34px; height:2px; border-radius:0;}
div.serviceIntro .swiper-pagination-bullet-active {background-color:#e42ca6;}
/* 슬라이드 */

/* 회사전경 */
article.subWrap.company {margin-bottom:0;}
div.companyView {height:400px; background-color:#00081e; overflow:hidden; position:relative;}
div.companyView.on {}
div.companyView > h3 {position:absolute; top:34px; left:0px; width:100%; font-size:24px; font-weight:700; color:#fff; text-align:center;}

/* 슬라이드 */
.swiper-container.s3 {
	width: 90%;
	height: 342px;
	margin:40px auto 0px;
}
.swiper-container.s3 .swiper-slide {
	height:230px;
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container.s3 .swiper-slide > p {position:absolute; top:250px; left:0px; width:100%; font-size:14px; color:#fff; text-align:center;}
.swiper-container.s3 .swiper-slide {background-position:center; background-size:cover}
.swiper-container.s3 .swiper-slide.img_1 {background-image:url(../images/main/img_company_1.png); }
.swiper-container.s3 .swiper-slide.img_2 {background-image:url(../images/main/img_company_2.png); }
.swiper-container.s3 .swiper-slide.img_3 {background-image:url(../images/main/img_company_3.png); }
.swiper-container.s3 .swiper-slide.img_4 {background-image:url(../images/main/img_company_4.png); }
.swiper-container.s3 .swiper-slide.img_5 {background-image:url(../images/main/img_company_5.png); }
.swiper-container.s3 .swiper-slide.img_6 {background-image:url(../images/main/img_company_6.png); }
.swiper-container.s3 .swiper-slide.img_7 {background-image:url(../images/main/img_company_7.png); }
.swiper-container.s3 .swiper-slide.img_8 {background-image:url(../images/main/img_company_8.png); }
.swiper-container.s3 .swiper-slide.img_9 {background-image:url(../images/main/img_company_9.jpg); }
.swiper-container.s3 .swiper-slide.img_10 {background-image:url(../images/main/img_company_10.jpg); }
.swiper-container.s3 .swiper-slide.img_11 {background-image:url(../images/main/img_company_11.jpg); }
.swiper-container.s3 .swiper-slide.img_12 {background-image:url(../images/main/img_company_12.jpg); }
.swiper-container.s3 .swiper-slide.img_13 {background-image:url(../images/main/img_company_13.jpg); }
.swiper-container.s3 .swiper-slide.img_14 {background-image:url(../images/main/img_company_14.jpg); }
.swiper-container.s3 .swiper-slide.img_15 {background-image:url(../images/main/img_company_15.jpg); }
.swiper-container.s3 .swiper-slide.img_16 {background-image:url(../images/main/img_company_16.jpg); }
.swiper-container.s3 .swiper-slide.img_17 {background-image:url(../images/main/img_company_17.jpg); }
.swiper-container.s3 .swiper-button-prev,
.swiper-container.s3 .swiper-button-next {display:none;}
div.companyView .swiper-container-horizontal > .swiper-pagination-bullets {top: 100%; margin-top:-40px;}
div.companyView .swiper-pagination-bullet {width:30px; height:2px; border-radius:0; background-color:#fff; opacity:.1;}
div.companyView .swiper-pagination-bullet-active {background-color:#e42ca6; opacity:1;}
/* 슬라이드 */

@media screen and (min-width:800px) {

	/* sub visual */
	#sub_visual .imgArea .img {height:480px;}
	#sub_visual .imgArea .img div.txt_wrap h3 {font-size:54px; color:#fff; text-align:center;}
	#sub_visual .imgArea .img div.txt_wrap p.txt_1 {margin-top:16px; padding:0 10%; font-size:18px;}
	#sub_visual .imgArea .img div.txt_wrap p.txt_1 span {display:block;}

	/* sub location */
	section.locationWrap {height:68px;}
	section.locationWrap div.locationInner {width:1200px; margin:0 auto 0; height:68px;}
	section.locationWrap a {width:68px; height:68px; line-height:68px; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
	section.locationWrap a span.ic_home {margin:20px auto 0;}
	section.locationWrap div.selectArea:nth-child(2) {width:220px;}
	section.locationWrap div.selectArea:nth-child(3) {width:260px;}
	section.locationWrap div.selectArea:last-child {border-right:1px solid #e3e3e3;}
	section.locationWrap div.selectArea span {top:26px; right:20px;}
	section.locationWrap div.selectArea span:before {right:4px; height:12px;}
	section.locationWrap div.selectArea span:after {right:12px; height:12px;}
	section.locationWrap div.selectArea select {font-size:20px; height:67px; padding-left:24px;}

	/* sub title */
	article.titleWrap h4 {margin-top:80px; font-size:66px; font-weight:700; text-align:center;}
	article.titleWrap h5 {margin-top:10px; font-size:28px; font-weight:700; text-align:center;}
	article.titleWrap h5:before {content:''; width:20px; height:1px; display:block; background-color:#000; margin:0 auto 16px;}
	article.titleWrap .txt_1 {margin-top:40px; font-size:18px; padding:0 20%; text-align:center;}
	article.titleWrap .txt_1 span {display:block;}

	/* tab menu */
	div.tabArea {width:1200px;}
	div.tabArea a {padding:8px 20px 18px; font-size:20px; position:relative;}
	div.tabArea a span:before {content:''; opacity:0; display:block; width:0%; height:2px; position:absolute; left:50%; bottom:-2px; transform:translateX(-50%); background-color:#f22fb0; transition:all .3s;}
	div.tabArea a:hover ,
	div.tabArea a.on {color:#f22fb0;}
	div.tabArea a:hover span:before,
	div.tabArea a.on span:before {width:100%; opacity:1;}

	div.tabArea_1 {text-align:left; margin:100px 0 0px; border-bottom:1px solid #eee;}
	div.tabArea_1 a {display:inline-block; color:#666; width:140px; height:40px; line-height:40px; font-size:17px; border:1px solid #eee; text-align:center;}
	div.tabArea_1 a.on { border:1px solid #000; }


	/* company */
	div.img_idea {margin:0 auto 0; width:1200px; height:717px; background:url(../images/sub/company_idea.png) no-repeat center 0;}
	ul.idea_txt {display:none;}
	div.img_intro {margin:0 auto 0; width:1200px; height:389px; background:url(../images/sub/company_intro.png) no-repeat center 0;}
	div.img_intro.kidarient {background:url(../images/sub/company_intro_e.png) no-repeat center 0; }
	div.historyArea {margin-top:140px;}
	div.historyArea h5 {font-size:40px;}
	div.historyArea div.tabArea {margin-top:50px;}
	div.historyArea dl {overflow:hidden; padding:40px 0 0 0;}
	div.historyArea dl:nth-child(3) {margin-top:120px; padding-top:0;}
	div.historyArea dl:nth-child(3) {margin-top: 0;}
	div.historyArea dl dt {width:16%; margin-left:4%; float:left; padding-left:4%;}
	div.historyArea dl dt span {font-weight:700; font-size:34px; position:relative}
	div.historyArea dl dt span:before {width:60px; height:1px; background-color:#000; display:block; content:''; position:absolute; left:150px; top:24px;}
	div.historyArea dl dd {width:72%; float:right; text-align:left; padding:0 4%;}
	div.historyArea dl dd ol {overflow:hidden; margin-top:11px; padding-bottom:44px; border-bottom:1px solid #f6f6f6;}
	div.historyArea dl dd ol li {font-size:16px; position:relative; margin-bottom:4px; padding-left:30px;}
	div.historyArea dl dd ol li span {position:absolute; top:0px; left:0px; font-weight:700;}
	div.ceoArea {position:relative; height:646px; background-color:#fff;}
	div.ceoArea {background-color:transparent;}
	div.ceoArea p.txt_1 {z-index:2; font-size:44px; padding:20px 72px 0; line-height:130%;}
	div.ceoArea p.txt_1:after {content:''; height:1px; width:174px; background-color:#000; display:inline-block; position:absolute; top:80px; left:600px; display:block;}
	div.ceoArea p.txt_2 {z-index:2; display:none; margin-top:66px; font-size:18px; padding:0 72px; line-height:180%;}
	div.ceoArea p.txt_3 {z-index:2; display:block; margin-top:66px; font-size:18px; padding:0 72px; line-height:180%;}
	div.ceoArea p.txt_1 {padding: 0;}
	dev.ceoArea p.txt_2 {padding: 0;}
	div.ceoArea p.txt_3 {padding: 0; width: 660px;}
	div.ceoArea span.img_ceo {position:absolute; top:80px; right:0px; width:460px; height:600px;  background:url(../images/sub/ceo_v4.png) no-repeat 0 0;}
	div.ceoArea div.box_1 {z-index:2; position:absolute; top:0px; left:50%; margin-left:-2800px; background-color:#e42ca6; z-index:-1; width:3000px; height:766px;}
	div.ceoArea div.box_1 {display: none;}
	div.ceoArea div.box_2 {z-index:3; position:absolute; bottom:60px; right:-50px; background-color:#81cf38; width:122px; height:122px;}
	div.ceoArea div.box_2 {display: none;}
	div.img_ci {margin:0 auto 0; width:1140px; height:294px; background:url(../images/sub/ci.png) no-repeat center 0;}
	div.img_ci.kidarient { background:url(../images/sub/ci_e.png) no-repeat center 0;}
	div.btnArea.ci {text-align:center; margin-top:100px;}
	div.btnArea.ci a {width:320px; display:inline-block; margin-left:12px;}
	div.btnArea.ci a:first-child {margin:0px;}
	div.groupArea h6 {margin-top:110px; font-weight:700; font-size:30px; width:100%; text-align:center; position:relative;}
	div.groupArea h6 p {margin-top:16px; font-size:18px;}
	div.groupArea h6 p span:before {width:8px; height:8px; border-radius:4px; display:inline-block; content:''; margin-right:10px; position:relative; top:-2px;}
	div.groupArea h6 p span:nth-child(1) {color:#ff5d05; margin-right:20px;}
	div.groupArea h6 p span:nth-child(2) {color:#215aed;}
	div.groupArea h6 p span:nth-child(2):before {background-color:#215aed;}
	ul.groupList {width:100%; margin-top:100px; overflow:hidden;}
	ul.groupList li {float:left; width:25%; height:400px;}
	ul.groupList li div img {width:60%; margin:0 auto 0; display:block;}
	ul.groupList li span {margin:30px 0 14px 0; font-size:22px; text-align:center; font-weight:700; display:block;}
	ul.groupList li span.orange:before {content:''; display:inline-block; width:10px; height:10px; border-radius:5px; margin-right:8px; background:red; position:relative; top:-3px; background-color:#ff5d05;}
	ul.groupList li span.blue:before {content:''; display:inline-block; width:10px; height:10px; border-radius:5px; margin-right:8px; background:red; position:relative; top:-3px; background-color:#215aed;}
	ul.groupList li p {font-size:16px; text-align:center;}

	/* Careers */
	div.areaInner.duty {width:1200px;}
	div.dutyArea {margin-top:0px; overflow:hidden;}
	div.dutyArea.mg_t80 {margin-top:80px !important;}
	div.dutyArea h5 {margin-top:2px; font-size:30px; position:relative; color:#e42ca6;}
	div.dutyArea h5:before {content:''; width:22px; height:1px; background-color:#e42ca6; position:absolute; top:-2px; left:0px;}
	div.dutyArea ul {margin-top:50px;}
	div.dutyArea ul li span {font-size:18px; letter-spacing:-1px; font-weight:700; cursor:pointer;}
	div.dutyArea > div {padding:34px 36px; margin-top:60px; background-color:#f9f9f9;}
	div.dutyArea > div h6 {font-size:16px; font-weight:700;}
	div.dutyArea > div h6.mg_t30 {margin-top:30px;}
	div.dutyArea > div p {font-size:16px; margin-top:10px;}

	div.interBoardArea h5,
	div.interArea h5,
	div.welfareArea h5,
	div.personArea h5 {font-size:28px; font-weight:700; text-align:center;}
	div.personArea p {font-size:24px; margin-top:24px; font-weight:400; text-align:center;}
	div.personArea div.img {margin:80px auto 0; width:797px; height:220px; background:url(../images/sub/person.png) no-repeat center 0;}
	div.interArea {margin-top:90px;}
	div.interArea div.img {margin:40px auto 0; width:1200px; height:190px; background:url(../images/sub/inter.png) no-repeat center 0;}
	div.interArea ul {overflow:hidden; margin:60px 0 0 0px;}
	div.interArea ul li {padding:0 20px; font-size:16px; color:#666; position:relative;}
	div.interArea ul li:before {content:''; width:2px; height:2px; background-color:#000; display:block; position:absolute; top:10px; left:6px;}
	div.welfareArea {margin-top:120px;}
	div.welfareArea h5 {margin-bottom:20px;}
	div.welfareArea ul {overflow:hidden;}
	div.welfareArea ul li {float:left; margin:16px 15px 0 0;}
	div.welfareArea ul li:nth-child(3),
	div.welfareArea ul li:nth-child(6),
	div.welfareArea ul li:nth-child(9) {margin-right:0;}
	div.welfareArea ul li div {padding:46px 0; margin:0px auto 0; border:1px solid #f6f6f6; width:390px; height:250px;}
	div.welfareArea ul li div span.img {display:block; width:68px; height:68px; margin:0 auto 0;}
	div.welfareArea ul li:nth-child(1) div span.img {background:url(../images/sub/ic_welfare_1.png) no-repeat 0 0;}
	div.welfareArea ul li:nth-child(2) div span.img {background:url(../images/sub/ic_welfare_2.png) no-repeat 0 0;}
	div.welfareArea ul li:nth-child(3) div span.img {background:url(../images/sub/ic_welfare_3.png) no-repeat 0 0;}
	div.welfareArea ul li:nth-child(4) div span.img {background:url(../images/sub/ic_welfare_4.png) no-repeat 0 0;}
	div.welfareArea ul li:nth-child(5) div span.img {background:url(../images/sub/ic_welfare_5.png) no-repeat 0 0;}
	div.welfareArea ul li:nth-child(6) div span.img {background:url(../images/sub/ic_welfare_6.png) no-repeat 0 0;}
	div.welfareArea ul li:nth-child(7) div span.img {background:url(../images/sub/ic_welfare_8.png) no-repeat 0 0;}
	div.welfareArea ul li:nth-child(8) div span.img {background:url(../images/sub/ic_welfare_7.png) no-repeat 0 0;}
	div.welfareArea ul li:nth-child(9) div span.img {background:url(../images/sub/ic_welfare_9.png) no-repeat 0 0;}
	div.welfareArea ul li span.txt_1 {margin-top:14px; font-size:20px; font-weight:700; text-align:center; display:block;}
	div.welfareArea ul li p.txt_1 {margin-top:8px; font-size:16px; text-align:center;}
	div.interBoardArea {margin-top:120px;}
	div.interBoard {margin-top:40px;}
	div.interBoard > div.boardHeader {display:block; overflow:hidden; border-bottom:1px solid #e3e3e3;}
	div.interBoard > div.boardHeader span {display:inline-block; height:70px; line-height:70px; float:left; text-align:center; font-size:18px;}
	div.interBoard > div.boardHeader span:first-child {width:100px;}
	div.interBoard > div.boardHeader span:nth-child(2) {width:800px;}
	div.interBoard > div.boardHeader span:nth-child(3) {width:200px;}
	div.interBoard > div.boardHeader span:nth-child(4) {width:100px;}
	div.interBoard > ul li {overflow:hidden; border-bottom:1px solid #e3e3e3; position:relative;}
	div.interBoard > ul li > div {display:block; height:70px; overflow:hidden;}
	div.interBoard > ul li > div.on {height:100%;}
	div.interBoard > ul li > div.on > div {padding:32px 34px 30px; font-size:16px; border-top:1px solid #f6f6f6; margin-top:22px;}
	div.interBoard > ul li > div p.title {width:800px; padding-left:40px; margin:22px 0 0 100px; font-size:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	div.interBoard > ul li > div span.type {font-size:18px; color:#999; position:absolute; top:14px; left:28px;}
	div.interBoard > ul li > div span.date {position:absolute; top:24px; right:126px; font-size:14px; color:#999;}
	div.interBoard > ul li > div span.date02 {left:892px;}
	div.interBoard > ul li span.state {top:20px;}

	/* board, ir */
	div.table_opt {margin-bottom:16px;}
	div.table_opt h5 {font-size:28px;}
	div.table_opt span {top:10px; font-size:16px;}
	div.boardArea {margin-top:20px;}
	div.boardArea > div.boardHeader {display:block; overflow:hidden; border-bottom:1px solid #e3e3e3;}
	div.boardArea > div.boardHeader span {display:inline-block; height:70px; line-height:70px; float:left; text-align:center; font-size:18px;}
	div.boardArea > div.boardHeader span:first-child {width:800px;}
	div.boardArea > div.boardHeader span:nth-child(2) {width:266px;}
	div.boardArea > div.boardHeader span:nth-child(3) {width:125px;}
	div.boardArea > div.boardHeader span:nth-child(3) {width:125px;}
	div.boardArea > ul li {overflow:hidden; border-bottom:1px solid #e3e3e3; position:relative;}
	div.boardArea > ul li > div {display:block; height:70px; overflow:hidden;}
	div.boardArea > ul li > div.on {height:100%;}
	div.boardArea > ul li > div.on > div {padding:32px 40px 30px; font-size:16px; border-top:1px solid #f6f6f6; margin-top:22px;}
	div.boardArea > ul li > div p.title {width:800px; padding-left:40px; margin:22px 0 0 0px; font-size:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	div.boardArea > ul li > div > span {position:absolute; top:24px; left:846px; font-size:14px; color:#999;}
	div.boardArea > ul li > div > span.date02 {left:892px;}
	div.boardArea > ul li a.btn_down {position:absolute; top:15px; right:50px; width:40px; height:40px; display:block;}
	div.boardArea > ul li a.btn_down:hover {transition:all .3s; background-color:#f1f1f1;}
	div.boardArea > ul li a.btn_down:hover i.ic_download:after  {transition:all .2s ease-out; height:10px;}
	div.boardArea > ul li a.btn_down i.ic_download {position:absolute; bottom:10px; left:11px; width:18px; height:7px; border:2px solid #666666; border-top:none;}
	div.boardArea > ul li a.btn_down i.ic_download:before {position:absolute; bottom:8px; left:3px; width:8px; height:8px; border:2px solid #666666; border-top:none; content:''; border-right:none; transform:rotate(-45deg);}
	div.boardArea > ul li a.btn_down i.ic_download:after {position:absolute; bottom:10px; left:6px; width:2px; height:7px; background-color:#666; content:''; transform:rotate(180deg);}
	div.board_opt.business {margin-top:80px;}
	div.areaInner span.listAll {display:inline-block; font-size:18px; position:relative; top:-14px;}
	div.board_opt span.listAll em {font-weight:700;}
	div.areaInner span.searchTit {display:block; margin:80px 0 0px; font-size:34px; text-align:left;}
	div.areaInner span.searchTit:before {width:4px; height:30px; background-color:#f22fb0; content:''; display:inline-block; position:relative; top:3px; margin-right:12px;}
	div.areaInner span.searchTit i {color:#f22fb0}
	div.board_opt div.searchArea {width:480px; float:right;}
	div.searchArea div.selectArea {width:124px; float:left;}
	div.searchArea div.inputArea {float:right; margin-top:0px; width:346px;}
	div.paginate {margin-top:80px; overflow:hidden; text-align:center; display:block;}
	div.paginate a {margin-right:0px; vertical-align:middle; display:inline-block; width:36px; height:36px; line-height:34px; text-align:center;}
	div.paginate a:last-child {margin-right:0px;}
	div.paginate a.on {background-color:#000; color:#fff;}
	div.paginate a.on:hover {background-color:#000; color:#fff;}
	div.paginate a:hover {background-color:#f3f3f3; transition:all .2s;}
	div.paginate a.first:before {position:absolute; top:12px; left:12px; content:''; display:block; width:10px; height:10px; border-left:2px solid #000; border-top:2px solid #000; transform:rotate(-45deg);}
	div.paginate a.first:after {position:absolute; top:12px; left:18px; content:''; display:block; width:10px; height:10px; border-left:2px solid #000; border-top:2px solid #000; transform:rotate(-45deg);}
	div.paginate a.prev:before {position:absolute; top:12px; left:15px; content:''; display:block; width:10px; height:10px; border-left:2px solid #000; border-top:2px solid #000; transform:rotate(-45deg);}
	div.paginate a.next:before {position:absolute; top:12px; right:15px; content:''; display:block; width:10px; height:10px; border-left:2px solid #000; border-top:2px solid #000; transform:rotate(135deg);}
	div.paginate a.last:before {position:absolute; top:12px; right:12px; content:''; display:block; width:10px; height:10px; border-left:2px solid #000; border-top:2px solid #000; transform:rotate(135deg);}
	div.paginate a.last:after {position:absolute; top:12px; right:18px; content:''; display:block; width:10px; height:10px; border-left:2px solid #000000; border-top:2px solid #000; transform:rotate(135deg);}
	div.paginate a.first,
	div.paginate a.last,
	div.paginate a.prev,
	div.paginate a.next {position:relative;}
	ul.newsArea {margin-top:30px; height:390px;}
	div.newsWrap ul.newsArea:nth-child(1) {margin-top:0;}
	ul.newsArea li {margin-top:0; margin-right:45px; width:370px; height:390px; float:left;}
	ul.newsArea li:last-child {margin-right:0px;}
	ul.newsArea li a {display:block; border:1px solid #e3e3e3; height:344px;}
	ul.newsArea li a:hover {position:relative; transition:all .2s;  -webkit-box-shadow: 9px 3px 23px 2px rgba(0,0,0,0.15); -moz-box-shadow: 9px 3px 23px 2px rgba(0,0,0,0.15); box-shadow: 9px 3px 23px 2px rgba(0,0,0,0.15);}
	ul.newsArea li a div.img {height:230px; background:gray}
	ul.newsArea li a div.img img {width:100%; height:auto;}
	ul.newsArea li a div.textWrap {padding:10px 0 14px 0;}
	ul.newsArea li a div.textWrap span.category {margin:0 0 0 26px; font-weight:700; font-size:12px; color:#f723b0;}
	ul.newsArea li a div.textWrap p {margin:8px 0 0 26px; width:320px; font-size:18px; font-weight:700; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	ul.newsArea li a div.textWrap span.date {margin:4px 0 0 26px; font-size:12px; color:#666;}

	div.workListArea ul {margin-top:60px; width:1200px; height:603px;}
	div.workListArea ul li {margin-top:0px; float:left; width:288px; margin-right:16px;}
	div.workListArea ul:first-child li {margin-top:0px;}
	div.workListArea ul li:last-child {margin-right:0px;}
	div.workListArea ul li a {width:100%; height:603px; border:1px solid #e3e3e3; display:block;}
	div.workListArea ul li a:hover {position:relative; transition:all .2s; -webkit-box-shadow: 9px 3px 23px 2px rgba(0,0,0,0.15); -moz-box-shadow: 9px 3px 23px 2px rgba(0,0,0,0.15); box-shadow: 9px 3px 23px 2px rgba(0,0,0,0.15);}
	div.workListArea ul li a div.imgArea {height:417px; background-color:gray; position:relative;}
	div.workListArea ul li a div.imgArea img {width:100%; height:auto;}
	div.workListArea ul li a span {margin:20px 0 0 30px; font-size:20px; font-weight:700; display:block;}
	div.workListArea ul li a p {margin:4px 30px 0 30px; font-size:14px;}
	div.workListArea ul li a p:nth-child(3) {margin:15px 30px 0 30px;}
	div.workListArea p.result {font-size:18px;}
	div.workListArea.ebook ul {height:630px;}
	div.workListArea.ebook ul li a {height:630px;}

	div.searchListArea ul {margin-top:0px;}
	div.searchListArea ul li {margin-top:0px; border:1px solid #e3e3e3; border-bottom:none;}
	div.searchListArea ul li:last-child {border-bottom:1px solid #e3e3e3;}
	div.searchListArea ul li a {width:100%; display:block; overflow:hidden;}
	div.searchListArea ul li a div.imgArea {width:130px; margin:6px;}
	div.searchListArea ul li a div:nth-child(2) {margin-left:182px;}
	div.searchListArea ul li a span {margin:16px 0 0 0; font-size:21px; font-weight:700; display:block;}
	div.searchListArea ul li a p {margin:2px 14px 2px 0; font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	div.searchListArea ul li a p:nth-child(2) {margin:4px 0 2px 0;}
	div.searchListArea p.result {text-align:center; font-size:16px; width:100%; padding:150px 0 100px;}


	div.clauseArea {height:500px;}
	div.clauseArea .IR_text_area p {font-size:15px;}
	div.clauseArea .IR_text_area .IR_tit {font-size:22px; text-align:left; font-weight:600; line-height:28px; color:#2e2e2e; margin-bottom:10px;}
	div.clauseArea .IR_text_area .IR_txt {font-size:15px; text-align:left; line-height:25px; color:#2e2e2e;}
	div.clauseArea .IR_text_area .IR_txt span{font-size:15px; text-align:left; line-height:35px; color:#2e2e2e; font-weight:600; margin-top:19px;}
	div.clauseArea .IR_text_area .IR_txt2 {font-size:15px; text-align:justify; line-height:25px; color:#2e2e2e; margin-top:30px;}
	div.clauseArea .IR_text_area .IR_txt2 .title_01 {font-size:26px; text-align:center; font-weight:600; line-height:30px; margin-top:100px;}
	div.clauseArea .IR_text_area .IR_txt2 .title_02 {font-size:17px; text-align:left; font-weight:600;line-height:30px;margin-top:30px;}
	div.clauseArea .IR_text_area .IR_txt2 .txt_con {font-size:15px; text-align:left; font-weight:500;line-height:26px;}


	article.subWrap {position:relative; margin:100px 0 160px 0;}
	/* button type */
	.btn_typeA {width:420px; height:80px; line-height:80px; font-size:22px;}
	.btn_typeA span {margin-left:18px; width:52px; height:16px; position:relative;}
	.btn_typeA span:before {width:52px;}
	.btn_typeA span:after {width:14px;}
	/* table type */
	table.typeA td {font-size:18px;}
	table.typeA td.tit {height:80px;}
	table.typeA td.tit span {font-size:20px;}
	table.typeA.gray td {color:#999; font-size:16px;}
	table.typeA.gray td.tit span {font-size:20px; color:#000;}
	table.typeA.gray tr.result td {color:#000; background-color:#f5f7fd;}

	/* layout */
	div.areaInner {width:1200px; margin:0 auto 0;}
	div.areaInner.two {margin-top:100px;}

	/* 서비스소개 */
	div.serviceIntro {opacity:1; position:relative;}
	div.serviceIntro.on {opacity:1; margin-top:0px; transition:all .4s ease .1s;}
	div.serviceIntro.on .swiper-slide > a {opacity:1; width:50%; transition:all .3s ease .1s;}
	div.serviceIntro.on .swiper-slide > div.txtBox {opacity:1; width:50%; height:850px; background-color:#fff; transition:all .3s ease .1s;}

	/* 슬라이드 */
	.swiper-container.s2 {
		width: 100%;
		height:900px;
	}
	.swiper-container.s2 .swiper-slide {
		background-position: center;
		background-size: cover
	}
	.swiper-container.s2 .swiper-slide > a {float:left; width:50%; height:850px; overflow:hidden;}
	.swiper-container.s2 .swiper-slide.img_1 span {background:url(../images/main/img_service_1.png) no-repeat 0 0; background-size:710px 690px;}
	.swiper-container.s2 .swiper-slide.img_2 span {background:url(../images/main/img_service_2.png) no-repeat 0 0; background-size:710px 690px;}
	.swiper-container.s2 .swiper-slide.img_3 span {background:url(../images/main/img_service_3.png) no-repeat 0 0; background-size:710px 690px;}
	.swiper-container.s2 .swiper-slide.img_4 span {background:url(../images/main/img_service_2.png) no-repeat 0 0; background-size:710px 690px;}
	.swiper-container.s2 .swiper-slide > a > span {top:130px; width:710px; height:690px; right:-40px;}
	.swiper-container.s2 .swiper-slide > a > i {position:absolute; bottom:110px; left:auto; right:220px; font-size:40px; line-height:110%;}
	.swiper-container.s2 .swiper-slide > a > i:before {content:''; width:100px; height:1px; display:block; position:absolute; bottom:4px; right:-120px; background-color:#fff; opacity:.5;}
	.swiper-container.s2 .swiper-slide > a > i:after {content:''; width:28px; height:1px; display:block; position:absolute; bottom:12px; right:-124px; background-color:#fff; transform:rotate(35deg); opacity:.5;}
	.swiper-container.s2 .swiper-slide > a > em {bottom:94px; left:auto; right:0px; font-size:140px;}
	.swiper-container.s2 .swiper-slide > div.txtBox {float:right; width:50%; padding:20px 0;}
	.swiper-container.s2 .swiper-slide > div.txtBox:after {clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
	.swiper-container.s2 .swiper-slide > div h3 {opacity:0; position:absolute; top:200px; left:48px; font-size:60px; font-weight:700; padding:0 0;}
	.swiper-container.s2 .swiper-slide > div h3:before {opacity:0; width:0px; display:block; content:''; height:1px; position:absolute; top:46px; left:-196px; background-color:#000;}
	.swiper-container.s2 .swiper-slide > div p {position:absolute; top:325px; left:70px; font-size:16px; padding:0 150px 0 0; line-height:200%;}
	.swiper-container.s2 .swiper-slide.swiper-slide-active span {transition:all .3s ease .3s; opacity:1; right:0px;}
	.swiper-container.s2 .swiper-slide.swiper-slide-active > a > i {left:auto; right:260px; transition:all .3s ease .4s;}
	.swiper-container.s2 .swiper-slide.swiper-slide-active > a > em {bottom:124px; transition:all .3s ease .2s;}
	.swiper-container.s2 .swiper-slide.swiper-slide-active > div h3 {top:200px; z-index:10; left:68px; transition:all .3s ease .4s;}
	.swiper-container.s2 .swiper-slide.swiper-slide-active > div h3:before {opacity:1; width:170px; transition:all .3s ease .2s;}
	.swiper-container.s2 .swiper-slide.swiper-slide-active > div p {top:305px; transition:all .3s ease .4s;}
	.swiper-container.s2 .swiper-slide.swiper-slide-active div.box_1 {width:50%; transition:all .3s ease .0s;}
	.swiper-container.s2 .swiper-slide.swiper-slide-active div.box_2 {width:50%; transition:all .4s ease .02s;}
	.swiper-container.s2 .swiper-slide.swiper-slide-active div.box_3 {width:50%; transition:all .5s ease .04s;}
	.swiper-container.s2 .swiper-slide.swiper-slide-active div.box_4 {width:50%; transition:all .6s ease .06s;}
	.swiper-container.s2 .swiper-slide div.box_1 {top:0%; height:25%;}
	.swiper-container.s2 .swiper-slide div.box_2 {top:25%; height:25%;}
	.swiper-container.s2 .swiper-slide div.box_3 {top:50%; height:25%;}
	.swiper-container.s2 .swiper-slide div.box_4 {top:75%; height:25%;}

	.swiper-container.s2 .swiper-button-prev,
	.swiper-container.s2 .swiper-button-next {display:block;}
	div.serviceIntro .swiper-container-horizontal > .swiper-pagination-bullets {top: 68%; left:50%; margin-left:62px; width:auto;}
	.swiper-container.s2 .swiper-button-prev,
	.swiper-container.s2 .swiper-button-next {
		top: 76%;
		width: 140px;
	}
	.swiper-container.s2 .swiper-button-prev,
	.swiper-container.s2 .swiper-container-rtl .swiper-button-next {
		left: 50%;
		margin-left:64px;
		width:86px;
		height:76px;
		border:1px solid #000;
		background-color:#fff;
	}
	.swiper-container.s2 .swiper-button-prev:before,
	.swiper-container.s2 .swiper-container-rtl .swiper-button-next:before {
		content:'';
		border:1px solid #000;
		border-bottom:none;
		border-right:none;
		transform:rotate(-45deg);
		display:block;
		width:20px;
		height:20px;
		position:relative;
		top:24px;
		left:24px;
	}
	.swiper-container.s2 .swiper-button-prev:after,
	.swiper-container.s2 .swiper-container-rtl .swiper-button-next:after {
		content:'';
		width:40px;
		height:1px;
		background-color:#000;
		display:block;
		position:relative;
		top:14px;
		left:20px;
	}
	.swiper-container.s2 .swiper-button-next,
	.swiper-container.s2 .swiper-container-rtl .swiper-button-prev {
		left: 50%;
		margin-left:149px;
		width:86px;
		height:76px;
		border:1px solid #000;
		background-color:#fff;
	}
	.swiper-container.s2 .swiper-button-next:before,
	.swiper-container.s2 .swiper-container-rtl .swiper-button-prev:before {
		content:'';
		border:1px solid #000;
		border-bottom:none;
		border-right:none;
		transform:rotate(135deg);
		display:block;
		position:relative;
		top:24px;
		left:39px;
		width:20px;
		height:20px;
	}
	.swiper-container.s2 .swiper-button-next:after,
	.swiper-container.s2 .swiper-container-rtl .swiper-button-prev:after {
		content:'';
		width:40px;
		height:1px;
		position:relative;
		top:14px;
		left:20px;
		background-color:#000;
		display:block;
	}
	/* 슬라이드 */

	/* 회사전경 */
	div.companyView {opacity:1; height:800px;}
	div.companyView.on {opacity:1; margin-top:0px; height:860px; background-color:#00081e; transition:all .4s ease .2s;}
	div.companyView > h3 {opacity:0; top:120px; font-size:60px;}
	div.companyView.on > h3 {opacity:1; top:90px; transition:all .3s ease .5s;}
	.swiper-container.s3 .swiper-slide > p {top:490px; font-size:16px;}
	/* 슬라이드 */
	.swiper-container.s3 {
		width: 100%;
		height: 610px;
		margin:140px auto 0px;
	}
	.swiper-container.s3 .swiper-slide {
		height:460px;
		text-align: center;
		font-size: 18px;
		background: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		opacity:0.08;
		transition:all .3s;
	}
	.swiper-container.s3 .swiper-slide p {display:none;}
	.swiper-container.s3 .swiper-slide-active p {display:block;}
	.swiper-container.s3 .swiper-slide-active {margin-left:-5.5%; width:44% !important; opacity:1;}
	.swiper-container.s3 .swiper-slide {background-position:center; background-size:cover}
	.swiper-container.s3 .swiper-slide.img_1 {background-image:url(../images/main/img_company_1.png); }
	.swiper-container.s3 .swiper-slide.img_2 {background-image:url(../images/main/img_company_2.png); }
	.swiper-container.s3 .swiper-slide.img_3 {background-image:url(../images/main/img_company_3.png); }
	.swiper-container.s3 .swiper-slide.img_4 {background-image:url(../images/main/img_company_4.png); }
	.swiper-container.s3 .swiper-slide.img_5 {background-image:url(../images/main/img_company_5.png); }
	.swiper-container.s3 .swiper-slide.img_6 {background-image:url(../images/main/img_company_6.png); }
	.swiper-container.s3 .swiper-slide.img_7 {background-image:url(../images/main/img_company_7.png); }
	.swiper-container.s3 .swiper-slide.img_8 {background-image:url(../images/main/img_company_8.png); }
	.swiper-container.s3 .swiper-slide.img_9 {background-image:url(../images/main/img_company_9.jpg); }
	.swiper-container.s3 .swiper-slide.img_10 {background-image:url(../images/main/img_company_10.jpg); }
	.swiper-container.s3 .swiper-slide.img_11 {background-image:url(../images/main/img_company_11.jpg); }
	.swiper-container.s3 .swiper-slide.img_12 {background-image:url(../images/main/img_company_12.jpg); }
	.swiper-container.s3 .swiper-slide.img_13 {background-image:url(../images/main/img_company_13.jpg); }
	.swiper-container.s3 .swiper-slide.img_14 {background-image:url(../images/main/img_company_14.jpg); }
	.swiper-container.s3 .swiper-slide.img_15 {background-image:url(../images/main/img_company_15.jpg); }
	.swiper-container.s3 .swiper-slide.img_16 {background-image:url(../images/main/img_company_16.jpg); }
	.swiper-container.s3 .swiper-slide.img_17 {background-image:url(../images/main/img_company_17.jpg); }
	.swiper-container.s3 .swiper-button-prev,
	.swiper-container.s3 .swiper-button-next {display:block;}
	div.companyView .swiper-container-horizontal > .swiper-pagination-bullets {top: 100%; margin-top:-40px;}
	.swiper-container.s3 .swiper-button-prev,
	.swiper-container.s3 .swiper-button-next {
		top: 200px;
		width: 140px;
	}
	.swiper-container.s3 .swiper-button-prev,
	.swiper-container.s3 .swiper-container-rtl .swiper-button-next {
		left:12%;
	}
	.swiper-container.s3 .swiper-button-prev:before,
	.swiper-container.s3 .swiper-container-rtl .swiper-button-next:before {
		content: '';
		width:140px;
		height:50px;
		height:2px;
		background-color:#fff;
		display:block;
		position:absolute;
		bottom:0px;
		left:0px;
	}
	.swiper-container.s3 .swiper-button-prev:after,
	.swiper-container.s3 .swiper-container-rtl .swiper-button-next:after {
		content: '이전';
		font-size:18px;
		color:#fff;
		position:absolute;
		top:8px;
		left:0px;
	}
	.swiper-container.s3 .swiper-button-next,
	.swiper-container.s3 .swiper-container-rtl .swiper-button-prev {
		right:12%;
	}
	.swiper-container.s3 .swiper-button-next:before,
	.swiper-container.s3 .swiper-container-rtl .swiper-button-prev:before {
		content: '';
		width:140px;
		height:50px;
		height:2px;
		background-color:#fff;
		display:block;
		position:absolute;
		bottom:0px;
		left:0px;
	}
	.swiper-container.s3 .swiper-button-next:after,
	.swiper-container.s3 .swiper-container-rtl .swiper-button-prev:after {
		content: '다음';
		font-size:18px;
		color:#fff;
		position:absolute;
		top:8px;
		right:0px;
	}
	/* 슬라이드 */





}