@charset "UTF-8";

.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("/resource/p/kr/image/sub/vis-1.jpg"); }
.vis-1-2 { background-image:url("/resource/p/kr/image/sub/vis-1-2.jpg"); }
.vis-1-3 { background-image:url("/resource/p/kr/image/sub/vis-1-3.jpg"); }
.vis-1-4 { background-image:url("/resource/p/kr/image/sub/vis-1-4.jpg"); }
.vis-1-5 { background-image:url("/resource/p/kr/image/sub/vis-1-5.jpg"); }
.vis-1-5-4 { background-image:url("/resource/p/kr/image/sub/vis-1-5-4.jpg"); }
.vis-1-6 { background-image:url("/resource/p/kr/image/sub/vis-1-6.jpg"); }
.vis-2 { background-image:url("/resource/p/kr/image/sub/vis-2.jpg"); }
.vis-2-3 { background-image:url("/resource/p/kr/image/sub/vis-2-3.jpg"); }
.vis-2-4 { background-image:url("/resource/p/kr/image/sub/vis-2-4.jpg"); }
.vis-3 { background-image:url("/resource/p/kr/image/sub/vis-3.jpg"); }
.vis-3-2 { background-image:url("/resource/p/kr/image/sub/vis-3-2.jpg"); }
.vis-3-3 { background-image:url("/resource/p/kr/image/sub/vis-3-3.jpg"); }
.vis-4 { background-image:url("/resource/p/kr/image/sub/vis-4.jpg"); }
.vis-4-2 { background-image:url("/resource/p/kr/image/sub/vis-4-2.jpg"); }
.vis-4-3 { background-image:url("/resource/p/kr/image/sub/vis-4-3.jpg"); }
.vis-4-4 { background-image:url("/resource/p/kr/image/sub/vis-4-4.jpg"); }
.vis-5 { background-image:url("/resource/p/kr/image/sub/vis-5.jpg"); }
.vis-5-2 { background-image:url("/resource/p/kr/image/sub/vis-5-2.jpg"); }
.vis-5-3 { background-image:url("/resource/p/kr/image/sub/vis-5-3.jpg"); }
.vis-5-4 { background-image:url("/resource/p/kr/image/sub/vis-5-4.jpg"); }
.vis-5-5 { background-image:url("/resource/p/kr/image/sub/vis-5-5.jpg"); }
.vis-5-6 { background-image:url("/resource/p/kr/image/sub/vis-5-6.jpg"); }
.vis-6 { background-image:url("/resource/p/kr/image/sub/vis-6.jpg"); }
.vis-6-2 { background-image:url("/resource/p/kr/image/sub/vis-6-2.jpg"); }
.vis-7 { background-image:url("/resource/p/kr/image/sub/vis-7.jpg"); }
.vis-8 {background-image:url("/resource/p/kr/image/abnormalCase/bg/bg1.png");}
.vis-9 {background-image:url("/resource/p/kr/image/support/bg/bg1.png"); }

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

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

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

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

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

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

.list-ico-2 { margin-top: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 > 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; }

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

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

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

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

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

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

/****************************** CONTENTS LIST TYPE ******************************/
.list-thumb::after { content:''; display:block; clear:both;; }
.list-thumb li { position:relative; float:left; width:350px; margin-left:60px; vertical-align:top; margin-top:80px; overflow:hidden; }
.list-thumb li:nth-child(3n+1) { margin-left:0; clear:both; }
.list-thumb li:nth-child(-n+3) { margin-top:0; }
.list-thumb .item { display:block; width:100%; height:100%; }
.list-thumb .thumb { position:relative; width:350px; height:250px; overflow:hidden; }
.list-thumb .thumb.ty-2 { height:196px; }
.list-thumb .thumb.ty-3 { height:480px; }
.list-thumb .sns { display:block; height:22px; line-height:20px; color:#ff5a2b; font-weight:700; margin-top:25px; }
.list-thumb .sns .ir-b::before { margin-right:8px; }
.list-thumb .sns + .subj { margin-top:10px; }
.list-thumb .subj { font-size:20px; line-height:32px; display:block; display:-webkit-box; max-height: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:350px; height:517px; margin-left:60px; }
.list-thumb-2 li:nth-child(3n+1) { margin-left:0; clear:both; }
.list-thumb-2 .thumb { position:relative; width:350px; height:250px; }
.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:24px; line-height:38px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:15px 0 -4px; }
.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 .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 .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:block; opacity:0; position:absolute; left:-1px; right:-1px; bottom:-1px; font-size:0; transition:opacity 0.3s}
.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(../../../../resource/p/kr/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; }

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

.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 .title { 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 .img-full { margin-left:-240px; text-align:center; }
.cont-col .line::before { content:''; display:block; margin:106px 0 90px -240px; height:1px; background:#000; }
.cont-col .line-2::before { content:''; display:block; margin:71px 0 110px -240px; height:1px; background:#000; }
.cont-col .line-3 { margin-left:-240px; text-align:center; }
.cont-col .line-3::before { content:''; display:block; margin:78px 0 70px 0; height:1px; background:#eee; }
.cont-col.full { margin-left:-240px; text-align:center; }
.cont-col.line { border-top:solid 1px #000; padding-top:60px; margin-top:120px; }

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

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

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

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

/****************************** 기업소개 - CI소개 ******************************/
.ci-logo { margin:78px 0 112px; 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; }
.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("/resource/p/kr/image/sub/world-map-2.png") 0 center no-repeat; }
.global-network .pin { position:absolute; top:0; right:50%; width:32px; height:32px; background:rgba(0,0,0,.3); border-radius:32px; transform:translate(-16px, -16px); }
.global-network .pin::after { content:''; position:absolute; left:50%; top:50%; width:6px; height:6px; background:#fff; border-radius:6px; transform:translate(-50%, -50%); }
.global-network .pin::before { content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; opacity:0;border:5px solid #ff5a2b; border-radius:32px; transform:translate(-50%, -50%); }
.global-network .active > .pin { background:rgba(255,90,43,1); }
.global-network .active > .pin::after {  }
.global-network .active > .pin::before { width:32px; height:32px; opacity:0.3; }
.global-network .pin.p-1 { right:auto; left:50%; margin-left:347px; top:153px; }
.global-network .pin.p-2 { margin-right:181px; top:244px; }
.global-network .pin.p-3 { margin-right:289px; top:242px; }
.global-network .pin.p-4 { margin-right:194px; top:302px; }
.global-network .pin.p-5 { margin-right:218px; top:275px; }
.global-network .pin.p-6 { margin-right:77px; top:158px; }
.global-network .pin.p-7 { margin-right:179px; top:163px; }
.global-network .pin.p-8 { margin-right:143px; top:115px; }
.global-network .pin.p-9 { margin-right:214px; top:234px; }
.global-network .pin.p-10 { margin-right:136px; top:232px; }
.global-network .pin.p-11 { margin-right:113px; top:153px; }

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

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

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

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

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

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

.cplevel-bg { width:auto; min-width:1200px; padding-left:0; padding-right:0; padding-bottom:252px; background:url("/resource/p/kr/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("/resource/p/kr/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("/resource/p/kr/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:#01422c url("/resource/p/kr/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:#012778 url("/resource/p/kr/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:#1cb6c0 url("/resource/p/kr/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("/resource/p/kr/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:#53bbf0 url("/resource/p/kr/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:#ffede9 url("/resource/p/kr/image/sub/product-bg-6.jpg") center top no-repeat; }
#product-section-6.product-section::before { top:877px; }
#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-7.product-section { background:#cac8c9 url("/resource/p/kr/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 .sch-keyword .item {color: #000;}
#product-section-7.product-section .list {width: 660px; 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: 50px;}
#product-section-7.product-section .list:nth-of-type(n + 2)::before {top: 36px;}
#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:nth-of-type(4)::before {content: '눈 건강'; }

#product-section-7.product-section .list li {width: 50%; 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:nth-child(2n)::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 .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 { 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 { position:absolute; top:-3px; right:-22px; color:#fff; border-color:#fff; background-color:rgba(0,0,0,0.2); }
.product-section .title-sub .btn-c-3:hover { border-color:#000; background-color:#000; }
.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 + 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 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; }

/****************************** 제품소개 - 제품검색 ******************************/
.cont-bg { position:relative; padding-top:80px; padding-bottom:80px; }
.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; }
.product-sch .sch-keyword { margin-top:8px; }
.product-sch .sch-keyword .item { position:relative; display:inline-block; height:40px; font-size:14px; color:#888; line-height:39px; border-radius:20px; text-align:center; border:solid 1px #eee; box-sizing:border-box; padding:0 20px; margin:12px 3px 0 0; transition:border-color 0.3s; }
.product-sch .sch-keyword .item:hover { border-color:#000; color:#000; z-index:2; }
.product-sch .sch-keyword .item.active { background:#000; border-color:#000; 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); }
.product-sch .sch-efficacy .fm-item + .fm-item { margin-left:30px; }

/****************************** 제품소개 - 제품상세 ******************************/
.product-detail { margin-bottom:100px; }
.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:60px; }
.product-detail .product-info .title { font-size:40px; line-height:56px; font-weight:700; padding:20px 0 22px; }
.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 .info { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; border-top:solid 1px #000; padding-bottom:50px; }
.product-detail .product-info .info dt { position:relative; width:121px; font-weight:700; line-height:26px; padding:16px 0 18px 20px; border-bottom:1px solid #eee; box-sizing:border-box; }
.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; color:#888; padding:16px 20px 18px 20px; border-bottom:1px solid #eee; }
.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-top:29px; }
.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:20px 0 80px 0; background:#fafafa; }
.product-info-2:before { content:''; position:absolute; left:50%; top:0; height:100%; width:1920px; min-width:1200px; transform:translateX(-50%); background:#fafafa; z-index:-1; }
.product-info-2 .info { display:table; width:100%; }
.product-info-2 .info > dt { display:table-cell; vertical-align:middle; width:240px; font-size:20px; font-weight:700; line-height:34px; padding:50px 0 50px 0; border-bottom:1px solid #eee; box-sizing:border-box; }
.product-info-2 .info > dd { display:table-cell; vertical-align:middle; width:calc(100% - 240px); line-height:30px; padding:52px 20px 54px 0; border-bottom:1px solid #eee; }
.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; }

/****************************** 제품소개 - 약국찾기 ******************************/
.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("/resource/p/kr/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("/resource/p/kr/image/sub/rnd-lab-img-4.png") center top no-repeat, url("/resource/p/kr/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("/resource/p/kr/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("/resource/p/kr/image/sub/world-map-pin.png") 0 -25px no-repeat; -webkit-transition:opacity 0.3s ease-in-out; transition:opacity 0.3s ease-in-out; }
.rnd-map-area .pos:hover { color:#ff5a2b; }
.rnd-map-area .pos:hover::before { opacity:0; }
.rnd-map-area .pos:hover::after { opacity:1; }
.rnd-map-area .pos.p-1 { top:283px; margin-left:-168px; right:auto; left:50%; text-align:left; padding-left:24px; padding-right:0; }
.rnd-map-area .pos.p-1::before, .rnd-map-area .pos.p-1::after { right:auto; left:-4px; }
.rnd-map-area .pos.p-2 { top:217px; margin-right:204px; }
.rnd-map-area .pos.p-3 { top:378px; margin-right:346px; }
.rnd-map-area .pos.p-4 { top:266px; margin-right:-400px; }
.rnd-map-area .pos.p-5 { top:438px; margin-right:253px; }
.rnd-lab-section-2 .uipop-container { left:0; right:0; top:476px !important; }

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

.lab-office .swiper-button-prev, .lab-office .swiper-button-next { background:none; margin-left:-5px; margin-right:-5px; overflow:hidden; }
.lab-office .swiper-button-prev::before, .lab-office .swiper-button-next::before { display:none; }
.lab-office .swiper-button-prev::after { left:auto; right:50%; }
.lab-office .swiper-button-prev::after, .lab-office .swiper-button-next::after { width:41px; height:41px; margin:-22px -34px 0; }
.lab-office .swiper-button-prev:hover::after { animation:ani-prev 600ms both; }
.lab-office .swiper-button-next:hover::after { animation:ani-next 600ms both; }
.lab-office .text { width:990px; background:#fff; overflow:hidden; padding:60px 60px 49px; }
.lab-office .text > dt { float:left; width:340px; color:#000; font-size:40px; font-weight:400; }
.lab-office .text > dt .photo { display:block; margin-bottom:26px; }
.lab-office .text > dt .city { display:block; color:#888; font-size:14px; margin-bottom:2px; }
.lab-office .text > dd { float:right; width:495px; line-height:30px; }
.lab-office .list-dot { line-height:1.71; margin-bottom:31px; }
.lab-office .list-dot > dt:first-child { margin-top:0; }
.lab-office .list-dot > dt { margin-bottom:-1.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("/resource/p/kr/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:#ff8366; }
.fm-chk-3.ty-4:checked + .fm-chk-i:after { background:#ff652a; }

.rnd-develop-list-wrap { display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:space-between;}
.rnd-develop-list-wrap > li.item { width:145px; }
.rnd-develop-list-wrap > li.item:last-child .title::after { display:none; }
.rnd-develop-list-wrap .title { position:relative; width:auto; float:none; border-bottom:solid 1px #000; height: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:145px; height:145px; background:#fbb843; border-radius:5px; overflow:hidden; font-weight:700; color:#fff; font-size:14px; line-height:22px; box-sizing:border-box; padding:25px 20px 20px 20px; transition:all 0.2s ease-in-out; }
.rnd-develop-list li a.item:hover { text-decoration:underline; }
.rnd-develop-list li .item.ty-2 { background:#ff8366; }
.rnd-develop-list li .item.ty-3 { background:#ff652a; }
.rnd-develop-list li.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; }
.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-major-info::after { content:''; display:block; clear:both; }
.rnd-major-info .rnd-item { margin:20px 0 0 0; padding:49px 30px; box-sizing:border-box; border:1px solid #fff; background:#fff; }
.rnd-major-info .rnd-item::after { content:''; display:block; clear:both; }
.rnd-major-info .rnd-item.pd { padding:79px 80px 75px; }
.rnd-major-info .major-title, .rnd-major-info .major-title-2 { margin:-6px 0 23px; font-size:20px; color:#000; line-height:1.5; font-weight:700; }
.rnd-major-info .major-title .sub { font-size:inherit; color:#888; font-weight:400; }
.rnd-major-info .major-title-2 { margin:48px 0 6px; }
.rnd-major-info .major-title-2.cmgt { margin-top:34px; }
.rnd-major-info .major-title-2.cmgt-2, .rnd-major-def.cmgt-2 { margin-top:60px; }
.rnd-major-info .caption { display:block; margin:16px 0 0; color:#888; line-height:1.57; text-align:center; }
.rnd-major-info .col { float:left; width:345px; padding-right:30px; }
.rnd-major-info .col.w-2 { width:720px; padding-right:0; }
.rnd-major-info .col.w-3 { width:690px; padding-right:75px; }
.rnd-major-info .col.w-4 { width:285px; padding-right:0; }
.rnd-major-info .col.w-5 { width:50%; }
.rnd-major-info .col.w-5 + .col.w-5 { padding-right:0; }
.rnd-major-img { text-align:center; }
.rnd-major-img .major-title-2 { margin:54px 0 24px; }
.rnd-major-def dt { color:#ff5a2b; margin-top:3px; }
.rnd-major-def dd { line-height:1.875; }
.rnd-major-def dd + dt { margin-top:21px; }
.rnd-major-def li { text-indent:-0.8em; margin-left:0.8em; line-height:1.875; }
.rnd-major-def li::before { content:''; display:inline-block; width:4px; height:4px; background-color:#000; margin:13px 9px 0 0; vertical-align:top; border-radius:100%; }
.rnd-major-def li.none { text-indent:0; margin-left:0; }
.rnd-major-def li.none::before { display:none; }

/****************************** 홍보센터 ******************************/
.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; }

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

/****************************** 개인정보처리방침 / 이용약관 ******************************/
.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("/resource/p/kr/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 306px; }
.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-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 { 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; }