@charset "utf-8";
/* Web Standardization Team, Author:JongWoon,LEE 2018.12.19 */
.txtp > sup {vertical-align: super;}/* 2019.01.20 SY,CHo 추가 */
/*layout*/
#header.active{height:300px}
#header .header_wrap{padding-right:285px}
#header h1.logo{width:285px}
#header .utilMenu{width:100%}
#header.fixed .header_wrap{padding:7px 285px}
#header.fixed #topmenu:before,#header.fixed #topmenu:after{height:210px}
#header.fixed .tsidemenu{margin-top:0}
#header.fixed.active{height:283px !important}
#header.fixed.active #topmenu{margin:0 auto}
#topmenu:before,#topmenu:after{height:210px}
#gnavigation .th1{font-weight:500;font-size:1.250em;line-height:1em}
#gnavigation .th1 > span{line-height:1em}
#gnavigation .depth2{height:210px}
#side #snavigation .depth_lst{min-width:100%}
.allmenu_gnavigation .depth2 > li{width:33.333%}
#allmenu .utilMenu > li:nth-child(3){margin-left:-1px}
#allmenu .utilMenu a{font-weight:400}
/*cmpt*/
h2.titleLine{padding:0;margin:0 0 40px;font-size:1.750em;line-height:1.25em;color:#000;letter-spacing:-0.03571em;text-align:center}
h2.titleLine:after{top:50%;left:0;width:100%;height:1px;background:#e2e2e2}
h2.titleLine > span{display:inline-block;position:relative;padding:0 20px;background:#fff;line-height:1.25em;white-space:nowrap;z-index:1}
h3:after{top:9px;width:16px;height:16px;border-radius:0;background:url(../../images/rcus/common/h3_icon.png) no-repeat}
.basic_box.descript{padding:0 125px 0 395px;margin:0 0 50px;border:0 none;background:#f7f8fa}
.basic_box.descript:before{position:absolute;top:75px;right:65px;width:296px;height:278px;background:url(../../images/rcus/common/box_pattern.png) no-repeat;content:""}
.basic_box.descript > .img{position:absolute;bottom:0;left:0}
.basic_box.descript > .caption{position:relative;padding:75px 0 70px;z-index:1}
.basic_box.descript h2{padding-left:0;font-weight:700;font-size:2.250em;line-height:1em;color:#000;letter-spacing:-0.04861em;text-transform:uppercase}
.basic_box.descript h2:after{display:none}
.basic_box.descript strong{display:block;margin:0 0 9px;font-weight:400;font-size:1.250em;line-height:1.5em;color:#222;letter-spacing:-0.025em}
.basic_box.descript strong .mail{display:inline-block;margin-left:35px;font-weight:300;font-size:0.800em;line-height:1.875em;color:#666;letter-spacing:-0.03125em;vertical-align:top}
.basic_box.descript strong .mail > i[class*="xi-"]{line-height:1.875em;vertical-align:top}
.basic_box.descript .desc{display:block;font-weight:300;font-size:1.063em;line-height:1.4705em;color:#444;letter-spacing:-0.02941em;word-break:keep-all}
.h3_guide{display:table;position:relative;width:100%;height:100px;padding:25px 0;margin:0 0 40px;background:#f7f7f7}
.h3_guide:before,.h3_guide:after{position:absolute;background:no-repeat;content:""}
.h3_guide:before{bottom:15px;left:50px;width:179px;height:123px;background-image:url(../../images/rcus/common/box_subpattern01.png)}
.h3_guide:after{top:25px;right:-10px;width:125px;height:51px;background-image:url(../../images/rcus/common/box_subpattern02.png)}
.h3_guide .txtp{display:table-cell;position:relative;font-size:1.188em;line-height:1.3157em;color:#333;letter-spacing:-0.03947em;text-align:center;vertical-align:middle;z-index:1}
.h3_guide .txtp > .small{display:block;font-weight:300;font-size:0.842em;line-height:1.5625em;color:#666;letter-spacing:-0.03125em}
.li_th2 > li:after{top:11px}
.definition > dt{font-weight:500;color:#30527c}
.data_table{border-top-color:#30527c}
.data_table th[scope="col"]{color:#30527c}
/*bbs*/
.newsfeed_lst .num{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.newsfeed_lst .num.anno{left:30px;width:70px}
.newsfeed_lst .num.anno > em{border-radius:20px;background:#0e967e}
.newsfeed_lst.publication .content{padding:25px 190px 25px 115px}
.newsfeed_lst.publication .content:after{position:absolute;top:50%;left:0;width:90px;height:90px;border-radius:50%;background:#f7f7f7 url(../../images/rcus/common/newsfeed_public_icon.png) no-repeat;transform:translateY(-50%);-webkit-transform:translateY(-50%);content:""}
.newsfeed_lst.publication .btn_link > .btn-primary{border-color:#30527c;background:#30527c}
/*contents*/
/*Research*/
.research_wrap{padding:20px 0 0}
.research_wrap .atoms_wrap{}
.research_wrap .atoms_wrap:after{clear:both;display:block;content:""}
.research_wrap .atoms{float:left;width:650px}
.research_wrap .atoms > strong{display:block;padding:20px 0;font-weight:900;font-size:3.750em;line-height:1em;font-family:"Montserrat";color:#f4f4f4;letter-spacing:-0.05em}
.research_wrap .atoms .desc{padding:20px 0}
.research_wrap .atoms .desc > strong{display:block;margin:0 0 10px;font-weight:400;font-size:2.000em;line-height:1.3125em;color:#222;letter-spacing:-0.046875em}
.research_wrap .atoms .desc > strong > em{display:block;line-height:1.3125em;color:#3f7ac4}
.research_wrap .atoms .desc > .txtp{font-size:1.063em;line-height:1.4705em;color:#444;letter-spacing:-0.02941em;word-break:keep-all}
.research_wrap .atoms .desc > .txtp + .txtp{margin-top:20px}
.research_wrap .atoms + .img{float:right}
.research_wrap .definition_figure.type2 .imgSlide_wrap{float:right;position:relative;width:50%;padding:0 0 40px 50px;vertical-align:top}
.research_wrap .definition_figure.type2 .img{float:right;width:auto;padding:0}
.research_wrap .definition_figure.type2 .caption{padding-top:10px}
.research_wrap .definition_figure.type2 .caption h3:first-child{margin-top:0}
.research_wrap .definition_figure.type2 .txtp{font-weight:300;line-height:1.5625em}
.research_wrap .imgSlide_wrap{}
.research_wrap .facility_slidelst:after{clear:both;display:block;content:""}
.research_wrap .imgSlide_wrap .bx-viewport{position:static !important}
.research_wrap .imgSlide_wrap .bx-pager{position:absolute;bottom:0;left:50%;max-width:296px;margin-left:50px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.research_wrap .imgSlide_wrap .bx-pager-item{float:left}
.research_wrap .imgSlide_wrap .bx-pager-link{display:block;position:relative;width:30px;height:28px;padding:9px;font-size:0;line-height:0}
.research_wrap .imgSlide_wrap .bx-pager-link:after{position:absolute;top:9px;left:9px;width:12px;height:10px;background:#b4b4b4;content:""}
.research_wrap .imgSlide_wrap .bx-pager-link:hover:after{background:#094b9d}
.research_wrap .imgSlide_wrap .bx-pager-link.active{width:56px}
.research_wrap .imgSlide_wrap .bx-pager-link.active:after{width:38px;background:#094b9d}
.research_wrap .img_wrap{position:relative;padding:40px 50px 60px;background:#f7f7f7}
.research_wrap .img_wrap > strong{position:absolute;bottom:20px;left:0;width:100%;padding:5px 0;font-weight:500;font-size:1em;line-height:1.25em;color:#555;letter-spacing:-0.03125em;text-align:center}
.research_wrap .img_lst{display:table;width:calc(100% + 26px);width:-webkit-calc(100% + 26px);margin:0 -13px}
.research_wrap .img_lst > li{display:table-cell;width:33.3333%;padding:0 13px;text-align:center;vertical-align:top}
.research_wrap .img_lst > li img + strong {margin-top: 20px; display: block;}
/* 2019.01.22 SY,CHo 추가 */
.research_wrap > h3:first-of-type {margin-top: 0;}
/*People*/
.people_wrap{padding:20px 0 0}
.people_wrap .basic_box.descript{padding-left:345px}
.people_wrap .basic_box.descript:before{top:65px;right:-15px;width:295px;height:254px;background-image:url(../../images/rcus/common/box_pattern2.png)}
/* .people_wrap .basic_box.descript > .caption{padding:45px 0 50px} */
.people_wrap .basic_box.descript .desc{font-size:1em;line-height:1.5625em;letter-spacing:-0.046875em}
.peopleList_wrap{}
.people_lst{margin:-20px -20px 0}
.people_lst:after{clear:both;display:block;content:""}
.people_lst > li{float:left;width:33.3333%;padding:20px}
.people_lst .people{position:relative;height:200px;padding-left:158px;border:1px solid #e5e9ec;background:#f7f8fa}
.people_lst .people > .img{position:absolute;top:0;left:0;width:158px;height:100%;background:#fff url(../../images/rcus/common/people_bgLogo.jpg) no-repeat 50% 50%}
.people_lst .people > .profile{height:100%;padding:39px 29px;border-left:1px solid #e5e9ec}
.people_lst .people > .profile strong{display:block;font-weight:500;font-size:1.375em;line-height:1.3636em;color:#222;letter-spacing:-0.04545em}
.people_lst .people > .profile .duty{display:block;margin:5px 0 15px;font-size:1.063em;line-height:1.4117em;color:#444;letter-spacing:-0.02941em}
.people_lst .people > .profile .mail{display:block;font-size:1em;line-height:1.5625em;color:#666;letter-spacing:-0.03125em}
.people_lst .people > .profile .mail > i[class*="xi-"]{line-height:1.5625em;color:#bbb;vertical-align:top}
/*For User & Public*/
.userPublic_wrap{}
.userPublic_title{position:relative;padding-right:490px;margin:0 0 30px}
.userPublic_title > .img{display:block;position:relative;height:310px;overflow:hidden}
.userPublic_title > .img > img{position:absolute;top:0;left:50%;width:950px;max-width: 100%;height:100%;border:1px solid #e5e9ec;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.userPublic_title > .title,.userPublic_title > .definition{position:absolute;top:0;right:0;width:460px;height:310px;padding:65px 35px 50px;border:1px solid #eaeaea;background:#f7f7f7}
.userPublic_title > .definition{height:100%;padding:30px}
.userPublic_title > .definition:after{position:absolute;bottom:15px;right:-60px;width:188px;height:132px;background:url(../../images/rcus/common/definition_pattern.png) no-repeat;content:""}
.userPublic_title .h2_desc{line-height:1.875em}
.userPublic_wrap .definition_wrap{margin-bottom:30px;background:transparent}
.userPublic_wrap .definition.list + .definition.list{margin-top:30px}
.userPublic_wrap .definition.list .li_th2 > li{padding:3px 0 3px 12px}
.userPublic_wrap .definition.list .li_th2 > li:after{top:14px}
.userPublicDefinition_lst{display:table;width:100%;height:100%;margin:0 0 50px;table-layout:fixed}
.userPublicDefinition_lst > li{display:table-cell;width:calc(50% - 30px);width:-webkit-calc(50% - 30px);height:100%}
.userPublicDefinition_lst > li + li{padding-left:30px}
.userPublicDefinition_lst .definition{height:100%;padding:35px 25px 35px 35px;border:1px solid #eaeaea}
.userPublicDefinition_lst > li:first-child .definition{background:#f7f7f7}
/*고은정 국문 추가*/
.research_wrap .atoms .desc > strong > em{display:inline-block;}
.people_lst .people{overflow:hidden;}
.people_1st .people > .img img{height:200px; !important}
/* 20190430 SY,CHo 추가 */
.guidance-box .definition .point.no2 {font-size:19px; font-weight: 700; text-decoration: underline; }
/* 반응형 - 2019.01.20 SY,CHo 작업 */
@media screen and (max-width: 1450px){
/*Research*/
.research_wrap .atoms {float: none; width: auto;}
.research_wrap .atoms + .img {float: none; display: inline-block; overflow: hidden;}
.research_wrap .atoms + .img img {margin-left: -9%;}
}
@media screen and (max-width: 1399px){
/*layout*/
#header:before {top: 109px; background: #fff; opacity: .15; filter:alpha(opacity=15);}
}
@media screen and (max-width: 1280px){
/*cmpt*/
/*정의*/
.definition_wrap {padding: 30px; margin: 0 0 30px;}
/*layout*/
#header h1.logo{left:15px;transform:none;-webkit-transform:none}
#header .tsidemenu .btn_allmenu{left:auto;right:15px}
/*People*/
.people_lst > li {width: 50%;}
/*For User & Public*/
.userPublic_title {padding-right: 0;}
.userPublic_title > .img {height: auto; text-align: center; border: 1px solid #eaeaea;}
.userPublic_title > .img > img {position: static; top: auto; left: auto; width: auto; height: auto; border: none; transform: none; -webkit-transform: none;}
.userPublic_title > .title,
.userPublic_title > .definition {position: static; top: auto; right: auto; margin-top: 20px; width: auto; height: auto;}
.userPublic_title > .definition{height:100%;padding:30px}
}
@media screen and (max-width: 1024px){
/*layout*/
#header {height: 70px; background: inherit;}
#header:before {top: 69px;}
#header .header_wrap {padding: 13px 80px;}
#header h1.logo > a {height: 60px; background-position: inherit;}
#header .tsidemenu a {color: #fff;}
#header .tsidemenu .btn_allmenu .bar {background: #fff;}
/*cmpt*/
h2.titleLine > span {white-space: normal;}
.basic_box.descript {margin: 0 0 20px; padding: 30px; overflow: hidden;}
.basic_box.descript:before{top: 30px; right: 30px;}
.basic_box.descript > .img {display: none;}
.basic_box.descript > .caption {padding: 0;}
.h3_guide {margin: 0 0 20px; padding: 25px;}
/*정의 썸네일*/
.definition_figure {margin: 0;}
.definition_figure .img,.definition_figure .caption {float: none; width: auto;}
.definition_figure .img {padding-right: 0;}
.definition_figure.type2 .img {float: none;}
.definition_figure.type2 .caption {padding-right: 0;}
/*bbs*/
.newsfeed_lst .subject > .new > i[class*="xi-"] {display: inline-block;}
/*Research*/
.research_wrap .definition_figure.type2 .imgSlide_wrap {float: none; padding: 0 0 40px 0; width: auto;}
.research_wrap .definition_figure.type2 .img {float: none; text-align: center;}
.research_wrap .imgSlide_wrap .bx-pager {margin-left: 0;}
/*People*/
.people_wrap {padding: 0;}
.people_wrap .basic_box.descript {padding-left: 30px;}
.people_wrap .basic_box.descript:before {top: 30px; right: 30px;}
.people_wrap .basic_box.descript > .caption {padding: 0;}
}
@media screen and (max-width: 768px){
/*cmpt*/
.board_wrap .btn_wrap > .btn {float: none;}
/*bbs*/
.newsfeed_lst > .item {padding: 15px 0;}
.newsfeed_lst .num {display: none;}
.newsfeed_lst .subject > a {width: auto;}
.newsfeed_lst.publication .content {padding: 0;}
.newsfeed_lst.publication .content:after {display: none;}
.newsfeed_lst .btn_link {position: static; top: auto; right: auto; margin-top: 10px; padding: 0; transform: none; -webkit-transform: none;}
.newsfeed_lst.publication .btn_link > .btn-primary {width: 100%;}
/*Research*/
.research_wrap .img_wrap {padding: 20px;}
.research_wrap .img_lst {display: block; margin: 0; width: auto;}
.research_wrap .img_lst > li {display: block; padding: 0; width: auto;}
.research_wrap .img_lst > li img + strong {margin: 20px 0;}
.research_wrap .img_wrap > strong {position: static; bottom: auto; left: auto; margin-top: 20px; display: block;}
/*People*/
.people_lst > li {width: 100%;}
/*For User & Public*/
.userPublicDefinition_lst {display: block; margin: 0 0 30px; height: auto; table-layout: auto;}
.userPublicDefinition_lst > li {display: block; width: 100%; height: auto;}
.userPublicDefinition_lst > li + li {padding-top: 20px; padding-left: 0;}
.userPublicDefinition_lst .definition {height: auto;}
}
@media screen and (max-width: 414px){
/*People*/
.people_lst > li {padding: 15px;}
.people_lst .people {padding-left: 100px; height: auto;}
.people_lst .people > .img {width: 100px; background-size: auto 80%;}
.people_lst .people > .profile {padding: 20px;}
}