@charset "UTF-8";
/* 190917 ksi */
/* ==========================================================================================
서브 레이아웃
============================================================================================*/
.banner-wrap { display: none; }

#contentWrap { width: 68rem; margin: 2.5rem auto 0; min-height: 50rem; max-width: 100%; }

#contentWrap::after { content: ""; clear: both; display: table; }

/* left menu */
#snb { float: left; width: 12.5rem; }

#snb .title { position: relative; color: #fff; background: #353540 url("/eng/img/sub/snb_title_bg.png") right bottom no-repeat; height: 8rem; font-size: 1.4rem; text-align: center; padding: 1rem .5rem 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#snb .title::before { content: ''; width: 2.4rem; height: 2.4rem; background: #f49f17; position: absolute; top: -.7rem; left: -.7rem; z-index: -1; }

#snb #left_menu_top > li > a { display: block; padding: .8rem 2rem .8rem .5rem; position: relative; color: #333; font-size: .85rem; border-bottom: 1px solid #e5e5e5; }

#snb #left_menu_top > li > a::before { content: '\e9c5'; font-family: "xeicon"; position: absolute; top: 1rem; right: 1rem; color: #a2a3ad; font-size: .7rem; opacity: 0; }

#snb #left_menu_top > li > a.linkWindow::after { content: '\e980'; font-family: "xeicon"; position: absolute; top: 1rem; right: 1rem; color: #a2a3ad; font-size: .7rem; }

#snb #left_menu_top > li.hassub > a::before { opacity: 1; }

#snb #left_menu_top > li ul[class^="ul"] { border-bottom: 1px solid #e5e5e5; overflow: hidden; visibility: hidden; height: 0; padding: 0; }

#snb #left_menu_top > li ul[class^="ul"] > li { margin-bottom: 0.5rem; }

#snb #left_menu_top > li ul[class^="ul"] > li:last-child { margin-bottom: 0; }

#snb #left_menu_top > li ul[class^="ul"] > li > a { display: block; color: #767676; position: relative; padding-left: 0.8rem; }

#snb #left_menu_top > li ul[class^="ul"] > li > a::before { content: ''; width: .3rem; height: .3rem; border: 1px solid #c0c2d0; border-width: 0 0 1px 1px; position: absolute; left: 0; top: .3rem; }

#snb #left_menu_top > li ul[class^="ul"] > li > a.linkWindow::after { content: '\e980'; font-family: "xeicon"; display: inline-block; margin-left: .3rem; }

#snb #left_menu_top > li ul[class^="ul"] > li.active > a { color: #353541; font-weight: 700; }

#snb #left_menu_top > li ul[class^="ul"] > li.active > a::before { border-color: #353540; }

#snb #left_menu_top > li.active > a { color: #333; font-weight: 700; border-bottom: 4px solid #222; }

#snb #left_menu_top > li.active > a::before { content: '\ea3e'; color: #f49f17; font-weight: 300; opacity: 1; }

#snb #left_menu_top > li.active ul[class^="ul"] { padding: 1rem .8rem; height: inherit; visibility: visible; opacity: 1; }

/* 콘텐츠 */
#content { float: left; width: calc(100% - 12.5rem); padding-left: 2.5rem; }

/* 상단 */
.content_info { margin-bottom: 2rem; position: relative; z-index: 2; }

.content_info::after { content: ""; clear: both; display: table; }

.content_info .title { float: left; color: #000; font-size: 1.7rem; font-weight: 700; }

.content_info .right-area { float: right; text-align: right; }

.content_info .location { display: inline-block; vertical-align: top; min-height: 2rem; padding-top: 0.5rem; }

.content_info .location > ul { color: #666; font-size: .75rem; }

.content_info .location > ul::after { content: ""; clear: both; display: table; }

.content_info .location > ul > li { position: relative; padding-right: 1.2rem; display: inline-block; }

.content_info .location > ul > li::before { content: '\e940'; font-family: "xeicon"; position: absolute; top: 0rem; right: .2rem; }

.content_info .location > ul > li:last-child { padding-right: 0; }

.content_info .location > ul > li:last-child::before { display: none; }

.content_info .location > ul > li > a { display: block; }

.content_info .location > ul > li.icon > a { font-size: 0; }

.content_info .location > ul > li.icon > a::before { content: '\e902'; font-family: "xeicon"; font-size: .9rem; line-height: 1; }

.content_info .utils { display: inline-block; vertical-align: top; margin-left: 1rem; }

.content_info .utils .share { margin-right: .5rem; display: inline-block; vertical-align: top; position: relative; }

.content_info .utils .share .share-list { height: 0; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; top: 2rem; left: 0; }

.content_info .utils .share .share-list > li { margin-top: 0.4rem; }

.content_info .utils .share .share-list > li > a { display: block; width: 2rem; height: 2rem; border-radius: 50%; line-height: 2rem; text-align: center; font-size: 1rem; }

.content_info .utils .share .share-list > li > a.facebook { background: #4867aa; color: #fff; }

.content_info .utils .share .share-list > li > a.twitter { background: #1da1f2; color: #fff; }

.content_info .utils .share .share-list > li > a.kakaotalk { background: #f3d820; color: #76410e; font-size: 1.2rem; }

.content_info .utils .share .share-list > li > a.link { background: #ef7d0d; color: #fff; font-size: 1.2rem; }

.content_info .utils .share.active .share-list { height: inherit; opacity: 1; visibility: visible; }

.content_info .utils .print { display: inline-block; vertical-align: top; }

.content_info .utils [class^="btn-"] { display: block; border-radius: 50%; border: 1px solid #ddd; text-align: center; width: 2rem; height: 2rem; color: #000; font-size: 1.1rem; line-height: 2rem; -webkit-transition: all .3s; transition: all .3s; }

.content_info .utils [class^="btn-"]:hover { background: #222; color: #fff; }

/* tab 메뉴 */
#tabs { width: 100%; margin-bottom: 1.5rem; }

#tabs .link { text-align: center; width: 100%; border-bottom: 1px solid #e5e5e5; }

#tabs .link::after { content: ""; clear: both; display: table; }

#tabs .link > li { float: left; width: 25%; /* research division 4개짜리 있음 */ }

#tabs .link > li > a { display: block; color: #222; font-size: .9rem; font-weight: 700; text-align: center; border: 1px solid #e5e5e5; border-right: 0; border-bottom: 0; padding: .9rem .3rem; }

#tabs .link > li > a:hover { text-decoration: underline; }

#tabs .link > li:last-child > a { border-right: 1px solid #e5e5e5; }

#tabs .link > li.active > a { background: #fda820; border-color: #fda820; }

/* 하단 담당자 정보 + 만족도조사 */
.contentInfo { margin: 3.5rem 0; word-break: keep-all; }

.contentInfo .duty { border: 1px solid #ddd; }

.contentInfo .duty::after { content: ""; clear: both; display: table; }

.contentInfo .duty .top { background: #f6f7f9; border-bottom: 1px solid #ddd; }

.contentInfo .duty .top::after { content: ""; clear: both; display: table; }

.contentInfo .duty .top .info { float: left; padding: .8rem 1.1rem; min-height: 2.9rem; }

.contentInfo .duty .top .info::after { content: ""; clear: both; display: table; }

.contentInfo .duty .top .info > li { float: left; margin-right: 2.5rem; }

.contentInfo .duty .top .info > li:last-child { margin-right: 0; }

.contentInfo .duty .top .info > li strong { display: inline-block; position: relative; padding-right: 1rem; color: #3c4264; vertical-align: middle; }

.contentInfo .duty .top .info > li strong::before { content: ''; width: 1px; height: .7rem; position: absolute; top: .2rem; right: .4rem; background: #d5d9df; }

.contentInfo .duty .top .info > li span { display: inline-block; vertical-align: middle; }

.contentInfo .duty .top .update { float: right; }

.contentInfo .duty .bottom { padding: .8rem 1.25rem; }

.contentInfo .duty .bottom .title-area { margin-bottom: .5rem; }

.contentInfo .duty .bottom .title-area::after { content: ""; clear: both; display: table; }

.contentInfo .duty .bottom .title-area .caption { float: left; background: #fff; color: #333; font-weight: 600; }

.contentInfo .duty .bottom .title-area .caption i { display: inline-block; border-radius: 50%; width: 1.5rem; height: 1.5rem; text-align: center; background-color: #3c4264; color: #fff; line-height: 1.5rem; text-align: center; margin-right: 0.3rem; }

.contentInfo .duty .bottom .title-area .history { float: right; padding-top: 0.2rem; }

.contentInfo .duty .bottom .input-area .row { margin: 0; }

.contentInfo .duty .bottom .input-area .row > li { padding: 0; }

.contentInfo .duty .bottom .input-area .opinion { position: relative; }

.contentInfo .duty .bottom .input-area .opinion .form-control { padding-right: 7.5rem; height: 2rem; border-radius: 0; }

.contentInfo .duty .bottom .input-area .opinion .count { display: block; position: absolute; top: 0; right: 5rem; line-height: 2rem; }

.contentInfo .duty .bottom .input-area .opinion .btn-c { width: 4.4rem; position: absolute; top: 0; right: 0; height: 2rem; font-size: .75rem; padding: .5rem; text-align: center; }

/* ==========================================================================================
공통 스타일
============================================================================================*/
/* 이미지 가운데 정렬 */
.content_body img { margin: 0 auto; display: block; }

/* 기본 문장 */
.content_body p { margin: 1rem 0 1.5rem; }

/* 타이틀 */
.title1 { display: block; font-size: 1.6rem; color: #222; margin-top: 3.2rem; margin-bottom: 1.2rem; }

.title1:first-child { margin-top: 0; }

.title2 { display: block; font-size: 1.3rem; color: #222; margin: 2.5rem 0 1.5rem; position: relative; padding-left: 0.9rem; }

.title2:first-child { margin-top: 0; }

.title2::before { content: ''; width: .3rem; height: .45rem; background: #f49f17; -webkit-transform: skew(-20deg); transform: skew(-20deg); position: absolute; top: .85rem; left: 0; }

.title3 { display: block; font-size: 1.1rem; color: #222; margin: 1.2rem 0 .9rem; }

.title3:first-child { margin-top: 0; }

/* 리스트 */
.list-dot { margin: 0.5rem 0; }

.list-dot > li { position: relative; padding-left: .5rem; color: #666; margin: 0.5rem 0; text-align: left; }

.list-dot > li:first-child { margin-top: 0; }

.list-dot > li::before { content: ''; position: absolute; top: .5rem; left: 0; border-radius: 50%; width: 0.15rem; height: 0.15rem; text-align: center; background-color: #192333; }

.list-dot .sub-title { display: block; font-weight: 400; color: #222; }

.list-dot p { margin: .2rem 0; }

.desc-dot { position: relative; padding-left: .5rem; color: #666; margin: 0.5rem 0; text-align: left; }

.desc-dot::before { content: ''; position: absolute; top: .5rem; left: 0; border-radius: 50%; width: 0.15rem; height: 0.15rem; text-align: center; background-color: #192333; }

.list-dot-blue { margin-top: 0.8rem; }

.list-dot-blue > li { position: relative; padding-left: .7rem; color: #666; margin: 0.5rem 0; text-align: left; }

.list-dot-blue > li:first-child { margin-top: 0; }

.list-dot-blue > li::before { content: ''; position: absolute; top: .45rem; left: 0; border-radius: 50%; width: 0.35rem; height: 0.35rem; text-align: center; background-color: #74899c; }

.list-dash { margin: 0.5rem 0; }

.list-dash > li { position: relative; padding-left: .6rem; color: #666; margin: 0.5rem 0; text-align: left; }

.list-dash > li:first-child { margin-top: 0; }

.list-dash > li::before { content: ''; position: absolute; top: .6rem; left: 0; background: #202020; width: .25rem; height: 1px; }

.list-num { margin: 0.5rem 0; }

.list-num > li { position: relative; padding-left: 1.2rem; color: #666; margin: 0.5rem 0; text-align: left; counter-increment: number; }

.list-num > li:first-child { margin-top: 0; }

.list-num > li::before { content: counter(number, decimal-leading-zero); position: absolute; top: .05rem; left: 0; color: #000; font-size: .7rem; font-weight: 600; }

.round-num { font-family: "Montserrat"; font-weight: 600; color: #fff; font-size: 0.8rem; border-radius: 50%; width: 1.8rem; height: 1.8rem; text-align: center; background-color: #222; display: inline-block; line-height: 1.8rem; text-align: center; vertical-align: top; margin-right: 0.5rem; }

.round-num + .desc { display: inline-block; width: calc(100% - 2.5rem); vertical-align: top; padding-top: 0.25rem; }

/* btn */
.btns { text-align: center; margin: 1.8rem 0; }

.btns::after { content: ""; clear: both; display: table; }

.btns .btn-c { font-weight: 600; min-width: 10rem; height: 2.5rem; font-size: .75rem; text-align: center; padding: .7rem .5rem; margin: 0 .3rem; }

.btns .btn-c::after { content: ""; clear: both; display: table; }

.btns.border { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 1rem .5rem; }

.btn-c.yellow { background: #f49f17; border-color: #f49f17; color: #000; }

.btn-c.black { background: #353540; border-color: #353540; color: #fff; }

.btn-c.sm { min-width: 7rem; }

.btn-c.md { min-width: 15rem; }

.btn-c.lg { min-width: 19.1rem; }

.btn-c.xlg { min-width: 24.5rem; }

.btn-c.link { position: relative; }

.btn-c.link i { float: right; font-size: .9rem; }

.btn-c.download { position: relative; }

.btn-c.download i { float: right; font-size: .9rem; }

.btn-c.more { position: relative; }

.btn-c.more i { float: right; font-size: .9rem; }

.btn-c:hover { border: 1px solid #999; background: #fff; color: #222; }

/* text 그대로 노출 */
.pre-line { white-space: pre-line; }

/* 이미지 bg box */
.img-box { margin: 1.5rem 0; background: url("/eng/img/sub/style_imgbox_bg.jpg") center/cover no-repeat; padding: 14rem 4.5rem 3rem; color: #fff; position: relative; }

.img-box .txt { /* word-break: keep-all; */ position: relative; }

.img-box .txt .title { display: inline-block; font-size: 1.6rem; padding-right: 7.5rem; margin-bottom: 1.4rem; position: relative; }

.img-box .txt .title::after { content: ''; width: 7rem; height: 1px; background: #fff; position: absolute; top: 1.3rem; right: 0; }

.img-box .txt .back { display: block; position: absolute; top: -2.6rem; left: -2rem; font-family: "Nanum Myeongjo"; font-weight: 700; font-size: 5rem; opacity: .16; line-height: 1; }

.img-box .txt .desc { font-size: .9rem; line-height: 1.5; }

/* 이미지 border box */
.img-border-box { border: 1px solid #e9e9e9; padding: 2rem; margin: 1.2rem 0; }

/* border box */
.border-box { border-top: 1px solid #192333; margin-bottom: .5rem; word-break: keep-all; }

.border-box .caption { padding: 1rem .5rem; border-bottom: 1px solid #ddd; color: #222; font-size: .9rem; }

.border-box .caption strong { display: block; }

.border-box .caption strong em { font-size: .8rem; font-weight: 400; margin-right: .5rem; }

.border-box .bottom { padding: .7rem .5rem; }

.border-box .bottom.type2 { padding: 1.5rem 0; }

.border-box .bottom .mix { margin-bottom: 1rem; }

.border-box .bottom .list-dot:first-child { margin-top: 0; }

.border-box2 { border: 1px solid #e8ebee; padding: 1.2rem 1.3rem; color: #666; line-height: 1.5; margin-bottom: 2rem; }

.border-box2.scroll-box { height: 9.5rem; }

.border-box3 { border-top: 1px solid #192333; border-bottom: 1px solid #ddd; margin-bottom: 1.5rem; }

.border-box4 { border: .4rem solid #e9e9e9; padding: 1rem .5rem; margin: 1rem 0; }

.border-box4.caption { margin: 2.5rem 0 1rem; text-align: center; color: #000; font-size: 1.2rem; padding: 1.8rem 1rem; }

.border-box4.caption:first-child { margin-top: 0; }

.border-box5 { border: 1.2rem solid #e9e9e9; padding: 2.5rem; position: relative; overflow: hidden; word-break: keep-all; margin-bottom: 2.2rem; margin-bottom: 3rem; }

.border-box5 .img { position: absolute; top: 1.5rem; right: 3rem; z-index: -1; }

.border-box5 .txt { padding-right: 40%; margin-bottom: 2rem; position: relative; z-index: 1; }

.border-box5 .txt strong { display: block; color: #222; font-size: 1.7rem; font-weight: 300; margin-bottom: 1.6rem; line-height: 1.4; }

.border-box5 .txt strong em { color: #1e2f6e; font-weight: 600; }

.border-box5 .txt u { text-decoration: underline; }

.border-box5 .txt span { display: block; color: #707070; font-size: 1rem; font-weight: 300; }

.border-box5 .btns { margin-bottom: 0; }

.border-box6 { border: 1.2rem solid #e9e9e9; padding: 2.3rem 17rem 2rem 1.8rem; position: relative; word-break: keep-all; }

.border-box6 .txt { margin-bottom: 1.5rem; }

.border-box6 .txt:last-of-type { margin-bottom: 0; }

.border-box6 .txt strong { display: block; color: #222; font-size: 1.2rem; margin-bottom: 0.3rem; }

.border-box6 .txt span { display: block; }

.border-box6 img { display: block; position: absolute; bottom: -2rem; right: 1.8rem; }

.border-box6 .btns { margin-bottom: 0; }

.border-box-big { position: relative; overflow: hidden; word-break: keep-all; margin: 2rem auto; text-align: center; }

.border-box-big:first-child { margin-top: 0; }

.border-box-big .border { border: 1.5rem solid #e9e9e9; padding: 2rem 5rem 3rem; }

.border-box-big [class^="bar"] { position: absolute; background: #f49f17; }

.border-box-big .bar1 { width: 15.5rem; height: 1.5rem; left: 0; top: 0; background: url("/eng/img/sub/010301_bar1.png") 0 0 no-repeat; }

.border-box-big .bar2 { width: 1.5rem; height: 15.5rem; left: 0; top: 0; }

.border-box-big .bar3 { width: 1.5rem; height: 15.5rem; right: 0; bottom: 0; }

.border-box-big .bar4 { width: 15.5rem; height: 1.5rem; right: 0; bottom: 0; background: url("/eng/img/sub/010301_bar4.png") 0 0 no-repeat; }

/* 카드형 리스트 */
.border-card-list { word-break: keep-all; margin: 2rem 0; }

.border-card-list:first-child { margin-top: 0; }

.border-card-list .card { border: 1px solid #e9e9e9; padding: 1.5rem 1.1rem; }

.border-card-list .card .title { position: relative; margin-bottom: 1.4rem; }

.border-card-list .card .title::before { content: ''; width: 100%; height: 1px; background: #222; position: absolute; top: 50%; left: 0; z-index: -1; }

.border-card-list .card .title strong { display: inline-block; font-size: 1rem; color: #222; position: relative; z-index: 1; background: #fff; padding-right: .4rem; }

/* round step 리스트 */
.round-step-wrap { border: 1px solid #e9e9e9; margin: 1.2rem 0 2.5rem; padding: 2.2rem 3.3rem; word-break: keep-all; }

.round-step-wrap .step { display: block; width: 46rem; table-layout: fixed; text-align: center; }

.round-step-wrap .step > li { display: inline-block; position: relative; width: 19%; vertical-align: top; }

.round-step-wrap .step > li::before { content: '\ea3e'; font-family: "xeicon"; font-size: 1.2rem; color: #353540; position: absolute; top: 2.6rem; right: -.6rem; }

.round-step-wrap .step > li:last-child::before { display: none; }

.round-step-wrap .step > li:nth-child(1) .round { background: #f49f17; }

.round-step-wrap .step > li:nth-child(1) .round span { color: #222; }

.round-step-wrap .step > li:nth-child(2) .round { background: #936112; }

.round-step-wrap .step > li:nth-child(3) .round { background: #9c5516; }

.round-step-wrap .step > li:nth-child(4) .round { background: #9c4516; }

.round-step-wrap .step > li:nth-child(5) .round { background: #4f3629; }

.round-step-wrap .step .round { border-radius: 50%; width: 6rem; height: 6rem; text-align: center; background-color: #f49f17; padding: .9rem .4rem; margin: 0 auto .5rem; }

.round-step-wrap .step .round img { margin-bottom: .4rem; }

.round-step-wrap .step .round span { display: block; font-size: .85rem; color: #fff; font-weight: 600; line-height: 1.2; }

/* square step 리스트 */
.square-step-wrap { border: 1px solid #e9e9e9; margin: 1.2rem 0 2.5rem; padding: 2.2rem 3.3rem; word-break: keep-all; }

.square-step-wrap .step { display: table; width: 46rem; table-layout: fixed; text-align: center; }

.square-step-wrap .step > li { display: table-cell; position: relative; }

.square-step-wrap .step > li::before { content: '\ea3e'; font-family: "xeicon"; font-size: 1.2rem; color: #353540; position: absolute; top: 2.6rem; right: -.6rem; }

.square-step-wrap .step > li:last-child::before { display: none; }

.square-step-wrap .step > li:nth-child(1) .square { background: #f49f17; }

.square-step-wrap .step > li:nth-child(1) .square span { color: #222; }

.square-step-wrap .step > li:nth-child(2) .square { background: #9c5516; }

.square-step-wrap .step > li:nth-child(3) .square { background: #9c5516; }

.square-step-wrap .step > li:nth-child(4) .square { background: #9c4516; }

.square-step-wrap .step > li:nth-child(5) .square { background: #4f3629; }

.square-step-wrap .step .square { padding: .9rem 0.2rem; margin: 0 auto .5rem; width: 11rem; height: 6rem; border-radius: 1rem; }

.square-step-wrap .step .square img { margin-bottom: 1rem; }

.square-step-wrap .step .square span { display: block; font-size: .85rem; color: #fff; font-weight: 600; line-height: 1.2; }

.square-step-wrap .step .bottom .list-dot { padding-left: 3rem; }

/* 왼쪽 아이콘 + text */
.left-icon { text-align: center; word-break: keep-all; }

.left-icon .inner { padding: 0 1.7rem; }

.left-icon .inner::after { content: ""; clear: both; display: table; }

.left-icon .round { border-radius: 50%; width: 4.3rem; height: 4.3rem; text-align: center; background-color: #e97f0e; background: #e97f0e url("/eng/img/sub/050301_img01.png") center no-repeat; float: left; margin-right: 1rem; }

.left-icon .txt { float: left; width: calc(100% - 6rem); text-align: left; }

.left-icon .txt strong { display: block; color: #353540; font-size: .9rem; margin-bottom: 0.6rem; }

.left-icon .txt span { display: block; }

.left-icon .row > li:nth-child(2) .round { background: #353540 url("/eng/img/sub/050301_img02.png") center no-repeat; }

/* top-text-box */
.top-text-box { position: relative; overflow: hidden; margin: 1.5rem 0; word-break: keep-all; }

.top-text-box .border { border: .75rem solid #e9e9e9; }

.top-text-box [class^="bar"] { position: absolute; -webkit-transition: all .3s; transition: all .3s; }

.top-text-box .bar1 { position: absolute; top: 0; left: calc(100% - 3.3rem); background: url("/eng/img/sub/ttbox_border_top.png") 0 0 no-repeat; width: 0; height: .75rem; }

.top-text-box .bar2 { position: absolute; top: 0; right: 0; width: .75rem; height: 0%; background: #f49f17; }

.top-text-box .bar3 { position: absolute; bottom: 0; right: 0; background: url("/eng/img/sub/ttbox_border_bottom.png") 0 0 no-repeat; width: 0; height: .75rem; }

.top-text-box .txt { padding-right: 10.8rem; position: relative; padding: 1.5rem 11.5rem 1.5rem 1.5rem; }

.top-text-box .txt .bg { position: absolute; top: 50%; right: 1.5rem; width: 8.6rem; height: 6.1rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.top-text-box .txt .title { display: block; font-size: 1.3rem; color: #222; margin-bottom: 0.5rem; }

.top-text-box .txt .desc { display: block; color: #666; }

.top-text-box .txt .btn-c { position: absolute; bottom: 1.5rem; right: 2rem; margin: 0; }

.top-text-box.mini .border { min-height: 10rem; padding: 1.5rem 0; }

.top-text-box.btn-type .txt::before { content: ''; width: 0; height: 0; border-top: 1rem solid transparent; border-left: 1.5rem solid #f5f5f5; border-bottom: 1rem solid transparent; position: absolute; top: 1.5rem; right: 7.5rem; z-index: -1; }

.top-text-box.btn-type .txt::after { content: ''; width: 0; height: 0; border-top: 1rem solid transparent; border-left: 1.5rem solid #f5f5f5; border-bottom: 1rem solid transparent; position: absolute; top: 5rem; right: 19rem; z-index: -1; }

body.start .top-text-box .bar1 { width: 3.3rem; }

body.start .top-text-box .bar2 { height: 100%; -webkit-transition-delay: .3s; transition-delay: .3s; }

body.start .top-text-box .bar3 { width: 10.45rem; -webkit-transition-delay: .6s; transition-delay: .6s; }

body.start .sub010101 .bar1 { width: 19.75rem; }

body.start .sub010101 .bar3 { width: 32.05rem; }

/* 파란색박스 */
.blue-box { background: #f2f5f9 url("/eng/img/sub/blue_box_bg.jpg") 90% bottom no-repeat; padding: 1.6rem 2.5rem; margin: 3rem 0; word-break: keep-all; }

.blue-box::after { content: ""; clear: both; display: table; }

.blue-box .img { float: left; margin-right: 2rem; }

.blue-box .txt { float: left; width: calc(100% - 6rem); }

.blue-box .txt .title { display: block; font-size: 1.3rem; color: #222; margin-bottom: .5rem; }

/* 카테고리 탭메뉴 */
.category-tab { border: 1px solid #e5e5e5; border-width: 1px 0; position: relative; margin: 1rem 0; }

.category-tab .tab > li { text-align: center; }

.category-tab .tab > li > a { display: inline-block; font-size: .9rem; color: #666; text-align: center; padding: .7rem 0; position: relative; }

.category-tab .tab > li > a::before { content: ''; width: 100%; height: .2rem; background: #fda820; position: absolute; bottom: .9rem; left: 0; z-index: -1; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; }

.category-tab .tab > li > a:hover::before { opacity: 1; }

.category-tab .tab > li.tab-active > a { color: #222; font-weight: 700; }

.category-tab .tab > li.tab-active > a::before { opacity: 1; }

.category-tab .btn-area { width: 100%; height: 0; position: absolute; left: 0; top: 0; z-index: 1; }

.category-tab .btn-area > div { width: 2.8rem; height: 2.8rem; position: absolute; top: 0; font-size: 1.2rem; text-align: center; line-height: 2.8rem; }

.category-tab .btn-area .swiper-button-prev { left: 0; }

.category-tab .btn-area .swiper-button-next { right: 0; }

/* div select box */
.select-wrap { position: relative; }

.select-wrap .select-title { color: #333; font-size: .9rem; font-weight: 700; position: relative; display: block; max-height: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 1.4rem; }

.select-wrap .select-title::before { content: '\e942'; font-family: "xeicon"; position: absolute; top: -.1rem; right: 0; font-size: 1.2rem; }

.select-wrap .scroll-box { width: 100%; height: 0; border: 1px solid #999; padding: .8rem 1rem; position: absolute; top: 1.5rem; left: 0; background: #fff; z-index: 1; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; visibility: hidden; }

.select-wrap.active .scroll-box { opacity: 1; visibility: visible; height: 5.04rem; }

.select-wrap.active .select-title::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/* text style1 */
.desc-area-type1 { color: #333; font-weight: 600; margin: 2rem 0; word-break: keep-all; }

.desc-area-type1 em { color: #ba410d; }

/* point */
.point1 { color: #e30a0a !important; font-size: 1.5rem; display: inline-block; width: .75rem; height: 1rem; line-height: 1; vertical-align: middle; font-weight: 400; }

.point2 { color: #ba410d !important; }

.point3 { color: #e31515 !important; }

.point4 { color: #bf532a !important; }

/* 구분선 */
hr.line { width: 100%; height: 1px; overflow: hidden; background: #e9e9e9; margin: 1.5rem 0 2rem; }

/* table */
strong.a11y { display: none; }

.table-wrap { width: 100%; margin: 2rem 0 2.5rem; text-align: center; }

.table-wrap table { position: relative; width: 100%; }

.table-wrap table::before { content: ''; width: 100%; height: 2px; background: #000; position: absolute; top: 0; left: 0; }

.table-wrap table::after { content: ''; width: 100%; height: 1px; background: #aaa; position: absolute; bottom: 0; left: 0; }

.table-wrap table th { text-align: center; color: #000; font-weight: 300; }

.table-wrap table thead th { font-weight: 600; color: #222; border-bottom-color: #aaa; }

.table-wrap table td { color: #555; }

.table-wrap table th, .table-wrap table td { border: 1px solid #ddd; padding: .8rem 1rem; }

.table-wrap table tr:first-child th, .table-wrap table tr:first-child td { border-top: 0; }

.table-wrap table th:first-child, .table-wrap table td:first-child { border-left: 0; }

.table-wrap table th:last-child, .table-wrap table td:last-child { border-right: 0; }

.table-wrap table .list li { text-align: left; }

.table-wrap + .remarks { margin-top: -1.5rem; }

.table-wrap::-webkit-scrollbar { height: 5px; }

.table-wrap::-webkit-scrollbar-thumb { background-color: #f49f17; border: 5px solid #f49f17; border-radius: 5px; }

.table-wrap::-webkit-scrollbar-track { background-color: #e5e5e5; }

/* 레이어 팝업창 : 인증 */
.layer-popup { position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.25); top: 0; left: 0; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: all .3s; transition: all .3s; }

.layer-popup .box-area { width: 68rem; padding-left: 15rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 92%; }

.layer-popup .box-area .inner { background: #fff; border: 1.2rem solid #e9e9e9; padding: 3rem 6rem; height: 90%; }

.layer-popup .box-area .title { position: relative; width: 100%; display: block; text-align: center; margin-bottom: 2.8rem; }

.layer-popup .box-area .title::before { content: ''; width: 100%; height: 1px; background: #a2a5aa; position: absolute; top: 50%; left: 0; z-index: 0; }

.layer-popup .box-area .title span { display: inline-block; background: #fff; color: #333; font-size: 1.5rem; font-weight: 600; padding: 0 .4rem; z-index: 1; position: relative; }

.layer-popup .box-area .box { border: 1px solid #e9e9e9; padding: 2.8rem 2.3rem; text-align: center; }

.layer-popup .box-area .box .name { display: block; color: #000; font-size: 1.2rem; margin-bottom: 1rem; padding-top: 3.3rem; background: url("/eng/img/sub/0504_phone.png") center top no-repeat; }

.layer-popup .box-area .box .btns { margin-bottom: 0; }

.layer-popup .box-area .btn-close { display: block; position: absolute; top: 3rem; right: 3rem; }

.layer-popup .box-area .btn-close i { font-size: 1.5rem; color: #222; }

.layer-popup.active { z-index: 10; opacity: 1; visibility: visible; }

/* ==========================================================================================
콘텐츠 스타일
============================================================================================*/
/* 간행물신청해지 010508 */
.sub010508 { /* 간행물신청해지 010508 :: 신청 */ /* 간행물신청해지 010508 :: 해지 */ }

.sub010508 .gray-border-box { border: 1.2rem solid #e9e9e9; padding: 2.5rem; position: relative; overflow: hidden; word-break: keep-all; margin-bottom: 2.2rem; }

.sub010508 .gray-border-box::before { content: ''; width: 19.5rem; height: 8.05rem; background: url("/eng/img/sub/010508_bg.jpg") 0 0/contain no-repeat; position: absolute; top: 1.5rem; right: 3rem; }

.sub010508 .gray-border-box .txt { padding-right: 50%; margin-bottom: 2rem; position: relative; z-index: 1; }

.sub010508 .gray-border-box .txt strong { display: block; color: #222; font-size: 1.7rem; text-decoration: underline; font-weight: 400; margin-bottom: 1.6rem; }

.sub010508 .gray-border-box .txt strong em { color: #1e2f6e; font-weight: 700; }

.sub010508 .gray-border-box .txt span { display: block; color: #707070; font-size: 1rem; }

.sub010508 .card-list { margin: 1.5rem 0 2.5rem; }

.sub010508 .card-list .card { border: 1px solid #e9e9e9; padding: 1.2rem 1.3rem 4.7rem 1.3rem; position: relative; }

.sub010508 .card-list .card .caption { display: block; font-size: .9rem; color: #222; }

.sub010508 .card-list .card img { display: block; position: absolute; right: 1.3rem; bottom: 1.5rem; }

.sub010508.type02 .gray-border-box .txt { padding-right: 30%; }

.sub010508.type03 .gray-border-box .txt { padding-right: 30%; }

.agree-wrap { position: relative; }

.agree-wrap .title { color: #000; font-weight: 600; padding: .8rem 0; }

.agree-wrap .input-area { position: absolute; top: .8rem; right: 0; z-index: 1; }

/* 관련사이트 010701 */
.sub010701 .relate-site .border-box3 { padding: 1.2rem 0; }

.sub010701 .relate-site .border-box3 .img { border: 1px solid #e9e9e9; width: 12rem; max-width: 100%; height: 7.9rem; position: relative; }

.sub010701 .relate-site .border-box3 .img img { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 80%; }

.sub010701 .relate-site .border-box3 .txt { word-break: keep-all; }

.sub010701 .relate-site .border-box3 .txt .title { display: block; width: 100%; height: 1.4rem; overflow: hidden; color: #222; font-size: .9rem; font-weight: 600; margin-bottom: 0.6rem; }

.sub010701 .relate-site .border-box3 .txt .desc { color: #666; display: block; height: 2.5rem; overflow: hidden; margin-bottom: 1.3rem; }

.sub010701 .relate-site .border-box3.custom1 { height: 13.05rem; }

.sub010701 .relate-site .border-box3.custom1.detail .txt .title { height: 2.7rem; }

.sub010701 .relate-site .border-box3.custom1.detail .txt .desc { height: 3.9rem; }

/* 연구분야 020102 - 연구진 */
.border-box4.search-wrap { text-align: center; /* 직원검색 추가했을때 */ }

.border-box4.search-wrap .inner { display: inline-block; }

.border-box4.search-wrap .inner .form-select { width: 10rem; display: inline-block; vertical-align: top; }

.border-box4.search-wrap .inner .form-select.sm { width: 5.6rem; }

.border-box4.search-wrap .inner .form-select select { width: 100%; height: 2.1rem; }

.border-box4.search-wrap .inner .form-select-list select { height: 2.1rem; }

.border-box4.search-wrap .inner .search { width: 17rem; height: 2rem; position: relative; display: inline-block; vertical-align: top; max-width: 100%; }

.border-box4.search-wrap .inner .search .form-input { width: 100%; }

.border-box4.search-wrap .inner .search .form-input input { width: 100%; padding-right: 3.5rem; height: 2.1rem; }

.border-box4.search-wrap .inner .search .form-btn { position: absolute; top: 0; right: 0; height: 2.1rem; }

.border-box4.search-wrap .inner .search .form-btn .btn-c { height: inherit; color: #fff; background: #222; border-color: #222; font-size: 1.15rem; padding: .1rem .8rem; }

.border-box4.search-wrap .formLine { width: 7rem; }

.border-box4.search-wrap .ui-datepicker-trigger { padding: 0; vertical-align: top; }

.border-box4.search-wrap .xi-calendar-check { font-size: 1.2rem; margin: .4rem 0 0 -1.8rem; }

.border-box4.search-wrap .date_term { display: inline-block; margin: 0 .5rem; }

.border-box4.search-wrap .select-wrap { border: 1px solid #ddd; height: 2.1rem; text-align: left; }

.border-box4.search-wrap .select-wrap .select-title { height: 2.1rem; font-size: .8rem; font-weight: 400; display: block; max-height: none; padding: .3rem .7rem; }

.border-box4.search-wrap .select-wrap .select-title::before { content: '\e936'; font-size: .7rem; top: .4rem; right: .3rem; }

.border-box4.search-wrap .select-wrap .scroll-box { width: calc(200% + .35rem); top: 2.1rem; left: -1px; }

.border-box4.search-wrap .select-wrap .scroll-box .option-list > li { position: relative; padding-left: .6rem; }

.border-box4.search-wrap .select-wrap .scroll-box .option-list > li::before { content: '\e97e'; font-family: "xeicon"; font-size: .6rem; position: absolute; top: .2rem; left: 0; }

.border-box4.search-wrap .select-wrap .scroll-box .option-list > li.depth-1 { font-weight: 600; padding-left: 0; }

.border-box4.search-wrap .select-wrap .scroll-box .option-list > li.depth-1::before { display: none; }

.border-box4.search-wrap .select-wrap .scroll-box .option-list > li.depth-2 { padding-left: 1.2rem; }

.border-box4.search-wrap .select-wrap .scroll-box .option-list > li.depth-2::before { left: .6rem; }

.border-box4.search-wrap .select-wrap .scroll-box .option-list > li.depth-3 { padding-left: 1.7rem; }

.border-box4.search-wrap .select-wrap .scroll-box .option-list > li.depth-3::before { left: 1.1rem; }

.border-box4.search-wrap .select-wrap .scroll-box .option-list > li.depth-4 { padding-left: 2.2rem; }

.border-box4.search-wrap .select-wrap .scroll-box .option-list > li.depth-4::before { left: 1.6rem; }

.border-box4.search-wrap .select-wrap.active .scroll-box { height: 12rem; }

/* 직원찾기 게시판 */
.contact-wrap.tstyle_list > div > ul { overflow: inherit; }

.contact-wrap .info-user { position: relative; text-align: center; z-index: 1; }

.contact-wrap .info-user .btn-user { display: inline-block; font-size: 1.5rem; color: #333; width: 1.4rem; height: 1.4rem; position: relative; }

.contact-wrap .info-user .btn-user i { line-height: 1; position: absolute; top: 0; left: 0; }

.contact-wrap .info-user .key-area { position: absolute; top: 2.6rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #fff; width: 16rem; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; visibility: hidden; z-index: -1; }

.contact-wrap .info-user .key-area span { color: #333; display: inline-block; vertical-align: middle; margin-right: .7rem; font-weight: 600; }

.contact-wrap .info-user .key-area .input-area { vertical-align: middle; display: inline-block; width: 8.5rem; position: relative; }

.contact-wrap .info-user .key-area .input-area .text { padding-right: 2.5rem; width: 100%; height: 2rem; border-color: #ddd; }

.contact-wrap .info-user .key-area .input-area .btn-c { position: absolute; top: 0; right: 0; height: 2rem; width: 3.75rem; background: #e9e9e9; border: 1px solid #ddd; padding: 0; text-align: center; color: #333; }

.contact-wrap .info-user.active { z-index: 2; }

.contact-wrap .info-user.active .btn-user { color: #fda820; }

.contact-wrap .info-user.active .key-area { opacity: 1; visibility: visible; z-index: 2; }

/* 직원정보 */
.employee-information { border: .4rem solid #e9e9e9; padding: 1.5rem; position: relative; margin-bottom: 1.5rem; min-height: 15rem; }

.employee-information::before { content: '\ea04'; font-family: "xeicon"; position: absolute; bottom: 1rem; right: 3rem; color: #f4f5f6; font-size: 11rem; line-height: 1; z-index: -1; }

.employee-information .title2:first-child { margin-top: 0; }

.employee-information .inner { padding-left: 1rem; }

.employee-information .info-list::after { content: ""; clear: both; display: table; }

.employee-information .info-list > li { float: left; color: #222; margin-right: 3rem; }

.employee-information .info-list > li .category { display: block; position: relative; padding-bottom: .4rem; margin-bottom: 0.4rem; }

.employee-information .info-list > li .category::before { content: ''; width: 1.3rem; height: 1px; background: #e3e4e5; position: absolute; bottom: 0; left: 0; }

.employee-information .info-list > li strong { display: block; font-size: .9rem; }

.employee-information .btns { text-align: left; }

/* 연구분야 020102 - 논문, 특허 */
.research-board { border-top: 2px solid #454b56; position: relative; margin: 1rem 0; overflow: hidden; }

.research-board::before { content: ''; width: 100%; height: 1px; background: #aaa; position: absolute; bottom: 0; left: 0; }

.research-board .row > li { border-bottom: 1px solid #ddd; height: 15rem; overflow: hidden; }

.research-board .box { padding: 1.5rem .5rem; -webkit-transition: all .3s; transition: all .3s; height: inherit; }

.research-board .box:hover { background: #f9f9f9; }

.research-board .box .division { display: block; color: #95620f; font-weight: 600; margin-bottom: 0.8rem; }

.research-board .box .title { display: block; font-size: .85rem; color: #333; height: 3.2rem; line-height: 1.3; overflow: hidden; }

.research-board .box .list-dot .category { display: inline-block; color: #555; font-weight: 600; vertical-align: top; }

.research-board .box .list-dot span { display: inline-block; width: calc(100% - 4.2rem); vertical-align: top; }

.research-board.type2 .row > li { height: 18.5rem; }

.research-board.type2 .box { height: inherit; }

/* 연구분야 - 보고서원문 */
.original-text { width: 100%; background: url("/eng/img/sub/original_text_bg.jpg") center/cover no-repeat; background-attachment: fixed; padding: 5rem 8.4rem; text-align: center; margin-bottom: 5rem; }

.original-text .white-box { background: #fff; padding: 3rem .5rem 3.5rem; }

.original-text .white-box .logo { display: inline-block; margin-bottom: .7rem; }

.original-text .white-box span { display: block; color: #333; font-size: 1.2rem; font-weight: 600; margin-bottom: 2.3rem; }

.original-text .contact { display: block; color: #fff; margin: 1.8rem 0; font-weight: 600; }

/* 열린마당 - 묻고답하기 :: 답글 */
.reply-wrap { margin: 1.5rem 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding-bottom: 1.4rem; }

.reply-wrap .top::after { content: ""; clear: both; display: table; }

.reply-wrap .top .title { float: left; padding: .8rem 2.5rem; color: #222325; font-weight: 600; }

.reply-wrap .top .title i { font-size: 1.2rem; vertical-align: bottom; }

.reply-wrap .top .info { float: right; padding: .8rem 0; }

.reply-wrap .top .info::after { content: ""; clear: both; display: table; }

.reply-wrap .top .info > li { float: left; padding-right: .7rem; position: relative; }

.reply-wrap .top .info > li::before { content: ''; width: 1px; height: .5rem; background: #dbe0e3; position: absolute; top: .45rem; right: .3rem; }

.reply-wrap .top .info > li:last-child { padding-right: 0; }

.reply-wrap .top .info > li:last-child::before { display: none; }

.reply-wrap .top .info > li strong { display: inline-block; font-weight: 400; color: #333; }

.reply-wrap .top .info > li span { display: inline-block; font-weight: 300; color: #777; }

.reply-wrap .reply-box { background: #fafafa; padding: 2.7rem 2.5rem; }

/* 정보공개 - 사전정보공표 */
.list-btn-area { margin: 1rem 0; text-align: right; }

.list-btn-area .btn-c { height: 2rem; padding: .4rem .8rem; width: 6.5rem; font-size: .75rem; }

.list-btn-area .btn-c::after { content: ""; clear: both; display: table; }

.list-btn-area .btn-c i { float: right; line-height: 1.3; }

/* 연구원소개 - 인사말 */
.sub010101 .top-text-box .border { border-width: 1.7rem; }

.sub010101 .top-text-box [class^="bar"] { height: 1.7rem; }

.sub010101 .top-text-box .bar1 { background-image: url("/main/img/sub/010101_border_top.png"); left: calc(100% - 19.75rem); }

.sub010101 .top-text-box .bar2 { width: 1.7rem; }

.sub010101 .top-text-box .bar3 { background-image: url("/main/img/sub/010101_border_bottom.png"); }

.sub010101 .top-text-box .txt { padding: 2.5rem 11.5rem 2.5rem 1.5rem; }

.sub010101 .top-text-box .txt .title { display: inline-block; font-size: 1.7rem; font-weight: 400; margin-bottom: 1.5rem; position: relative; }

.sub010101 .top-text-box .txt .title::before { content: ''; width: 100%; height: 1px; background: #727272; position: absolute; bottom: 0; left: 0; }

.sub010101 .top-text-box .txt .title em { font-weight: 600; color: #1e2f6e; }

.sub010101 .top-text-box .txt .desc { color: #888; font-size: 1rem; margin-bottom: 1.5rem; }

.sub010101 .top-text-box .txt .form em { display: inline-block; margin-right: 0.5rem; vertical-align: middle; }

.sub010101 .top-text-box .txt .form img { display: inline-block; vertical-align: middle; }

.sub010101 .top-text-box .txt .person { position: absolute; bottom: -1.7rem; right: 7%; }

.sub010101 .txt-area .title { font-size: 1.4rem; color: #222; font-weight: 600; line-height: 1.4; }

.sub010101 .txt-area .title span { display: block; font-style: italic; }

.sub010101 .history { position: relative; margin: 1.5rem 0 2.5rem; }

.sub010101 .history::before { content: ''; width: 100%; height: 1px; background: #192333; position: absolute; top: 0; left: 0; }

.sub010101 .history .row { margin: 0; }

.sub010101 .history .row > li { padding: 0 1rem; }

.sub010101 .history .card { position: relative; padding-top: 1.2rem; color: #222; }

.sub010101 .history .card .dot { display: block; border-radius: 50%; width: 0.55rem; height: 0.55rem; text-align: center; background-color: #192333; position: absolute; top: -.25rem; left: 0; }

.sub010101 .history .card .date { display: block; font-size: .9rem; margin-bottom: 0.2rem; }

.sub010101 .history .card .desc { display: block; }

.sub010101 .custom1 .row > li { float: left; width: 20%; }

/* 연구원소개 - 임무 및 기능 */
.sub010102 .mission { text-align: center; }

.sub010102 .mission .list > li { display: inline-block; margin: 0 1.7rem; vertical-align: bottom; }

.sub010102 .mission .list > li .round { border-radius: 50%; width: 11.5rem; height: 11.5rem; text-align: center; background-color: #1a6ecf; color: #fff; word-break: keep-all; }

.sub010102 .mission .list > li .round .title { display: block; font-size: 1.4rem; font-weight: 600; text-align: center; position: relative; }

.sub010102 .mission .list > li.first .round { background: url("/eng/img/sub/010102_round_bg1.jpg") center/cover no-repeat; }

.sub010102 .mission .list > li.center .round { width: 12.5rem; height: 12.5rem; padding: 5rem 2.3rem; }

.sub010102 .mission .list > li.last .round { background: url("/eng/img/sub/010102_round_bg2.jpg") center/cover no-repeat; }

.sub010102 .mission .desc { width: 80%; margin: 2rem auto; }

.sub010102 .function .title { display: block; padding-top: 6.8rem; text-align: center; font-size: 1.4rem; color: #222; font-weight: 600; background: url("/eng/img/sub/010102_arr.jpg") center top no-repeat; margin: 0.5rem 0 1.1rem; }

/* 연구원소개 - 비전 및 경영정보 */
.sub010103 .list { position: relative; }

.sub010103 .list::before { content: ''; width: 1px; height: 100%; background: #f0f0f0; position: absolute; top: 0; left: 7.2rem; z-index: -1; }

.sub010103 .list > li { margin: 1.5rem 0 3rem; }

.sub010103 .list > li::after { content: ""; clear: both; display: table; }

.sub010103 .list .category { float: left; width: 7.2rem; position: relative; }

.sub010103 .list .category::before { content: '\e93f'; font-family: "xeicon"; border-radius: 50%; width: 1.1rem; height: 1.1rem; text-align: center; background-color: #f0f0f0; font-size: .9rem; color: #b4b4b4; text-align: center; position: absolute; top: .45rem; right: -.55rem; line-height: 1.2; }

.sub010103 .list .category span { display: block; position: relative; padding-left: 1rem; font-size: 1rem; color: #332d2d; }

.sub010103 .list .category span::before { content: ''; width: .3rem; height: .45rem; background: #f49f17; -webkit-transform: skew(-20deg); transform: skew(-20deg); position: absolute; top: .75rem; left: 0; }

.sub010103 .list .cont { float: left; width: calc(100% - 7.3rem); padding-left: 2.3rem; }

.sub010103 .list .cont .title { display: block; font-size: 1.2rem; color: #332d2d; font-style: italic; }

.sub010103 .list .goal > li { margin-bottom: .5rem; }

.sub010103 .list .goal > li::after { content: ""; clear: both; display: table; }

.sub010103 .list .goal .num { float: left; display: block; width: 4.9rem; background: #353540; color: #fff; text-align: center; font-weight: 600; border-radius: 1.5rem; margin-right: .5rem; padding: .15rem 0; }

.sub010103 .list .goal .desc { float: left; display: block; width: calc(100% - 5.5rem); font-size: .9rem; }

/* 연구원소개 - 연혁 */
.sub010104 .box { border: 1.2rem solid #e9e9e9; padding: 2.3rem 17rem 2rem 1.8rem; position: relative; word-break: keep-all; }

.sub010104 .box .txt { margin-bottom: 1.5rem; }

.sub010104 .box .txt:last-of-type { margin-bottom: 0; }

.sub010104 .box .txt strong { display: block; color: #222; font-size: 1.2rem; margin-bottom: 0.3rem; }

.sub010104 .box .txt span { display: block; }

.sub010104 .box img { display: block; position: absolute; bottom: -2rem; right: 1.8rem; }

.sub010104 .history { position: relative; margin: 1.5rem 0 2.5rem; }

.sub010104 .history::before { content: ''; width: 100%; height: 1px; background: #192333; position: absolute; top: 0; left: 0; }

.sub010104 .history .row { margin: 0; }

.sub010104 .history .row > li { padding: 0 1rem; }

.sub010104 .history .card { position: relative; padding-top: 1.2rem; color: #222; }

.sub010104 .history .card .dot { display: block; border-radius: 50%; width: 0.55rem; height: 0.55rem; text-align: center; background-color: #192333; position: absolute; top: -.25rem; left: 0; }

.sub010104 .history .card .date { display: block; font-size: .9rem; margin-bottom: 0.2rem; }

.sub010104 .history .card .desc { display: block; }

.sub010104 .history2 { position: relative; padding-top: .9rem; }

.sub010104 .history2::before { content: ''; width: 1px; height: 100%; background: #192333; position: absolute; top: 0; left: 50%; z-index: -1; }

.sub010104 .history2 > li { margin-bottom: 3.5rem; }

.sub010104 .history2 > li::after { content: ""; clear: both; display: table; }

.sub010104 .history2 > li:last-child { margin-bottom: 0; }

.sub010104 .history2 > li:nth-child(odd) .card { float: left; text-align: right; padding-right: 1.4rem; }

.sub010104 .history2 > li:nth-child(odd) .card .dot { right: -.3rem; }

.sub010104 .history2 > li:nth-child(even) .card { float: right; text-align: left; padding-left: 1.4rem; }

.sub010104 .history2 > li:nth-child(even) .card .dot { left: -.3rem; }

.sub010104 .history2 .card { position: relative; color: #222; width: 50%; }

.sub010104 .history2 .card .dot { display: block; border-radius: 50%; width: 0.55rem; height: 0.55rem; text-align: center; background-color: #192333; position: absolute; top: .45rem; }

.sub010104 .history2 .card .date { display: block; font-size: .9rem; margin-bottom: 0.2rem; }

.sub010104 .history2 .card .desc { display: block; }

/* 연구원소개 - 사회공헌 */
.sub010301 .card-list .row > li:nth-child(2) .card .img { background-image: url("/eng/img/sub/010301_card_2.jpg"); }

.sub010301 .card-list .row > li:nth-child(3) .card .img { background-image: url("/eng/img/sub/010301_card_3.jpg"); }

.sub010301 .card-list .card .img { height: 11rem; margin-bottom: 1rem; background: url("/eng/img/sub/010301_card_1.jpg") center/cover no-repeat; }

.sub010301 .card-list .card .title { display: block; font-size: 1.1rem; color: #222; margin-bottom: 0.5rem; }

.sub010301 .card-list .card .title .num { font-family: "Montserrat"; margin-right: 0.3rem; display: inline-block; vertical-align: top; }

.sub010301 .card-list .card .title span { display: inline-block; vertical-align: top; max-width: calc(100% - 2.1rem); }

.sub010301 .card-list .card .desc { display: block; }

.sub010301 .charter { position: relative; overflow: hidden; word-break: keep-all; width: calc(100% - 2rem); margin: 0 auto; text-align: center; }

.sub010301 .charter .border { border: 1.5rem solid #e9e9e9; padding: 2rem 5rem; }

.sub010301 .charter [class^="bar"] { position: absolute; background: #f49f17; }

.sub010301 .charter .bar1 { width: 15.5rem; height: 1.5rem; left: 0; top: 0; background: url("/eng/img/sub/010301_bar1.png") 0 0 no-repeat; }

.sub010301 .charter .bar2 { width: 1.5rem; height: 15.5rem; left: 0; top: 0; }

.sub010301 .charter .bar3 { width: 1.5rem; height: 15.5rem; right: 0; bottom: 0; }

.sub010301 .charter .bar4 { width: 15.5rem; height: 1.5rem; right: 0; bottom: 0; background: url("/eng/img/sub/010301_bar4.png") 0 0 no-repeat; }

.sub010301 .charter .logo { display: inline-block; margin-bottom: 1.5rem; }

.sub010301 .charter .title { margin-bottom: 2.5rem; }

.sub010301 .charter .title .top { font-size: 1.6rem; color: #222; line-height: 1; }

.sub010301 .charter .title .top em { font-size: 3rem; color: #b2b2b2; font-weight: 400; vertical-align: middle; }

.sub010301 .charter .title .orange { display: block; color: #f46f17; font-size: 1.5rem; font-weight: 600; line-height: 1; }

.sub010301 .charter .desc { color: #666; font-size: .85rem; padding-bottom: .9rem; border-bottom: 1px solid #e9e9e9; margin-bottom: 2rem; }

.sub010301 .charter .list { margin-bottom: 2rem; }

.sub010301 .charter .list > li { margin-bottom: 1.1rem; font-size: .9rem; text-align: left; }

.sub010301 .charter .list > li::after { content: ""; clear: both; display: table; }

.sub010301 .charter .list > li .num { font-size: 1.1rem; color: #222; font-family: "Montserrat"; font-weight: 600; display: block; float: left; width: 2.5rem; }

.sub010301 .charter .list > li span { color: #333; display: block; float: left; width: calc( 100% - 2.6rem); }

.sub010301 .charter .form { font-size: .85rem; color: #666; }

.sub010301 .charter .form .date { display: block; margin-bottom: .5rem; }

/* 연구원소개 - KICT CI */
.sub010401 .img01 { margin: 1.5rem 0; }

.sub010401 .btns { padding: 1rem 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }

.sub010401 .btns .btn-c { padding: .7rem 1rem; }

.sub010401 .btns .btn-c::after { content: ""; clear: both; display: table; }

.sub010401 .btns .btn-c i { float: right; }

.sub010401 .btns .btn-c:hover { border-color: #353540; background: #353540; color: #fff; }

.sub010401 .img02 { margin: 1.5rem 0; }

.sub010401 .list { margin: 2rem 0; }

.sub010401 .list .row > li { margin-bottom: 1.4rem; }

.sub010401 .list .title { margin-bottom: .8rem; }

.sub010401 .list .title .num { font-family: "Montserrat"; font-weight: 600; color: #222; font-size: 1.1rem; vertical-align: middle; margin-right: 0.4rem; }

.sub010401 .list .title span { vertical-align: middle; }

.sub010401 .list img { margin-left: 0; }

/* 연구원소개 - 조직 - 조직도 */
.sub010501 .org-wrap { position: relative; text-align: center; }

.sub010501 .org-wrap a { display: block; height: 3rem; padding: .5rem .2rem; line-height: 1.1; position: relative; width: 10rem; max-width: 100%; cursor: default; }

.sub010501 .org-wrap li.red > a { background: #c53b00; color: #fff; font-size: .9rem; padding: 1rem; }

.sub010501 .org-wrap li.navy > a { background: #273f6b; color: #fff; }

.sub010501 .org-wrap li.black > a { background: #333; color: #fff; padding: .6rem 0; }

.sub010501 .org-wrap li.brown > a { background: #91663c; color: #fff; }

.sub010501 .org-wrap li.orange > a { border: 1px solid #e9e9e9; border-left: 1rem solid #f49f17; background: #fff; width: 8rem; }

.sub010501 .org-wrap li.sky > a { border: 1px solid #e9e9e9; border-left: 1rem solid #6ba4e4; background: #fff; width: 8rem; }

.sub010501 .org-wrap li.add-t > a::after { content: 'T'; width: 1.5rem; height: 1.5rem; background: #666; color: #fff; line-height: 1; text-align: center; position: absolute; bottom: -.75rem; right: 0; z-index: 1; padding-top: 0.3rem; }

.sub010501 .org-wrap .depth1 > li > a { margin: 0 auto; }

.sub010501 .org-wrap .custom1 { position: absolute; top: 0; left: 3.5rem; }

.sub010501 .org-wrap .custom1::before { content: ''; width: 140%; height: 1px; border-top: 1px dashed #e3e4e5; position: absolute; top: 1.5rem; left: 100%; z-index: -1; }

.sub010501 .org-wrap .custom1 > li > a { width: 8rem; }

.sub010501 .org-wrap .custom1 .depth3 { margin-top: 1rem; position: relative; }

.sub010501 .org-wrap .custom1 .depth3::before { content: ''; width: 1px; height: 100%; background: #e3e4e5; position: absolute; z-index: -1; left: 50%; top: -100%; }

.sub010501 .org-wrap .custom2 { padding-left: 35%; margin-top: 2.3rem; padding-top: 1rem; margin-bottom: 3.2rem; position: relative; }

.sub010501 .org-wrap .custom2::before { content: ''; width: calc(50% - 12.5rem); height: 1rem; border: 1px solid #e3e4e5; border-width: 1px 1px 0 0; position: absolute; z-index: -1; left: 50%; top: 0; }

.sub010501 .org-wrap .custom2::after { content: ''; width: 1px; height: calc(100% + 5.5rem); background: #e3e4e5; position: absolute; z-index: -1; left: 50%; top: -2.3rem; }

.sub010501 .org-wrap .custom2 > li { display: inline-block; vertical-align: top; margin-left: 1%; position: relative; max-width: 31%; }

.sub010501 .org-wrap .custom2 > li:first-child { margin-left: 2%; }

.sub010501 .org-wrap .custom2 > li::before { content: ''; width: 1px; height: 1rem; background: #e3e4e5; position: absolute; z-index: -1; left: 50%; top: -1rem; }

.sub010501 .org-wrap .custom2 > li:last-child::before { display: none; }

.sub010501 .org-wrap .custom2 > li > a { height: 3rem; }

.sub010501 .org-wrap .custom3 { position: absolute; top: 7.8rem; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.sub010501 .org-wrap .custom3 > li { padding-right: 1.4rem; position: relative; }

.sub010501 .org-wrap .custom3 > li::before { content: ''; width: 1.4rem; height: 1px; background: #e3e4e5; position: absolute; z-index: -1; right: 0; top: 50%; }

.sub010501 .org-wrap .custom4 { padding-top: 1.7rem; position: relative; }

.sub010501 .org-wrap .custom4::after { content: ""; clear: both; display: table; }

.sub010501 .org-wrap .custom4::before { content: ''; width: calc(100% - 10rem); position: absolute; top: 0; left: 5rem; height: 1.7rem; border: 1px solid #e3e4e5; border-width: 1px 0 0 1px; }

.sub010501 .org-wrap .custom4 > li { float: left; }

.sub010501 .org-wrap .custom4 > li.black { margin-right: 5.7%; }

.sub010501 .org-wrap .custom5 { position: absolute; top: -1.5rem; right: 0; }

.sub010501 .org-wrap .custom5::before { content: ''; width: 1rem; height: calc(100% - 4rem); position: absolute; top: 1.5rem; left: -1rem; border: 1px solid #e3e4e5; border-width: 0 0 1px 1px; }

.sub010501 .org-wrap .custom5 > li { margin-bottom: 1rem; position: relative; }

.sub010501 .org-wrap .custom5 > li:nth-child(2)::before { content: ''; width: 1rem; height: 1px; background: #e3e4e5; position: absolute; z-index: -1; left: -1rem; top: 50%; }

.sub010501 .org-wrap .custom5 > li > a { height: auto; }

.sub010501 .org-wrap .custom6 { margin-right: 12.7%; position: relative; padding-bottom: 14.8rem; }

.sub010501 .org-wrap .custom6::before { content: ''; width: 1px; height: 16.5rem; background: #e3e4e5; position: absolute; z-index: -1; left: 50%; top: -1.7rem; }

.sub010501 .org-wrap .custom6 > a { margin-bottom: 11.8rem; }

.sub010501 .org-wrap .custom7 { position: absolute; top: 5.5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 18.5rem; }

.sub010501 .org-wrap .custom7 > li { position: absolute; }

.sub010501 .org-wrap .custom7 > li:nth-child(1) { top: 0; left: 0; }

.sub010501 .org-wrap .custom7 > li:nth-child(1) > a::before { content: ''; width: 3rem; height: 1px; background: #e3e4e5; position: absolute; z-index: -1; right: -3rem; top: 50%; }

.sub010501 .org-wrap .custom7 > li:nth-child(2) > a::before { content: ''; width: 3rem; height: 1px; background: #e3e4e5; position: absolute; z-index: -1; right: -3rem; top: 50%; }

.sub010501 .org-wrap .custom7 > li:nth-child(2) { top: 4rem; left: 0; }

.sub010501 .org-wrap .custom7 > li:nth-child(2)::before { content: ''; width: 1.3rem; height: 1px; background: #e3e4e5; position: absolute; z-index: -1; right: -1.3rem; top: 50%; }

.sub010501 .org-wrap .custom7 > li:nth-child(3) { top: 0; right: 0; }

.sub010501 .org-wrap .custom7 > li:nth-child(4) { top: 4rem; right: 0; }

.sub010501 .org-wrap .custom7 > li > a { height: 3.5rem; }

.sub010501 .org-wrap .bottom { position: absolute; top: 14.8rem; left: 50%; -webkit-transform: translateX(-65%); transform: translateX(-65%); padding-top: 1rem; width: 19.5rem; }

.sub010501 .org-wrap .bottom::after { content: ""; clear: both; display: table; }

.sub010501 .org-wrap .bottom::before { content: ''; width: calc(65.5% + 1rem); height: calc(100% - 1.7rem); border: 1px solid #e3e4e5; border-right: 0; position: absolute; z-index: -1; left: -1rem; top: 0; }

.sub010501 .org-wrap .bottom > li { position: relative; margin-bottom: 0.5rem; }

.sub010501 .org-wrap .bottom > li::before { content: ''; width: 1rem; height: 1px; background: #e3e4e5; position: absolute; z-index: -1; left: -1rem; top: 50%; }

.sub010501 .org-wrap .bottom > li:last-child { margin-right: 0; }

.sub010501 .org-wrap .bottom > li:last-child::before { display: none; }

.sub010501 .org-wrap .bottom > li > a { width: 100%; border: 1px solid #e3e4e5; height: auto; padding: .7rem 1rem; text-align: left; background: #fff; }

.sub010501 .org-wrap .custom9 { position: relative; padding-bottom: 12.8rem; }

.sub010501 .org-wrap .custom9::before { content: ''; width: 1px; height: 16.5rem; background: #e3e4e5; position: absolute; z-index: -1; left: 50%; top: -1.7rem; }

.sub010501 .org-wrap .custom9 > a { margin-bottom: 11.8rem;}

.sub010501 .org-wrap .custom10 { position: absolute; top: 3.5rem; left: 50%; margin-left: 1rem; }

.sub010501 .org-wrap .custom10 > li { position: relative; margin-bottom:0.3rem;}

.sub010501 .org-wrap .custom10 > li::before { content: ''; width: 1.3rem; height: 1px; background: #e3e4e5; position: absolute; z-index: -1; left: -1rem; top: 50%; }

.sub010501 .org-wrap .custom10 > li > a { height: 3.5rem; }

.sub010501 .org-wrap .custom10 > li:nth-of-type(2) a {height: 3rem;}

.sub010501 .org-wrap .custom10 > li:nth-of-type(3) a {height: 4.3rem;}

.sub010501 .org-wrap .custom11 { -webkit-transform: translateX(-34%); transform: translateX(-34%); width: 15rem; }

.sub010501 .org-wrap .custom11:before { width: calc(34.5% + 1rem); }

.sub010501 .desc em { display: inline-block; width: 1.5rem; height: 1.5rem; background: #666; color: #fff; line-height: 1; text-align: center; padding-top: 0.3rem; }

/* 연구원소개 - 인재양성 - UST-KICT School */
.sub010601 .img01 { margin: 1.5rem 0 2.5rem; }

.sub010601 .border-card-list .card { min-height: 15.6rem; }

/* 연구원소개 - 주요문의처 */
.sub010801 .info { margin-bottom: 1.5rem; text-align: right; font-size: 1rem; color: #222; font-weight: 600; }

/* 연구원소개 - 찾아오시는길 공통 */
.sub-map .map-box { border: 1px solid #e9e9e9; padding: 2.5rem 2.8rem 2.5rem; }

.sub-map .root_daum_roughmap .wrap_map { height: 100% !important; }

.sub-map .main-info { padding: 1rem .6rem; border-bottom: 1px solid #e9e9e9; margin-bottom: 2rem; }

.sub-map .main-info > li { display: inline-block; margin-right: 2.3rem; }

.sub-map .main-info > li:last-child { margin-right: 0; }

.sub-map .main-info > li strong { display: inline-block; color: #222; font-size: .9rem; margin-right: 0.3rem; }

.sub-map .main-info > li span { display: inline-block; color: #666; }

.sub-map .box-list .row > li { margin-bottom: 2rem; }

.sub-map .box-list .box { border: 1px solid #e9e9e9; padding: 1.7rem 1.3rem; }

.sub-map .box-list .box .title { font-size: 1rem; color: #222; display: block; margin-bottom: .8rem; }

.sub-map .box-list .box .sub-title { font-size: .85rem; color: #222; display: block; margin: .4rem 0; }

.sub-map .box-list .box .desc { font-size: .9rem; color: #222; display: block; }

.sub-map .box-list .box .step > li { margin-bottom: 0.7rem; }

.sub-map .box-list .box .step > li i { color: #ed4a1e; font-size: .9rem; margin-right: .3rem; }

.sub-map .box-list .box .step > li span { display: inline-block; width: calc(100% - 1.5rem); vertical-align: top; }

/* 연구원소개 - 찾아오시는길 본원(일산) */
.sub010901 .box-list.height01 .box { min-height: 10.8rem; }

/* 연구원소개 - 찾아오시는길 화재안전연구소(화성) */
.sub010902 .box-list.height01 .box { min-height: 24.5rem; }

.sub010902 .box-list.height02 .box { min-height: 16.8rem; }

/* 연구원소개 - 찾아오시는길 하천실험센터(안동) */
.sub010903 .box-list.height01 .box { min-height: 21.9rem; }

/* 연구원소개 - 찾아오시는길 SOC실증연구센터(연천) */
.sub010904 .box-list.height01 .box { min-height: 32.5rem; }

.sub010904 .box-list.height02 .box { min-height: 16.9rem; }

/* 연구분야 - 연구분야 공통 */
.sub-research .center-list .row > li { margin-bottom: 1rem; }

.sub-research .center-list .box { border: 1px solid #ddd; padding: .8rem 1.4rem; height: 4.8rem; }

.sub-research .center-list .box .num { font-family: "Montserrat"; font-weight: 600; color: #222; font-size: 1rem; margin-right: 1rem; display: inline-block; vertical-align: middle; }

.sub-research .center-list .box span { font-size: .9rem; color: #222; width: calc(100% - 2.6rem); display: inline-block; vertical-align: middle; }

.sub-research .border-box .caption { height: 4.9rem; }

/* 연구분야 - 국민생활연구분야 */
.sub020101 .img-box { background-image: url("/eng/img/sub/020101_box_bg.jpg"); }

/* 연구분야 - 인프라안전연구분야 */
.sub020201 .img-box { background-image: url("/eng/img/sub/020201_box_bg.jpg"); }

/* 연구분야 - 국토보전연구분야 */
.sub020301 .img-box { background-image: url("/eng/img/sub/020301_box_bg.jpg"); }

/* 연구분야 - 미래융합연구분야 */
.sub020401 .img-box { background-image: url("/eng/img/sub/020401_box_bg.jpg"); }

/* 연구분야 - 화재안전연구분야 */
.sub020501 .img-box { background-image: url("/eng/img/sub/020501_box_bg.jpg"); }

/* 연구분야 - 건설기술안전분야 */
.sub020601 .img-box { background-image: url("/eng/img/sub/020601_box_bg.jpg"); }

/* 연구분야 - 건설산업진흥분야 */
.sub020701 .img-box { background-image: url("/eng/img/sub/020701_box_bg.jpg"); }

/* 연구분야 - 건설정책연구분야 */
.sub020801 .img-box { background-image: url("/eng/img/sub/020801_box_bg.jpg"); }

/* 연구분야 - 복합재난대응연구분야 */
.sub020901 .img-box { background-image: url("/eng/img/sub/020901_box_bg.jpg"); }

/* 연구분야 - 복합재난대응연구분야 */
.sub020901 .img-box { background-image: url("/eng/img/sub/020901_box_bg.jpg"); }

/* 연구분야 - 스마트시티연구분야 */
.sub021001 .img-box { background-image: url("/eng/img/sub/021001_box_bg.jpg"); }

/* 연구분야 - 연천SOC실증센터추진분야 */
.sub021101 .img-box { background-image: url("/eng/img/sub/021101_box_bg.jpg"); }

/* 연구분야 - 노후인프라분야 */
.sub021201 .img-box { background-image: url("/eng/img/sub/021201_box_bg.jpg"); }

/* 연구분야 - 남북한인프라분야 */
.sub021301 .img-box { background-image: url("/eng/img/sub/021301_box_bg.jpg"); }

/* 연구분야 - 실내공기품질연구분야 */
.sub021401 .img-box { background-image: url("/eng/img/sub/021401_box_bg.jpg"); }

/* 연구정보 - 연구인프라 - 공통 */
[class^="sub0305"] .guide-map { border: 1px solid #e9e9e9; padding: 2rem; }

[class^="sub0305"] .guide-map .title { font-size: 1.3rem; color: #222; text-decoration: underline; margin-bottom: 0.5rem; }

[class^="sub0305"] .guide-map .line { display: block; width: 100%; height: 1px; overflow: hidden; margin: 2rem 0 1rem; background: #e9e9e9; }

[class^="sub0305"] .guide-map .list-info .row > li { counter-increment: number; margin-bottom: 1rem; word-break: keep-all; }

[class^="sub0305"] .guide-map .list-info .black-box { background: #353540; color: #fff; height: 3rem; padding: .6rem .8rem; }

[class^="sub0305"] .guide-map .list-info .black-box::before { content: counter(number, decimal-leading-zero); font-family: "Montserrat"; font-weight: 600; color: #8ba3c7; font-size: 0.8rem; display: inline-block; vertical-align: middle; margin-right: .8rem; }

[class^="sub0305"] .guide-map .list-info .black-box .num { font-family: "Montserrat"; font-weight: 600; color: #8ba3c7; font-size: 0.8rem; display: inline-block; vertical-align: middle; margin-right: .8rem; }

[class^="sub0305"] .guide-map .list-info .black-box .txt { display: inline-block; vertical-align: middle; width: calc(100% - 2.5rem); line-height: 1.1; }

/* 연구정보 - 연구인프라 - 본원(일산) */
.sub030501 .guide-map .list-info .black-box { height: 3.9rem; }

.sub030501 .guide-map .list-info .black-box::before { display: none; }

/* 연구정보 - 연구인프라 - 화재안전연구소(화성) */
.sub030502 .border-box .caption { height: 5rem; }

/* 연구정보 - 연구인프라 - 하천실험센터(안동) */
.sub030503 .top-area { padding-right: 17.5rem; position: relative; }

.sub030503 .top-area .img-border-box { position: absolute; top: 0; right: 0; margin-top: 0; padding-bottom: 0.5rem; width: 15rem; }

.sub030503 .top-area .img-border-box img { margin-bottom: 0.5rem; }

.sub030503 .top-area .img-border-box span { display: block; font-size: .75rem; text-align: center; }

.sub030503 .bg-box { background: url("/eng/img/sub/030503_02.jpg") center/cover no-repeat; padding: 9.5rem 0 0; color: #fff; position: relative; }

.sub030503 .bg-box .title { position: absolute; top: 2.8rem; right: 1.8rem; display: block; font-size: 1.8rem; line-height: 1.2; padding-left: .8rem; border-left: .25rem solid #fff; }

.sub030503 .bg-box .bottom-box { background: rgba(34, 34, 34, 0.4); padding: 2rem; }

.sub030503 .bg-box .bottom-box .row.box-list { width: 49rem; }

.sub030503 .bg-box .bottom-box .border-box { border-bottom: 1px solid #fff; border-color: rgba(255, 255, 255, 0.4); }

.sub030503 .bg-box .bottom-box .border-box .caption { color: #fff; border-bottom: 0; height: 5rem; }

.sub030503 .bg-box .bottom-box .border-box .bottom { height: 6.7rem; }

.sub030503 .bg-box .bottom-box .border-box .list-dot > li { color: #fff; }

.sub030503 .bg-box .bottom-box .border-box .list-dot > li::before { background-color: #fff; }

.sub030503 .custom1 .col-sm-7 { border-right: 1px solid #e9e9e9; }

.sub030503 .custom1 .list > li { margin-bottom: 0.5rem; }

.sub030503 .custom2 .border-box { text-align: center; }

.sub030503 .custom2 .border-box .bottom { padding: 1rem 12.5%; height: 12.2rem; }

.sub030503 .custom2 .border-box .bottom .desc { display: block; margin-top: 1rem; }

.sub030503 .custom2 > li:nth-child(n+7):nth-child(-n+9) .border-box { border-bottom: 1px solid #e9e9e9; }

.sub030503 .custom3 .img-border-box { font-size: 0; text-align: center; word-break: keep-all; }

.sub030503 .custom3 .img-border-box span { display: inline-block; font-size: .75rem; text-align: left; width: 50%; vertical-align: top; padding: 0 1rem; margin-bottom: 1rem; }

.sub030503 .custom3 .img-border-box span em { margin-top: 0.3rem; display: block; line-height: 1.2; }

.sub030503 .custom4 .card { min-height: 13.1rem; }

.sub030503 .custom5 { padding: 2rem 2rem .8rem; }

.sub030503 .custom5 .row > li { margin-bottom: 1.2rem; }

.sub030503 .custom6 .card { min-height: 14.4rem; }

/* 기업지원 - 중소기업지원 - 기술교류회 */
.sub040102 .custom1 > li { margin-bottom: 1.5rem; }

.sub040102 .custom1 img { margin-bottom: 0.7rem; }

.sub040102 .custom1 .title { display: block; font-size: .9rem; color: #222; margin-bottom: 0.4rem; }

.sub040102 .custom1 .desc { display: block; }

.sub040102 .custom2 .step .square { width: 7.4rem; height: 8rem; }

.sub040102 .custom2 .step .bottom { padding: 0 .3rem; }

/* 기업지원 - 중소기업지원 - 연구인력 기업파견 사업 */
.sub040103 .custom1 .border-box { border-bottom: 1px solid #ddd; }

.sub040103 .custom1 .border-box .bottom { min-height: 6.9rem; }

.sub040103 .custom1 .border-box .title { display: block; font-size: .9rem; color: #222; margin-bottom: 0.3rem; }

.sub040103 .custom1 .border-box .desc { display: block; }

/* 기업지원 - 기술이전및사업화 - 기술이전안내 */
.sub040201 .custom1 .step .square { height: 8rem; width: 7.2rem; }

.sub040201 .custom1 .step .bottom .list-dot { padding-left: 1rem; }

/* 기업지원 - 기술이전및사업화 - 온라인 기술이전 상담/신청 */
.sub040203 .btns { padding: 1rem 3.2rem; }

.sub040203 .btns .email { float: left; color: #353540; font-weight: 600; padding: .6rem 0; }

.sub040203 .btns .email i { font-size: .9rem; }

.sub040203 .btns .btn-c { float: right; }

/* International Cooperation - International Activities */
.sub0501 .custom1 .box { border: 1px solid #e9e9e9; padding: 1.8rem 1.1rem; margin-bottom: 1rem; }

.sub0501 .custom1 .box .title { display: block; color: #222; font-size: 1rem; margin-bottom: 1rem; }

/*International Cooperation - International Cooperation Division*/
.sub0502 .custom1 .bottom { border-bottom: 1px solid #e9e9e9; min-height: 5.2rem; }

.sub0502 .history { position: relative; margin: 1.5rem 0 2.5rem; }

.sub0502 .history::before { content: ''; width: 100%; height: 1px; background: #192333; position: absolute; top: 0; left: 0; }

.sub0502 .history .row { margin: 0; }

.sub0502 .history .row > li { padding: 0 1rem; }

.sub0502 .history .card { position: relative; padding-top: 1.2rem; color: #222; }

.sub0502 .history .card .dot { display: block; border-radius: 50%; width: 0.55rem; height: 0.55rem; text-align: center; background-color: #192333; position: absolute; top: -.25rem; left: 0; }

.sub0502 .history .card .date { display: block; font-size: .9rem; margin-bottom: 0.2rem; }

.sub0502 .history .card .desc { display: block; }

.sub0502 .custom2 .card { min-height: 14rem; }

/* 열린마당 - 인재채용 - 채용안내 - 정규직채용안내 */
.sub050301 .recruitment-area { border: 1px solid #e9e9e9; }

.sub050301 .recruitment-area > .row > li:last-child { border-left: 1px solid #e9e9e9; }

.sub050301 .recruitment-area .inner { padding: 1.8rem 1.5rem; min-height: 13.5rem; }

.sub050301 .recruitment-area .inner .title { display: block; font-size: .9rem; color: #353540; margin-bottom: 1.5rem; }

.sub050301 .custom1 .step .square { width: 7rem; height: 8rem; }

/* 채용공고 에디터 테이블 */
.tstyle_view > .tb_contents > table { border: 1px solid #d1d1d1; margin: 10px 0; /* word-break: break-all; */ }

.tstyle_view > .tb_contents > table > tbody > tr > td { border: 1px solid #d1d1d1; padding: .3rem; }

.tstyle_view > .tb_contents > table[style="margin-left: auto; margin-right: auto;"] { border: 0; }

.tstyle_view > .tb_contents > table[style="margin-left: auto; margin-right: auto;"] > tbody > tr > td { border: 0; }

/* 열린마당 - 청렴신고센터 */
.sub050501 { word-break: keep-all; }

.sub050501 .box-area { background: url("/eng/img/sub/050501_bg.jpg") center/cover no-repeat; padding: 4rem 3.5rem; }

.sub050501 .box-area .white-box { background: #fff; padding: 2rem 2.2rem; }

.sub050501 .box-area .white-box .title { display: block; font-size: 1.7rem; font-weight: 400; color: #222; line-height: 1.3; margin-bottom: 1.2rem; }

.sub050501 .box-area .white-box .title b { color: #1e2f6e; }

.sub050501 .btns { margin-top: 2.5rem; }

/* 열린마당 - 견학안내 */
.sub050601 .custom1 .card { min-height: 17.6rem; }

/* 정보공개 - 수수료안내 */
.sub060106 .table-wrap tbody td { vertical-align: top; }

.sub060106 .table-wrap strong { display: block; margin-bottom: 0.2rem; color: #222; }

/* 정보공개 - 공공데이터개방 - 이용방법안내 */
.sub060401 .custom1 img { bottom: 1.6rem; }

/* news&notice - newsletter */
.newsletter.border-box4 > .btns { margin: 0; }

.layer-pop2 { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 25rem; max-width: 100%; opacity: 0; visibility: hidden; z-index: -1; }

.layer-pop2::before { content: ''; width: 500%; height: 500%; background: rgba(0, 0, 0, 0.55); position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 0; }

.layer-pop2 .border-box5 { background: #fff; text-align: left; }

.layer-pop2 .title { display: block; font-size: 1.3rem; color: #222; margin-bottom: .7rem; }

.layer-pop2 .input-area { border-top: 1px solid #e9e9e9; }

.layer-pop2 .input-area > li { border-bottom: 1px solid #e9e9e9; padding: .5rem 0; }

.layer-pop2 .input-area label { display: inline-block; vertical-align: middle; font-weight: 500; color: #222; margin-right: 1rem; }

.layer-pop2 .input-area input.text { width: calc(100% - 3.3rem); }

.layer-pop2 .btn-close { display: block; position: absolute; top: 1.7rem; right: 2.2rem; font-size: 1.3rem; }

.layer-pop2.active { opacity: 1; visibility: visible; z-index: 8; }

/* 기타 서비스 - 개인정보처리방침 */
.sub0702 .custom1 hr { width: 100%; height: 0; overflow: hidden; margin-bottom: .5rem; clear: both; }

/* 기타 서비스 - 이메일집단수집거부 */
.sub0703 .custom1 .border { padding: 3rem 2rem 5rem; }

.sub0703 .custom1 .title { display: block; font-size: 1.3rem; position: relative; padding-top: 1.2rem; margin-top: 1.5rem; color: #222; margin-bottom: 1rem; }

.sub0703 .custom1 .title::before { content: ''; width: 1.3rem; height: 1px; background: #222; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.sub0703 .custom1 .desc { padding: 0 15%; }

/* 기타 서비스 - 고객헌장 */
.sub0704 .custom1 { width: calc(100% - 2rem); }

.sub0704 .custom1 .logo { display: inline-block; margin-bottom: 1.5rem; }

.sub0704 .custom1 .title { margin-bottom: 2.5rem; }

.sub0704 .custom1 .title .top { font-size: 1.6rem; color: #222; line-height: 1; }

.sub0704 .custom1 .title .top em { font-size: 3rem; color: #b2b2b2; font-weight: 400; vertical-align: middle; }

.sub0704 .custom1 .title .orange { display: block; color: #f46f17; font-size: 1.5rem; font-weight: 600; line-height: 1; }

.sub0704 .custom1 .desc { color: #666; font-size: .85rem; padding-bottom: .9rem; border-bottom: 1px solid #e9e9e9; margin-bottom: 2rem; }

.sub0704 .custom1 .list { margin-bottom: 2rem; }

.sub0704 .custom1 .list > li { margin-bottom: 1.1rem; font-size: .9rem; text-align: left; }

.sub0704 .custom1 .list > li::after { content: ""; clear: both; display: table; }

.sub0704 .custom1 .list > li .num { font-size: 1.1rem; color: #222; font-family: "Montserrat"; font-weight: 600; display: block; float: left; width: 2.5rem; line-height: 1.3; }

.sub0704 .custom1 .list > li span { color: #333; display: block; float: left; width: calc( 100% - 2.6rem); }

.sub0704 .custom1 .last { color: #222; text-align: center; margin-bottom: 2rem; font-size: .85rem; display: block; }

.sub0704 .custom1 .form { font-size: .85rem; color: #666; }

.sub0704 .custom1 .form .date { display: block; margin-bottom: .5rem; }

.sub0704 .custom2 .card { min-height: 14rem; }

.sub0704 .custom4 .card { min-height: 12.1rem; }

.sub0704 .custom5 .card { min-height: 20rem; }

/* 기타 서비스 - 임직원행동기준 */
.sub0705 .custom1 .card { min-height: 36rem; }

.sub0705 .custom2 .card { min-height: 29rem; }

/* 기타 서비스 - 가족친화경영 */
.sub0706 { word-break: keep-all; }

.sub0706 .top { background: #fce7e1; padding: 2.5rem 3rem; padding-right: 18rem; position: relative; }

.sub0706 .top .txt .title { font-size: 1.8rem; color: #222; display: inline-block; line-height: 1.3; padding-right: 3.8rem; background: url("/eng/img/sub/0706_05.jpg") right bottom no-repeat; }

.sub0706 .top .txt .title em { color: #ba410d; }

.sub0706 .top .img { position: absolute; top: 2.5rem; right: 3rem; }

.sub0706 .bottom { padding: 7rem 0 6rem; background: url("/eng/img/sub/0706_bg.jpg") right top/cover no-repeat; }

.sub0706 .bottom .inner::after { content: ""; clear: both; display: table; }

.sub0706 .bottom .inner > li { float: left; width: 50%; }

.sub0706 .bottom .inner > li:last-child { padding-right: 3.8rem; }

.sub0706 .bottom .txt-box + .txt-box { margin-top: 1.5rem; }

.sub0706 .bottom .txt-box .title { display: block; position: relative; font-size: 1rem; color: #222; margin-bottom: 1.3rem; }

.sub0706 .bottom .txt-box .title::before { content: ''; width: calc(100% - 8.4rem); height: 1px; background: #222; position: absolute; top: .7rem; right: 0; }

.sub0706 .bottom .txt-box [class^="list-"] li { color: #222; }

.sub0706 .bottom .img { text-align: center; }

.sub0706 .bottom .img img { display: inline-block; max-width: 46%; margin: 0 1%; }

/* 기타 서비스 - 통합검색결과 */
.search-results .result-title { font-size: 1.2rem; text-align: center; margin: 1.5rem 0; }

.search-results .keyword { color: #0e4b91 !important; font-weight: 600; }

.search-results .result-menu > li { margin-bottom: 0.5rem; }

.search-results .result-menu > li > a { display: block; }

.search-results .result-menu > li > a::after { content: ""; clear: both; display: table; }

.search-results .result-menu > li > a span { display: block; font-size: .85rem; color: #333; float: left; padding-right: .9rem; position: relative; }

.search-results .result-menu > li > a span::before { content: '\e93f'; font-family: "xeicon"; position: absolute; top: 0; right: 0; }

.search-results .result-menu > li > a span:last-of-type { padding-right: 0; }

.search-results .result-menu > li > a span:last-of-type::before { display: none; }

.search-results .result-menu > li > a:hover span { text-decoration: underline; }

.search-results .result-link-list > li { margin-bottom: 1.5rem; }

.search-results .result-link-list > li > a { display: block; }

.search-results .result-link-list > li > a:hover { text-decoration: underline; }

.search-results .result-link-list > li .title { font-size: .85rem; display: block; color: #ba410d; font-weight: 400; margin-bottom: .5rem; font-weight: 600; }

.search-results .result-link-list > li .desc { line-height: 1.6; max-height: 2.6rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.search-results .result-link-list > li .attachment { color: #666; margin: .2rem 0; }

.search-results .result-link-list > li .location { color: #222; margin: .2rem 0; }

.search-results .date { display: inline-block; font-size: .7rem; color: #666; padding-left: .9rem; position: relative; font-weight: 400; }

.search-results .date::before { content: ''; width: 1px; height: .6rem; background: #ddd; position: absolute; top: .3rem; left: .4rem; }

.search-results .result-file > li { margin-bottom: 1.2rem; }

.search-results .result-file > li > a { font-size: .85rem; }

.search-results .result-file > li > a .point4 { font-weight: 600; }

.search-results .result-file > li > a:hover { text-decoration: underline; }

.search-results .result-file > li .desc { font-size: .85rem; }

.search-results .no-result strong { display: block; font-size: .85rem; }

.search-results .no-result span { display: block; }

/* 기타 서비스 - 부패방지 경영방침 */
.sub0709 .custom1 { width: calc(100% - 2rem); }

.sub0709 .custom1 [class^="bar"] { background: #109b6f; }

.sub0709 .custom1 .bar1 { background: url("/eng/img/sub/0709_bar1.png") 0 0 no-repeat; }

.sub0709 .custom1 .bar4 { background: url("/eng/img/sub/0709_bar4.png") 0 0 no-repeat; }

.sub0709 .custom1 .logo { display: inline-block; margin-bottom: 1.5rem; }

.sub0709 .custom1 .title { margin-bottom: 2.5rem; }

.sub0709 .custom1 .title .top { font-size: 1.6rem; color: #222; line-height: 1; }

.sub0709 .custom1 .title .top em { font-size: 3rem; color: #b2b2b2; font-weight: 400; vertical-align: middle; }

.sub0709 .custom1 .title .green { display: block; color: #109b6f; font-size: 1.5rem; font-weight: 600; line-height: 1; }

.sub0709 .custom1 .title .green em { display: block; text-align: center; font-size: .6rem; color: #8f8f8f; font-weight: 400; margin-top: 0.3rem; }

.sub0709 .custom1 .desc { color: #666; font-size: .85rem; padding-bottom: .9rem; border-bottom: 1px solid #e9e9e9; margin-bottom: 2rem; }

.sub0709 .custom1 .list { margin-bottom: 2rem; }

.sub0709 .custom1 .list > li { margin-bottom: 1.1rem; font-size: .9rem; text-align: left; }

.sub0709 .custom1 .list > li::after { content: ""; clear: both; display: table; }

.sub0709 .custom1 .list > li .num { font-size: 1.1rem; color: #222; font-family: "Montserrat"; font-weight: 600; display: block; float: left; width: 2.5rem; line-height: 1.3; }

.sub0709 .custom1 .list > li span { color: #333; display: block; float: left; width: calc( 100% - 2.6rem); }

.sub0709 .custom1 .form { font-size: .85rem; color: #666; }

.sub0709 .custom1 .form .date { display: block; margin-bottom: .5rem; }

.sub0709 .custom1 .form .name { margin-top: 1rem; }

/* ==========================================================================================
ecms 스타일 수정
============================================================================================*/
.galleryList { overflow: visible; }

.galleryList > ul::after { content: ""; clear: both; display: table; }

.galleryList > ul > li .txt .select-wrap.active .select-title::before { top: 1.6rem; }

.galleryList.book_style2 { padding: 0 3rem; }

.galleryList.book_style2 > ul > li .thumb::before { display: none; }

.galleryList.book_style2 > ul > li .thumb::after { display: none; }

.galleryList.book_style2 > ul > li:hover img { opacity: 1; -webkit-transform: none; transform: none; }

.galleryList.book_style2 .btn { border: 0; padding: 0; float: none; }

.galleryList.thumbnail > ul li .thumb { width: 26.5%; padding-bottom: 18.6%; }

.galleryList.thumbnail > ul > li .desc { -webkit-line-clamp: 3; max-height: 3.7rem; height: 3.7rem; display: block; }

.galleryList.thumbnail.basic > ul li .thumb { width: 18%; }

.galleryList.thumbnail.basic > ul li .txt { padding: 1rem 2rem 2rem 22.3%; }

.galleryList.thumbnail.basic > ul > li .thumb img { min-height: 10rem; }

.galleryList.brochure_eng > ul > li .thumb { padding-bottom: 0; height: 19rem; }

.galleryList.brochure_eng > ul > li .thumb img { height: 100%; }

.board_info .form-select-list { margin-right: 2.8rem; width: 10rem; }

/* 리스트형 게시판 - 파일다운로드 */
div.tstyle_list > div.dbody > ul > li a.btn-file { text-align: center; font-size: 1.2rem; line-height: 1; }

/* rss */
a.rss { display: none; font-size: 0; width: 1.5rem; height: 1.5rem; color: #f49f17; position: relative; float: left; margin-left: .5rem; margin-top: 0.25rem; }

a.rss::before { content: '\e9e5'; font-family: "xeicon"; font-size: 1.5rem; position: absolute; top: 0; left: 0; line-height: 1; }

.a10504000000 a.rss { display: block; }

.a10501010000 a.rss { display: block; }

.a10105040000 a.rss { display: block; }

.a10105030000 a.rss { display: block; }

.a10105060000 a.rss { display: block; }

.a10503020000 a.rss { display: block; }

.a10502010000 a.rss { display: block; }

/* 게시판 첨부파일 */
.add_file_list .add_file img { display: inline-block; }

/* 사전정보공표의견수렴 */
/* 입력폼 caption */
.writeForm .caption-point { position: absolute; top: -2rem; right: 0; }

/* 만족도 */
.custom-input.star-wrap > li { display: inline-block; }

.custom-input.star-wrap > li:last-child { margin-right: 0; }

.custom-input.star-wrap i { color: #fda820; }

/* ==========================================================================================
반응형
===========================================================================================*/
@media (min-width: 768px) { /* 카테고리 탭메뉴 비활성화 */
    .category-tab.disable .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0) !important; transform: translate3d(0px, 0, 0) !important; }
    .category-tab.disable .btn-area { display: none; }
    .category-tab.disable .tab { display: block; text-align: center; }
    .category-tab.disable .tab > li { display: inline-block; width: auto !important; margin: 0 1.75rem; } }

@media (max-width: 1360px) { #contentWrap { padding: 0 .5rem; } }

@media (max-width: 1200px) { #snb { display: none; }
    #content { float: inherit; width: 100%; padding-left: 0; }
    .layer-popup .box-area { padding-left: 0; width: 100%; }
    .sub010101 .top-text-box .txt .person { right: 0; width: 29%; }
    .sub010501 .org-wrap .custom6 { margin-right: 7.7%; }
    .content_info .utils .print { display: none; } }

@media (max-width: 768px) { .content_info .title { float: none; text-align: center; margin-bottom: 1rem; }
    .content_info .right-area { float: none; text-align: center; }
    .content_info .location { display: block; margin-bottom: 0.5rem; }
    .content_info .location > ul { display: inline-block; }
    .content_info .utils { display: block; margin-left: 0; }
    .contentInfo .duty .top .info { float: none !important; width: 100%; padding-bottom: 0; }
    .contentInfo .duty .top .info > li { float: none; margin-bottom: 0.5rem; }
    .contentInfo .duty .top .update { float: none; }
    .contentInfo .duty .top .update .info { padding: 0 0 0 1.1rem; }
    .contentInfo .duty .bottom .title-area { margin-bottom: 1rem; }
    .contentInfo .duty .bottom .input-area .row > li { margin-bottom: .8rem; }
    .contentInfo .duty .input-area .custom-input > li { margin-bottom: 0.8rem; }
    #tabs { padding-right: 2.5rem; position: relative; overflow-x: auto; }
    #tabs .link { min-width: 48rem; }
    #tabs .link > li { display: block; float: left; min-width: 8rem; max-width: inherit; }
    .btns .btn-c { width: 100% !important; min-width: 100% !important; margin: 0 0 1rem 0; height: auto; min-height: 2.5rem; }
    .img-box { padding: 8rem 1.5rem 2rem; }
    .img-box .txt .title { font-size: 1.3rem; padding-right: 0; }
    .img-box .txt .title::after { display: none; }
    .img-box .txt .back { font-size: 3.4rem; top: -1.4rem; left: -.9rem; }
    .img-border-box { padding: 1rem; }
    .title1 { font-size: 1.3rem; }
    .top-text-box .txt { padding: 1.5rem; }
    .top-text-box .txt .bg { display: none; }
    .top-text-box .txt .btn-c { position: static; margin: 1.5rem auto; width: 100%; text-align: center; }
    .top-text-box .txt::before { display: none; }
    .top-text-box .txt::after { display: none; }
    .agree-wrap .input-area { position: relative; top: auto; right: auto; margin-top: -1rem; }
    .border-box .bottom { min-height: auto !important; }
    .border-box .bottom .mix .img { margin-bottom: 1rem; }
    .border-box4.search-wrap .inner .search { width: 100%; }
    .border-box4.search-wrap .inner .form-select { width: 100% !important; display: block; margin-bottom: 0.5rem; }
    .border-box4.search-wrap .select-wrap .scroll-box { width: calc(100% + 2px); }
    .border-box4.search-wrap .inner .form-select-list select { width: 100%; margin-bottom: 0.5rem; }
    .border-box5 { padding: 2.5rem 1rem; }
    .border-box5 .img { display: none; }
    .border-box5 .txt { padding-right: 0; }
    .border-box5 .txt strong { font-size: 1.5rem; }
    .border-box6 img { display: none; }
    .border-box6 { padding: 2.3rem 1.5rem; }
    .border-box-big { width: 100%; }
    .border-box-big .border { padding: 2rem .5rem !important; border-width: 1rem; }
    .border-box-big .bar1, .border-box-big .bar4 { height: 1rem; background-size: 100% auto !important; }
    .border-box-big .bar2, .border-box-big .bar3 { width: 1rem; }
    .border-box-big .title .top { position: relative; display: inline-block; padding: 0 2rem; margin-bottom: 1rem; }
    .border-box-big .title .top em { position: absolute; top: -.5rem; }
    .border-box-big .title .top em:first-of-type { left: 0; }
    .border-box-big .title .top em:last-of-type { right: 0; }
    .blue-box { padding: 2rem 1.5rem; }
    .blue-box .img { float: none; margin-bottom: 1.5rem; }
    .blue-box .txt { width: 100%; float: none; }
    .border-card-list .card { min-height: auto !important; }
    .border-card-list .row > li { margin-bottom: 2rem; }
    .contact-wrap .info-user { display: inline-block; text-align: left; }
    .contact-wrap .info-user.active .key-area { position: static; -webkit-transform: none; transform: none; width: 11rem; }
    .contact-wrap .info-user .key-area span { display: block; }
    .employee-information { padding: 1.5rem 1rem; }
    .employee-information::before { display: none; }
    .employee-information .inner { padding-left: 0; }
    .employee-information .info-list > li { float: none; margin-right: 0; margin-bottom: 1rem; }
    .research-board .row > li { height: auto !important; }
    .research-board .box .title { height: auto; margin-bottom: 1rem; overflow: visible; }
    .research-board .box .list-dot .category.name { display: block; }
    .research-board .box .list-dot .category.name + span { width: 100%; }
    .original-text { padding: 5rem 1rem 3rem; }
    .original-text .white-box { padding-bottom: 1rem; }
    .galleryList.thumbnail > ul > li .desc { height: auto; }
    div.tstyle_list > div.dbody > ul > li a.btn-file { display: inlnie-block; width: auto; }
    .reply-wrap .top .title { padding: .8rem 0; }
    .reply-wrap .reply-box { padding: 2rem 1rem; }
    .table-wrap { width: 100%; overflow-x: scroll; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
    .table-wrap table { min-width: 45rem; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
    .table-wrap table th, .table-wrap table td { padding: .8rem .5rem; }
    .table-wrap.no-scroll { overflow: hidden; }
    .table-wrap.no-scroll table { min-width: auto; }
    .round-step-wrap { padding: 2rem 1.5rem; }
    .left-icon .round { background-size: 2.1rem; }
    .left-icon .inner { padding: 1rem; }
    .left-icon .row > li { margin-bottom: 1.5rem; }
    .left-icon .row > li:nth-child(2) .round { background-size: 1.5rem; }
    a.rss { margin-top: 0.8rem; }
    .layer-popup .box-area { height: 100vh; }
    .layer-popup .box-area .inner { border: 0; padding: 2rem; height: 100%; }
    .layer-popup .box-area .title { text-align: left; }
    .layer-popup .box-area .title::before { display: none; }
    .layer-popup .box-area .btn-close { top: 2.3rem; right: 2rem; }
    body.start .sub010101 .bar1 { width: 5.3rem; left: calc(100% - 5.3rem); }
    body.start .sub010101 .bar3 { width: 80%; }
    .sub010101 .top-text-box .txt .person { width: 34%; }
    .sub010101 .top-text-box .txt { padding-right: 6.5rem; }
    .sub010101 .top-text-box .txt .form em { margin-bottom: 0.5rem; display: block; }
    .sub010101 .history::before { display: none; }
    .sub010101 .history .card { padding-top: 0; margin-bottom: 1rem; }
    .sub010101 .history .card .dot { display: none; }
    .sub010101 .custom1 .row > li { width: 100%; }
    .sub010102 .mission .list > li.first { display: none; }
    .sub010102 .mission .list > li.last { display: none; }
    .sub010103 .list::before { display: none; }
    .sub010103 .list .category::before { display: none; }
    .sub010103 .list .category { float: none; width: 100%; margin-bottom: 0.4rem; }
    .sub010103 .list .cont { float: none; width: 100%; padding-left: 1rem; }
    .sub010103 .list .goal .num { float: none; margin-bottom: 0.3rem; }
    .sub010103 .list .goal .desc { float: none; width: 100%; }
    .sub010104 .box { padding: 2rem 1rem; }
    .sub010104 .box img { display: none; }
    .sub010104 .history::before { width: 1px; height: 100%; left: 1.5rem; }
    .sub010104 .history .row > li { margin: 1.5rem 0; }
    .sub010104 .history .card { padding-left: 1.5rem; padding-top: 0; }
    .sub010104 .history .card .dot { top: .5rem; left: .25rem; }
    .sub010104 .history2::before { left: 1.5rem; }
    .sub010104 .history2 > li { margin-bottom: 1.5rem; }
    .sub010104 .history2 .card { float: none !important; width: 100%; text-align: left !important; padding-left: 2.7rem !important; padding-right: 0; }
    .sub010104 .history2 .card .dot { left: 1.25rem !important; right: auto !important; }
    .sub010301 .card-list .row > li { margin-bottom: 3rem; }
    .sub010301 .card-list .card .img { width: 17rem; margin: 0 auto 1rem; }
    .sub010301 .charter { width: 100%; }
    .sub010301 .charter .border { padding: 2rem .5rem; border-width: 1rem; }
    .sub010301 .charter .bar1, .sub010301 .charter .bar4 { height: 1rem; background-size: 100% auto; }
    .sub010301 .charter .bar2, .sub010301 .charter .bar3 { width: 1rem; }
    .sub010301 .charter .title .top { position: relative; }
    .sub010301 .charter .title .top em { position: absolute; top: -.5rem; }
    .sub010301 .charter .title .top em:first-of-type { left: -1.8rem; }
    .sub010301 .charter .title .top em:last-of-type { right: 1.8rem; }
    .sub010501 .org-wrap a { width: 100% !important; height: auto !important; text-align: left; padding: 1rem !important; }
    .sub010501 .org-wrap li { margin-right: 0 !important; padding-right: 0 !important; }
    .sub010501 .org-wrap * { -webkit-transform: none !important; transform: none !important; }
    .sub010501 .org-wrap .depth1 > li { position: relative; margin-bottom: 1.5rem; }
    .sub010501 .org-wrap .depth1 > li::before { content: ''; width: 1px; height: calc(100% - 2.5rem); background: #e3e4e5; position: absolute; z-index: -1; left: .5rem; top: 0; display: block; }
    .sub010501 .org-wrap .depth1 > li > a { margin-bottom: 1.5rem; }
    .sub010501 .org-wrap .depth2 { padding-left: 1.5rem !important; position: static; margin-bottom: 1.5rem; padding: 0; }
    .sub010501 .org-wrap .depth2 > li { margin-bottom: 1rem; }
    .sub010501 .org-wrap .depth2 a { position: relative; }
    .sub010501 .org-wrap .depth2 a::before { content: ''; width: 1rem; height: 1px; background: #e3e4e5; position: absolute; z-index: -1; left: -1rem; top: 50%; }
    .sub010501 .org-wrap .depth3 a::before, .sub010501 .org-wrap .custom2 a::before, .sub010501 .org-wrap .custom3 a::before { left: -2rem; }
    .sub010501 .org-wrap .bottom > li > a::before { left: -1rem; }
    .sub010501 .org-wrap .depth3 > li { margin-bottom: 1rem; }
    .sub010501 .org-wrap .custom2 > li { max-width: 100%; display: block; margin-left: 0 !important; }
    .sub010501 .org-wrap .custom5 { position: relative; top: auto; right: auto; }
    .sub010501 .org-wrap .custom6 { padding-bottom: 0; }
    .sub010501 .org-wrap .custom6 > a { margin-bottom: 1rem; }
    .sub010501 .org-wrap .custom4 > li { float: none; }
    .sub010501 .org-wrap .custom7 { width: 100%; position: relative; top: auto; left: auto; }
    .sub010501 .org-wrap .custom7 > li { position: relative; top: auto !important; left: auto !important; }
    .sub010501 .org-wrap .bottom { width: 100%; padding-top: 0; position: relative; top: auto; left: auto; }
    .sub010501 .org-wrap .bottom > li { float: none; }
    .sub010501 .org-wrap .bottom > li > a { height: 3rem; }
    .sub010501 .org-wrap li.navy > a { margin-bottom: 1rem; }
    .sub010501 .org-wrap .custom9 { padding-bottom: 0; }
    .sub010501 .org-wrap .custom10 { margin-left: 0; position: relative; top: auto; left: auto; }
    .sub010501 .org-wrap > ul li::before, .sub010501 .org-wrap .custom1 .depth3::before, .sub010501 .org-wrap .custom2::before, .sub010501 .org-wrap .custom2::after, .sub010501 .org-wrap .custom4::before, .sub010501 .org-wrap .custom5::before, .sub010501 .org-wrap .custom7 > li:nth-child(2)::before, .sub010501 .org-wrap .bottom::before, .sub010501 .org-wrap .bottom > li::before { display: none; }
    .sub-map .map-box { padding: 2.5rem 1rem 2rem; }
    .sub-map .map-box .map-area > div .img img { height: 21.7rem; width: auto; }
    .sub-map .main-info > li { margin-bottom: 1rem; }
    .sub-map .box-list .box { min-height: auto !important; }
    .sub010508 .gray-border-box { padding: 2.5rem 1rem; }
    .sub010508 .gray-border-box::before { display: none; }
    .sub010508 .gray-border-box .txt, .sub010508.type02 .gray-border-box .txt, .sub010508.type03 .gray-border-box .txt { padding-right: 0; }
    .sub010508 .card-list .row > li { margin-bottom: 1rem; }
    .sub010701 .relate-site .border-box3 .img { margin: 0 auto 1rem; }
    .sub010701 .relate-site .border-box3 .txt { text-align: center; }
    .sub010701 .relate-site .border-box3 .txt .title, .sub010701 .relate-site .border-box3.custom1.detail .txt .title { height: inherit; }
    .sub010701 .relate-site .border-box3 .txt .desc, .sub010701 .relate-site .border-box3.custom1.detail .txt .desc { height: inherit; }
    .sub010701 .relate-site .border-box3.custom1 { height: inherit; }
    .sub-research .center-list .box { height: auto !important; }
    .sub-research .border-box .caption { height: auto !important; }
    [class^="sub0305"] .guide-map .list-info .row > li { min-height: auto !important; }
    .sub030501 .guide-map .list-info .black-box { height: auto; }
    .sub030502 .border-box .caption { height: auto; }
    .sub030503 .top-area { padding-right: 0; }
    .sub030503 .top-area .img-border-box { position: static; margin: 2rem 0; }
    .sub030503 .bg-box .title { left: 1.8rem; }
    .sub030503 .custom1 .col-sm-7 { border-right: 0; border-bottom: 1px solid #e9e9e9; padding-bottom: 1rem; margin-bottom: 2rem; }
    .sub030503 .custom2 .border-box .bottom { height: auto; }
    .sub030503 .custom2 > li:nth-child(n+7):nth-child(-n+9) .border-box { border-bottom: 0; }
    .sub030503 .custom2 > li:last-child { border-bottom: 1px solid #e9e9e9; }
    .sub030503 .custom3 .img-border-box span { text-align: center; }
    .sub040203 .btns { padding: 1rem; }
    .sub040301 .file-download-area .download { height: auto; }
    .sub040301 .file-download-area .download strong br { display: none; }
    .sub040301 .file-download-area .download i { bottom: 1rem; }
    .sub040301 .call-box { padding: 2rem 1.5rem; }
    .sub040301 .call-box .scroll-box { height: 19.5rem; }
    .sub040301 .call-box .list-dot > li .category { width: 100%; float: none; }
    .sub040301 .call-box .list-dot > li .number { width: 100%; float: none; }
    .sub040301 .call-box .btn-c { width: 100%; margin-top: 2rem; }
    .sub040302 .link-list > .row > li { margin-bottom: 1rem; }
    .sub040302 .call-box { padding: 2rem 1.5rem; }
    .sub040302 .call-box .scroll-box { height: 19.5rem; }
    .sub040302 .call-box .list-dot > li .category { width: 100%; float: none; }
    .sub040302 .call-box .list-dot > li .number { width: 100%; float: none; }
    .sub040302 .call-box .btn-c { width: 100%; margin-top: 2rem; }
    .sub050301 .recruitment-area > .row > li:last-child { border-left: 0; border-top: 1px solid #e9e9e9; }
    .sub050301 .recruitment-area .icon-list > li { width: 49%; }
    .sub050501 .box-area { padding: 1.5rem; }
    .sub050501 .box-area .white-box .title { font-size: 1.4rem; }
    .sub0502 .history::before { width: 1px; height: 100%; left: 1.5rem; }
    .sub0502 .history .row > li { margin: 1.5rem 0; }
    .sub0502 .history .card { padding-left: 1.5rem; padding-top: 0; }
    .sub0502 .history .card .dot { top: .5rem; left: .25rem; }
    .sub0706 .top { padding: 2.5rem 1rem; }
    .sub0706 .top .txt .title { background: none; padding-right: 0; font-size: 1.5rem; }
    .sub0706 .top .img { display: none; }
    .sub0706 .bottom { padding: 3rem 1rem; }
    .sub0706 .bottom .inner > li { width: 100%; }
    .sub0706 .bottom .inner > li:first-child { display: none; }
    .sub0706 .bottom .inner > li:last-child { padding-right: 0; }
    .galleryList.thumbnail.basic > ul li .thumb { width: 100%; padding-bottom: 61%; } }

    /* 2021-06-28 */
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


.sub010101 .top-text-box .txt {padding:2.5rem 16.5rem 2.5rem 1.5rem;}

.sub010101 .top-text-box .txt .title {line-height:1.2; padding-bottom:.5rem;}

.sub010101 .top-text-box .txt .form img {display:block; margin:1rem 0 0;}

.sub010101 .txt-area {font-family: 'Nanum Myeongjo', serif;}

.sub010101 .txt-area .title {font-weight:600; margin-bottom:1.4rem;}

.sub010101 .txt-area .title b {font-weight:800;}

.sub010101 .txt-area .desc p {margin:0; line-height:2.1rem; font-size:1.1rem; font-weight:600; margin-bottom:1.5rem;}

.sub010101 .txt-area .desc p:last-of-type {margin-bottom:0;}

.sub010101 .new-history ul {padding-left: .9rem ;position:relative;}

.sub010101 .new-history ul::before {display:block;content:"";width:1px;height:calc(100% - .8rem);background:#000;position:absolute;left: 2.25rem;top:50%;transform:translateY(-50%);}

.sub010101 .new-history ul li {padding-left:2.8rem; position:relative; margin-bottom:.65rem; line-height:1.3rem; font-size:.9rem;}

.sub010101 .new-history ul li:last-of-type {margin-bottom:0;}

.sub010101 .new-history ul li::before {display:block;content:""; width:.55rem; height:.55rem; background:#000; position:absolute; top:.4rem; left:1.125rem; border-radius:50%;}

.sub010101 .new-history .date {display:inline-block;width: 11.4rem; margin-right:-4px;vertical-align: top;}

.sub010101 .new-history .date.type2 {font-size:.85rem;}

.sub010101 .new-history .txt {display:inline-block;margin-right:-4px;width: calc(100% - 11.4rem);vertical-align:top;}

.sub010101 .new-history.type2 .txt {width:100%;}

.sub010101 .new-history .txt p {margin:0; margin-bottom:1rem;}

.sub010101 .new-history .txt p:last-of-type {margin-bottom:0;}

@media (max-width: 1200px) {

    .sub010101 .top-text-box .txt {
    
     padding:2.5rem 1.5rem;
    
    }
    
}

@media (max-width:767px) {
    .sub010101 .new-history ul {padding-left:0;}

    .sub010101 .new-history ul::before {left:1.35rem;}

    .sub010101 .new-history .date {display:block; width:100%;}

    .sub010101 .new-history .txt {display:block; width:100%;}
}
