@charset "UTF-8";

.margin { background:#ddd; height:30px; }
.sub-head { position:relative; height:450px; padding-top:100px; background-position:50% 0; background-repeat:no-repeat; }
.sub-head .title-wrap { position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%, -50%); text-align:center; padding-top:100px; }
.sub-head .title { font-size:50px; color:#fff; font-weight:700; margin-top:-16px; }
.sub-head .title-sub { color:#fff; margin:3px 0 -3px; font-size:18px; }
.sub-head .vis-mov { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; }
.sub-head .vis-mov video { width:1920px; height:100%; margin:0 -375px; }
.vis-1 { background-image:url("../image/sub/vis11221.jpg"); }
.vis-1-2 { background-image:url("../image/sub/vis-1-2.jpg"); }
.vis-1-3 { background-image:url("../image/sub/vis-1-3.jpg"); }
.vis-1-4 { background-image:url("../image/sub/vis-1-4.jpg"); }
.vis-1-5 { background-image:url("../image/sub/vis-1-5.jpg"); }
.vis-1-6 { background-image:url("../image/sub/vis-1-6.jpg"); }
.vis-2 { background-image:url("../image/sub/vis-2.jpg"); }
.vis-2-2 { background-image:url("../image/sub/vis-2-2.jpg"); }
.vis-2-3 { background-image:url("../image/sub/vis-2-3.jpg"); }
.vis-3 { background-image:url("../image/sub/vis-3.jpg"); }
.vis-3-2 { background-image:url("../image/sub/vis-3-2.jpg"); }
.vis-3-3 { background-image:url("../image/sub/vis-3-3.jpg"); }
.vis-4 { background-image:url("../image/sub/vis-4.jpg"); }
.vis-4-2 { background-image:url("../image/sub/vis-4-2.jpg"); }
.vis-4-3 { background-image:url("../image/sub/vis-4-3.jpg"); }
.vis-5 { background-image:url("../image/sub/vis-5.jpg"); }
.vis-5-2 { background-image:url("../image/sub/vis-5-2.jpg"); }
.vis-6 { background-image:url("../image/sub/vis-6.jpg"); }
.vis-6-2 { background-image:url("../image/sub/vis-6-2.jpg"); }
.vis-6-3 { background-image:url("../image/sub/vis-6-3.jpg"); }
.vis-6-4 { background-image:url("../image/sub/vis-6-4.jpg"); }
.vis-6-5 { background-image:url("../image/sub/vis-6-5.jpg"); }
.vis-7 { background-image:url("../image/sub/vis-7.jpg"); }
.vis-8 { background-image:url("../image/sub/vis-8.jpg"); }

.mgt-4 { margin-top:40px !important; }
.mgt-5 { margin-top:50px !important; }
.mgt-6 { margin-top:60px !important; }
.mgt-7 { margin-top:70px !important; }
.mgt-8 { margin-top:80px !important; }
.mgt-12 { margin-top:120px !important; }
.mgt-13 { margin-top:130px !important; }

.fc { color:#ff5a2b; }
.fc-2 { color:#888; }

.list-sch { width:690px; text-align:center; font-size:0; margin:38px auto 0; }
.list-sch .fm-item { display:inline-block; width:210px; }
.list-sch .fm-item.ty-2 { width:100%; }
.list-sch .fm-item + .fm-item.ty-2 { width:450px; margin-left:30px; }

.sorting:first-child { margin-top:-10px; }
.sorting { margin:70px 0 20px; }
.sorting .fm-item { display:inline-block; vertical-align:middle; }
.sorting .fm-item:first-of-type { margin-top:-1px; }
.sorting .fm-item:first-of-type::after { content:''; display:inline-block; width:1px; height:13px; background:#ddd; margin-left:19px; margin-top:-2px; vertical-align:middle; }
.sorting .fm-item + .fm-item { margin-left:16px; }

/****************************** BULLET TYPE ******************************/
.list-dot { font-weight:400; margin:-4px 0 -4px; }
.list-dot dt { font-size:14px; margin-bottom:13px; }
.list-dot > li, .list-dot > dd { text-indent:-0.9em; margin-left:0.9em; font-size:14px; line-height:18px; text-align:left; }
.list-dot > li + li, .list-dot > dd + dd { margin-top:6px; }
.list-dot > li:first-child{ margin-top:0 !important; }
.list-dot > li::before, .list-dot > dd::before { content:''; display:inline-block; width:4px; height:4px; background-color:#000; margin:7px 7px 0 0; vertical-align:top; border-radius:100%; }
.list-dot-3 { margin:-9px 0 -6px; }
.list-dot-3 dt { font-weight:400; margin-bottom:26px; }
.list-dot-3 > li, .list-dot-3 > dd { text-indent:-0.8em; margin-left:0.8em; font-size:16px; line-height:30px; text-align:left; padding-left:3px; }
.list-dot-3 > li + li, .list-dot-3 > dd + dd { margin-top:0; }
.list-dot-3 > li:first-child{ margin-top:0 !important; }
.list-dot-3 > li::before, .list-dot-3 > dd::before { content:''; display:inline-block; width:3px; height:3px; background-color:#000; margin:15px 11px 0 0; vertical-align:top; border-radius:100%; }
.list-dot-3 > dd + dt { padding-top:52px; margin-top:54px; border-top:solid 1px #eee; }
.list-dot-4 { font-weight:400; margin:-4px 0 -6px; }
.list-dot-4 dt { font-size:14px; margin-bottom:13px; }
.list-dot-4 > li, .list-dot-4 > dd { text-indent:-0.8em; margin-left:0.8em; font-size:16px; line-height:30px; text-align:left; }
.list-dot-4 > li:first-child { margin-top:0 !important; }
.list-dot-4 > li::before, .list-dot-4 > dd::before { content:''; display:inline-block; width:4px; height:4px; background-color:#000; margin:13px 9px 0 0; vertical-align:top; border-radius:100%; }
.list-dot-4.cmgt { margin-top:-8px; }
.list-num { margin:-9px 0 -7px; }
.list-num > li { line-height:30px; text-align:left; }
.list-num > li + li { margin-top:16px; }
.list-num > li:first-child { margin-top:0 !important; }
.list-def { font-weight:400; margin:-8px 0 -6px; line-height:30px; }
.list-def.cmgt { margin-top:52px; }
.list-def dt { font-weight:700; margin:46px 0 6px; }
.list-def dt:first-child { margin-top:0; }
.list-def > dd:nth-of-type:first-child { margin-top:0 !important; }
.list-def-2 { font-weight:400; margin:-7px 0 -6px; line-height:30px; }
.list-def-2.cmgt { margin-top:55px; }
.list-def-2.cmgt-2 { margin-top:24px; }
.list-def-2 dt { margin:27px 0 7px; font-size:20px; font-weight:700; }
.list-def-2 dt:first-child { margin-top:0; }
.list-def-3 { margin:-5px 0 -6px; line-height:24px; }
.list-def-3 > dt { font-weight:700; margin:21px 0 3px; }
.list-def-3 > dt:first-child { margin-top:0; }
.list-def-3 > dd { text-indent:-0.6em; margin-left:0.6em; line-height:30px; text-align:left; }
.list-def-4 { font-weight:400; margin:-8px 0 -6px; line-height:30px; overflow:hidden; }
.list-def-4.cmgt { margin-top:35px; }
.list-def-4 li { float:left; margin-right:60px; font-size:20px; font-weight:700; }

.list-ico { margin-top:60px; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; text-align:center; }
.list-ico .item { -webkit-box-flex:1; -ms-flex:1; flex:1; margin-left:30px; }
.list-ico .item:first-child { margin-left:0; }
.list-ico .item dt { display:block; font-size:20px; font-weight:700; }
.list-ico .item dt::before { content:''; display:block; margin:0 auto; margin-bottom:25px; width:120px; height:120px; }
.list-ico .item dd { line-height:30px; margin:6px 0 -8px; }

.list-ico-2 { margin-top:100px; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
.list-ico-2 .item { position:relative; width:270px; padding:0 0 33px; color:#000; line-height:1.875; border-bottom:1px solid #eee; }
.list-ico-2 .item > dt { display:flex; padding:0 0 17px; margin:-6px 0 208px; font-size:20px; line-height:1.6; font-weight:bold; border-bottom:1px solid #000; align-items:flex-end; }
.list-ico-2 .item > dd { position:relative; padding-left:12px; font-size:16px; }
.list-ico-2 .item > dd::before { content:''; position:absolute; left:0; top:0.9em; width:4px; height:4px; border-radius:4px; background:#000; }
.list-ico-2 dt::before { content:''; position:absolute; left:61px; top:76px; width:148px; height:148px; background-position:0 0; background-repeat:no-repeat; }
.list-ico-2.row-3 .item > dt { height:114px; }
.list-ico-2.row-3 .item > dt::before { top:140px; }
.list-ico-2.row-2 .item > dt { height:82px; }
.list-ico-2.row-2 .item > dt::before { top:106px; }
.list-ico-2 + .title-2 { margin-top:123px; }
.title-2 + .list-ico-2 { margin-top:52px; }

.list-ico-3 { position:relative; text-align:center; font-size:0; margin-top:63px; }
.list-ico-3::before { content:''; display:block; position:absolute; top:89px; left:50%; margin-left:-307px; width:614px; height:1px; border-bottom:dashed 1px #ff5a2b; z-index:-1; }
.list-ico-3 li { position:relative; width:180px; display:inline-block; margin-left:217px; font-size:20px; line-height:32px; font-weight:700; vertical-align:top; }
.list-ico-3 li:first-child { margin-left:0; }
.list-ico-3 li::after { content:''; position:absolute; left:9px; top:9px; display:block; width:162px; height:162px; border:solid 1px rgba(0,0,0,0.15); border-radius:100%; box-sizing:border-box; }
.list-ico-3 li::before { content:''; position:absolute; width:180px; width:180px; height:180px; top:0; left:0; border:dashed 1px #ff5a2b; border-radius:100%; background:#fff; z-index:-1; box-sizing:border-box; }
.list-ico-3 li .txt { display:block; }
.list-ico-3 li .txt::before { margin:45px 0 70px 44px; }

.list-bar { font-weight:400; margin:-4px 0 -4px; }
.list-bar dt { font-size:14px; margin-bottom:13px; }
.list-bar > li, .list-bar > dd { text-indent:-0.3em; margin-left:0.3em; font-size:14px; color:#888; line-height:22px; text-align:left; }
.list-bar > li + li, .list-bar > dd + dd { margin-top:0; }
.list-bar > li:first-child, .list-bar > dd:nth-of-type:first-child { margin-top:0 !important; }
.list-bar > li::before, .list-bar > dd::before { content:'-'; display:inline-block; margin:0 4px 0 0; vertical-align:top; }

.list-bar-2 { margin:-4px 0 -4px; line-height:30px; }
.list-bar-2 dt { font-size:14px; }
.list-bar-2 > li, .list-bar-2 > dd { text-indent:-0.3em; margin-left:0.3em; color:#888; font-size:14px; text-align:left; }
.list-bar-2 > li + li, .list-bar-2 > dd + dd { margin-top:0; }
.list-bar-2 > li::before, .list-bar-2 > dd::before { content:'-'; display:inline-block; margin:0 4px 0 0; vertical-align:top; }

.list-def-3 .list-bar-2 { margin:5px 0 0 10px; }

/****************************** TABLE ******************************/
.tb-top { text-align:right; margin:50px 0 30px; }
.tb-top-txt { text-align:right; display:block; font-size:14px; font-weight:400; color:#888; margin:47px 0 27px; }
.tb-btm-txt { text-align:right; display:block; font-size:14px; font-weight:400; color:#888; margin:26px 0 -3px; }
.tb-top-txt:first-child, .tb-top:first-child { margin-top:-3px; }
.tb-data { overflow:hidden; border-top:solid 1px #000; }
.tb-data .tb-in { width:calc(100% + 1px); }
.tb-data th, .tb-data td { height:71px; padding:18px 10px 20px; border-bottom:1px solid #eee; border-right:1px solid #eee; font-weight:400; text-align:center; line-height:1.875; }
.tb-data th { background:#f9f8f6; font-weight:700; }
.tb-data thead + tbody th { background:#fff; font-weight:400; }
.tb-data .point td, .tb-data tfoot td { border-right:0; font-weight:700; }
.tb-data .tb-al { text-align:left; padding-left:40px; }
.tb-data .tb-ar { text-align:right; padding-right:30px; }
.tb-data .list-num:first-child { margin:0; }
.tb-data .ico-stock { margin-right:10px; }
.tb-data-col { overflow:hidden; }
.tb-data-col .tb-data { float:left; width:calc(50% - 15px); }
.tb-data-col .tb-data:nth-child(even) { float:right; }
.tb-data.ty-fm th, .tb-data.ty-fm td { text-align:left; padding:26px 40px }
.tb-data.ty-fm th { line-height:1; }

.tb-list thead th { font-size:14px; font-weight:700; line-height:1; padding-bottom:30px; border-bottom:solid 1px #000; }
.tb-list tbody tr { height:57px; }
.tb-list td { text-align:center; border-bottom:1px solid #eee; padding:0 10px; }
.tb-list .tb-num { font-size:14px; color:#888; }
.tb-list .tb-attach { line-height:0; }
.tb-list .tb-attach a { padding:5px; }
.tb-list .tb-subj { padding:8px 30px 10px 30px; text-align:left; font-weight:400; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal; }
.tb-list .tb-subj a:hover { color:#ff5a2b; }
.tb-list .tb-date { font-size:14px; color:#888; }
.tb-list .tb-al { text-align:left; padding-left:30px; }
.tb-list .tb-subj a:hover { text-decoration:underline; }

/****************************** TITLE ******************************/
.title-2 { font-size:24px; line-height:34px; font-weight:700; margin:72px 0 22px; }
div.title-2 { display:flex; }
.title-2.cmgt { margin-top:152px; }
.title-2.cmgt-2 { margin-top:92px; }
.title-2.cmgt-3 { margin-top:176px; }
.title-2.t-btn-in { margin:72px 0 30px; align-items:flex-end; }
.title-2.t-btn-in .title-in { max-width:500px; }
.title-2:first-child { margin-top:-8px; }
.title-2.t-btn-in:first-child { margin-top:0; }
.title-2 .t-btn { line-height:0; margin-left:auto; }
.title-2 .t-info { font-size:14px; color:#888; font-weight:400; margin-left:11px; }
.title-2 .t-info-2 { font-size:16px; color:#888; line-height:30px; margin-left:18px; margin-top:3px; font-weight:400; }
.title-2 .t-info-r { margin-left:auto; font-size:14px; font-weight:400; color:#888; }
.title-2::after { content:''; display:block; clear:both; }
.title-2 .btn-t { vertical-align:bottom; }

.title-3 { position:relative; font-size:20px; line-height:1.5; font-weight:700; margin:35px 0 16px; }
.title-3.cmgt { margin-top:55px; }
.title-3.cmgt-2 { margin-top:75px; }
.title-3.cmgt-3 { margin-top:110px; }
.title-3.cmgt-4 { margin-top:95px; }
.title-3.cmgt-5 { margin-top:45px; }
.title-3:first-child { margin-top:-5px; }
.title-3 .title-in { float:left; }
.title-3 .t-info-r { float:right; font-size:14px; line-height:1; font-weight:400; color:#888; }
.title-3::after { content:''; display:block; clear:both; }
.title-4 { font-size:30px; line-height:46px; font-weight:400; margin: -10px 0 -9px; }

.cont-txt { font-weight:400; line-height:30px; margin: -9px 0 -6px; }
.cont-txt.cmgt { margin-top:9px; }
.cont-txt.cmgt-2 { margin-top:31px; }
.cont-txt.cmgt-3 { margin-top:51px; }
.cont-txt.cmgt-4 { margin-top:25px; }
.cont-txt.cmgt-5 { margin-top:71px; }
.cont-txt.cmgt-6 { margin-top:21px; }
.cont-txt.cmgt-7 { margin-top:91px; }
.cont-txt p + p { margin-top:30px; }
.cont-txt.ty-2 p + p { margin-top:21px; }
.cont-txt-2 { font-size:30px; line-height:46px; margin:-10px 0 -9px; }
.cont-txt-3 { font-size:40px; line-height:60px; margin:-10px 0 -9px; }
.cont-txt-4 { font-size:20px; line-height:30px; margin:-7px 0 -6px; }
.cont-txt-2 p + p { margin-top:35px; }

/****************************** CONTENTS LIST TYPE ******************************/
.list-thumb::after { content:''; display:block; clear:both;; }
.list-thumb li { position:relative; float:left; width:350px; margin-left:60px; vertical-align:top; margin-top:80px; overflow:hidden; }
.list-thumb li:nth-child(3n+1) { margin-left:0; clear:both; }
.list-thumb li:nth-child(-n+3) { margin-top:0; }
.list-thumb .item { display:block; width:100%; height:100%; }
.list-thumb .thumb { position:relative; width:350px; height:250px; overflow:hidden; }
.list-thumb .thumb.ty-2 { height:196px; }
.list-thumb .thumb.ty-3 { height:480px; }
.list-thumb .sns { display:block; height:22px; line-height:20px; color:#ff5a2b; font-weight:700; margin-top:25px; }
.list-thumb .sns .ir-b::before { margin-right:8px; }
.list-thumb .sns + .subj { margin-top:10px; }
.list-thumb .subj { font-size:20px; line-height:32px; display:block; display:-webkit-box; max-height:60px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; margin:33px 0 -4px; }
.list-thumb .date { display:block; font-size:14px; color:#888; margin:22px 0 0; line-height:1; }
.list-thumb .ico-txt { margin:-4px 0 0 8px; }
.list-thumb .thumb:after { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); opacity:0; transition:opacity 0.3s ease-in-out; }
.list-thumb .thumb .flag { position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; opacity:0; transition:all 0.3s 0.1s ease-in-out; z-index:2; }
.list-thumb .item:hover .flag, .list-thumb .item:hover .thumb:after { opacity:1; }
.list-thumb .thumb img { position:absolute; max-height:100%; max-width:100%; left:50%; top:50%; transform:translate(-50%, -50%); transform-origin:left; -webkit-transition:-webkit-transform 0.3s ease-out; transition:transform 0.3s ease-out; }
.list-thumb .item:hover .thumb img { transform:scale(1.1) translate(-50%, -50%); }
.list-thumb .item:hover .subj { text-decoration:underline; }

.list-box { overflow:hidden; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; }
.list-box-col { position:relative; padding-left:240px; }
.list-box-col .title-2 { position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:0; }
.list-box li { width:100%; margin-top:20px; }
.list-box.col-2 li { width:calc(50% - 10px); }
.list-box.col-2 li:nth-child(-n+2), .list-box.col-3 li:nth-child(-n+3), .list-box li:first-child { margin-top:0; }
.list-box.col-3 li { width:377px; }
.list-box.col-3 li:nth-child(2n+2) { width:376px; }
.list-box .item { position:relative; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; height:100%; padding:40px 60px 40px 30px; font-weight:400; border:solid 1px #ddd; box-sizing:border-box; transition:border-color 0.3s ease; }
.list-box .item:not(div):hover { border-color:#ff5a2b; }
.list-box dl { width:100%; }
.list-box .subj { display:block; width:100%; font-size:20px; line-height:28px; font-weight:700; margin:-5px 0 -5px; }
.list-box .info { display:inline-block; font-size:14px; line-height:18px; color:#888; vertical-align:middle; margin:14px 0 -1px; }
.list-box .date { display:inline-block; font-size:14px; line-height:18px; color:#888; vertical-align:middle; margin:14px 0 -1px; }
.list-box .info + .date::before { content:''; display:inline-block; width:1px; height:11px; vertical-align:middle; margin:-2px 10px 0 7px; background:#eee; }
.list-box .info-2 { display:block; font-size:14px; line-height:18px; color:#888; margin:14px 0 -4px; }
.list-box .date-2 { display:block; font-size:14px; line-height:18px; color:#888; margin:10px 0 -2px; }
.list-box .item:not(div):hover .subj { color:#ff5a2b; text-decoration:underline; }
.list-box .item.ty-2 { padding:20px 60px 20px 30px; }
.list-box .item.ty-2 .subj { font-size:16px; line-height:22px; margin:-5px 0 -3px; }
.list-box .item.ty-2:hover .subj { text-decoration:none; }
.list-box .down { position:absolute; top:50%; right:30px; line-height:0; margin-top:-10px; }
.list-box .item.ty-2 .down { margin-top:-6px; }
.list-box .item.ir-a::after { position:absolute; top:50%; right:30px; line-height:0; margin-top:-9px; }

.list-accordion { border-top:solid 1px #000; border-bottom:solid 1px #e5e5e5; }
.list-accordion .accordion-title { display:block; position:relative; padding:26px 100px 29px 30px; font-size:18px; font-weight:700; border-top:solid 1px #eee; box-sizing:border-box; }
.list-accordion .accordion-title .i-view { position:absolute; right:30px; top:50%; display:block; margin-top:-11px; }
.list-accordion .accordion-title:hover { color:#ff5a2b; }
.list-accordion .accordion-title.active { font-weight:700; color:#ff5a2b; }
.list-accordion .accordion-title .subj { display:inline-block; width:800px; vertical-align:middle; }
.list-accordion .accordion-title .date { display:inline-block; width:90px; font-size:14px; color:#888; font-weight:400; text-align:center; vertical-align:middle; }
.list-accordion .accordion-title .state { display:inline-block; width:130px; font-size:16px; color:#000; font-weight:400; text-align:center; vertical-align:middle; }
.list-accordion .accordion-cont { display:none; padding:8px 30px 35px; }
.list-accordion .accordion-cont.bg { background:#f9f8f6; padding-top:37px; }
.list-accordion .accordion-cont .list-box { margin-top:0; }
.list-accordion .accordion-cont .question { font-weight:400; line-height:30px; margin-top:-4px; }
.list-accordion .accordion-cont .answer { font-weight:400; line-height:30px; padding-top:30px; margin-top:26px; border-top:dashed 1px #eee; }
.list-accordion .accordion-cont .answer dt { font-size:14px; color:#888;  }
.list-accordion .accordion-cont .answer dd { margin-top:35px;  }
.list-accordion .accordion-cont .answer dd p + p { margin-top:30px;  }
.list-accordion .accordion-cont .answer .date { margin:0 3px 0 20px;  }
.list-accordion .accordion-cont .answer .date::after { content:''; display:inline-block; width:1px; height:10px; background:#eee; margin:0 5px 0 11px;  }
.list-accordion.ty-2 .accordion-title { padding-left:40px; }
.list-accordion.ty-2 .accordion-title .i-view { right:40px; }
.list-accordion.ty-2 .accordion-cont { padding-left:40px; padding-right:80px; }
.list-accordion.ty-2 .accordion-cont .txt { font-weight:400; line-height:30px; margin:-5px 0 -7px; }

.no-data { padding:170px 0 215px; text-align:center; font-size:24px; font-weight:400; }
.no-data .i-sch-3:before { display:block; margin:0 auto 21px; }

.cont-col:first-child { margin-top:60px; }
.cont-col::after { content:''; display:block; clear:both; }
.cont-col +.cont-col { margin-top:100px; }
.cont-col.cmgt { margin-top:0; }
.cont-col.cmgt-2 { margin-top:160px; }
.cont-col.cmgt-3 { margin-top:230px; }
.cont-col.cmgt-4 { margin-top:60px; }
.cont-col.cmgt-5 { margin-top:120px; }
.cont-col .title { width:220px; float:left; padding-right:20px; box-sizing:border-box; }
.cont-col .title-2 { margin-bottom:-8px; }
.cont-col .cont { width:930px; float:right; }
.cont-col .cont.ty-2 { padding-right:120px; }
.cont-col .img-full { margin-left:-240px; text-align:center; }
.cont-col .line::before { content:''; display:block; margin:106px 0 90px -240px; height:1px; background:#000; }
.cont-col .line-2::before { content:''; display:block; margin:71px 0 110px -240px; height:1px; background:#000; }
.cont-col .line-3 { margin-left:-240px; text-align:center; }
.cont-col .line-3::before { content:''; display:block; margin:78px 0 70px 0; height:1px; background:#eee; }
.cont-col.full { margin-left:-240px; text-align:center; }
.cont-col.line { border-top:solid 1px #000; padding-top:60px; margin-top:120px; }

/****************************** TAB ******************************/
.tab { position:relative; max-width:1920px; margin-left:auto; margin-right:auto; }
.tab:before { content:''; position:absolute; left:50%; bottom:0; height:70px; width:100vw; max-width:1920px; min-width:1200px; transform:translateX(-50%); background:#fff; border-bottom:1px solid #dadada; box-sizing:border-box; }
.tab .tab-in { width:1170px; display:-webkit-box; display:-ms-flexbox; display:flex; box-sizing:border-box; margin:0 auto; }
.tab .tab-in li { flex:1; text-align:center; }
.tab .tab-in li .tab-item { position:relative; display:block; height:70px; font-size:20px; font-weight:700; line-height:70px; box-sizing:border-box; overflow:hidden; }
.tab .tab-in li .tab-item::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:0; height:2px; transform:translateX(-50%); transition:width 0.4s ease; background-color:#ff5a2b; }
.tab .tab-in li .tab-item:hover::after, .tab .tab-in li.active .tab-item::after { width:100%; }
.tab .tab-in li.active .tab-item { color:#ff5a2b; }
.tab-2 { margin-top:50px; }
.tab-2 .tab-in { display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:center; }
.tab-2 .tab-in li { text-align:center; }
.tab-2 .tab-in li .tab-item { position:relative; display:block; height:48px; font-size:20px; color:#888; font-weight:400; line-height:46px; box-sizing:border-box; border-radius:24px; padding:0 40px; transition:background 0.2s ease-in-out; }
.tab-2 .tab-in li .tab-item:hover, .tab-2 .tab-in li.active .tab-item { background:#000; color:#fff; }
.tab-4 { margin-top:50px; }
.tab-4 .tab-in { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; margin:0 auto; }
.tab-4 .tab-in li { text-align:center; }
.tab-4 .tab-in li .tab-item { position:relative; display:block; height:32px; font-size:16px; color:#fff; line-height:30px; box-sizing:border-box; border-radius:16px; padding:0 20px; transition:background 0.2s ease-in-out; margin-bottom:10px; }
.tab-4 .tab-in li .tab-item:hover, .tab-4 .tab-in li.active .tab-item { background:#ff5a2b; }
.tab-cont { display:none; }

.video { position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden; }
.video .video-in { position:absolute; top:0; left:0; width:100%; height:100%; }
.video .video-in .poster img { width:100%; height:100%; }
.video .video-in video, .video .video-in iframe { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; }
.video .video-in.playing .poster { opacity:0; height:0; -webkit-transition-delay:0s, 0.6s; transition-delay:0s, 0.6s; }
.video .poster { position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; opacity:1; -webkit-transition: opacity 0.3s ease, height 0s linear 0s; transition: opacity 0.3s ease, height 0s linear 0s; }
.video .poster::before { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); }
.video .poster .i-play { position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; }
.video .video-in:not(.ready) .poster { cursor:default; }
.video .video-in:not(.ready) .poster::before, .video .video-in:not(.ready) .poster::after { opacity:0; }

/****************************** 게시판 상세 ******************************/
.detail-title { overflow:hidden; }
.detail-title .title { float:right; width:930px; font-size:40px; line-height:56px; font-weight:700; margin:-8px 0 -8px; }
.detail-title .info { float:left; width:209px; font-size:14px; line-height:1; margin:-2px 0 0 2px; font-weight:700; }
.detail-title .info dt, .detail-title .info dd { float:left; margin-top:11px; }
.detail-title .info dd + dt { clear:both; }
.detail-title .info dt { width:78px; }
.detail-cont { margin-top:80px; padding:80px 0 60px; border-top:solid 1px #000; overflow:hidden; }
.detail-cont .aside { float:left; width:209px; }
.detail-cont .cont { float:right; width:930px; }
.detail-cont .txt { line-height:30px; font-weight:400; }
.detail-cont .txt:first-of-type { margin-top:-8px; }
.detail-cont .txt:last-of-type { margin-bottom:-6px; }
.detail-cont .txt p + p { margin-top:30px; }
.detail-cont .txt + .img, .detail-cont .txt + .video { margin-top:34px; }
.detail-cont .img + .txt, .detail-cont .video + .txt { margin-top:32px; }
.detail-cont img { max-width:930px; }
.detail-cont .aside .related { padding-top:40px; margin-top:40px; border-top:solid 1px #eee; }
.detail-cont .video { width:930px; }
.detail-attach { padding:26px 0 57px; border-top:dashed 1px #eee; margin-left:240px; }
.detail-attach li { position:relative; font-size:14px; font-weight:700; padding-left:22px; }
.detail-attach li + li { margin-top:13px; }
.detail-attach .i-attach { position:absolute; left:0; top:4px; }

/* 이전글, 다음글 */
.list-preview { position:relative; overflow:hidden; width:100%; font-weight:400; margin-top:-4px; border:solid 1px #eee; border-width:1px 0; padding:37px 0 37px; }
.list-preview dt { position:absolute; top:38px; left:0; font-size:14px; color:#888; }
.list-preview dd { float:left; width:50%; padding-left:76px; padding-right:43px; box-sizing:border-box; }
.list-preview dd + dt { left:auto; right:0; }
.list-preview dd + dt + dd { float:right; padding-left:43px; }
.list-preview dd + dt, .list-preview dd + dt + dd { text-align:right; }
.list-preview a { overflow:hidden; display:inline-block; max-width:365px; white-space:nowrap; text-overflow:ellipsis; vertical-align:top; }
.list-preview a:hover { text-decoration:underline; color:#ff6600; }

/****************************** PAGING ******************************/
.paging { margin-top:80px; font-size:0; text-align:center; font-size:15px; }
.paging a, .paging strong { display:inline-block; min-width:32px; height:32px; line-height:32px; border-radius:16px; font-weight:700; margin:0 6px 0 7px; background:transparent; vertical-align:middle; }
.paging .num { display:inline-block; white-space:nowrap; margin:0 5px; }
.paging .num .active { background:#000; color:#fff; font-weight:700; }
.paging .num a:hover::after { width:100%; }
.paging .num a, .paging .num .active { line-height:30px; text-decoration:none !important; box-sizing:border-box; }
.paging .num .active::after { width:100%; }
.paging .pag { position:relative; min-width:32px; height:32px; overflow:hidden; margin:0 -8px; }
.paging .pag .i-prev, .paging .pag .i-next { position:absolute; right:50%; top:50%; width:7px; height:7px; margin:-7px -5px 0 0; }
.paging .pag .i-next { left:50%; right:auto; margin:-2px 0 0 -5px; }
.paging .pag:hover .i-prev { animation:ani-prev 500ms both; }
.paging .pag:hover .i-next { animation:ani-next 500ms both; }
.paging .pag[disabled="disabled"], .paging .pag.disabled { opacity:0.2; }
.paging .pag[disabled="disabled"], .paging .pag.disabled { outline:none; cursor:default; }

/****************************** 기업소개 - 경영철학 ******************************/
.list-ico dt[class^=i-in-1]::before { background-image:url("../image/sub/i-in-1.png"); }
.i-in-1::before { background-position:0 0; }
.i-in-1-2::before { background-position:-130px 0; }
.i-in-1-3::before { background-position:-260px 0; }
.i-in-1-4::before { background-position:-390px 0; }
.i-in-1-5::before { background-position:-520px 0; }

.in-1-txt { position:relative; padding:218px 0 295px; margin:0 -375px; }
.in-1-txt .in-title { position:absolute; left:50%; bottom:290px; transform:translateX(-50%); font-size:200px; line-height:205px; color:#ff5a2b; font-weight:700; letter-spacing:-0.03em; white-space:nowrap; margin-left:-12px; }
.in-1-txt .deco-img { overflow:hidden; position:absolute; top:0; left:50%; display:block; width:487px; height:487px; border-radius:100%; margin-left:-650px; margin-top:115px; }
.in-1-txt .deco-img img { position:relative; margin-top:-76px;; }
.in-1-txt .deco-img.ty-2 { position:relative; z-index:-1; top:0; left:50%; margin-left:-285px; width:975px; height:975px; margin-top:0; }
.in-1-txt .deco-img.ty-2 img { margin-top:-146px; }
.in-1-section .cont-col .title, .in-1-section .cont-col .cont-txt-2, .in-1-section .cont-col .list-ico .item,
.in-1-section .in-1-txt .deco-img,
.in-1-section .cont-col .list-def-2, .in-1-section .cont-col .img { opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.in-1-section .in-1-txt .in-title { opacity:0; -webkit-transform:translate(-50%,70px);transform:translate(-50%,70px); -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.in-1-section .cont-col .list-ico .item:nth-child(2), .in-1-section .in-1-txt .deco-img { -webkit-transition-delay:100ms; transition-delay:100ms; }
.in-1-section .cont-col .list-ico .item:nth-child(3) { -webkit-transition-delay:200ms; transition-delay:200ms; }
.in-1-section .cont-col .list-ico .item:nth-child(4) { -webkit-transition-delay:300ms; transition-delay:300ms; }
.in-1-section .cont-col .list-ico .item:nth-child(5) { -webkit-transition-delay:400ms; transition-delay:400ms; }
.in-1-section .in-1-txt .deco-img.ty-2 { -webkit-transition-delay:200ms; transition-delay:200ms; }
.in-1-section .cont-col.delay .title, .in-1-section .cont-col.delay .cont-txt-2 { -webkit-transition-delay:200ms; transition-delay:200ms; }
.in-1-section .cont-col.ani-visible .title, .in-1-section .cont-col.ani-visible .cont-txt-2, .in-1-section .cont-col.ani-visible .list-ico .item,
.in-1-section .in-1-txt.ani-visible .deco-img, .in-1-section .cont-col .list-def-2.ani-visible, .in-1-section .cont-col .img.ani-visible { opacity:1; -webkit-transform:translateY(0);transform:translateY(0); }
.in-1-section .in-1-txt .in-title.ani-visible { opacity:1; -webkit-transform:translate(-50%,0);transform:translate(-50%,0); }

/****************************** 기업소개 - CEO인사말 ******************************/
.i-quotation-2 { position:relative; padding:25px 0 27px; }
.i-quotation-2::before, .i-quotation-2::after { content:""; position:absolute; display:block; width:15px; height:12px; top:0; left:6px; vertical-align:baseline; background:url("../image/sub/quotes-2.png") 0 0 no-repeat; z-index:-1; }
.i-quotation-2::after { bottom:0; top:auto; left:auto; right:0; transform:scaleX(-1); }
.ceo-greeting { position:relative; margin-top:-100px !important; padding-top:160px; padding-bottom:533px; }
.ceo-greeting::before { content:''; position:absolute; top:0; background:#f9f8f6; width:1920px; height:100%; left:50%; transform:translateX(-50%); z-index:-1; }
.ceo-greeting::after { content:''; position:absolute; width:1013px; height:546px; bottom:0; left:50%; margin-left:-162px; background:url("../image/sub/company-in-2.jpg") 0 0 no-repeat; z-index:-1; }
.ceo-greeting .cont-img { position:relative; }
.ceo-sign { position:absolute; bottom:120px; }
.ceo-sign img { display:inline-block; margin:-4px 0 0 15px; }
.ceo-greeting-2 { width:820px; margin:8px 0 -4px 0; }
.ceo-greeting-2 dd { margin-top:9px; }

/****************************** 기업소개 - 관계사 ******************************/
.company-list { overflow:hidden; display:flex; flex-wrap:wrap; }
.company-list .item { position:relative; width:290px; margin-left:30px; margin-top:60px; border-bottom:1px solid #eee; min-height:277px; }
.company-list .item:nth-child(3n+1) { margin-left:0; clear:both; }
.company-list .item:nth-child(-n+3) { margin-top:0; }
.company-list .item .logo { display:block; border:1px solid #eee; }
.company-list .item .info { padding:25px 0 30px 20px; }
.company-list .item .info .subj { font-size:20px; line-height:30px; font-weight:700; }
.company-list .item .info .txt { margin-top:6px; font-size:16px; line-height:30px; font-weight:400; padding-bottom:40px; }
.company-list .item .info .btn { position:absolute; left:20px; bottom:27px; font-size:14px; font-weight:400; }
.company-list .item .info .btn:hover { color:#ff5a2b; }

/****************************** 기업소개 - 글로벌 네트워크 ******************************/
.global-vision { position:relative; margin-top:-69px; }
.global-vision .deco-txt { position:relative; display:block; -webkit-text-stroke:1px #888; font-size:180px; line-height:200px; color:#fff; font-weight:800; letter-spacing:-0.02em; opacity:0.7; text-transform:uppercase;}
.ie .global-vision .deco-txt { text-shadow: -1px -1px 0 #888, 1px -1px 0 #888, -1px 1px 0 #888, 1px 1px 0 #888; }
.global-vision .deco-txt .txt { position:absolute; margin:0; left:592px; top:266px; }
.global-vision .deco-txt .abs { left:603px; top:1700px; }
.global-vision .list { width:1050px; margin:0 auto; }
.global-vision .list::after { content:''; display:block; clear:both; }
.global-vision .list li { position:relative; float:right; top:480px; width:450px; margin-top:230px; }
.global-vision .list li:nth-child(2n+1) { float:left; top:0; clear:both; }
.global-vision .list .list-def-2 { margin:33px 30px 0; }
.global-vision .title-2 { margin-top:142px; margin-bottom:81px; }
.global-vision .count::after { content:''; display:block; clear:both; }
.global-vision .count li { float:left; width:270px; margin-left:90px; line-height:1.4; white-space:nowrap; }
.global-vision .count .name { display:block; min-height:2.8em; padding-bottom:11px; margin-bottom:17px; font-size:30px; font-weight:700; border-bottom:1px solid #000; }
.global-vision .count .value { display:block; font-size:120px; font-weight:bold; color:#ff5a2b; text-indent:-5px; }
.global-network { position:relative; margin:128px 0 -160px; padding:100px 0 131px; background:#1e202c; color:#fff; }
.global-network::after { content:''; position:absolute; left:-375px; right:-375px; top:0; bottom:0; z-index:-1; background:#1e202c; }
.global-network .tab-4 { position:relative; margin-top:50px; margin-bottom:-97px; height:471px; }
.global-network .tab-4 .tab-in { position:relative; z-index:1; width:1110px; }
.global-network .tab-4 .tab-in li .tab-item { position:static; }
.global-network .tab-4::before { content:''; position:absolute; left:-56px; top:-141px; width:1428px; height:680px; z-index:0; background:url("../image/sub/world-map-2.png") 0 center no-repeat; }
.global-network .pin { position:absolute; top:0; right:50%; width:32px; height:32px; background:rgba(0,0,0,.3); border-radius:32px; transform:translate(-16px, -16px); }
.global-network .pin::after { content:''; position:absolute; left:50%; top:50%; width:6px; height:6px; background:#fff; border-radius:6px; transform:translate(-50%, -50%); }
.global-network .pin::before { content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; opacity:0;border:5px solid #ff5a2b; border-radius:32px; transform:translate(-50%, -50%); }
.global-network .active > .pin { background:rgba(255,90,43,1); }
.global-network .active > .pin::after {  }
.global-network .active > .pin::before { width:32px; height:32px; opacity:0.3; }
.global-network .pin.p-1 { right:auto; left:50%; margin-left:347px; top:153px; }
.global-network .pin.p-2 { margin-right:181px; top:244px; }
.global-network .pin.p-3 { margin-right:289px; top:242px; }
.global-network .pin.p-4 { margin-right:194px; top:302px; }
.global-network .pin.p-5 { margin-right:218px; top:275px; }
.global-network .pin.p-6 { margin-right:77px; top:158px; }
.global-network .pin.p-7 { margin-right:179px; top:163px; }
.global-network .pin.p-8 { margin-right:143px; top:115px; }
.global-network .pin.p-9 { margin-right:214px; top:234px; }
.global-network .pin.p-10 { margin-right:136px; top:232px; }
.global-network .pin.p-11 { margin-right:113px; top:153px; }

.network-detail { opacity:0; transition:all 0.3s ease; }
.network-detail.active { opacity:1; }
.network-detail .city { font-size:90px; font-weight:700; }
.network-detail .detail  { margin:56px 120px 0 240px; }
.network-detail .detail dt { position:relative; padding:0 0 26px; font-size:32px; font-weight:bold; border-bottom:1px solid rgba(255,255,255,.1); }
.network-detail .detail dt .en { display:block; margin-top:4px; font-size:14px; font-weight:normal; color:#434656; }
.network-detail .detail dt img { position:absolute; left:-183px; top:-8px; }
.network-detail .detail dd { position:relative; padding:4px 0 24px; }
.network-detail .detail dd.info { font-size:14px; border-bottom:1px solid rgba(255,255,255,.1); }
.network-detail .detail dd .type { position:absolute; right:3px; top:0; margin-top:-66px; }
.network-detail .detail dd .type .ir { margin-left:12px; }
.network-detail .detail dd .item { display:inline-block; min-width:208px; margin-top:21px; }
.network-detail .detail dd .item.full { display:block; }
.network-detail .detail dd .item .ir { margin:-2px 8px 0 0; }
.network-detail .detail dd + dd { margin-top:20px; }
.network-detail .detail dd.text { line-height:30px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }

/****************************** 기업소개 - 기업문화 ******************************/
.list-ico dt[class^=i-ct-1]::before { background-image:url("../image/sub/i-ct-1.png"); }
.i-ct-1::before { background-position:0 0; }
.i-ct-1-2::before { background-position:-130px 0; }
.i-ct-1-3::before { background-position:-260px 0; }
.i-ct-1-4::before { background-position:-390px 0; }

/****************************** 기업소개 - 연혁 ******************************/
.history-head { position:relative; padding:79px 0 46px; margin:0 -65px 134px; font-size:50px; font-weight:bold; text-align:center; }
.history-head::after { content:''; display:block; width:1px; height:90px; background:#000; margin:36px auto 0; }
.history-head::before { content:'SCROLL'; position:absolute; left:0; right:0; bottom:0; font-size:14px; color:#888; font-weight:400; }
.history-mov.video { width:880px; height:495px; padding:0; margin:-108px auto 139px; }
.history-anchors { position:absolute; left:0; right:0; margin-top:-75px; text-align:center; font-size:0; }
.history-anchors .inner { position:absolute; left:0; right:0; top:0; z-index:10; background:#fff; padding-top:60px; -webkit-transition:top 300ms linear 400ms; transition:top 300ms linear 400ms; }
.history-anchors:not(.fixed) .inner { -webkit-transition:0ms; transition-delay:0ms; }
.history-anchors.fixed .inner { position:fixed; }
body.up .history-anchors.fixed .inner { top:80px; }
.history-anchors .inner::before { content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:#eee; }
.history-anchors .pos { position:absolute; left:0; bottom:0; height:2px; background:#ff5a2b; }
.history-anchors .anchor { display:inline-block; width:220px; }
.history-anchors .anchor:last-child { margin-right:calc((-100% + 1320px)); }
.history-anchors a { position:relative; display:block; width:60px; font-size:16px; line-height:82px; color:#000; margin:0 0 0 -30px; }
.history-anchors a::before { content:''; position:absolute; left:50%; bottom:-3px; z-index:2; width:8px; height:8px; border-radius:100%; background:#eee; -webkit-transform:translateX(-50%);transform:translateX(-50%); -webkit-transition:all 0.3s; transition:all 0.3s; }
.history-anchors a::after { content:''; position:absolute; left:50%; bottom:0; width:0px; height:0px; border-radius:100%; background:#ff5a2b; opacity:0.1; -webkit-transform:translateX(-50%);transform:translateX(-50%); -webkit-transition:all 0.3s; transition:all 0.3s; }
.history-anchors .anchor.active a { color:#ff5a2b; }
.history-anchors .anchor.active a::before, .history-anchors .anchor.end a::before { background:#ff5a2b; }
.history-anchors .anchor.active a::after { width:30px; height:30px; bottom:-14px; }
.history-group + .history-group { margin-top:7px; }
.history-group { position:relative; padding-top:854px; }
.history-group .history-gh { position:absolute; top:40px; width:1170px; padding-top:170px; padding-bottom:100px; }
.history-group .history-title { position:relative; z-index:2; font-size:80px; font-weight:bold; line-height:1.25; -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:0 0; transform-origin:0 0; }
.history-group .history-photo { position:relative; margin:-40px 0 0; text-align:center; }
.history-group .history-photo img { display:block; margin:0 -315px; height:580px; }
.history-group .history-photo .year { position:absolute; left:0; right:0; top:191px; font-size:180px; font-weight:bold; line-height:1; -webkit-text-stroke:1px #fff; color:transparent; opacity:0; -webkit-transition:opacity 0.6s linear; transition:opacity 0.6s linear; }
.ie .history-group .history-photo .year { text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
.history-group .history-photo .year.ani-visible { opacity:1; }
.history-group .history { position:relative; z-index:2; padding-top:72px; margin-top:150px; line-height:30px; font-weight:400; }
.history-group .history::after { content:''; position:absolute; left:-375px; right:-375px; z-index:-1; top:0; bottom:-160px; background:#fff; }
.history-group .history > dt { margin:46px 0 -30px; font-size:20px; font-weight:bold; }
.history-group .history > dt:first-child { margin-top:0; }
.history-group .history > dd { position:relative; margin-left:229px; padding-left:11px; }
.history-group .history > dd::before { content:''; position:absolute; left:0; top:14px; width:4px; height:4px; background:#000; border-radius:4px; }
.history-group .history > dd.none { padding-left:0; }
.history-group .history > dd.none::before { content:initial; }
.history-group .history-detail { display:block; margin:0 0 0 60px; }
.history-group .history-detail.cmgt { margin-top:25px; }
.history-group .history-detail .subj { display:block; margin:0 0 25px; font-size:20px; font-weight:bold; }
.history-group .history-detail .photo { display:block; margin:0 0 19px; min-height:338px; }
.history-group .history-detail .detail { display:block; font-size:14px; line-height:22px; }
.history-group .history-detail .subj + .detail { margin-top:-14px; }
.history-group .history-detail .detail + .detail { margin-top:8px; }
@media all and (max-width:1360px) {
	.history-head { margin-left:0; margin-right:0; }
	.history-anchors .anchor { width:14%; }
	.history-anchors .anchor:last-child { margin-right:-14%; }
}

/****************************** 기업소개 - 윤리경영 ******************************/
.i-quotation { margin-top:-0.3em; margin-bottom:70px; }
.i-quotation::before, .i-quotation::after { content:""; position:absolute; display:inline-block; margin:0.35em 0 0 -42px; width:22px; height:16px; vertical-align:baseline; background:url("../image/sub/quotes.png") 0 0 no-repeat; }
.i-quotation::after { margin:0 0 0 20px; position:static; transform:scaleX(-1); }
.sign-wrap { padding-top:16px; }
.sign-wrap small { font-size:inherit; color:#888; }
.sign-wrap .sign { display:block; margin-top:16px; }
.report { overflow:hidden; position:relative; padding:40px 0 30px; border-top:solid 1px #000; border-bottom:solid 1px #eee; }
.report.ir-a::after { position:absolute; right:28px; bottom:39px; }
.report .cont-txt-4 { font-size:20px; line-height:32px; margin-top:-7px; }
.report .report-num { margin-top:56px; }
.report .report-num dt { color:#888; font-weight:400; margin-bottom:3px; }
.report .report-num dd { font-weight:400; line-height:30px; }
.report .report-num dd em { margin-right:5px; }
.report .btn-area { position:absolute; bottom:36px; right:148px; }

.activity-history { margin:148px 0 0 361px; }
.activity-history .year { position:relative; padding:0 0 70px 0; font-size:16px; color:#000; font-weight:400; line-height:1.875; }
.activity-history .year::before { content:''; position:absolute; left:-39px; top:1em; bottom:-28px; width:2px; background:#ddd; }
.activity-history .year::after { content:''; position:absolute; left:-47px; top:0.5em; width:7px; height:7px; border:5px solid #ff5a2b; border-radius:17px; background:#fff; }
.activity-history .year small { font-size:1em; color:#888; font-weight:normal; }
.activity-history .year > dt { margin:0 0 18px; font-size:30px; color:#000; font-weight:bold; line-height:1; }
.activity-history .year > dd { padding:0 0 0 13px; }
.activity-history .year > dd::before { content:''; position:absolute; margin:0.9em 0 0 -13px; width:4px; height:4px; border-radius:22px; background:#000; }

.activity-history .deco-img { position:absolute; }
.activity-history .deco-txt { position:absolute; right:100%; margin-right:151px; font-weight:800; font-size:80px; line-height:1.125; text-transform:uppercase; -webkit-text-stroke:1px #888; color:#fff; }
.ie .activity-history .deco .text { text-shadow: -1px -1px 0 #888, 1px -1px 0 #888, -1px 1px 0 #888, 1px 1px 0 #888; }
.activity-history .deco-img.pos-r { left:481px; }
.activity-history .deco-img.pos-l { right:100%; margin-right:151px; }

.cplevel-bg { width:auto; min-width:1200px; padding-left:0; padding-right:0; padding-bottom:252px; background:url("../image/sub/company-em-1-3.jpg") center bottom repeat-x; }
.cplevel-bg > .cont-col { width:1200px; padding: 0 15px; margin-left:auto; margin-right:auto; }
.figure { width:637px; margin:93px 0 0; border-bottom:1px solid #000; }
.figure::after { content:''; display:block; clear:both; }
.figure li { float:left; width:241px; }
.figure li:last-child { float:right; }
.figure img { display:block; margin:0 -38px 0 -25px; }
.figure .caption { display:block; margin:17px 0 25px; font-size:14px; line-height:24px; font-weight:400; }

.em-sign { text-align:center; line-height:30px; margin:52px 0 -6px -120px; }
.em-sign p + p { margin-top:64px; }
.em-sign em { color:#888; }

/****************************** 기업소개 - 오시는길 ******************************/
.contact-map .map-info { padding:48px 0 50px; border-bottom:1px solid #eee; }
.contact-map .map-img + .map-info { padding:58px 0 60px; border-bottom:1px solid #eee; }
.contact-map .map-info::after { content:''; display:block; clear:both; }
.contact-map .map-info .map-title { float:left; width:240px; padding-right:20px; box-sizing:border-box; }
.contact-map .map-info .title { font-size:40px; line-height:60px; font-weight:700; margin: -10px 0 -9px; }
.contact-map .map-title .info { display:block; margin-top:13px; line-height:1.875; }
.contact-map .map-info .map-detail { position:relative; float:right; margin-top:5px; width:930px; padding-right:60px; }
.contact-map .map-detail .des { font-weight:400; line-height:30px; }
.contact-map .map-detail .map-btn { position:absolute; top:-6px; right:0; }
.contact-map .map-area { display:none; clear:both; width:1920px; min-width:1170px; margin:0 -375px 0; }
.contact-map .map-info.ty-2 { padding:77px 0 72px; }
.contact-map .map-info.ty-2 .map-detail .map-btn { top:14px; }
.contact-map .map-info.ty-2 .map-area { margin:0 -375px 0; padding-top:80px; }
.contact-map .map-info.ty-2 .map-title { width:340px; }
.contact-map .map-info.ty-2 .map-detail { width:810px; }

.contact-map .accordion-item .map-img { margin-top:60px; }
.contact-map .map-info.active { border-color:#fff; }
.contact-map .map-area.active { margin-bottom:60px; }
.contact-map .map-img + .map-info + .map-area.active { margin-bottom:120px; }
.contact-map .accordion-item:last-child .map-area.active { margin-bottom:0; }
.transportation dt { font-size:20px; line-height:1; font-weight:700; margin-bottom:15px; }
.transportation + .transportation { margin-top:48px;}
.transportation dd { line-height:30px; font-weight:400; text-indent:-0.8em; margin-left:0.8em; }
.transportation dd::before { content:''; display:inline-block; width:4px; height:4px; background-color:#000; margin:13px 9px 0 0; vertical-align:top; border-radius:100%; }
.transportation dd.none { text-indent:0; margin-left:0; }
.transportation dd.none::before { display:none; }

.contact-contents { position:relative; }
.contact-contents::after { content:''; position:absolute; left:-360px; right:-360px; top:0; bottom:0; z-index:-2; background:#f9f8f6; }

.contact-list .title-2 { margin:100px 0 49px; font-size:40px; font-weight:700; }
.contact-list:first-child .title-2 { margin-top:62px; }
.contact-list .title-2 .sub { font-size:20px; font-weight:400; }
.contact-list .contact-item { overflow:hidden; margin-top:20px; padding:68px 60px 74px; box-sizing:border-box; background:#fff; }
.contact-list .contact-item:first-child { margin-top:0; }
.contact-item .name { float:left; width:300px; font-size:30px; font-weight:700; line-height:1.6; }
.contact-item .name .country, .contact-item .name .info { display:block; font-size:30px; font-weight:400; }
.contact-item .name .country { margin-bottom:8px; }
.contact-item .name .info { margin-top:13px; font-size:16px; }
.contact-item .cont { overflow:hidden; float:left; width:750px; }
.contact-item .cont.full { width:1050px; }

.contact-def { overflow:hidden; float:left; width:480px; color:#000; line-height:1.875; }
.contact-def:last-child { width:270px; }
.full .contact-def:first-child { width:300px; }
.full .contact-def:nth-child(2) { width:360px; }
.contact-def dt { margin:26px 0 1px; font-size:20px; font-weight:700; }
.contact-def dt:first-child { margin-top:0; }
.contact-def .h-ty { min-height:60px; }

/********************* 연구개발 - 연구소 *********************/
.list-ico-2 dt[class^=i-lb]::before { content:''; background-image:url("../image/sub/i-lb.png"); }
.list-ico-2 dt.i-lb::before { background-position:0 0; }
.list-ico-2 dt.i-lb-2::before { background-position:-158px 0; }
.list-ico-2 dt.i-lb-3::before { background-position:-316px 0; }
.list-ico-2 dt.i-lb-4::before { background-position:-474px 0; }
.list-ico-2 dt.i-lb-5::before { background-position:0 -158px; }
.list-ico-2 dt.i-lb-6::before { background-position:-158px -158px; }
.list-ico-2 dt.i-lb-7::before { background-position:-316px -158px; }
.list-ico-2 dt.i-lb-8::before { background-position:-474px -158px; }

.rnd-lab-section { background:url("../image/sub/rnd-lab-img-4.png") center top no-repeat, url("../image/sub/rnd-lab-img-5.png") center bottom no-repeat; }
.rnd-lab-visual { position:relative; height:823px; margin-top:11px; }
.rnd-lab-visual .item { position:absolute; }
.rnd-lab-visual .item.pos { left:110px; top:139px; }
.rnd-lab-visual .item.pos-2 { left:602px; top:576px; }
.rnd-lab-visual .item.pos-2 dt { margin-left:-5px; }
.rnd-lab-visual dt { margin:0 0 17px; font-size:80px; color:#ff5a2b; font-weight:bold; line-height:1; }
.rnd-lab-visual dd { margin:0 0 0 -2px; font-size:30px; color:#000; font-weight:400; line-height:40px; }
.rnd-lab-visual .photo { position:absolute; }
.rnd-lab-visual .photo.p-1 { left:545px; top:0; }
.rnd-lab-visual .photo.p-2 { left:983px; top:383px; }
.rnd-lab-visual .photo.p-3 { left:74px; top:463px; }

.rnd-lab-section-2 { position:relative; max-width:1920px; margin:0 auto; background:#1e202c; }
.rnd-lab-section-2 .title-2 { display:inline-block; width:240px; padding-right:20px; margin-top:8px; vertical-align:top; color:#fff; }
.rnd-lab-section-2 .rnd-lab-msg { position:relative; width:800px; z-index:2; display:inline-block; margin-top:7px; vertical-align:top; color:#fff; }
.rnd-lab-msg dt { font-size:40px; line-height:1.5; }
.rnd-lab-msg dd { margin-top:23px; line-height:1.875; }

.rnd-map-area { position:relative; text-align:center; margin:-42px 0 -119px; }
.rnd-map-area .map { margin:0 -375px; }
.rnd-map-area .pos { position:absolute; right:50%; color:#fff; text-align:right; line-height:1; padding:4px 24px 5px 0; white-space:nowrap; -webkit-transition:color 0.3s ease-in-out; transition:color 0.3s ease-in-out; }
.rnd-map-area .pos::before { content:''; position:absolute; right:-4px; top:1px; width:22px; height:24px; background:url("../image/sub/world-map-pin.png") 0 0 no-repeat; -webkit-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out; }
.rnd-map-area .pos::after { content:''; position:absolute; right:-4px; top:1px; width:22px; height:24px; opacity:0; background:url("../image/sub/world-map-pin.png") 0 -25px no-repeat; -webkit-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out; }
.rnd-map-area .pos:hover { color:#ff5a2b; }
.rnd-map-area .pos:hover::before { opacity:0; }
.rnd-map-area .pos:hover::after { opacity:1; }
.rnd-map-area .pos.p-1 { top:283px; margin-left:-168px; right:auto; left:50%; text-align:left; padding-left:24px; padding-right:0; }
.rnd-map-area .pos.p-1::before, .rnd-map-area .pos.p-1::after { right:auto; left:-4px; }
.rnd-map-area .pos.p-2 { top:217px; margin-right:204px; }
.rnd-map-area .pos.p-3 { top:378px; margin-right:346px; }
.rnd-map-area .pos.p-4 { top:266px; margin-right:-400px; }
.rnd-map-area .pos.p-5 { top:438px; margin-right:253px; }
.rnd-lab-section-2 .uipop-container { left:0; right:0; top:476px !important; }

.lab-office-layer { display:none; position:absolute; left:50%; margin-left:-585px; width:1170px; outline:none; }
.lab-office-layer .pop-btn-close-2 { right:110px; }
.lab-office-layer .swiper-wrapper { width:990px; background:#fff; margin:0 90px; }
.lab-office-layer .swiper-wrapper .swiper-slide { z-index:1;  opacity:0 !important; }
.lab-office-layer .swiper-wrapper .swiper-slide-active { z-index:2; opacity:1 !important; }

.lab-office .swiper-button-prev, .lab-office .swiper-button-next { background:none; margin-left:-5px; margin-right:-5px; overflow:hidden; }
.lab-office .swiper-button-prev::before, .lab-office .swiper-button-next::before { display:none; }
.lab-office .swiper-button-prev::after { left:auto; right:50%; }
.lab-office .swiper-button-prev::after, .lab-office .swiper-button-next::after { width:41px; height:41px; margin:-22px -34px 0; }
.lab-office .swiper-button-prev:hover::after { animation:ani-prev 600ms both; }
.lab-office .swiper-button-next:hover::after { animation:ani-next 600ms both; }
.lab-office .text { width:990px; background:#fff; overflow:hidden; padding:60px 60px 49px; }
.lab-office .text > dt { float:left; width:340px; color:#000; font-size:40px; font-weight:400; }
.lab-office .text > dt .photo { display:block; margin-bottom:26px; }
.lab-office .text > dt .city { display:block; color:#888; font-size:14px; margin-bottom:2px; }
.lab-office .text > dd { float:right; width:495px; line-height:30px; }
.lab-office .list-dot { line-height:1.71; margin-bottom:31px; }
.lab-office .list-dot > dt:first-child { margin-top:0; }
.lab-office .list-dot > dt { margin-bottom:-1.5em; margin-top:6px; font-weight:bold; }
.lab-office .list-dot > dd { margin:0 0 4px 10.5em; line-height:inherit; }
.lab-office .list-dot.em7 > dd { margin-left:13em; }
.lab-office .list-dot > dd::before { margin-top:0.65em; }
.lab-office .list-dot > dd.single { text-indent:0; margin-left:9.5em; }
.lab-office .list-dot.em7 > dd.single { margin-left:7em; }
.lab-office .list-dot > dd.single::before { display:none; }

.rnd-lab-section .title-2, .rnd-lab-section-2 .title-2,
.rnd-lab-visual dt, .rnd-lab-visual dd, .rnd-lab .item, .rnd-map-area .pos,
.rnd-lab-msg dt, .rnd-lab-msg dd, .rnd-lab-visual .photo { opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:all 600ms ease; transition:all 600ms ease; }
.rnd-lab-visual dd, .rnd-lab-msg dd,
.rnd-lab .item:nth-child(2), .rnd-map-area .pos:nth-child(2), .rnd-lab-visual .photo.p-1 { -webkit-transition-delay:100ms; transition-delay:100ms; }
.rnd-lab .item:nth-child(3), .rnd-map-area .pos:nth-child(3), .rnd-lab-visual .photo.p-2 { -webkit-transition-delay:200ms; transition-delay:200ms; }
.rnd-lab .item:nth-child(4), .rnd-map-area .pos:nth-child(4), .rnd-lab-visual .photo.p-3 { -webkit-transition-delay:300ms; transition-delay:300ms; }
.rnd-map-area .pos:nth-child(5) { -webkit-transition-delay:400ms; transition-delay:400ms; }
.rnd-lab-section .title-2.ani-visible, .rnd-lab-section-2 .title-2.ani-visible,
.rnd-lab-visual .ani-visible dt, .rnd-lab-visual .ani-visible dd, .rnd-lab.ani-visible .item, .rnd-map-area.ani-visible .pos,
.rnd-lab-msg.ani-visible dt, .rnd-lab-msg.ani-visible dd, .rnd-lab-visual .photo.ani-visible { opacity:1; -webkit-transform:translateY(0);transform:translateY(0); }

/********************* 연구개발 - 연구개발과제 *********************/
.list-ico-2 dt[class^=i-wo]::before { content:''; background-image:url("../image/sub/i-wo.png"); }
.list-ico-2 dt.i-wo::before { background-position:0 0; }
.list-ico-2 dt.i-wo-2::before { background-position:-158px 0; }
.list-ico-2 dt.i-wo-3::before { background-position:-316px 0; }

.rnd-develop-wrap { position:relative; padding:160px 0 160px 0; margin-top:160px !important; }
.rnd-develop-wrap::before { content:''; display:block; position:absolute; top:0; width:1920px; height:100%; background:#f9f8f6; left:50%; transform:translateX(-50%); z-index:-1; }
.rnd-develop-chk { margin-top:45px; }
.rnd-develop-chk .fm-item + .fm-item { margin-top:12px; }
.fm-chk-3.ty-2:checked + .fm-chk-i:after { background:#fbb843; }
.fm-chk-3.ty-3:checked + .fm-chk-i:after { background:#ff8366; }
.fm-chk-3.ty-4:checked + .fm-chk-i:after { background:#ff652a; }

.rnd-develop-list-wrap { display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:space-between; margin-top:-8px; }
.rnd-develop-list-wrap > li.item { width:145px; }
.rnd-develop-list-wrap > li.item:last-child .title::after { display:none; }
.rnd-develop-list-wrap .title { position:relative; width:auto; float:none; border-bottom:solid 1px #000; height:41px; line-height:1; font-weight:700; }
.rnd-develop-list-wrap .title .subj { display:block; font-size:20px; line-height:1; margin-top:7px; }
.rnd-develop-list-wrap .title::after { content:''; position:absolute; right:1px; top:8px; display:block; width:7px; height:7px; border:solid 2px #000; border-width:0 2px 2px 0; transform:rotate(-45deg); transform-origin:left; }
.rnd-develop-list { margin-top:30px; }
.rnd-develop-list li { margin-top:12px; transition:all 0.3s; }
.rnd-develop-list li .item { display:block; position:relative; width:145px; height:145px; background:#fbb843; border-radius:5px; overflow:hidden; font-weight:700; color:#fff; font-size:14px; line-height:22px; box-sizing:border-box; padding:25px 15px 20px 20px; transition:all 0.2s ease-in-out; }
.rnd-develop-list li a.item:hover { text-decoration:underline; }
.rnd-develop-list li .item.ty-2 { background:#ff8366; }
.rnd-develop-list li .item.ty-3 { background:#ff652a; }
.rnd-develop-list li .item .small { display:block; font-size:12px; line-height:1.5; }
.rnd-develop-list li.disabled .item { background:#fff; color:#000; }
.rnd-develop-list li.disabled .i-view-3::after, .rnd-develop-list li.disabled .i-view-3::before { background:#000; }
.rnd-develop-list li .logo { position:absolute; bottom:20px; left:20px; }
.rnd-develop-list li .logo img { border-radius:28px; border:solid 1px transparent; box-sizing:border-box; }
.rnd-develop-list li .logo img + img { margin-left:5px; }
.rnd-develop-list li .i-view-3 { position:absolute; bottom:10px; left:auto; right:10px; }
.rnd-develop-list li.disabled .logo img { border-color:#eee; }

.rnd-develop-layer { width:1090px; }
.rnd-develop-layer .pop-cont { padding:74px 80px 80px 80px; }

.rnd-develop-detail { position:relative; padding-left:210px; }
.rnd-develop-detail dt { font-size:30px; line-height:1.6; font-weight:700; margin-top:-4px; }
.rnd-develop-detail dt .cap { display:block; position:absolute; width:180px; top:0; bottom:0; left:0; font-size:20px; color:#000; }
.rnd-develop-detail dt .cap .logo { position:absolute; left:0; bottom:0; }
.rnd-develop-detail dd { margin-top:12px; line-height:1.875; padding:0 25px 13px 0; }

/********************* 연구개발 - 주요연구실적 *********************/
.rnd-major-contents { position:relative; }
.rnd-major-contents::after { content:''; position:absolute; left:-360px; right:-360px; top:0; bottom:0; z-index:-2; background:#f9f8f6; }
.tab-2 + .rnd-major-contents::after { margin-top:-98px; }

/* 연구성과 */
.rnd-research .rnd-rs-title { margin-top:35px; text-align:center; font-weight:800; font-size:120px; line-height:1.125; -webkit-text-stroke:1px #888; color:#fff; }
.ie .rnd-research .rnd-rs-title { text-shadow: -1px -1px 0 #888, 1px -1px 0 #888, -1px 1px 0 #888, 1px 1px 0 #888; }
.rnd-research .activity-history + .rnd-rs-title { margin-top:60px; }
.rnd-research .activity-history { margin:107px 0 0 600px; }
.rnd-research .activity-history .year > dd { padding:0; }
.rnd-research .activity-history .year > dd::before { display:none; }
.rnd-research .activity-history .year:last-child::before { bottom:14px; }
.rnd-research .activity-history.reverse { margin:107px 646px 0 0; }
.rnd-research .activity-history.reverse .year:before { left:auto; right:-39px; }
.rnd-research .activity-history.reverse .year:after { left:auto; right:-47px; }
.rnd-research .activity-history.reverse .year { text-align:right; }
.rnd-research .activity-history.reverse .deco-img.pos-r { left:auto; left:100%; margin-left:196px; }

/* 플랫폼 기술 */
.rnd-major-info::after { content:''; display:block; clear:both; }
.rnd-major-info .rnd-item { margin:20px 0 0 0; padding:49px 30px; box-sizing:border-box; border:1px solid #fff; background:#fff; }
.rnd-major-info .rnd-item::after { content:''; display:block; clear:both; }
.rnd-major-info .rnd-item.pd { padding:79px 80px 75px; }
.rnd-major-info .major-title, .rnd-major-info .major-title-2 { margin:-6px 0 23px; font-size:20px; color:#000; line-height:1.5; font-weight:700; }
.rnd-major-info .major-title .sub { font-size:inherit; color:#888; font-weight:400; }
.rnd-major-info .major-title-2 { margin:48px 0 6px; }
.rnd-major-info .major-title-2.cmgt { margin-top:34px; }
.rnd-major-info .major-title-2.cmgt-2, .rnd-major-def.cmgt-2 { margin-top:60px; }
.rnd-major-info .caption { display:block; margin:16px 0 0; color:#888; line-height:1.57; text-align:center; }
.rnd-major-info .col { float:left; width:345px; padding-right:30px; }
.rnd-major-info .col.w-2 { width:720px; padding-right:0; }
.rnd-major-info .col.w-3 { width:690px; padding-right:75px; }
.rnd-major-info .col.w-4 { width:285px; padding-right:0; }
.rnd-major-info .col.w-5 { width:50%; }
.rnd-major-info .col.w-5 + .col.w-5 { padding-right:0; }

.rnd-major-img { text-align:center; }
.rnd-major-img .major-title-2 { margin:54px 0 24px; }
.rnd-major-def dt { color:#ff5a2b; margin-top:3px; }
.rnd-major-def dd { line-height:1.875; }
.rnd-major-def dd + dt { margin-top:21px; }
.rnd-major-def li { text-indent:-0.8em; margin-left:0.8em; line-height:1.875; }
.rnd-major-def li::before { content:''; display:inline-block; width:4px; height:4px; background-color:#000; margin:13px 9px 0 0; vertical-align:top; border-radius:100%; }
.rnd-major-def li.none { text-indent:0; margin-left:0; }
.rnd-major-def li.none::before { display:none; }

/****************************** 공정 ******************************/
.list-ico-3 .txt[class^=i-ff]::before { content:''; display:block; background-image:url("../image/sub/i-ff.png"); width:90px; height:90px; }
.list-ico-3 .i-ff-4::before { background-position:0 -90px; }
.list-ico-3 .i-ff-5::before { background-position:-100px -90px; }
.list-ico-3 .i-ff-6::before { background-position:-200px -90px; }
.fdf-range li[class^=i-ff]::before { content:''; display:block; background-image:url("../image/sub/i-ff.png"); width:80px; height:80px; margin:0 auto -6px; }
.fdf-range .i-ff::before { background-position:0 0; }
.fdf-range .i-ff-2::before { background-position:-90px 0; }
.fdf-range .i-ff-3::before { background-position:-180px 0; }
.fdf-range { position:relative; }
.fdf-range li { text-align:center; font-size:14px; line-height:22px; background:#fff; }
.fdf-range li + li { margin-top:54px; }
.fdf-range::after  { content:''; position:absolute; left:50%; top:0; display:block; width:1px; height:100%; border-left:dashed 1px #ddd; z-index:-1; }
.fdf-range .txt { position:relative; }
.fdf-range li:nth-child(1) .txt::before { content:''; position:absolute; left:100%; bottom:-1px; display:block; width:108px; height:8px; border-top:dashed 1px #000; border-right:dashed 1px #000; margin-left:15px; }
.fdf-range li:nth-child(1) .txt::after { content:''; position:absolute; left:100%; margin-left:120px; bottom:-10px; display:block; width:7px; height:7px; background:#ff5a2b; border-radius:100%; }
.fdf-range li:nth-child(2) .txt::before { content:''; position:absolute; left:100%; top:100%; margin-top:-10px; display:block; width:108px; height:122px; border-top:dashed 1px #000; border-right:dashed 1px #000; margin-left:11px; }
.fdf-range li:nth-child(2) .txt::after { content:''; position:absolute; left:100%; margin-left:116px; bottom:0; margin-bottom:-121px; display:block; width:7px; height:7px; background:#ff5a2b; border-radius:100%; }

/****************************** 제품소개 ******************************/
.prd-contents { position:relative; }
.prd-contents::after { content:''; position:absolute; left:-360px; right:-360px; top:0; bottom:0; z-index:-2; background:#f9f8f6; }

.prd-list::after { content:''; display:block; clear:both; }
.prd-list > li { margin:20px 0 0 0; padding:49px 90px 49px 30px; box-sizing:border-box; border:1px solid #fff; background:#fff; }
.prd-list > li:first-child { margin-top:0; }
.prd-list .item::after { content:''; display:block; clear:both; }
.prd-list .thumb { float:left; width:346px; padding-right:30px; }
.prd-list .cont { float:left; width:702px; padding-right:0; }

.prd-list .prd-name { position:relative; display:block; margin-top:-7px; font-size:20px; color:#000; line-height:1.6; font-weight:700; }
.prd-list .prd-name .volume { color:#888; }
.prd-list .prd-name .type { margin-top:48px; font-weight:400; }
.prd-list .prd-name .logo-img { position:absolute; top:0; right:0; }

.prd-def { color:#000; margin-top:25px; line-height:1.875; }
.prd-def > dt { margin:54px 0 1px; font-size:20px; font-weight:700; }
.prd-def > dt:first-child { margin-top:0; }
.prd-def > dd + dd { margin-top:28px; }
.prd-def > dd > .prd-list-dot:first-child { margin-top:0; }
.prd-def .caption { display:block; margin:16px 0 0; color:#888; line-height:1.57; text-align:center; }

.prd-list-dot { margin-top:28px; }
.prd-list-dot > dt { margin:0 0 11px; font-size:20px; font-weight:700; }
.prd-list-dot li, .prd-list-dot dd { text-indent:-0.8em; margin-left:0.8em; line-height:1.875; }
.prd-list-dot.col-2 li, .prd-list-dot.col-2 dd { float:left; width:380px; clear:left; }
.prd-list-dot li::before, .prd-list-dot dd::before { content:''; display:inline-block; width:4px; height:4px; background-color:#000; margin:13px 9px 0 0; vertical-align:top; border-radius:100%; }
.prd-list-dot li.col, .prd-list-dot li.col ~ li, .prd-list-dot dd.col, .prd-list-dot dd.col ~ dd { float:none; width:295px; display:inline-block; }

/****************************** Manufacturing Capabilities ******************************/
figure.cdmo-img { margin:0; }
.cdmo-img .caption { margin-top:13px; color:#888; }

.cdmo-col { margin-top:113px; }
.cdmo-col .cdmo-cont { overflow:hidden; margin-top:52px; }
.cdmo-cont .cdmo-title { float:left; width:360px; }
.cdmo-cont .cdmo-title .title { margin:-8px 0 10px; font-size:40px; font-weight:700; }
.cdmo-cont .cdmo-title.ty-2 { width:240px; }
.cdmo-cont .cdmo-title.ty-2 .title{ margin:-2px 0 0; font-size:24px; font-weight:700; }
.cdmo-cont .cdmo-title .title .country, .cdmo-cont .cdmo-title .title em { display:block; font-size:24px; font-weight:700; }
.cdmo-cont .cdmo-title .title .country { margin-top:7px; }
.cdmo-cont .cdmo-title .title em { margin-bottom:23px; line-height:1.4; }
.cdmo-cont .cdmo-title .info { display:block; font-size:16px; color:#888; }

.cdmo-list-dot dt { margin-bottom:5px; font-size:20px; font-weight:700; }
.cdmo-list-dot dd + dt { margin-top:64px; }
.cdmo-list-dot > dd { text-indent:-0.8em; margin-left:0.8em; line-height:1.875; }
.cdmo-list-dot > dd::before { content:''; display:inline-block; width:4px; height:4px; background-color:#000; margin:13px 9px 0 0; vertical-align:top; border-radius:100%; }
.cdmo-list-dot > dd .cdmo-img { margin-top:33px; }
.cdmo-list-dot > dd .cdmo-img .caption { margin-bottom:43px; }
.cdmo-list-bar { margin-left:8px; }
.cdmo-list-bar > li { text-indent:-0.3em; margin-left:0.3em; text-align:left; }
.cdmo-list-bar > li::before { content:'-'; display:inline-block; margin:0 5px 0 0; vertical-align:top; }

.cdmo-cont-txt .cdmo-list-dot dd.none { text-indent:0; margin-left:0; }
.cdmo-cont-txt .cdmo-list-dot dd.none::before { display:none; }
.cdmo-cont-txt.col-2::after { content:''; display:block; clear:both; }
.cdmo-cont-txt.col-2 .cdmo-list-dot { float:left; width:480px; }
.cdmo-cont-txt.col-2 .cdmo-list-dot.ty-w { width:240px; }
.cdmo-cont-txt.col-2 .cdmo-list-dot:nth-child(2) { width:330px; }
.cdmo-cont-txt.col-2 .cdmo-list-dot dd + dt { margin-top:27px; }

/****************************** 홍보센터 ******************************/
.latest-news { width:100%; margin-bottom:80px; height:159px; }
.latest-news dt { overflow:hidden; }
.latest-news .state { float:left; width:115px; box-sizing:border-box; }
.latest-news .num { float:left; width:123px; font-size:60px; line-height:1; font-weight:700; margin-top:-8px; }
.latest-news .subj { float:left; width:720px; font-size:32px; line-height:48px; display:block; display:-webkit-box; max-height:96px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; margin-top:-8px; }
.latest-news .g-date { position:absolute; top:0; right:30px; }
.latest-news .swiper-pagination { position:absolute; bottom:0; text-align:left; padding-left:245px; }

.latest-news-bg { position:relative; padding:80px 0 60px; }
.latest-news-bg::before { content:''; position:absolute; left:50%; bottom:0; width:1920px; min-width:1170px; height:100%; background:#f9f8f6; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:-1; }
.latest-news-2 .swiper-slide { background:#fff; }
.latest-news-2 .thumb { position:relative; float:left; width:600px; height:338px; }
.latest-news-2 .thumb img { width:600px; height:338px; }
.latest-news-2 .thumb .flag { position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; }
.latest-news-2 .txt { float:right; width:570px; padding:52px 60px 60px 49px; }
.latest-news-2 dt { overflow:hidden; }
.latest-news-2 .subj { font-size:32px; line-height:44px; display:block; display:-webkit-box; max-height:96px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.latest-news-2 .date { display:block; font-size:14px; color:#888; line-height:1; margin-top:14px; }
.latest-news-2 .des { color:#222; line-height:26px; display:-webkit-box; max-height:52px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; margin-top:52px; }
.latest-news-2 .swiper-pagination { position:static; margin-top:40px; }

.cont-video { position:relative; }
.cont-video::before { content:''; display:block; position:absolute; top:0; width:1920px; height:670px; min-width:1170px; background:#f9f8f6; top:-100px; left:50%; transform:translateX(-50%); z-index:-1; }
.cont-video .title-wrap { position:relative; padding:0 120px 0 240px; }
.cont-video .title { font-size:40px; line-height:56px; font-weight:400; margin:-10px 0 -8px; }
.cont-video .txt { margin:33px 0 -4px; color:#222; font-weight:400; line-height:26px; }
.cont-video .g-date { position:absolute; right:32px; top:10px; }
.cont-video .g-date .day { color:#f9f8f6; }
.cont-video .cap { position:absolute; left:0; font-size:24px; font-weight:700; }
.cont-video .video { margin-top:80px; }

/********************* 투자정보 *********************/
.stock-info { display:flex; padding:13px 50px 13px 0; justify-content:space-between; border:solid 1px #eee; }
.stock-info .today { position:relative; width:585px; text-align:center; margin-top:60px; padding-right:16px; box-sizing:border-box; }
.stock-info .today dt { display:block; font-weight:700; color:#ff5a2b; line-height:1; }
.stock-info .today dd { display:block; font-size:70px; font-weight:700; line-height:1; margin-top:10px; }
.stock-info .today::after { content:''; display:block; position:absolute; right:0; top:50%; width:1px; height:102px; background:#eee; margin-top:-80px; }
.stock-info .info { width:440px; overflow:hidden; }
.stock-info .info dt { float:left; width:190px; height:76px; border-top:solid 1px #eee; line-height:75px; color:#888; font-weight:700; }
.stock-info .info dd { float:right; width:240px; height:76px; border-top:solid 1px #eee; font-size:22px; line-height:70px; font-weight:400; text-align:right; }
.stock-info .info dt:first-of-type { border-top:none; }
.stock-info .info dd:first-of-type { border-top:none; }
.stock-info .info .ico-stock { margin-right:12px; }

.list-col { margin-top:80px; }
.list-col .item { display:block; width:100%; height:100%; overflow:hidden; }
.list-col .item .title-2 { float:left; width:240px; margin:0; line-height:100px; }
.list-col .item dl { width:930px; float:left; border-bottom:solid 1px #eee; font-size:0; height:100px; padding:36px 0 30px; box-sizing:border-box; }
.list-col .item:first-child dl { border-top:solid 1px #000; }
.list-col .item .subj { display:inline-block; width:530px; font-size:16px; font-weight:400; }
.list-col .item .date { display:inline-block; width:400px; text-align:right; font-size:14px; color:#888; }
.list-col .item .date .i-download { margin:-2px 10px 0 0; }
.list-col .item .info::after { content:''; display:inline-block; width:1px; height:11px; vertical-align:middle; margin:-2px 10px 0 7px; background:#eee; }

.overview-stock { overflow:hidden; }
.overview-stock .title-2 { float:left; width:240px; margin:0; line-height:1; }
.overview-stock .stock-info-2 { float:left; display:flex; width:930px; text-align:right; border-top:solid 1px #000; border-bottom:solid 1px #eee;  justify-content:flex-end; }
.overview-stock .stock-info-2 dl { min-width:210px; border-left:solid 1px #eee; text-align:right; padding:56px 40px 35px 43px; }
.overview-stock .stock-info-2 dt { font-size:14px; font-weight:700; line-height:1; }
.overview-stock .stock-info-2 dd { letter-spacing: -0.04em; }
.overview-stock .stock-info-2 .today dd { font-size:60px; font-weight:700; line-height:1; margin-top:10px; color:#ff5a2b; }
.overview-stock .stock-info-2 dl:first-child { border-left:none; }
.overview-stock .stock-info-2 .info dd { font-size:40px; line-height:1; font-weight:400; margin-top:23px; }
.overview-stock .stock-info-2 .info .ico-stock { margin-right:16px; }
.overview-stock .stock-info-2 .i-down { border-top:10px solid #0042ff; border-left:7px solid transparent; border-right:7px solid transparent; }
.overview-stock .stock-info-2 .i-up { border-bottom:10px solid #ff5a2b; border-left:7px solid transparent; border-right:7px solid transparent;	}

/****************************** 사이트맵 ******************************/
.site-map .site-list { overflow:hidden; padding:77px 0 75px; border-bottom:1px solid #eee; }
.site-map .site-list:first-child { padding-top:0; }
.site-list .site-title { float:left; width:240px; font-size:24px; font-weight:700; line-height:1.5; margin-top:-6px; }
.site-list .sub-dep { float:right; width:930px; vertical-align:top; }
.site-list .sub-dep > li { float:left; width:240px; font-weight:400; }
.site-list .sub-dep > li:nth-child(4n) { width:210px; }
.site-list .sub-dep > li:nth-child(4n+1) { clear:both; }
.site-list .sub-dep > li:nth-child(n+5) { margin-top:49px;  }
.site-list .sub-dep > li > a { font-size:20px; }
.site-list .sub-dep > li:hover > a { color:#ff5a2b; }
.site-list .sub-dep-2 { margin-top:28px; }
.site-list .sub-dep-2 > li { margin-top:16px; }
.site-list .sub-dep-2 > li > a { position:relative; display:inline-block; font-size:16px; color:#888; }
.site-list .sub-dep-2 > li > a:hover { color:#000; }
.site-list .sub-dep-2 > li > a::before { content:''; position:absolute; bottom:-3px; width:0; height:1px; background-color:#000; transition:all 0.3s; }
.site-list .sub-dep-2 > li > a:hover::before { width:100%; }
.site-map .site-util { padding-top:40px; }
.site-map .site-util a { display:inline-block; margin-left:65px; font-weight:400; }
.site-map .site-util a:first-child { margin-left:0; }

/****************************** 시스템 점검 / 페이지 오류 ******************************/
.error-wrap { position:relative; display:table; width:100vw; height:100vh; box-sizing:border-box; overflow:hidden; }
.error-wrap .error-cont { display:table-cell; text-align:center; vertical-align:middle; }
.error-cont .error-title { font-size:60px; font-weight:400; margin-top:-20px; }
.error-cont .error-title .t-point { color:#ff5a2b; }
.error-cont .error-txt { margin-top:18px; font-size:20px; color:#888; line-height:1.5; font-weight:400; }
.error-cont .btn-wrap { margin-top:55px; }
.error-wrap .deco-txt { position:absolute; top:50%; left:50%; margin:92px 0 0 -481px; display:block; -webkit-text-stroke:1px #888; font-size:300px; line-height:1; color:#fff; font-weight:700; letter-spacing:-0.02em; opacity:0.2; }
.ie .error-wrap .deco-txt { text-shadow: -1px -1px 0 #888, 1px -1px 0 #888, -1px 1px 0 #888, 1px 1px 0 #888; }
.error-wrap .deco-txt.pos { margin:-552px 0 0 -1020px; }
.error-wrap .deco-txt.pos-2 { margin:20px 0 0 263px; }