@charset "UTF-8";
/* 제품검색 | 폰트 추가 */
@font-face {
    font-family: 'GmarketSans';
    src: url('../font/GmarketSans/GmarketSansTTFBold.ttf') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('../font/GmarketSans/GmarketSansTTFMedium.ttf') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('../font/GmarketSans/GmarketSansTTFLight.ttf') format('woff');
    font-weight: 300;
    font-style: normal;
}

.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/vis-1.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-5-4 { background-image:url("../image/sub/vis-1-5-4.jpg"); }
.vis-1-6 { background-image:url("../image/sub/vis-1-6.jpg"); }
.vis-1-7 { background-image:url("../image/sub/vis-1-7.jpg"); }
.vis-2 { background-image:url("../image/sub/vis-2.jpg"); }
.vis-2-1 { background-image:url("../image/sub/vis-2-1.jpg"); } /*[제품검색] 비주얼*/
.vis-2-3 { background-image:url("../image/sub/vis-2-3.jpg"); }
.vis-2-4 { background-image:url("../image/sub/vis-2-4.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-1{background-image:url("../image/sub/vis-4-1.png");} /*추가 230830*/
.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-4-4 { background-image:url("../image/sub/vis-4-4.jpg"); }
.vis-5 { background-image:url("../image/sub/vis-5.jpg"); }
.vis-5-2 { background-image:url("../image/sub/vis-5-2.jpg"); }
.vis-5-3 { background-image:url("../image/sub/vis-5-3.jpg"); }
.vis-5-4 { background-image:url("../image/sub/vis-5-4.jpg"); }
.vis-5-5 { background-image:url("../image/sub/vis-5-5.jpg"); }
.vis-5-6 { background-image:url("../image/sub/vis-5-6.jpg"); }
.vis-6 { background-image:url("../image/sub/vis-6.jpg"); }
.vis-6-2 { background-image:url("../image/sub/vis-6-2.jpg"); }
.vis-7 { background-image:url("../image/sub/vis-7.jpg"); }
.vis-8 {background-image:url("../image/abnormalCase/bg/bg1.png");}
.vis-9 {background-image:url("../image/support/bg/bg1.png"); }
.vis-10 {background-image:url("../image/sub/vis-10.jpg"); }
.vis-10-1 {background-image:url("../image/sub/vis-10-1.png"); } /*2307 임서빈 | 추가*/

.mgt-1 { margin-top:10px !important; }
.mgt-2 { margin-top:20px !important; }
.mgt-2-5 { margin-top:25px !important; } /*제품검색 추가*/
.mgt-3 { margin-top:30px !important; }
.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-10 { margin-top:100px !important; }
.mgt-11 { margin-top:110px !important; }
.mgt-12 { margin-top:120px !important; }
.mgt-13 { margin-top:130px !important; }
.mgt-15 { margin-top:15px !important; } /* 2024-04-19 */
.mgt-55 { margin-top:55px !important; } /* 2024-04-19 */
.mgt-95 { margin-top:95px !important; } /* 2024-04-19 */

.fc { color:#ff5a2b; }
.fb { color:#5CC3EA; text-align: center;} /*231109 추가*/
.fc-2 { color:#888; }
.fw { font-weight:700 !important; }

.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-3.ty-2 > li + li, .list-dot-3 > dd + dd { margin-top:5px; }
.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-dot-4 > li .cpdl { margin-left:1.6em; }
.list-dot-4 > li .cpdl-2 { margin-left:2.4em; }
.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-num-2 { margin:-9px 0 -7px; }
.list-num-2.cmgt { margin-top:21px; }
.list-num-2.cmgt-2 { margin-top:51px; }
.list-num-2 > li { line-height:30px; text-align:left; padding-left:36px; font-weight:400; }
.list-num-2 > li .num { float:left; width:36px; margin-left:-36px; white-space:nowrap; line-height:1; margin-top:7px; font-weight:700; }
.list-num-2 > li + li { margin-top:16px; }
.list-num-2 > li:first-child { margin-top:0 !important; }
.list-num-3 { font-size:20px; font-weight:700; }
.list-num-3 > li + li { margin-top:13px; }
.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.cmgt-3 { margin-top:100px; }
.list-def-2.cmgt-4 { margin-top:75px; }
.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-2 p + p { margin-top:10px; }
.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-3 > dd.cmgl { text-indent:0; margin-left:0; }
.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-def-5 { line-height:30px; }
.list-def-5 > dt { margin:21px 0 3px; }
.list-def-5 > dt:first-child { margin-top:0; }
.list-def-5 > dd { text-indent:-0.6em; line-height:30px; text-align:left; }
.list-def-5 ol, ol.list-def-5 { margin-left: 0.6em; }
.list-def-5 ol > li, ol.list-def-5 > li { text-indent:-1em; margin:4px 0 0 -0.3em; }
.list-def-6 { color:#a5a5a5; margin:4px 0 0 1.5em !important; line-height:30px; }
.list-def-7 { font-size:20px; font-weight:700; line-height:34px; }

.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.flex-1{margin-left: 0;}
.list-ico .item:first-child { margin-left:0; }
.list-ico .item dt, .list-ico .item .item-icon { display:block; font-size:20px; font-weight:700; }
.list-ico .item dt::before, .list-ico .item .item-icon strong::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; }

/* 231109 추가 */
.list-text { margin-top:60px; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; text-align:center; }
.list-text .item.flex-1 { -webkit-box-flex:1; -ms-flex:1; flex:1; margin-left:30px; }
.list-text .item:first-child { margin-left:0; }
.list-text .item dt { display:block; font-size:20px; font-weight:700; }
.list-text .item dd { line-height:30px; margin:6px 0 -8px; }
/* // 231109 추가 */

.list-ico-2 { margin-top:70px; 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; font-weight:400; border-bottom:1px solid #eee; }
.list-ico-2 .item > dt { padding:20px 0 12px; margin:0 0 208px; font-size:20px; font-weight:bold; border-bottom:1px solid #000; }
.list-ico-2 .item > dt.i-lb-7 { letter-spacing:-1.5px; }
.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 + .title-2 { margin-top:118px; }
.list-ico-2 dt::before { content:''; position:absolute; left:61px; top:102px; width:148px; height:148px; background-position:0 0; background-repeat:no-repeat; }
.title-2 + .list-ico-2 { margin-top:-17px; }

.list-ico-3 { margin-top:100px; }
.list-ico-3 dl { position:relative; margin-top:70px; padding-left:160px; }
.list-ico-3 dl::before { position:absolute; top:50%; left:0; transform:translateY(-50%); content:''; display:block; width:120px; height:120px; }
.list-ico-3 dl:first-child { margin-top:0; }
.list-ico-3 dl dt { display:block; font-size:20px; font-weight:700; }
.list-ico-3 dl dd { line-height:30px; margin:6px 0 0 0; }

.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; }
.list-def-3 .list-bar-2.ty-2 { margin:5px 0 0 10px; }
.list-def-3 .list-bar-2.ty-2 > dd::before { display:none; }
.list-def-3 .list-bar-2.ty-2 .tb-data th, .list-def-3 .list-bar-2.ty-2 .tb-data td { padding:5px; height:auto; font-size:13px; }

/****************************** 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 th small { font-size:14px; color:#888; }
.tb-data .linh { line-height:1.3; }
.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, .tb-data-col .con { 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-date { font-size:14px; color:#888; }
.tb-list .tb-al { text-align:left; padding-left:30px; }
.tb-list .tb-subj a:hover { color:#ff5a2b; text-decoration:underline; }

/****************************** TITLE ******************************/
.title-2 { font-size:24px; line-height:40px; font-weight:700; margin:70px 0 22px; }
div.title-2 { display:flex; }
.title-2.cmgt { margin-top:150px; }
.title-2.t-btn-in { margin:80px 0 30px; }
.title-2:first-child { margin-top:-10px; }
.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.line { position:relative; padding-bottom:16px; }
.title-2.line::before { content:''; display:block; position:absolute; bottom:0; left:0; right:0; height:1px; background-color:#000; }

.title-3 { position:relative; font-size:20px; line-height:1; font-weight:700; margin:40px 0 20px; }
.title-3.cmgt { margin-top:60px; }
.title-3.cmgt-2 { margin-top:80px; }
.title-3.cmgt-3 { margin-top:115px; }
.title-3.cmgt-4 { margin-top:100px; }
.title-3.cmgt-5 { margin-top:50px; }
.title-3:first-child { margin-top:0; }
.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; }
.title-5 { font-size:24px; line-height:32px; font-weight:400; }
.title-6 { font-size:30px; line-height:39px; font-weight:700; margin: 2px 0 -9px; }
.title-7 {font-size: 40px; text-align: center; font-weight: 700;} /*231109 추가*/
.title-8 {font-size: 48px; text-align: center; font-weight: 700;} /*231109 추가*/
.title-8 sub{font-size: 14px;} /*231109 추가*/
.title-8 a{font-size: 16px; position: absolute; bottom: 10px; right: 0;} /*231109 추가*/
.title-taxc { text-align:center; }

.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.cmgt-8 { margin-top:10px; }
.cont-txt.cmgt-9 { margin-top:5px; }
.cont-txt p + p { margin-top:30px; }
.cont-txt p + p.cmgt { margin-top:5px; }
.cont-txt .text-i { font-family:'NotoSerifCJKkr'; font-weight:350; }
.cont-txt.ty-2 p + p { margin-top:21px; }
.cont-txt-2 { font-size:30px; line-height:46px; margin:-10px 0 -9px; }
.cont-txt-2 sub{display: block; font-size: 18px;} /*231109 추가*/
.cont-txt-2 + .img { text-align:center; }
.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-5 { font-size:30px; line-height:46px; margin:40px 0 110px; text-align:center; }
.cont-txt-2 p + p { margin-top:35px; }
.cont-txt-6 { margin-top:25px; font-size:20px; font-weight:700; }
.cont-txt-6.cmgt { margin:42px 0 25px; }
.cont-txt-7 { margin-top:22px; font-size:24px; font-weight:700; }
.cont-txt-8 { font-size: 24px; line-height: 36px; } /*231109 추가*/
.cont-txt + .cont-txt-6 { margin-top:35px; }
.fw-thin{font-weight: 300;} /*231109 추가*/

/****************************** 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:64px; 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-thumb-2 { margin-top:60px; }
.list-thumb-2::after { content:''; display:block; clear:both; }
.list-thumb-2 li { position:relative; float:left; width:370px; height:610px; margin-left:30px;}
.list-thumb-2 li:nth-child(3n+1) { margin-left:0; clear:both; }
.list-thumb-2 li:nth-child(3) ~ li{margin-top: 60px;}
/* .list-thumb-2 .thumb { position:relative; width:350px; height:250px; } */
.list-thumb-2 .thumb { position:relative; width:286px; height:280px; margin-top: 20px;}
.list-thumb-2 .flag { position:absolute; top:0; left:0; z-index:2; }
.list-thumb-2 .cate { display:block; /*height:30px;*/ margin-top:20px; }
.list-thumb-2 .subj { font-size:22px; line-height:38px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:10px 0 -4px; font-weight: 700;}
/* .list-thumb-2 .des { display:block; font-size:14px; color:#888; margin:8px 0 0; line-height:22px; display:-webkit-box; max-height:45px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; } */
.list-thumb-2 .des{display: flex; font-size: 14px;}
.list-thumb-2 .des p{}
.list-thumb-2 .des p strong{font-weight: 400;}
.list-thumb-2 .des p:nth-of-type(1){width: 30%;}
.list-thumb-2 .des p:nth-of-type(2){width: 70%; font-weight: 300; text-overflow: ellipsis; overflow: hidden; word-break: break-word;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical} 
.list-thumb-2 .des + .des{margin-top: 10px;}
/* .list-thumb-2 .item { position:absolute; left:50%; width:410px; height:517px; margin-left:-205px; padding:29px; border:solid 1px #fff; transition:border-color 0.1s ease-in-out; } */
.list-thumb-2 .item { position:absolute; left:0%; width:100%; height:610px; margin-left:0; padding:30px; border:solid 1px #E2E2E2; transition:border-color 0.1s ease-in-out; }
.list-thumb-2 .thumb img { position:absolute; left:50%; top:50%; max-height:100%; max-width:100%; transform:translate(-50%,-50%); }
.list-thumb-2 .item:hover, .list-thumb-2 .item.active { border-color:#888; box-shadow: 10px 10px 30px -5px rgba(0,0,0,.3); z-index:2; }
.list-thumb-2 .btn-area { display:flex; opacity:0; position:absolute; left:-1px; right:-1px; bottom:-1px; font-size:0; transition:opacity 0.3s} /*231128 수정*/
.list-thumb-2 .btn-area .btn { display:inline-block; width:50%; height:60px; font-size:14px; line-height:58px; font-weight:700; text-align:center; color:#000; transition:background-color 0.2s; }
.list-thumb-2 .btn-area .btn:first-child { background-color:#000; color:#fff; }
.list-thumb-2 .btn-area:hover .btn:first-child { background-color:transparent; color:#000; }
.list-thumb-2 .btn-area .btn:hover { background-color:#000 !important; color:#fff !important; }
.list-thumb-2 .btn-area .btn { display:inline-block; width:50%; height:60px; font-size:14px; line-height:58px; font-weight:700; text-align:center; color:#000; transition:background-color 0.2s; }
.list-thumb-2 .item:hover .btn-area, .list-thumb-2 .item.active .btn-area { opacity:1; }
/* //제품검색 수정*/

.list-thumb-3 { margin-top:43px; }
.list-thumb-3::after { content:''; display:block; clear:both; }
.list-thumb-3 li { float:left; width:264px; margin-left:38px; }
.list-thumb-3 li:nth-child(4n+1) { margin-left:0; clear:both; }
.list-thumb-3 .item { display:block; }
.list-thumb-3 .thumb { position:relative; width:264px; height:188px; background:#fff; border:solid 1px #fff; transition:border-color 0.1s ease-in-out; }
.list-thumb-3 .thumb img { position:absolute; left:50%; top:50%; max-height:100%; max-width:100%; transform:scale(1) translate(-50%, -50%); transition:transform 0.3s ease; transform-origin:left; }
.list-thumb-3 .subj { font-size:16px; line-height:28px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:15px 0 -4px; text-align:center; transform:translateY(10px); opacity:0; transition:transform 0.3s ease-in-out; }
.list-thumb-3 .item:hover .thumb { border-color:#888; box-shadow: 10px 10px 30px -5px rgba(0,0,0,.3); z-index:2; }
.list-thumb-3 .item:hover .thumb img { transform:scale(0.95) translate(-50%, -50%); }
.list-thumb-3 .item:hover .subj { transform:translateY(0); opacity:1; }

.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 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; }
.ir_info_inner {padding: 80px 0 0 0; color: #ff5a2b;font-weight: 600;}
.ir_info_inner .info {position: relative;}
.ir_info_inner .info::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 13px 0 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../image/common/info.png);
}
.ir_info_inner p {font-weight: 600; vertical-align: middle;}

.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; }
.list-accordion.cmgt { margin-top:100px; }

.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; }
.no-data-2 { padding:60px 0 105px; text-align:center; font-size:18px; color:#888; font-weight:400; }
.no-data-2 .i-sch-4:before { display:block; margin:0 auto -74px; }
.no-data-3 { padding:350px 0 215px; text-align:center; font-size:18px; color:#888; font-weight:400; }
.no-data-3 .i-sch-5:before { display:block; margin:0 auto -44px; }
.no-data-4 { padding:162px 0 154px; text-align:center; font-size:24px; font-weight:400;border-top:solid 1px #000; border-bottom:solid 1px #eee; }
.no-data-4 .i-no-data:before { display:block; margin:0 auto 15px; }
.i-sch-point{width: 23px; height: 23px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37' fill='none'%3E%3Cpath d='M27.7701 15.0579C27.7701 22.2914 21.9796 28.1158 14.8851 28.1158C7.79054 28.1158 2 22.2914 2 15.0579C2 7.82439 7.79054 2 14.8851 2C21.9796 2 27.7701 7.82439 27.7701 15.0579Z' stroke='%23FF4E00' stroke-width='4'/%3E%3Cpath d='M25.5469 25.0293L35.0009 35.0001' stroke='%23FF4E00' stroke-width='4'/%3E%3C/svg%3E"); background-position: 0 0; background-size: 100% auto;} /*제품검색 추가*/

.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:75px; }
.cont-col.cmgt-5 { margin-top:90px; }
.cont-col .title, .cont-col .flo-l { width:240px; float:left; }
.cont-col .title-2 { margin-bottom:-8px; }
.cont-col .cont { width:930px; float:right; }
.cont-col .cont.ty-2 { padding-right:120px; }
.cont-col .cont.ty-3{width: 100%; float: none;} /*231109 추가*/
.cont-col.ty-4{width: 810px; margin-left: 240px;} /*231109 추가*/
.cont-col .img-full { margin-left:-20px; text-align:center; } /*231109 수정*/
.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; }
.cont-col.line.ty-2 { padding-top:110px; }
.cont-col.ty-2 > img { width:100%; }

/****************************** 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-3 { position:relative; }
.tab-3:before { content:''; position:absolute; left:50%; bottom:0; height:71px; width:100vw; max-width:1920px; min-width:1200px; transform:translateX(-50%); background:#fff; border-bottom:1px solid #eee; box-sizing:border-box; }
.tab-3.bg:before { background:#fafafa; }
.tab-3 .tab-in { width:1170px; display:-webkit-box; display:-ms-flexbox; display:flex; box-sizing:border-box; margin:0 auto; }
.tab-3 .tab-in li { flex:1; text-align:center; }
.tab-3 .tab-in li .tab-item { position:relative; display:block; height:71px; font-size:16px; color:#888; line-height:74px; box-sizing:border-box; overflow:hidden; }
.tab-3 .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:#000; }
.tab-3 .tab-in li .tab-item:hover::after, .tab-3 .tab-in li.active .tab-item::after { width:100%; }
.tab-3 .tab-in li.active .tab-item { color:#000; }
.tab-3 .tab-in .tab-item .count { position:absolute; font-size:14px; margin:-9px 0 0 9px; }
.tab-4 { margin-top:50px; }
.tab-4 .tab-in { display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:center; }
.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; }
.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::after { content:''; display:block; clear:both; }
.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:63px; }
.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:60px; box-sizing:border-box; }
.list-preview dd + dt { left:auto; right:0; }
.list-preview dd + dt + dd { float:right; padding-right:60px; }
.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; }

/****************************** 기업소개 - 석천 윤영환 ******************************/
.person-introduce { position:relative; margin-top:-100px !important; padding-top:160px; padding-bottom:160px; }
.person-introduce::before { content:''; position:absolute; top:0; background:#f9f8f6; width:1920px; height:100%; left:50%; transform:translateX(-50%); z-index:-1; }
.person-introduce::after { content:''; position:absolute; width:599px; height:494px; bottom:0; left:50%; margin-left:37px; background:url("../image/sub/founder-1-1.jpg") 0 0 no-repeat; z-index:-1; }
.person-introduce .cont { line-height:1.8; }
.person-introduce .cont p + p { margin-top:40px; }

.management { width:1300px; }
.management .cr-row .cr-cont { width:600px; }
.management .cr-row.sec { padding:269px 0 0; }
.management .cr-row.sec .cr-cont { width:100%; }
.management .cr-row.sec-2 { padding:175px 0 80px; margin-top:0; margin-left:-100px; }
.management .cr-row.sec-2 .deco-img { top:202px; }
.management .cr-row.sec-2 .cr-cont { width:640px; margin-right:24px; }
.management .cr-row.sec-3 { padding:199px 0 305px; }
.management .cr-row.sec-3 .deco-img { margin-left:31px; }
.management .cr-row.sec-4 { padding:25px 65px 305px 0; margin-left:-115px; }
.management .cr-row.sec-4 .cr-cont { width:623px; }
.management .cr-row.sec-4 .deco-img { top:10px; margin-left:-758px; }
.management .cr-row.sec-5 { padding:128px 0 305px; }
.management .cr-row.sec-5 .deco-img { top:-94px; margin-left:302px; }
.management .cr-row.sec-5 .cr-cont { width:644px; }
.management .cr-row.sec-5 .cr-title { font-size:40px; text-align:left; }
.management .cr-row.sec-6 { padding:41px 0 0; }
.management .cr-row.sec-6 .cr-cont { padding-bottom:95px; }
.management .cr-row.sec-6 .cr-title { font-size:60px; text-align:left; line-height:82px; }
.management .cr-row.sec-7 { padding:115px 0 190px; }
.management .cr-row.sec-7 .deco-img { top:-33px; margin-left:-758px; }
.management .cr-row.sec-7 .cr-cont { width:636px; }
.management .cr-row.sec-8 { padding:159px 0 305px; }
.management .cr-row.sec-8 .deco-img { top:99px; margin-left:191px; }
.management .cr-row.sec-8 .cr-cont { width:608px; }


/****************************** 기업소개 - 경영철학 ******************************/
.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; }

/* 231109 수정 */
.in-1-section .cont-col .title, 
.in-1-section .cont-col .title-2, 
.in-1-section .cont-col .title-3, 
.in-1-section .cont-col .title-7, 
.in-1-section .cont-col .title-8, 
.in-1-section .cont-col .cont-txt,
.in-1-section .cont-col .cont-txt-2,
.in-1-section .cont-col .cont-txt-8, 
.in-1-section .cont-col .list-ico .item,
.in-1-section .cont-col .list-text .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 .cont-col .img img{width: 100%;}
/* // 231109 수정 */

.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; }

/* 231109 추가 */
.in-1-section .cont-col .list-text .item:nth-child(2) { -webkit-transition-delay:100ms; transition-delay:100ms; }
.in-1-section .cont-col .list-text .item:nth-child(3) { -webkit-transition-delay:200ms; transition-delay:200ms; }
.in-1-section .cont-col .list-text .item:nth-child(4) { -webkit-transition-delay:300ms; transition-delay:300ms; }
.in-1-section .cont-col .list-text .item:nth-child(5) { -webkit-transition-delay:400ms; transition-delay:400ms; }
/* // 231109 추가 */

.in-1-section .in-1-txt .deco-img.ty-2 { -webkit-transition-delay:200ms; transition-delay:200ms; }
.in-1-section .cont-col.delay .cont-txt-2 { -webkit-transition-delay:200ms; transition-delay:200ms; } /*231109 수정*/

/* 231109 수정 */
.in-1-section .cont-col.ani-visible .title,
.in-1-section .cont-col.ani-visible .title-2,
.in-1-section .cont-col.ani-visible .title-3,
.in-1-section .cont-col.ani-visible .title-7, 
.in-1-section .cont-col.ani-visible .title-8, 
.in-1-section .cont-col.ani-visible .cont-txt, 
.in-1-section .cont-col.ani-visible .cont-txt-2, 
.in-1-section .cont-col.ani-visible .cont-txt-8, 
.in-1-section .cont-col.ani-visible .list-ico .item,
.in-1-section .cont-col.ani-visible .list-text .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); }
/* // 231109 수정 */

/* 231109 추가 */
/****************************** 기업소개 - 기업개요 ******************************/
.cont-col.intro{position:relative;}
.cont-col.intro .cont-txt-2{line-height: 24px; font-size: 24px;}
.cont-col.intro .title.company-head {float: none; width: auto; position:relative; padding:30px 0 0; font-size:50px; font-weight:bold; text-align:center; }
.cont-col.intro .cont{width: 100%; float: none;}
.cont-col .list-text{text-align: left;}
.cont-col .list-text .item dt{font-size: 34px; font-weight: 500;}
.cont-col .list-text .item dd{font-weight: 300;}

/****************************** 기업소개 - 대웅WAY ******************************/
.company-swiper{position: relative; overflow: hidden; opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:all 600ms ease 100ms; transition:all 600ms ease 100ms; }
.company-swiper.ani-visible { opacity:1; -webkit-transform:translateY(0);transform:translateY(0); }
.company-swiper .swiper-slide{width: 100%; height: 600px;}
.company-swiper .swiper-button-next, .company-swiper .swiper-container-rtl .swiper-button-prev,
.company-swiper .swiper-button-prev, .company-swiper .swiper-container-rtl .swiper-button-next{width: 50px; height: 50px; background: #F60;}
.company-swiper .swiper-button-prev::before, .company-swiper .swiper-button-next::before{display: none;}
.company-swiper .swiper-button-prev::after{left: 70%;}
.company-swiper .swiper-button-next::after{left: 35%;}
/* // 231109 추가 */

/****************************** 기업소개 - 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:-87px; background:url("../image/sub/company-in-2.jpg") 0 0 no-repeat; z-index:-1; }
.ceo-greeting .cont-img { position:relative; }
.ceo-sign { display: flex; gap: 0 60px; padding-left: 80px; margin-top: 100px;} /*231117 수정*/
.ceo-sign img { display:inline-block; margin:-24px 0 0 15px; } /*231122 수정*/

/****************************** 기업소개 - CI소개 ******************************/
.ci-logo { margin-left: 100px; text-align:center; }
.ci-signature { overflow:hidden; margin:46px 0 67px; }
.ci-signature li { position:relative; float:left; width:355px; }
.ci-signature li .signature { display:block; margin-top:12px; }
.ci-signature li + li { padding-left:80px; }
.ci-signature li + li::before { content:''; display:inline-block; width:1px; height:46px; border-left:1px solid #eee; position:absolute; bottom:0; left:0; }
.ci-color { overflow:hidden; margin-top:30px; padding:20px 30px 30px; height:222px; border:1px solid #eee; }
.ci-color .item { position:relative; width:347px; float:left; font-weight:400; }
.ci-color .item:nth-child(even) { float:right; }
.ci-color .item::before, .ci-color .item::after { content:''; display:inline-block; position:absolute; right:0; top:10px; }
.ci-color .item::before { width:198px; height:158px; border:1px solid #e98300; }
.ci-color .item::after { right:51px; top:61px; width:148px; height:108px; background-color:#e98300; }
.ci-color .item.ty-2::before { border-color:#575a5c; }
.ci-color .item.ty-2::after { background-color:#575a5c; }
.ci-color .item .subj { font-size:16px; line-height:30px; }
.ci-color .item .txt { margin-top:32px; font-size:14px; line-height:24px; color:#888; }
.ci-btn-area { margin-top:17px; }

/****************************** 기업소개 - 관계사 ******************************/
.company-list { overflow:hidden; }
.company-list .item { float:left; width:290px; margin-left:30px; margin-top:60px; border-bottom:1px solid #eee; }
.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 { position:relative; padding:25px 0 28px 20px; min-height:185px; }
.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; }
.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; flex-wrap:wrap; justify-content:left; }
.global-network .tab-4 .tab-in li + li { margin-bottom:5px; }
.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:436px; top:133px; }
.global-network .pin.p-2 { margin-right:181px; top:244px; }
.global-network .pin.p-3 { margin-right:282px; top:228px; }
.global-network .pin.p-4 { margin-right:222px; top:279px; }
.global-network .pin.p-5 { margin-right:139px; top:316px; }
.global-network .pin.p-6 { margin-right:77px; top:158px; }
.global-network .pin.p-7 { margin-right:167px; top:139px; }
.global-network .pin.p-8 { margin-right:128px; top:121px; }
.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; }
.global-network .pin.p-12 { margin-right:176px; top:316px; }

.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.cmgt { padding-top:120px; }
.history-group.cmgt .history { margin-top:-30px; }
.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:1450px) {
    .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; }
.activity-history .deco-img.pos-l.cmgt { margin:95px; }

.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; }

/****************************** 기업소개 - 사이버신문고 ******************************/
.cyber-target li[class^=i-em-4-1]::before { content:''; display:block; width:134px; height:134px; margin:0 auto 13px; background-image:url("../image/sub/i-em-4-1.png"); }
.i-em-4-1::before { background-position:0 0; }
.i-em-4-1-2::before { background-position:-144px 0; }
.i-em-4-1-3::before { background-position:-288px 0  }

.cyber-step li[class^=i-em-4-2]::before { content:''; display:block; width:60px; height:60px; margin:0 auto 13px; background-image:url("../image/sub/i-em-4-2.png"); }
.i-em-4-2::before { background-position:0 0; }
.i-em-4-2-2::before { background-position:-70px 0; }
.i-em-4-2-3::before { background-position:-140px 0; }
.i-em-4-2-4::before { background-position:-210px 0; }

.cyber-target { overflow:hidden; }
.cyber-target li { float:left; margin-left:20px; padding:35px 30px 59px; width:296px; height:268px; border:1px solid #eee; line-height:30px; font-weight:400; }
.cyber-target li:first-child { margin-left:0; }
.cyber-rule { margin-top:40px; overflow:hidden; }
.cyber-rule .list-def { position:relative; float:left; width:450px; box-sizing:border-box; }
.cyber-rule .list-def:nth-child(2) { padding-left:30px; width:480px; border-left:1px solid #eee; }
.cyber-step { display:table; width:100%; padding:50px 0 45px; border:1px solid #eee; }
.cyber-step li { display:table-cell; position:relative; width:25%; text-align:center; font-weight:700; }
.cyber-step li .step, .cyber-step li .stxt { display:block; font-size:14px; font-weight:400; line-height:24px; }
.cyber-step li .step { color:#ff5a2b; }
.cyber-step li .stxt { color:#888; }
.cyber-step li::before { display:block; margin:0 auto 20px; }
.cyber-step li::after { content:''; position:absolute; top:22px; right:-2px; display:inline-block; width:7px; height:7px; border:solid 2px #000; border-width:0 2px 2px 0; transform:rotate(-45deg) skew(3deg, 3deg); transform-origin:left; }
.cyber-step li:last-child::after { display:none; }
.cyber-gudie { margin-top:80px; }
.cyber-gudie::after { content:''; display:block; clear:both; }
.cyber-gudie .title-3 { float:left; width:153px; }
.cyber-gudie .list-dot-4 { float:right; width:777px; margin-top:-8px; }

/****************************** 기업소개 - 오시는길 ******************************/
.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; }
.contact-map .map-info .map-title .title.ty-2 { font-size:30px; }
.contact-map .map-info .title { font-size:40px; line-height:60px; font-weight:400; margin: -10px 0 -9px; }
.contact-map .map-title .info { display:block; margin-top:13px; }
.contact-map .map-info .map-detail { position:relative; float:right; margin-top:5px; width:930px; }
.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 { width:810px; }
.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 .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; }

/****************************** 제품소개 - 제품인덱스 ******************************/
.product-anchors { position:absolute; left:0; top:0; bottom:0; z-index:10; opacity:0; }
.product-anchors .inner { position:absolute; left:0; top:-160px; bottom:0; width:130px; height:100vh; padding-top:160px; background:rgba(0,0,0,0.1); border-right:1px solid rgba(255,255,255,0.15); transition:top 400ms linear; }
.product-anchors.fixed .inner { position:fixed; height:auto; }
.product-anchors.fixed.min:not(.is-active) .inner { top:-80px; }
.product-anchors.fixed.is-active.min .inner { top:-100px; -webkit-transition-delay:300ms; transition-delay:300ms; }
body.up .product-anchors.fixed.is-active.min .inner { top:-20px; -webkit-transition-delay:400ms; transition-delay:400ms; }
.product-anchors .anchor { display:block; background:transparent; border-bottom:1px solid rgba(255,255,255,0.15); transition:background 400ms linear; }
.product-anchors a { display:block; overflow:hidden; }
.product-anchors img { margin-left:0;  transition:margin 400ms; }
.product-anchors .active { background:#fff; }
.product-anchors .active img { margin-left:-130px; }

#product-section.product-section { background:#194632 url("../image/sub/product-bg.jpg") center top no-repeat; }
#product-section.product-section .sch-keyword .item:hover { color:#284935; }
#product-section-2.product-section { background:#092b73 url("../image/sub/product-bg-2.jpg") center top no-repeat; }
#product-section-2.product-section .sch-keyword .item:hover { color:#52667b; }
#product-section-3.product-section { background:#68b5bd url("../image/sub/product-bg-3.jpg") center top no-repeat; }
#product-section-3.product-section .sch-keyword .item:hover { color:#3c9da5; }
#product-section-4.product-section { background:#00b65a url("../image/sub/product-bg-4.jpg") center top no-repeat; }
#product-section-4.product-section .sch-keyword .item:hover { color:#3d793c; }
#product-section-5.product-section { background:#7cb9ef url("../image/sub/product-bg-5.jpg") center top no-repeat; }
#product-section-5.product-section .sch-keyword .item:hover { color:#0070cd; }
#product-section-6.product-section { padding-top:877px; color:#000; background:#fbece8 url("../image/sub/product-bg-6.jpg") center top no-repeat; }
#product-section-6.product-section::before { top:750px; background:rgba(255,255,255,0.8); }
#product-section-6.product-section .sch-keyword .item:hover { color:#00545c; }
#product-section-6.product-section .list li { border-bottom-color:rgba(0,0,0,0.2); }
#product-section-6.product-section .list li + li::before { background:rgba(0,0,0,0.2); }
#product-section-6.product-section .title-sub .btn-c-3 { border-color:#fff; }
#product-section-6.product-section .contents { padding-top:0; }
#product-section-7.product-section { background:#cac8c9 url("../image/sub/product-bg-7.jpg") center top no-repeat; }
#product-section-7.product-section .sch-keyword .item:hover { color:#a81323; }
#product-section-7.product-section .title-sub {color: #000;}
#product-section-7.product-section .title-sub span {font-weight: 700;}
#product-section-7.product-section .txtle-sub {color: #000; margin-bottom: 38px;}
#product-section-7.product-section .txtle-sub-2 { margin-top:94px; margin-bottom:50px; }
#product-section-7.product-section .sch-keyword .item {color: #000;}
#product-section-7.product-section .list {width: 930px; position: relative; margin-top: 0;}
#product-section-7.product-section .list::before {display: block; position: absolute; top: 0; left: 0; font-size: 16px; font-weight: 600; color: #000;}
#product-section-7.product-section .list:nth-of-type(n + 2) {padding-top: 0;}
#product-section-7.product-section .list:nth-of-type(n + 2)::before {top: 0;}
#product-section-7.product-section .list:nth-of-type(1)::before {content: '간 건강'; }
#product-section-7.product-section .list:nth-of-type(2)::before {content: '혈행 건강'; }
#product-section-7.product-section .list:nth-of-type(3)::before {content: '기초영양'; }

#product-section-7.product-section .list li {width: 33.33333%; border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
#product-section-7.product-section .list li + li::before {display: none;}
#product-section-7.product-section .list li::after { content: ''; position: absolute; left: 0; bottom: 0; width: 1px; height: 10px; background: rgba(0, 0, 0, 0.2);}
#product-section-7.product-section .list li:nth-child(1)::after, #product-section-7.product-section .list li:nth-child(4n)::after { display:none; }
#product-section-7.product-section .list .name {color: #000; padding: 40px 0 14px 0;}
#product-section-7.product-section .list .list-tit {font-size: 16px; text-align: left; color: #000; font-weight: 600;}

.product-section { position:relative; padding:900px 0 0; color:#fff; }
.product-section::before { content:''; position:absolute; top:900px; left:131px; right:0; height:1px; background:rgba(255,255,255,0.15); }
.product-section .contents { width:974px; padding:120px 22px 160px 22px; }
.product-section .title { position:relative; margin:0 0 30px; font-size:14px; line-height:1; }
.product-section .title-2 { margin:40px 0 30px; font-size:16px; line-height:1; }
.product-section .title .ps { display:inline-block; vertical-align:bottom; margin:0 0 6px 20px; }
.product-section .title-sub { position:relative; margin:0 0 38px; font-size:30px; font-weight:500; line-height:1.53; }
.product-section .title-sub .btn-c-3, .product-section .title .btn-c-3 { position:absolute; top:-3px; right:-22px; color:#fff; border-color:#fff; background-color:rgba(0,0,0,0.2); }
.product-section .btn-c-3.row-2 { line-height:1; text-align:center; padding:4px 45px 4px 20px; }
.product-section .i-window-4.row-2::after { position:absolute; top:50%; margin-top:-8px; }
.product-section .title-sub .btn-c-3:hover, .product-section .title .btn-c-3:hover { border-color:#000; background-color:#000; }
.product-section .title-sub .btn-c-3 + .btn-c-3 { right:-174px; }
.product-section .title-sub + .title { margin-top:-18px; margin-bottom:40px; }
.product-section .title-sub-2 { margin:0 0 25px; font-size:14px; }
.product-section .sch-keyword { margin:-11px 0 94px -20px; }
.product-section .sch-keyword + .title-2 { margin:-35px 0 7px; }
.product-section .sch-keyword .item { position:relative; display:inline-block; height:30px; font-size:14px; color:inherit; line-height:29px; border-radius:30px; box-sizing:border-box; padding:0 20px; margin:11px 3px 0 0; transition:background 0.3s; }
.product-section .sch-keyword .item:hover { background:#fff; color:#284935; z-index:2; }
.product-section .list { margin-top:-50px; font-size:14px; line-height:1; text-align:center; }
.product-section .list::after { content:''; display:block; clear:both; }
.product-section .list li { position:relative; float:left; width:33.3%; margin-top:50px; border-bottom:1px solid rgba(255,255,255,0.2); }
.product-section .list li.add-des { margin-bottom:70px; }
.product-section .list li + li::before { content:''; position:absolute; left:0; bottom:0; width:1px; height:10px; background:rgba(255,255,255,0.2); }
.product-section .list li:nth-child(3n+1) { clear:left; }
.product-section .list li:nth-child(3n+1)::before { display:none; }
.product-section .list .name { display:block; padding:14px 0; }
.product-section .list .txt { position:absolute; top:107%; left:50%; transform:translateX(-50%); width:80%; text-align:left; font-size:12px; text-indent:-0.4em; margin-left:0.8em; line-height:16px; }
.product-section .list .txt::before { content:'*'; display:inline-block; margin-right:4px; vertical-align:top; }
.product-section .list .txt-2 { position:absolute; top:105%; left:50%; transform:translateX(-50%); width:80%; text-align:left; font-size:12px; text-indent:-0.4em; margin-left:0.8em; line-height:16px; }
.product-section .list .txt-2 > span { display:block; }
.product-section .list .txt-2 > span::before { content:''; display:inline-block; margin-right:4px; width:2px; height:2px; border-radius:2px; background-color:#fff; vertical-align:middle; }
.product-section .list .txt-2 > span + span { margin-top:7px; }

.product-section .list img { width:270px; height:190px; }
.product-section .list.ty-2 li { width:25%; }
.product-section .list.ty-2 li:nth-child(3n+1) { clear:none; }
.product-section .list.ty-2 li:nth-child(3n+1)::before { display:block; }
.product-section .list.ty-2 img { width:210px; height:190px; }

/* S : 24-09-13 리스트 유형 추가(이미지 사이즈 위해 새 타입 추가) */
.product-section .list.ty-3 li { width:25%; }
.product-section .list.ty-3 li:nth-child(3n+1) { clear:none; }
.product-section .list.ty-3 li:nth-child(3n+1)::before { display:block; }
.product-section .list.ty-3 img { width:213px; height:150px; }
/* E : 24-09-13 리스트 유형 추가(이미지 사이즈 위해 새 타입 추가) */

/****************************** 제품소개 - 제품검색 ******************************/
/* 제품검색 수정&추가 // */
.autocomp-list{z-index: 100;}
.cont-bg { position:relative; padding-top:60px; padding-bottom:50px;}
.cont-bg.product-sch {padding-top:0;padding-bottom:40px;} /* 2024-04-19 */
/* .cont-bg::before { content:''; display:block; position:absolute; top:0; width:1920px; height:100%; background:#fafafa; left:50%; transform:translateX(-50%); z-index:-1; } */
/* .product-sch { width:1170px; margin:0 auto; position:relative; padding-right:74px; padding-left:360px; margin-top:-100px; } */
/* .product-sch .title { position:absolute; left:0; top:74px; font-size:18px; font-weight:400; line-height:28px; } */
.fm-ipt-5{width: 100%; height: 56px; font-size: 16px; padding: 0 10px; font-weight: 400; border: 5px solid #FF4E00;}
.fm-ipt-5::placeholder{color: #FF6000 !important;} /*230918 | important 추가*/
.fm-sch-5{position: absolute; right: 25px; top: 50%; padding: 5px; transform: translateY(-50%);}

.cont-bg.product-sch {padding-top:0;padding-bottom:40px;} 
.product-sch .title{font-size: 60px; font-weight: bold;}
.product-sch .title sub{position: relative; top: -15px; font-size: 18px; font-weight: 400;}
.product-sch .fm-ipt-2.fc{border: 5px solid #FF4E00;}
.product-sch .keyword-box{margin-top: 35px;}
.product-sch .keyword-box > div ul{flex: 0 0 90px; margin-right: 15px;} /*231130 수정*/
.product-sch .title-1{flex: 0 0 150px; font-size: 30px;}
.product-sch .title-1 + .fm-item{flex: 1;}
.product-sch .keyword-box .title-2{flex: 0 0 150px; font-size: 22px;}
.product-sch .sch-keyword { }
.product-sch .sch-keyword .item { position:relative; display:inline-block; height:36px; font-size:14px; color:#696969; line-height:34px; border-radius:20px; text-align:center; border:solid 1px #eee; box-sizing:border-box; padding:0 14px; margin:0 3px 12px 0; background: #F3F3F3; transition:border-color 0.3s; }
.product-sch .sch-keyword .item:hover { border-color:#FF4E00; color:#FF4E00; z-index:2; }
.product-sch .sch-keyword .item.active { background:#FF4E00; border-color:#FF4E00; z-index:2; color:#fff; }
.product-sch .sch-initial { margin-top:40px; overflow:hidden; }
.product-sch .sch-initial .item { position:relative; float:left; width:50px; height:50px; font-size:18px; color:#888; line-height:50px; text-align:center; margin-left:-1px; background-color:#fff; border:solid 1px #ddd; box-sizing:border-box; transition:border-color 0.3s; }
.product-sch .sch-initial .item:hover { border-color:#000; color:#000; z-index:2; }
.product-sch .sch-initial .item:first-child { font-size:14px; margin-left:0; }
.product-sch .sch-initial .item.active { background-color:#000; border-color:#000; z-index:2; color:#fff; }
/* .product-sch .sch-efficacy { margin-top:36px; }
.product-sch .sch-efficacy::after { content:''; display:block; clear:both; }
.product-sch .sch-efficacy .fm-item { float:left; width:calc(50% - 15px); background: red;}
.product-sch .sch-efficacy .fm-item + .fm-item { margin-left:30px; } */
.autocomp-list{display: none; background: #fff; position: absolute; top: 56px; left: 0; width: 100%; max-height: 300px; padding: 5px 0; border: 1px solid #EEE; overflow-y: auto;}
.autocomp-list li{padding: 0 20px;}
.autocomp-list li span{display: block; border-bottom: 1px solid #F5F5F5; color: #474747; padding: 10px 0; cursor: pointer;}
.autocomp-list li:hover{background: #efefef;}
.product-sch-tab{}
.product-sch-tab::before{height: 55px; left: 0; transform: none; min-width: 100%; width: 100%; border-bottom: 2px solid #7F7F7F; background: #fff !important;}
.product-sch-tab .tab-in li .tab-item{color: #4F4F4F; height: 55px; line-height: 59px; overflow: initial;font-weight: 600;} /* 2024-04-19 */
.product-sch-tab .tab-in li.active .tab-item{border: 2px solid #7F7F7F;font-weight: 800;font-size:20px} /* 2024-04-19 */
.product-sch-tab .tab-in li.active .tab-item::after{display: block; content: " "; position: absolute; bottom: -2px; left: 0; width: 100%; height: 100%; transform: none; border-bottom: 2px solid #fff; background: transparent;}
.product-sch-tab .tab-in li.active .tab-item::before{display: none;}
.product-sch-tab .tab-in li.active + li .tab-item::before{display: none;}
.product-sch-tab .tab-in li .tab-item::after{display: none;}
.product-sch-tab .tab-in li .tab-item::before{content: ''; display: block; position: absolute; left: 0; top: 35%; width: 1px; height: 15px; transition: none; transform: none; background-color: #D9D9D9;}
.product-sch-tab .tab-in li .tab-item:hover::before, .product-sch-tab .tab-in li.active .tab-item::before{width: 1px;}
.product-sch-tab .tab-in li:first-of-type .tab-item::before{display: none;}
.product-sch-tab .tab-in .tab-item .count{display: none;}
.product-ctg{border: 1px solid #F4F1ED;}
.product-ctg dl{display: flex; align-items: center;}
.product-ctg dl dt{width: 20%; font-size: 18px; padding: 15px 0 15px 35px; font-weight: 700;}
.product-ctg dl dd{width: 80%; font-size: 16px;}
.product-ctg dl + dl{border-top: 1px solid #F4F1ED;}
.product-ctg dl:nth-of-type(1){color: #468B34;} /* 2024-04-19 */
.product-ctg dl:nth-of-type(2){color: #DC7700;} /* 2024-04-19 */
.product-ctg dl:nth-of-type(3){color: #6599BA;} /* 2024-04-19 */
.product-ctg dl:nth-of-type(1) dd{color: #3F7832;} /* 2024-04-19 */
.product-ctg dl:nth-of-type(2) dd{color: #D18900;} /* 2024-04-19 */
.product-ctg dl:nth-of-type(3) dd{color: #6CA0C2;} /* 2024-04-19 */
.product-img-wrap{width: 100%;}
.product-img-wrap img{max-width: 100%;}
.nt-y{padding: 3px 19px; position: absolute; top: -60px; right: 0; border: 1px solid #E5E1C6; background: #FFFADC; font-size: 14px; text-align: left; font-weight: 300;}
.nt-y strong{font-weight: 500;}
.floating-side{display: flex; width: 100%; max-width: 1500px; height: 0; justify-content: flex-end; position: sticky; top: 50%; left: 0%; margin: auto; z-index: 10;}
.floating-side ul{height: 289px; border-radius: 6px; border: 1px solid #E5E5E5; background: #fff; margin-top: -70px;} /*231122 수정*/
.floating-side ul li{text-align: center; margin: 0 10px;}
.floating-side ul li a{display: block; font-size: 14px; padding: 13px 0;}
.floating-side ul li a i{margin-bottom: 5px;}
.floating-side ul li + li{border-top: 1px solid #E5E5E5;}
.floating-side ul li em{font-weight: 600;}

.product-sch-swiper{position: relative; overflow: hidden;}
.product-sch-swiper .swiper-slide{width: 100%;}
.product-sch-swiper .swiper-button-next, .product-sch-swiper .swiper-container-rtl .swiper-button-prev,
.product-sch-swiper .swiper-button-prev, .product-sch-swiper .swiper-container-rtl .swiper-button-next{width: 50px; height: 50px; background: #F60;}
.product-sch-swiper .swiper-button-prev::before, .product-sch-swiper .swiper-button-next::before{display: none;}
.product-sch-swiper .swiper-button-prev::after{left: 70%;}
.product-sch-swiper .swiper-button-next::after{left: 35%;}
.product-sch-swiper .swiper-pagination {position: relative; width: 100%; text-align: center; margin-top: 45px;}
.product-sch-swiper .swiper-pagination-bullet::before{width: 14px; height: 14px;}
.product-sch-swiper .swiper-pagination-bullet {width: auto; height: 20px; text-align: center; line-height: 20px; font-size: 15px; color: #fff; font-weight: 700; opacity: 1; letter-spacing: 2.25px; padding: 0 15px;}
.product-sch-swiper .swiper-pagination-bullet-active {color: #FF8901;}
/* // 제품검색 수정&추가 */


/****************************** 제품소개 - 제품상세 ******************************/
.product-detail { margin-bottom:127px; } /*[제품검색]*/ /* 2024-04-19 */
.product-detail::after {  content:''; display:block; clear:both; }
.product-detail .product-thumb { float:left; width:570px; }
.product-detail .product-info { position:relative; min-height:450px; float:right; width:570px; padding-bottom:0px; } /* 2024-04-19 */
.product-detail .product-info .title { font-size:34px; line-height:56px; font-weight:700; padding:15px 0 15px; } /*제품검색 수정*/
.product-detail .product-info .btn-area { position:absolute; bottom:0; font-size:0; }
.product-detail .product-info .btn-area a + a { margin-left:14px; }
.product-detail .product-info .btn-area a:nth-of-type(1){margin-left: 0;}
.product-detail .product-info .info { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; padding-bottom:0; padding-top:20px; } /*[제품검색]*/ /* 2024-04-19 */
.product-detail .product-info .info dt { position:relative; width:121px; font-weight:700; line-height:26px; padding:10px 0 10px 0px; box-sizing:border-box; } /*제품검색 수정*/
.product-detail .product-info .ico-txt-11 + .title{border-bottom: 2px solid #A5D15E;} /*제품검색 추가*/
.product-detail .product-info .ico-txt-12 + .title{border-bottom: 2px solid #6CA0C2;} /*제품검색 추가*/
.product-detail .product-info .ico-txt-13 + .title{border-bottom: 2px solid #FCC501;} /*제품검색 추가*/
.product-detail .product-info .ico-txt-14 + .title{border-bottom: 2px solid #8578C9;} /*제품검색 추가*/
/* .product-detail .product-info .info dt::after { content:''; position:absolute; bottom:0; right:0; display:block; width:1px; height:10px; background:#eee; } */ /*제품검색 주석*/
.product-detail .product-info .info dd { width:calc(100% - 121px); line-height:26px; padding:10px 20px 10px 20px; font-weight: 400;} /*제품검색 수정*/
.product-detail .product-info .info + p{display: block; font-size: 15px; margin-bottom: 15px;width: calc(100% - 121px);margin-left: 141px;} /*[제품검색]*/ /* 2024-04-19 */
.product-detail .product-info .btn-wrap {margin-top:80px !important;} /* 2024-04-19 */
.big-photo { display:table-cell; width:570px; height:360px; margin:0 auto; overflow:hidden; vertical-align:middle; text-align:center; }
.big-photo img { max-width:504px; max-height:100%; }
.product-thumb-list { position:relative; padding:0 52px; margin: auto; margin-top:29px; max-width: 380px;} /*231129_v2 수정*/
.product-thumb-list .swiper-slide { width:86px; height:62px; }
.product-thumb-list a { display:table-cell; width:86px; height:62px; border:solid 1px #eee; box-sizing:border-box; vertical-align:middle; font-size:0; transition:border 0.2s ease; }
.product-thumb-list .swiper-slide.active a, .product-thumb-list a:hover { border:solid 1px #000; }
.product-thumb-list a img { max-width:100%; max-height:100%; }
.product-thumb-list::before { content:''; position:absolute; top:0; left:0; bottom:0; z-index:2; width:52px; background:#fff; }
.product-thumb-list::after { content:''; position:absolute; top:0; right:0; bottom:0; z-index:2; width:52px; background:#fff; }
.product-thumb-list .swiper-button-prev { max-width:100%; max-height:100%; }
.product-thumb-list .swiper-button-prev, .product-thumb-list .swiper-button-next { position:absolute; width:32px; height:32px; background:transparent; left:15px; border:none; margin-top:-16px; }
.product-thumb-list .swiper-button-next { left:auto; right:15px; top:50%; }
.product-thumb-list .swiper-button-prev::before, .product-thumb-list .swiper-button-prev::after, .product-thumb-list .swiper-button-next::before, .product-thumb-list .swiper-button-next::after { display:none; }
.product-related-wrap { width:1920px; min-width:1170px; background:#fafafa; margin:0 -375px 0; padding:80px 0 77px 0; }
.product-related { width:1170px; margin:0 auto; position:relative; }
.product-thumb-list .swiper-button-prev, .product-thumb-list .swiper-button-next { position:absolute; width:32px; height:32px; overflow:hidden; }
.product-thumb-list .i-prev, .product-thumb-list .i-next { position:absolute; right:50%; top:50%; margin:-8px -5px 0 0; }
.product-thumb-list .i-next { left:50%; right:auto; margin:-2px 0 0 -5px; }
.product-thumb-list .swiper-button-prev:hover .i-prev { animation:ani-prev 500ms both; }
.product-thumb-list .swiper-button-next:hover .i-next { animation:ani-next 500ms both; }
.product-info-2 { position:relative; padding:71px 0 80px 0; } /*[제품검색]*/ /* 2024-04-19 */
.product-info-2:before { content:''; position:absolute; left:50%; top:0; height:100%; width:1920px; min-width:1200px; transform:translateX(-50%); z-index:-1; } /*제품검색 수정*/
.product-info-2 .info { display:table; width:100%; }
.product-info-2 .info > dt { display:table-cell; width:240px; font-size:16px; font-weight:700; line-height:34px; padding:15px 0 15px 15px; box-sizing:border-box; } /*제품검색 수정*/
.product-info-2 .info > dd { display:table-cell; width:calc(100% - 240px); line-height:30px; padding:15px 20px 15px 0; } /*제품검색 수정*/
.product-info-2 .info > dd .list-num-2:first-child, .product-info-2 .info > dd .list-dot-3:first-child { margin-top:0; }
.product-info-2 .info > dd .list-num-2:last-child, .product-info-2 .info > dd .list-dot-3:last-child { margin-bottom:0; }
.product-news { margin-top:80px; }
.product-news .title .btn-more { margin-top:60px; }

/* S : 제품검색 | 포인트 영역 (231205 수정)*/
.ir-check{display: inline-block; width: 23px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'%3E%3Cg clip-path='url(%23clip0_1238_81)'%3E%3Cpath d='M21.2509 3.63403C11.8866 6.48769 9.82007 13.2194 9.77939 13.3901V13.2275L8.16036 6.51208L5.28027 9.91046C6.5576 11.9348 8.97394 15.8698 9.55972 17.7804V17.8779H12.2934C12.2934 17.8779 12.2934 17.8779 12.2934 17.8698H13.2941C13.2941 17.8698 11.4798 11.0568 18.7858 5.96737C20.3722 4.91046 21.8286 4.21127 22.6015 3.87794C22.7316 3.82103 22.8699 3.76411 23.0083 3.7072L21.259 3.64216L21.2509 3.63403Z' fill='%23034029'/%3E%3Cpath d='M0.406738 0.406494V21.5935H21.6087V5.70731C21.0962 5.9756 20.5185 6.30893 19.9002 6.69105V19.878H2.11526V2.11381H19.9002V2.79674L21.6087 2.18698V0.406494H0.406738Z' fill='%23034029' stroke='%23034029' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1238_81'%3E%3Crect width='23' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; margin-right: 5px; position: relative; top: -2px;}
.product-point{}
.product-point img{max-width: 100%;}
/* // E */

/* S : 제품검색 | 상세이미지 영역*/
.product-detail-view{margin-top: 80px; text-align: center;}
.product-detail-view img{max-width: 100%; margin: auto;}
/* // E */

/****************************** 제품소개 - 약국찾기 ******************************/
.pharmacy-sch-wrap { width:1920px; min-width:1170px; background:#fafafa; margin:-100px -375px 0; }
.pharmacy-sch { width:1170px; margin:0 auto; padding:80px 0 80px 0; }
.pharmacy-sch .name-sch, .pharmacy-sch .area-sch { position:relative; padding-left:240px; }
.pharmacy-sch .title { position:absolute; left:0; margin-top:18px; font-size:20px; font-weight:400; line-height:28px; }
.pharmacy-sch .area-sch::before { content:''; display:block; width:100%; height:1px; background:#eee; margin-bottom:40px; }
.pharmacy-sch .area-sch .title { margin-top:12px; }
.pharmacy-sch .area-sch::after { content:''; display:block; clear:both; }
.pharmacy-sch .area-sch .fm-item { float:left; width:260px; }
.pharmacy-sch .area-sch .fm-item.ty-2 { width:230px; }
.pharmacy-sch .area-sch .fm-item + .fm-item { margin-left:30px; }
.pharmacy-sch .area-sch .fm-btn { margin-left:10px; width:110px; }
.pharmacy-sch .sch-keyword .item { position:relative; display:inline-block; height:40px; font-size:14px; color:#888; line-height:40px; border-radius:20px; text-align:center; border:solid 1px #eee; box-sizing:border-box; padding:0 20px; margin:12px 7px 0 0; }
.pharmacy-sch .sch-keyword .item:hover { border-color:#000; color:#000; z-index:2; }
.pharmacy-sch .sch-keyword .item.active { background:#000; border-color:#000; z-index:2; color:#fff; }
.pharmacy-sch .sch-initial { margin-top:40px; overflow:hidden; }
.pharmacy-sch .sch-initial .item { position:relative; float:left; width:50px; height:50px; font-size:18px; color:#888; line-height:50px; text-align:center; margin-left:-1px; border:solid 1px #eee; box-sizing:border-box; }
.pharmacy-sch .sch-initial .item:hover { border-color:#000; color:#000; z-index:2; }
.pharmacy-sch .sch-initial .item:first-child { font-size:14px; margin-left:0; }
.pharmacy-sch .sch-initial .item.active { background:#000; border-color:#000; z-index:2; color:#fff; }
.pharmacy-sch .sch-efficacy { margin-top:36px; }
.pharmacy-sch .sch-efficacy::after { content:''; display:block; clear:both; }
.pharmacy-sch .sch-efficacy .item { float:left; width:calc(50% - 15px); }
.pharmacy-sch .sch-efficacy .item + .item { margin-left:30px; }

html .result-list { scrollbar-3dLight-Color:#000; scrollbar-arrow-color:#000; scrollbar-base-color:#000; scrollbar-Face-Color:#000; scrollbar-Track-Color:#f0f0f0; scrollbar-DarkShadow-Color:#000; scrollbar-Highlight-Color:#000; scrollbar-Shadow-Color:#000; }
.result-list::-webkit-scrollbar { width:5px; height:30px; border:3px solid transparent; }
.result-list::-webkit-scrollbar-button:start:decrement, .format-chapter::-webkit-scrollbar-button:end:increment { display:block; height:0; background:#000; }
.result-list::-webkit-scrollbar-track { background:#efefef; border-radius: 2.5px; }
.result-list::-webkit-scrollbar-thumb { background:#000; border-radius: 2.5px; }

.pharmacy-result-txt { font-size:20px; color:#888; text-align:center; padding:55px 0 58px; }
.pharmacy-result-txt .ref { font-size:16px; color:#000; padding-bottom:22px; }
.pharmacy-result-txt .point { color:#000; }
.pharmacy-result { height:868px; min-width:1170px; background:#f0f0f0; margin:0 -375px -160px; overflow:hidden; }
.pharmacy-result .inner { width:100%; max-width:1920px; position:absolute; left:0;  }
.pharmacy-result .result-list { width:360px; float:left; max-height:838px; overflow-y:auto; margin:30px 10px 0; padding:0 0 0; }
.pharmacy-result .result-list .list { width:320px; margin:0 auto; }
.pharmacy-result .list li + li { margin-top:20px }
.pharmacy-result .list .item { position:relative; display:block; width:320px; background:#fff; border-radius:5px; box-shadow: 2px 10px 20px 0px rgba(0,0,0,0.1); box-sizing:border-box; overflow:hidden; }
.pharmacy-result .list dt { font-weight:700; padding:24px 10px 0 30px; }
.pharmacy-result .list .address { position:relative; font-size:14px; line-height:22px; font-weight:400; padding:3px 15px 27px 30px; }
.pharmacy-result .list .address::after { position:absolute; left:-1px; right:-1px; bottom:0; content:''; width:calc(100% + 2px); display:block; height:1px; background:#eee; }
.pharmacy-result .list .tel { float:left; width:195px; height:46px; font-size:14px; font-weight:400; line-height:46px; padding-left:30px; box-sizing:border-box; }
.pharmacy-result .list .pin { float:left; width:123px; height:46px; font-size:14px; font-weight:400; line-height:46px; padding-left:22px; border-left:solid 1px #eee; box-sizing:border-box; }
.pharmacy-result .list li.active .item::after, .pharmacy-result .list .item:hover::after { content:''; position:absolute; display:block; border:solid 1px #000; top:0; left:0; right:0; bottom:0; border-radius:5px; }
.pharmacy-result .list li.active .item::after { border:solid 1px #ff5a2b; }
.pharmacy-result .map { position:relative; width:calc(100% - 380px); float:left; height:868px; overflow:hidden; }
.name-sch-list { position:relative; padding:30px 50px 28px; margin:0 -50px; }
.name-sch-list .swiper-slide { width:210px; }
.name-sch-list a img { max-width:100%; max-height:100%; }
.name-sch-list::before { content:''; position:absolute; top:0; left:0; bottom:0; z-index:2; width:50px; background:#fafafa; z-index:50; }
.name-sch-list::after { content:''; position:absolute; top:0; right:0; bottom:0; z-index:2; width:50px; background:#fafafa; z-index:50; }
.name-sch-list .swiper-button-prev::before, .name-sch-list .swiper-button-prev::after, .name-sch-list .swiper-button-next::before, .name-sch-list .swiper-button-next::after { display:none; }
.name-sch-list .swiper-button-prev, .name-sch-list .swiper-button-next { position:absolute; width:32px; height:32px; overflow:hidden; background:transparent; margin-top:-30px; left:10px; z-index:100; }
.name-sch-list .swiper-button-next { left:auto; right:10px; }
.name-sch-list .i-prev-2, .name-sch-list .i-next-2 { position:absolute; right:50%; top:50%; margin:-12px -9px 0 0; }
.name-sch-list .i-next-2 { left:50%; right:auto; margin:-2px 0 0 -9px; }
.name-sch-list .swiper-button-prev:hover .i-prev-2 { animation:ani-prev 500ms both; }
.name-sch-list .swiper-button-next:hover .i-next-2 { animation:ani-next 500ms both; }
.name-sch-list .item { display:block; width:100%; }
.name-sch-list .thumb { position:relative; width:210px; height:150px; background:#fff; border:solid 1px #fff; transition:border-color 0.1s ease-in-out; }
.name-sch-list .thumb img { position:absolute; left:50%; top:50%; max-height:calc(100% - 2px); max-width:100%; transform:scale(1) translate(-50%, -50%); transition:transform 0.3s ease; transform-origin:left; }
.name-sch-list .subj { font-size:14px; display:block; margin:12px 0 -4px; text-align:center;  }
.name-sch-list .subj .in { display:inline-block; max-width:calc(100% - 22px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top; padding-left:22px; box-sizing:border-box; transform-origin:left; }
.name-sch-list .item:hover .thumb, .name-sch-list .item:focus .thumb, .name-sch-list .item.active .thumb { border-color:#000; box-shadow: 10px 10px 20px -5px rgba(0,0,0,0.15); z-index:100; }
.name-sch-list .item.active .thumb { border-color:#ff5a2b; z-index:20; }
.name-sch-list .item .thumb::before { content:''; position:absolute; left:50%; top:50%; display:block; width:40px; height:40px; border-radius:40px; background:#ff5a2b; z-index:2; margin:-20px 0 0 -20px; opacity:0; transition:opacity 0.3s; }
.name-sch-list .item .thumb::after { content:''; position:absolute; left:50%; top:50%; display:block; width:6px; height:13px;border:solid 2px #fff; border-width:0 2px 2px 0; transform:rotate(45deg); z-index:2; margin:-9px 0 0 -3px; opacity:0; transition:opacity 0.3s; }
.name-sch-list .item.active .thumb::before, .name-sch-list .item.active .thumb::after { opacity:1; }
.name-sch-list .item:hover .thumb img, .name-sch-list .active .thumb img { transform:scale(0.95) translate(-50%, -50%); }
.name-sch-list .subj .i-go-2 { margin:-3px 0 0 5px; transform:translateY(5px); opacity:0; transition:all 0.3s; }
.name-sch-list .item.active .subj .i-go-2, .name-sch-list .item:hover .subj .i-go-2 { opacity:1; transform:translateY(0); }
.name-sch-list .item { outline:none; }

@media all and (min-width:1921px) {
    .pharmacy-result .inner { left:auto; right:auto; }
}

/********************* MAP LAYER *********************/
.gm-style .gm-style-iw { font-weight:400; font-size:16px; }
.gm-ui-hover-effect {opacity:1}
.gm-style .gm-style-iw-c { box-shadow:none; border:solid 1px #ff5a2b; border-radius:5px; padding:0; box-sizing:border-box; box-shadow: 2px 10px 20px 0px rgba(0,0,0,0.1); }
.gm-style-iw-t::before { display:none; }
.gm-style .gm-style-iw-t::after { display:none; }
.gm-style-iw-d { overflow:auto !important; -webkit-overflow-scrolling:touch; }
.gm-style .gm-style-iw-c, .gm-style .gm-style-iw-d { max-height:258px !important; }
.map-layer { box-sizing:border-box; }
.map-layer-in { box-sizing:border-box; max-height:190px; overflow-y:auto; }
.gm-ui-hover-effect { right:20px !important; top:20px !important; width:20px !important; height:20px !important; }
.gm-ui-hover-effect::before { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:20px; height:2px; background:#222; transform:rotate(-45deg); transition:transform 0.2s; }
.gm-ui-hover-effect::after { content:''; display:block; position:absolute; top:50%; margin-top:-1px; width:20px; height:2px; background:#222; transform:rotate(45deg); transition:transform 0.2s; }
.gm-ui-hover-effect:hover::before, .gm-ui-hover-effect:hover::after { transform:rotate(0); }
.gm-ui-hover-effect img { display:none !important; }
.map-layer-in dt { font-weight:700; padding:24px 45px 0 30px; }
.map-layer-in .address { position:relative; font-size:14px; line-height:22px; font-weight:400; padding:3px 15px 27px 30px; }
.map-layer-in .address::after { position:absolute; left:0; right:0; bottom:0; content:''; width:100%; display:block; height:1px; background:#eee; }
.map-layer-in .tel { float:left; width:195px; height:46px; font-size:14px; font-weight:400; line-height:46px; padding-left:30px; box-sizing:border-box; }
.map-layer-in .pin { float:left; width:calc(100% - 195px); height:46px; font-size:14px; font-weight:400; line-height:46px; padding-left:22px; border-left:solid 1px #eee; box-sizing:border-box; }

/********************* 연구개발 - 연구소 *********************/
.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:1.33; }
.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; margin-right:123px; 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:240px; margin-right:175px; }
.rnd-map-area .pos.p-3 { top:378px; margin-right:346px; }
.rnd-map-area .pos.p-4 { top:266px; margin-right:-458px; }
.rnd-map-area .pos.p-5 { top:453px; margin-right:233px; }
.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.71em; margin-top:6px; font-weight:bold; }
.lab-office .list-dot > dd { margin:0 0 4px 6em; line-height:inherit; }
.lab-office .list-dot.em7 > dd { margin-left:9em; }
.lab-office .list-dot > dd::before { margin-top:0.65em; }
.lab-office .list-dot > dd.single { text-indent:0; margin-left:5.1em; }
.lab-office .list-dot.em7 > dd.single { margin-left:8.1em; }
.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:62px; }
.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:#258123; }
.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;}
.rnd-develop-list-wrap > li.item { width:176px; }
.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:60px; font-weight:700; }
.rnd-develop-list-wrap .title .cap { display:block; font-size:12px; line-height:1; color:rgba(0,0,0,0.6); }
.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:50%; margin-top:-2px;  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:176px; height:175px; 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; 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:#258123; }
.rnd-develop-list li .item.ty-3 { background:#ff652a; }
.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-list .txt {margin-top: 10px;display: block;}

.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; 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; text-transform:uppercase; -webkit-text-stroke:1px #888; color:#fff; }
.rnd-research .rnd-rs-title.ty-2 { margin-top:130px; }
.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; white-space: nowrap; }
.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-research .activity-history.reverse.ty-2 { margin:0 646px 0 0; }
.rnd-research .activity-history.reverse.ty-2 .year::before { top:-1em; }
.rnd-research .activity-history.reverse.ty-2 .deco-img.pos-r { margin-top:115px; }

/********************* 연구개발 - 플랫폼 기술 *********************/
.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 .major-title-2.cmgt-3 { margin-top:0; }
.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; }

/****************************** 홍보센터 ******************************/
.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 90px 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:390px; overflow:hidden; }
.stock-info .info dt { float:left; width:100px; height:76px; border-top:solid 1px #eee; line-height:75px; color:#888; font-weight:700; }
.stock-info .info dd { float:right; width:290px; 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; }
.stock-info-ing { display:block; height:304px; line-height:304px; border:solid 1px #eee; font-size:40px; font-weight:500; text-align:center; }

.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;  }
.overview-stock .stock-info-ing-2 { float:left; width:930px; padding-top:97px; padding-bottom:20px; border-top:solid 1px #000; font-size:40px; font-weight:500; text-align:center; }

/****************************** 개인정보처리방침 / 이용약관 ******************************/
.terms-wrap { font-size:20px; line-height:32px; letter-spacing:0; }
.terms-wrap .tb-data { margin:26px 0 23px; }
.terms-title { margin:69px 0 28px; font-size:24px; font-weight:700; }
.terms-title:first-child { margin-top:0; }
.terms-list { font-size:16px; color:#888; margin-left:1.4em; }
.terms-list-num { margin:19px 0 0 0; }
.terms-list-num > li { margin:11px 0 0 1em; color:#333; text-indent:-1em; }
.terms-list-num > li .terms-sub-txt { margin-top:2px; color:#888; text-indent:0; }
.terms-list-dot { margin:1px 0 0 0; }
.terms-list-dot > li { font-size:16px; color:#888; margin-left:1.3em; text-indent:-0.6em; line-height:30px; }
.terms-list-dot > li::before { content:''; display:inline-block; width:3px; height:3px; background-color:#888; margin:-5px 5px 0 0; vertical-align:middle; border-radius:50%; }
.terms-list-num .terms-list-dot > li { margin-left:0.2em; }
.terms-sel-wrap { margin:54px auto 0; width:570px; }

/****************************** 사이트맵 ******************************/
.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; }
.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; }
.error-wrap .deco-circle { top:50%; left:50%; }
.error-wrap .deco-circle.ty-1 { width:14px; height:14px; background:#ff5a2b; margin:-324px 0 0 596px; -webkit-animation:anidot-5 18000ms linear infinite both; animation:anidot-5 18000ms linear infinite both; }
.error-wrap .deco-circle.ty-2 { width:60px; height:60px; background:#1e202b; margin:-297px 0 0 524px; -webkit-animation:anidot-6 16000ms linear 500ms infinite both; animation:anidot-6 16000ms linear 500ms infinite both; }
.error-wrap .deco-circle.ty-3 { width:112px; height:112px; background:#ff5a2b; margin:46px 0 0 -710px; -webkit-animation:anidot-5 19000ms linear -500ms infinite both; animation:anidot-5 19000ms linear -500ms infinite both; }
.error-wrap .deco-set.ty-2 .deco-circle.ty-1 { width:24px; height:24px; background:#8e8f95; margin:97px 0 0 -535px; -webkit-animation:anidot-6 16000ms linear 500ms infinite both; animation:anidot-6 16000ms linear 500ms infinite both; }
.error-wrap .deco-set.ty-2 .deco-circle.ty-2 { width:58px; height:58px; background:#1e202b; margin:-307px 0 0 542px; -webkit-animation:anidot-5 18000ms linear infinite both; animation:anidot-5 18000ms linear infinite both; }
.error-wrap .deco-set.ty-2 .deco-circle.ty-3 {  width:107px; height:107px; background:#ff5a2b; margin:145px 0 0 -500px; -webkit-animation:anidot-5 19000ms linear -500ms infinite both; animation:anidot-5 19000ms linear -500ms infinite both; }

/********************* 사회공헌 - 참지마요 프로젝트 *********************/
.list-ico dt[class^=i-cr]::before { background-image:url("../image/sub/i-cr.png"); }
.i-cr::before { background-position:0 0; }
.i-cr-2::before { background-position:-130px 0; }
.i-cr-3::before { background-position:-260px 0; }
.i-cr-4::before { background-position:-390px 0; }
.i-cr-5::before { background-position:-520px 0; }
.cr-row { position:relative; }
.cr-row::after { content:''; display:block; clear:both; }
.cr-row:first-child { margin-top:-100px; }
.cr-row .cr-cont.reverse { float:right; width:570px; }
.cr-row .cr-title { font-size:40px; line-height:60px; margin: -10px 0 -9px; font-weight:700; }
.cr-row .cr-title .title-img { display:block; margin-bottom:7px; }
.cr-row .cr-title + .cr-txt { margin-top:32px; }
.cr-row .cr-txt { margin-top:27px; padding-left:2px; line-height:30px; font-weight:400; }
.cr-row .btn-area { margin-top:80px; }
.cr-row .btn-txt { font-size:20px; font-weight:700; }
.cr-row .btn-txt:hover { color:#ff5a2b; }
.cr-row .btn-txt::after { margin-top:-4px; }
.cr-row .btn-txt:nth-child(n + 2) {display: block; margin-top: 25px;}
.cr-row .list-ico .item .txt { font-size:14px; line-height:22px; }
.cr-row .deco-set, .cr-row .deco-img, .cr-row .deco-illust { position:absolute; top:0; left:50%; }
.cr-row .deco-img { overflow:hidden; display:block; border-radius:100%; }
.cr-row .deco-set { z-index:10; }
.cr-row.sec { padding:269px 0 270px; }
.cr-row.sec .cr-title { font-size:60px; line-height:82px; }
.cr-row.sec .cr-title + .cr-txt { margin-top:50px; }
.cr-row.sec .deco-img { margin-left:31px; top:-317px; z-index:-1; }
.cr-row.sec .deco-img.ty-2 { width:833px; height:468px; margin-left:31px; top:242px; z-index:0; border-radius:0; }
.cr-row.sec .deco-circle.ty-1 { width:50px; height:50px; background:#8e8f95; margin-left:-254px; top:768px; }
.cr-row.sec .deco-circle.ty-2 { width:100px; height:100px; background:#1e202c; margin-left:-133px; top:873px; }
.cr-row.sec .deco-circle.ty-3 { width:240px; height:240px; margin-left:127px; top:621px; }
.cr-row.sec-2 { margin-top:110px; padding:206px 0 193px; }
.cr-row .sec-2 .cr-cont.reverse { padding-right:18px; }
.cr-row.sec-2 .deco-img { margin-left:-537px; top:137px; }
.cr-row.sec-2 .deco-illust { margin-left:-654px; top:402px; }
.cr-row.sec-3 { padding:294px 0 305px; }
.cr-row.sec-3 .deco-img { margin-left:83px; top:127px; z-index:11; }
.cr-row.sec-3 .deco-illust { margin-left:-2px; top:480px; z-index:12; }
.cr-row.sec-3 .deco-circle.ty-1 { width:31px; height:31px; background:#1e202c; margin-left:637px; top:617px; }
.cr-row.sec-3 .deco-circle.ty-2 { width:60px; height:60px; background:#8e8f95; margin-left:431px; top:747px; }
.cr-row.sec-3 .deco-circle.ty-3 { width:181px; height:181px; margin-left:467px; top:117px; }
.cr-row.sec-4 { padding:405px 0 174px; }
.cr-row.sec-4 .deco-img { margin-left:-1110px; top:32px; }
.cr-row.sec-4 .deco-img.ty-2 { margin-left:-420px; top:720px; }
.cr-row.sec-5 { padding:530px 0 0; }
.cr-row.sec-5 .cr-title { text-align:center; font-size:49px; }
.cr-row.sec-5 .deco-img { margin-left:692px; top:240px; }
.cr-row.sec-5 .deco-circle.ty-1 { width:162px; height:162px; background:#fff; margin-left:812px; top:359px; }
.cr-row.sec-6 .cr-title { margin-bottom:40px; font-size:49px; line-height:82px; text-align:center; }
.cr-row.sec-6 .count::after { content:''; display:block; clear:both; }
.cr-row.sec-6 .count li { float:left; width:25%; line-height:1.4; white-space:nowrap; text-align:center; }
.cr-row.sec-6 .count .name { display:inline-block; padding-bottom:11px; margin-bottom:5px; width:187px; font-size:20px; font-weight:700; border-bottom:1px solid #000; text-align:center; }
.cr-row.sec-6 .count .value { display:block; font-size:70px; font-weight:bold; color:#ff5a2b; text-indent:-5px; line-height:1.2; text-align:center; }

/********************* 사회공헌 - 사회공헌 소개 *********************/
.list-ico strong[class^=i-culture-1]::before { background-image:url("../image/sub/i-culture-1.png"); }
.i-culture-1::before { background-position:0 0; }
.i-culture-1-2::before { background-position:-130px 0; }
.i-culture-1-3::before { background-position:-260px 0; }
.i-culture-1-4::before { background-position:-390px 0; }

/********************* 사회공헌 - 임직원 나눔 활동 *********************/
.list-ico.sharing { margin-left:-50px; }
.list-ico.sharing .item { margin-left:0; }
.list-ico.sharing strong[class^=i-sharing-1]::before { background-image:url("../image/sub/i-sharing-1.png"); }
.i-sharing-1::before { background-position:0 0; }
.i-sharing-1-2::before { background-position:-130px 0; }
.i-sharing-1-3::before { background-position:-260px 0; }
.i-sharing-1-4::before { background-position:-390px 0; }

/********************* 상생경영 - Overview *********************/
.list-ico-2 dt[class^=i-trade] { padding-bottom:19px; line-height:1.2; min-height:88px; }
.list-ico-2 dt[class^=i-trade]::before { content:''; top:120px; width:140px; height:140px; background-image:url("../image/sub/i-trade.png"); }
.list-ico-2 dt.i-trade::before { background-position:0 0; }
.list-ico-2 dt.i-trade-2::before { background-position:-150px 0; }
.list-ico-2 dt.i-trade-3::before { background-position:-300px 0; }
.list-ico-2 dt.i-trade-4::before { background-position:-450px 0; }

/********************* 인재경영 - 인증/수상 *********************/
.certification-section { margin-top:160px; padding-bottom:220px; text-align:center; background:url("../image/sub/certification-bg.png") center top no-repeat; }
.certification-list { margin:0 auto; width:845px; text-align:left; }
.certification-list li + li { margin-top:70px; }
.certification-list li.texar { text-align:right; }

/********************* ehs - ehs경영 *********************/
.ehs-list { margin-top:50px; display:flex; }
.ehs-list .item { width:33%; display:flex; justify-content:space-between; }
.ehs-list .item + .item { margin-left:110px; }
.ehs-list .item .img { flex:none; width:140px; text-align:center; }
.ehs-list .item .info { width:165px; text-align:center; }
.ehs-list .item .info strong { font-size:19px; }
.ehs-list .item .info .btn-t { position:relative; margin-top:10px; width:117px; text-align:left; }
.ehs-list .item .info .i-download { position:absolute; top:50%; right:18px; margin-top:-8px; }

/********************* ehs - 환경경영 *********************/
.list-ico-3 dl[class^=i-management-1]::before { background-image:url("../image/sub/i-management.png"); }
.i-management-1::before { background-position:0 0; }
.i-management-1-2::before { background-position:-130px 0; }
.i-management-1-3::before { background-position:-260px 0; }
.i-management-1-4::before { background-position:-390px 0; }
.i-management-1-5::before { background-position:-520px 0; }
.i-management-1-6::before { background-position:-650px 0; }

/********************* ehs - 안전경영 *********************/
.list-ico-3 dl[class^=i-safety-1-1]::before { background-image:url("../image/sub/i-safety-1.png"); }
.i-safety-1-1::before { background-position:0 0; }
.i-safety-1-1-2::before { background-position:-130px 0; }
.i-safety-1-1-3::before { background-position:-260px 0; }
.i-safety-1-1-4::before { background-position:-390px 0; }
.i-safety-1-1-5::before { background-position:-520px 0; }
.i-safety-1-1-6::before { background-position:-650px 0; }

/********************* ehs - 보건경영 *********************/
.list-ico-3 dl[class^=i-safety-2-1]::before { background-image:url("../image/sub/i-safety-2.png"); }
.i-safety-2-1::before { background-position:0 0; }
.i-safety-2-1-2::before { background-position:-130px 0; }
.i-safety-2-1-3::before { background-position:-260px 0; }
.i-safety-2-1-4::before { background-position:-390px 0; }
.i-safety-2-1-5::before { background-position:-520px 0; }
.i-safety-2-1-6::before { background-position:-650px 0; }
.i-safety-2-1-7::before { background-position:-780px 0; }
.i-safety-2-1-8::before { background-position:-910px 0; }

.list-between-bar { margin-top:10px; }
.list-between-bar li { position:relative; display:inline-block; font-size:14px; font-weight:700; }
.list-between-bar li + li { margin-left:36px; padding-left:36px; }
.list-between-bar li + li::before { content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); margin-top:-1px; width:1px; height:14px; background-color:#828282; }

/********************* ehs - EHS 경영 보고서 *********************/
.ehsreport-down {display: flex; justify-content: space-between; margin-top:125px; text-align:center; }
.ehsreport-down > div > a { position:relative; margin:0 auto; display:block; width:358px; height:490px; }
.ehsreport-down > div > a::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:0; transition:all 0.3s; }
.ehsreport-down > div > a:hover::before { opacity:.65; }
.ehsreport-down > div > a:hover::after { content:'다운로드'; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding-top:45px; width:95px; font-size:24px; font-weight:700; color:#fff; background:url("../image/sub/i-down.png") top center no-repeat; }
.ehsreport-down-btn { margin:70px auto 0; width:360px; }
.ehsreport-down-btn .btn-t-5.ty-2 { text-align:center; }

/********************* esg - ESG 경영 보고서 *********************/
/* S : 2307 임서빈 */
.esgreport-down {display: flex; justify-content: space-between; margin-top:125px; text-align:center; }
.esgreport-down h3{display: block; margin-bottom: 35px !important; margin-top: 0;}
.esgreport-down .title-2 + a { position:relative; margin:0 auto; display:block; width:485px; height:348px; }
.esgreport-down .title-2 + a::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:0; transition:all 0.3s; }
.esgreport-down .title-2 + a:hover::before { opacity:.65; }
.esgreport-down .title-2 + a:hover::after { content:'다운로드'; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding-top:45px; width:95px; font-size:24px; font-weight:700; color:#fff; background:url("../image/sub/i-down.png") top center no-repeat; }
.esgreport-down-btn { margin:70px auto 0; width:485px; }
.esgreport-down-btn .btn-t-5.ty-2 { text-align:center; }
.esgreport-down-btn a{height: auto;}
/* // E */

/********************* 세포치료제 CDMO 사업 *********************/
/* S : 230830 임서빈 */
.text-uppercase{text-transform: uppercase;}
.d-flex{display: flex;}
.d-block{display: block;}
.justify-content-between{justify-content: space-between;}

.cd-col .list-ico-2 dt::before { content:''; position:absolute; left:50%; transform: translateX(-50%);}
.cd-col .list-ico-2 dt[class^=i-cd]::before { content:''; }
.cd-col .list-ico-2 dt.i-cd-1::before { background-image: url(../image/sub/cd-01.png); }
.cd-col .list-ico-2 dt.i-cd-2::before { background-image: url(../image/sub/cd-02.png); }
.cd-col .list-ico-2 dt.i-cd-3::before { background-image: url(../image/sub/cd-03.png); }
.cd-col .list-ico-2 dt.i-cd-4::before { background-image: url(../image/sub/cd-04.png); }
.cd-col .list-ico-2 .item{border-bottom: 0;}
.cd-col .list-ico-2 .item > dt{font-size: 29px; margin: -35px 0 234px;}

.cd-col ~ .cd-col{margin-top: 120px;}
.cd-col .list-ico-2{margin-top: 0px; flex-wrap: wrap; gap: 0 170px;}
.cd-col .list-ico-2 .col-6{width: calc(50% - 85px);}

.cd-list{margin-top: 80px;}
.cd-list li{display: flex; gap: 0 170px; justify-content: center; align-items: center;}
.cd-list li p{width: 520px; font-size: 20px;}
.cd-list li p.title{width: 300px; font-size: 40px; font-weight: 400; letter-spacing: -0.8px;}
.cd-list li p.title strong{font-size: 70px; font-weight: normal;}

.cd-pro-list{display: flex; justify-content: space-between;}
.cd-pro-list li{text-align: center; position: relative;}
.cd-pro-list li:after{background: url(../image/sub/cd-pro-arr.png) no-repeat 0 0; width: 14px; height: 25px; content: " "; position: absolute; top: 60px; right: -27%;}
.cd-pro-list li div{width: 141px; height: 141px;}
.cd-pro-list li:nth-child(1) div{background: url(../image/sub/cd-pro-01.png) no-repeat center center;}
.cd-pro-list li:nth-child(2) div{background: url(../image/sub/cd-pro-02.png) no-repeat center center;}
.cd-pro-list li:nth-child(3) div{background: url(../image/sub/cd-pro-03.png) no-repeat center center;}
.cd-pro-list li:nth-child(4) div{background: url(../image/sub/cd-pro-04.png) no-repeat center center;}
.cd-pro-list li:nth-child(5) div{background: url(../image/sub/cd-pro-05.png) no-repeat center center;}
.cd-pro-list li:nth-child(6) div{background: url(../image/sub/cd-pro-06.png) no-repeat center center;}
.cd-pro-list li p{font-size: 20px; margin-top: 20px;}

.cd-view-in{display: flex; justify-content: space-between;}
.cd-tag{}
.cd-tag li{margin-bottom: 20px;}
.cd-tag li span{display: inline-block; width: 31px; height: 14px; border-radius: 120px; margin-right: 8px;}
.cd-tag-1{background: #F5921D;}
.cd-tag-2{background: #EF7233;}
.cd-tag-3{background: #9C1F63;}
.cd-tag-4{background: #672D91;}
.cd-tag-5{background: #2B398E;}
.cd-tag-6{background: #00ACED;}

.cd-view-list{margin-top: 30px;}
.cd-view-list ul{display: flex; justify-content: space-between;}
.cd-view-list ul li p{margin-top: 20px; text-align: center;}

.cd-disc-list li{position: relative; padding-left: 12px; font-size: 16px; line-height: 1.8;}
.cd-disc-list li:before{ content:''; position:absolute; left:0; top:0.9em; width:4px; height:4px; border-radius:4px; background:#000; }

.cd-info{border-top: 1px solid #000; padding-top: 30px;}
.cd-info .cont{padding-left: 80px;}
.cd-info .cont div{font-size: 18px;}
.cd-info .cont div + div{margin-top: 30px;}
.cd-info .mail-box{}
.cd-info .mail-box span{font-size: 15px;}
.cd-info .mail-box div{margin-left: 10px;}
.cd-info .mail-box a{font-weight: 400; font-size: 15px;}
/* E : 230830 임서빈 */

.align-cnt{text-align: center;}
.bold{font-weight: bold;}

/* === 리뉴얼 === */
.header.min.fixed:not(.hover) .gnb-nav .dep-1.active .sub > li .sub-2{visibility: hidden;}
.header.min.fixed:not(.hover) .gnb-nav .dep-1.dep-invest.active .sub{height: 60px !important;}
.header.min.fixed:not(.hover) .gnb-nav .dep-1.dep-esg.active .sub{height: 60px !important;}
.header.min.fixed:not(.hover) .gnb-nav .dep-1.dep-rnd.active .sub{height: 60px !important;}
.header.min.fixed:not(.hover) .gnb-nav .dep-1.dep-way.active .sub{height: 60px !important;} /*230919 | 추가*/