@charset "utf-8";
/* Myriad_Pro 웹폰트로드 */
@import url("../font/MYRIADPRO.css");
/*///////////////////// header /////////////////////*/

/*///////////////////// header End /////////////////////*/

/*///////////////////// container /////////////////////*/

#container.sub{padding-bottom: 70px;}
/* 상단 로케이션 */
#sub_loc{position: relative;overflow: hidden;border-bottom: 1px solid #cbcdcc;border-top: 2px solid #1d63c3}
#sub_loc .page_tit{height: 58px;line-height: 56px;text-align: center;color: #38549d;font-size: 20px;font-family: 'msb', sans-serif}
#sub_loc .page_tit a{display: block;height: 58px;line-height: 56px;text-align: center;color: #38549d;font-size: 20px;font-family: 'msb', sans-serif}
#sub_loc .prev{position: absolute;top: 14px;left: 10px;width: 30px;height: 30px;margin-top: 0;background-image: url('/m/researcher/img/sub/sub_loc_prev.png');background-position: 0 0;background-size: 30px 30px}
#sub_loc .next{position: absolute;top: 14px;right: 10px;width: 30px;height: 30px;margin-top: 0;background-image: url('/m/researcher/img/sub/sub_loc_next.png');background-position: 0 0;background-size: 30px 30px}
.section_tit{position: relative;margin: 3.063em 0 1.313em;color: #222;line-height: 1em;text-align: center;font-size: 1.188em;font-family: 'nr', sans-serif}
.section_tit:after{display: block;content: "";position: absolute;top: -14px;left: 50%;width: 16px;height: 2px;margin-left: -8px;background: #222;}
.sub_layout{padding: 0 10px;}

/*///////////////////// container End /////////////////////*/

/* 대표기술 */
.tech_main .clearfix{padding: 20px 10px 0;}
.tech_main .btn{display: block;float: left;width: 49%;margin-bottom: 10px;}
.tech_main .btn img{width: 100%;}
.tech_main .btn:nth-of-type(2n+1){margin-right: 1%;}
.tech_main .btn:nth-of-type(2n+2){margin-left: 1%;}

.tech_list02 a{display: block;margin: 10px 10px 0;}

#tech_tab {padding: 25px 10px 0;}
#tech_tab h2{line-height: 40px;text-align: center;color: #fff;font-size: 1em;font-family: 'nr', sans-serif;letter-spacing: -0.05em;background: #3d4f89 url('/m/researcher/img/tech/tech_drop_down.jpg') no-repeat right 15px center;background-size: 15px 8px}
#tech_tab ul{padding: 2% 4%;border: 1px solid #ccc;overflow: hidden;font-size: 0;border-top: none}
#tech_tab ul li{display: inline-block;width: 49%;margin-right: 1%;vertical-align: top;}
#tech_tab ul li:nth-of-type(2n+2){margin-right: 0;margin-left: 1%}
#tech_tab ul li a{display: block;padding: 8px 0;color: #636363;font-size: 11px;letter-spacing: -0.05em;min-height:28px;line-height: 14px;font-family: 'nd', sans-serif;border-bottom: 1px solid #ccc}
#tech_tab ul li a.active{color: #3d4f89;border-color: #3d4f89}
.tech_list02 #tech_tab ul li a{min-height: auto;}
#rnd_tab {padding: 25px 10px 25px;}
#rnd_tab .rnd_tab_btn{display: block;line-height: 40px;text-align: center;color: #fff;font-size: 1em;font-family: 'nr', sans-serif;letter-spacing: -0.05em;background: #3d4f89 url('/m/researcher/img/tech/tech_drop_down.jpg') no-repeat right 15px center;background-size: 15px 8px}
#rnd_tab ul{display: none;padding: 2% 4%;border: 1px solid #ccc;overflow: hidden;font-size: 0;border-top: none}
#rnd_tab ul li a{display: block;padding: 1.375em 0;color: #636363;font-size: 12px;line-height: 1.2em;font-family: 'nd', sans-serif;border-bottom: 1px solid #ccc}
#rnd_tab ul li a.active{color: #3d4f89;border-color: #3d4f89}

#rough_map_tab {padding: 25px 10px 25px;}
#rough_map_tab .map_tab_btn{display: block;line-height: 40px;text-align: center;color: #fff;font-size: 1em;font-family: 'nr', sans-serif;letter-spacing: -0.05em;background: #3d4f89 url('/m/researcher/img/tech/tech_drop_down.jpg') no-repeat right 15px center;background-size: 15px 8px}
#rough_map_tab ul{display: none;padding: 2% 4%;border: 1px solid #ccc;overflow: hidden;font-size: 0;border-top: none}
#rough_map_tab ul li a{display: block;padding: 1.375em 0;color: #636363;font-size: 12px;line-height: 1.2em;font-family: 'nd', sans-serif;border-bottom: 1px solid #ccc}
#rough_map_tab ul li a.active{color: #3d4f89;border-color: #3d4f89}

.rnd01_02_btn{text-align: right;}
.rnd01_02_btn a{display: inline-block;width: 110px;margin-right: 10px;}


.vod_box_wrap .vod_box{position: relative;width: 100%;padding-bottom: 58%;}
.vod_box_wrap .vod_box iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;}

.contact_list li{margin: 15px 0;}

#gnb .od_item a{display: block;padding: 10px 0;padding-left: 1.563em;color: #000;font-size: 0.938em;font-family: 'nm', sans-serif;line-height: 1.125em;border-bottom: 1px solid #999;background-color: #f7faff}


/* main */
#container.main .main_visual_wrap{position: relative;}
#container.main .main_visual_wrap .bx-controls .bx-pager{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	text-align: center;
	z-index: 51;
}
#container.main .main_visual_wrap .bx-controls .bx-pager-item{
    display: inline-block;
    margin: 0 3px;
}
#container.main .main_visual_wrap .bx-controls .bx-pager-item a{
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #da5c3f;
    border-radius: 50%;
    text-indent: -9999em;
    box-sizing: border-box
}
#container.main .main_visual_wrap .bx-has-pager .bx-pager-item a.active{
    background-color: #da5c3f;
    border-color: #da5c3f;
}
.main img{width: 100%;}
.main_layout{padding: 0 10px;}
.main .ra_link{background-color: #bbd4ef;border: 1px solid #9fbcdb;margin: 25px 0;}
.main .ra_link h2{text-align: center;font-size: 20px;color: #294770;font-family: 'nr', sans-serif;padding: 10px 0;}
.main .ra_link ul{padding: 0 10px;margin-bottom: 10px;}
.main .ra_link ul:after{content: "";display: block;clear: both;}
.main .ra_link ul li{float: left;width: 25%;text-align: center; padding: 0 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.main .ra_link.type2 ul:after {content:"";display:block;clear:both;}
.main .ra_link.type2 ul li {width:20%;padding: 0 0.1em;margin-bottom: 1em;box-sizing: border-box}
.main .ra_link.type2 ul li a {display: block;padding-top: 5.5em;color: #283f5a;font-size: 0.75em;font-family: 'nd', sans-serif;line-height: 1.1em;background-repeat: no-repeat;background-size: 5em 5em;background-position: center 0;letter-spacing: -0.05em}

/*
.main .ra_link.type2 ul li .btn01 {background-image:url(../images/ico-m1.png);}
.main .ra_link.type2 ul li .btn02 {background-image:url(../images/ico-m2.png);}
.main .ra_link.type2 ul li .btn03 {background-image:url(../images/ico-m3.png);}
.main .ra_link.type2 ul li .btn04 {background-image:url(../images/ico-m4.png);}
.main .ra_link.type2 ul li .btn05 {background-image:url(../images/ico-m5.png);}
*/

.main .ra_link.type2 ul li .btn01 {background-image:url(../images/mob_main_icon1.png);}
.main .ra_link.type2 ul li .btn02 {background-image:url(../images/mob_main_icon2.png);}
.main .ra_link.type2 ul li .btn03 {background-image:url(../images/mob_main_icon3.png);}
.main .ra_link.type2 ul li .btn04 {background-image:url(../images/mob_main_icon4.png);}
.main .ra_link.type2 ul li .btn05 {background-image:url(../images/mob_main_icon5.png);}

.rb_link{background-color: #f0f0f0; padding: 15px 0;}
.main .rb_link h2{text-align: center;font-size: 20px;font-family: 'nr', sans-serif;margin-bottom: 10px;color: #444;}
.main .rb_link ul li{margin-bottom: 10px;}
.main .rb_link ul li:last-child{margin-bottom: 0;}
.link_box{padding: 15px 0;}
.link_box .bp{margin-bottom: 25px;}
.link_box .gn{margin-bottom: 5px;}

/* 부서소개 */
.__rnd {background:#f0f0f0;padding:30px 15px;}
.__rnd * {color: #333;font-family: 'nr',sans-serif;}
.__rnd > .img {text-align:center;}
.__rnd > .img > img {width:160px;height:auto;}
.__rnd > .sign {position:relative;color:#0169a6;font-size:15px;text-align:center;margin-top:15px;}
.__rnd > .sign:before {position:absolute;display:block;content:'';background:#0169a6;width:20px;height:1px;top:-3px;left:50%;margin-left:-10px;}
.__rnd > .txt {}
.__rnd > .txt ul li {position:relative;font-size:15px;padding-left:10px;margin-bottom:6px;line-height:1.4;/*word-break:keep-all;*/}
.__rnd > .txt ul li:before {position:absolute;display:block;content:'';top:8px;left:2px;background:#888;width:3px;height:3px;border-radius:50%;}
.__rnd > .txt p {font-size:15px;/*text-align:justify;word-break:keep-all;*/line-height:1.7em;letter-spacing:-0.025em;margin-top:20px;}
.__rnd > .txt p.headline {font-size:15px;color:#006bab;margin-top:0;margin-bottom:10px;}

.__rndOrg {margin:10px 15px 0 15px;padding-bottom:20px;}

.__rndContact {}
.__rndContact .box {border:1px solid #e0e0e0;margin:0 15px 15px 15px;padding:15px 20px;}
.__rndContact .box * {color: #333;font-family: 'nr',sans-serif;}
.__rndContact .box > h4 {font-size:15px;color:#0169a6;margin-bottom:15px;}
.__rndContact .box .inner {}
.__rndContact .box .inner li {font-size:15px;color:#666;padding:0 0 0 25px;margin-bottom:5px;word-break:keep-all;}
.__rndContact .box .inner li span {color:#333;padding-right:20px;font-size:15px;}
.__rndContact .box .inner li.ico1 {background:url('/m/researcher/img/rnd/ico_name.png') no-repeat 0 50%;background-size:16px 16px;}
.__rndContact .box .inner li.ico2 {background:url('/m/researcher/img/rnd/ico_tel.png') no-repeat 0  50%;background-size:16px 16px;}
.__rndContact .box .inner li.ico3 {background:url('/m/researcher/img/rnd/ico_fax.png') no-repeat 0  50%;background-size:16px 16px;}
.__rndContact .box .inner li a {color:#666;}

.__rndTeam {margin-top:40px;}
.__rndTeam * {color: #666;font-size: 15px;font-family: 'nr',sans-serif;}
.__rndTeam .set {margin:0 15px 15px 15px;margin-bottom:40px;background: url('/img/sub/rnd/rnd_line.gif') repeat-x 0 0;}
.__rndTeam .set h3 {color: #000;font-size: 15px;padding:15px 0 10px 0;}
.__rndTeam .set ul li {position:relative;padding-left:10px;margin-bottom:6px;line-height:1.4;word-break:keep-all;}
.__rndTeam .set ul li:before {position:absolute;display:block;content:'';top:10px;left:2px;background:#888;width:3px;height:3px;border-radius:50%;}

.__rndRegion {padding:0 15px;}
.__rndRegion * {color: #666;font-size: 14px;font-family: 'nr',sans-serif;}
.__rndRegion > .img {}
.__rndRegion > .txt {margin-top:40px;}
.__rndRegion > .txt h3 {position:relative;color: #000;font-size: 15px;padding:15px 0;font-family: 'nm',sans-serif;}
.__rndRegion > .txt h3:before {position:absolute;display:block;content:'';width:100%;height:6px;top:0;left:0;background: url('/img/sub/rnd/rnd_line.gif') repeat-x 0 0;}
.__rndRegion > .txt ul {margin-bottom:50px;}
.__rndRegion > .txt ul li {position:relative;padding-left:10px;margin-bottom:6px;line-height:1.4;word-break:keep-all;}
.__rndRegion > .txt ul li:before {position:absolute;display:block;content:'';top:10px;left:2px;background:#888;width:3px;height:3px;border-radius:50%;}

@media screen and (max-width: 320px){
	#tech_tab ul li a{font-size: 10px;}
}


.__tabarea .box {display:none;}
.__tabarea .box.active {display:block;}

.techBox {margin:10px 0;padding:0 10px;font-family:'nr',sans-serif;}
.techBox * {font-family:'nr',sans-serif;word-break:keep-all;letter-spacing:-0.025em;}
.techBox .tel {text-align:right;}
.techBox .tel span {position:relative;padding-left:20px;color:#0064a3;font-size:14px;}
.techBox .tel span a {color:#0064a3;font-size:14px;}
.techBox .tel span:before {position:absolute;top:0;left:0;display:block;content:'';background: url('/images/ico_tel.png') no-repeat 0 4px;background-size:14px auto;width:100%;height:100%;}

.techBox .set {margin-top:35px;}
.techBox .set dt {position:relative;font-size:20px;color:#222;padding-top:5px;text-align:center;}
.techBox .set dt:before {position:absolute;top:0;left:50%;margin-left:-10px;display:block;content:'';width:20px;height:2px;background:#595959;}
.techBox .set dd {position:relative;}
.techBox .set dd p {margin:13px 0 5px 0;}
.techBox .set dd p span {position:relative;font-size:15px;color:#3d4f89;display:block;font-family:'nm',sans-serif;}
.techBox .set dd p.type2 span {margin-right:40px;display:inline-block;padding-left:10px;}
.techBox .set dd p.type2 span:last-child {margin-right:0;}
.techBox .set dd p.type2 span:before {position:absolute;top:8px;left:0;display:block;content:'';width:4px;height:4px;border-radius:2px;background:#4d67bb;}
.techBox .set dd .txt {margin-bottom:20px;}
.techBox .set dd .txt li {position:relative;font-size:14px;color:#666;padding-left:12px;margin:5px 0 5px 0;}
.techBox .set dd .txt li:before {position:absolute;top:10px;left:0;display:block;content:'';width:5px;height:1px;border-radius:3px;background:#666;}
.techBox .set dd .txt li.bullet2:before {position:absolute;top:4px;left:0;display:block;content:'*';width:auto;height:auto;border-radius:0;background:none;}
.techBox .img {margin-top:35px;}
.techBox .img li {padding-bottom:30px;text-align:center;}

/* test_css */

.__tab.main{
    display: none;
}

h1.tech_title{
    text-align: center;
    font-size: 20px;
    font-family: 'nr', sans-serif;
    margin: 20px 0;
    box-sizing: border-box;
    padding: 0 10px;
}

.subMtab{font-size: 0px; white-space: nowrap; margin-bottom: 20px; overflow: hidden; width: 100%;}
.subMtab > a{float: left; border: 1px solid #dedee1; position: relative; margin-left: -1px; margin-bottom: -1px; color: #777; text-align: center; box-sizing: border-box; height: 45px; vertical-align: top; background: #fff;}
.subMtab.st1 a{width: 50%;}

.subMtab a:nth-last-child(-n+2){
    margin-bottom: 0px;
}
.subMtab > a:after{content: ''; clear: both; display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.subMtab .active{background: #0064a3; border-color: #0064a3; color: #fff; z-index: 10;}
.subMtab > a span{display: inline-block; word-break: keep-all; vertical-align: middle; white-space: normal; max-width: 100%; box-sizing: border-box; padding: 0 5px; font-size: 14px; letter-spacing: -0.075em; word-spacing: -0.05em; line-height: 1.25em; font-family: 'nd',sans-serif;}

.set.new dd p>span{
    margin-bottom: 15px;
}

.set.new dd p>span:last-child{
    margin-bottom: 0px;
}

.sub_span{
	display: block;
	box-sizing: border-box;
	padding-left: 13px !important;
	margin-top: 5px;
	font-size: 14px !important;
	color: #666666 !important;
    font-family: 'nr',sans-serif !important;
}

.sub_span:first-child{
	margin-top: 7px;
}

.sub_span:before{
	display: none !important;
}

.sub_span:after{
	display: block;
	content: "";
	position: absolute;
	width: 5px;
	height: 1px;
	left: 0;
	top: 11px;
	background-color: #222222;
}

.sub_span:last-child:after{
	
}

.sub_span.long:after{
	top: 11px;
	transform: translateY(0%);
}

.noti{
	color: #5773cf !important;
	margin-top: 5px;
	font-size: 14px !important;
}

.noti:before{
	content: "*" !important;
	background-color: transparent !important;
	width: auto !important;
	height: auto !important;
	left: -2px !important;
	line-height: 29px;
	color: #5773cf !important;
	top: 3px !important;
	font-size: 20px;
}

.tech_img_box{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 35px;
}

.tech_img_box img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.tech_img_list{
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.tech_img_list ul{
    font-size: 0;
    width: 100%;
    overflow: hidden;
}

.tech_img_list ul li{
    float: left;
    width: 100%;
}

.tech_img_list.half ul li{
    width: 100%;
}

.tech_img_list_box{
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.tech_img_list_box img{
    width: 100%;
    height: auto;
}

.tech_img_list_box.long img{
    min-height: 220px;
}

.tech_img_list_box.limit img{
   height: auto;
}

.tech_img_list ul li span{
    display: block;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
}

.set.new .table_box.first tr:first-child,
.set.new .table_box.first tr:last-child{
	border-bottom: 1px solid #005f9e;
}

.set.new .table_box.first tr th:nth-child(2){
	border-right: 1px solid #d6d6d6;
}

.set.new  .table_box.first tr td:nth-child(2){
	border-right: 1px solid #d6d6d6;
	text-align: center;
}

.set.new .table_box.first table tr td p{
	padding: 0 20px;
}

.set.new .table_box.first table tr td p:before{
	display: none;
}

.set.new .table_box.first table tr td .table_img_box{
	padding: 10px 0;
}

.table_box{
	width: 100%;
	border-top: 1px solid #005f9e;
}

.table_tit{
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
	margin-bottom: 20px;
	letter-spacing: -1px;
    word-break: break-all;
}

.set.new table{
	width: 100%;
	font-size: 15px;
}

.set.new table tr{
	border-bottom: 1px solid #d6d6d6;
}

tr.highrow td{
	padding-left: 0px !important;
	border-right: 0px !important;
}

tr.highrow td p{
	text-align: left;
}

.set.new table tr:first-child{
	background-color: #f6f6f6;
}

.set.new table th{
	font-size: 16px;
}

.set.new table tr th:first-child{
	box-sizing: border-box;
	border-right: 1px solid #d6d6d6;
    word-break: break-all;
}

.set.new table th, td{
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
}

.set.new table tr td:first-child{
	box-sizing: border-box;
	border-right: 1px solid #d6d6d6;
	padding: 10px 15px;
    word-break: break-all;
}

.set.new table.lt td:first-child{
	text-align: left;
}

.set.new table td:nth-child(2){
	text-align: left;
}

.set.new table td p{
	position: relative;
	box-sizing: border-box;
	padding-left: 25px;
	margin: 3px 0;
}

.set.new table.dl td p{
    width: 50%;
    float: left;
}

.set.new table td p:before{
	display: block;
	content: "";
	position: absolute;
	left: 14px;
	top: 9px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #005f9e;
}

.set.new table td p span{
	padding-left: 0px;
	font-size: 15px;
}

.set.new table td p span:before{
	display: none;
}

/* greeting_new */

.greeting_box{
    box-sizing: border-box;
    padding: 0 10px;
}

.greeting_img_box{
    margin-top: 20px;
}

.greeting_box h2{
    font-family: 'nd', sans-serif;
    margin: 30px 0;
    word-break: keep-all;
    color: #3d77b7;
    font-size: 22px;
    text-align: center;
}

.greeting_box p{
    margin-bottom: 30px;
    word-break: keep-all;
    font-family: 'nr', sans-serif;
    font-size: 14px;
    color: #424242;
}

.greeting_box p.greeting_main_name{
    position: relative;
    text-align: right;
    line-height: 30px;
    box-sizing: border-box;
    font-size: 16px;
    color: #666666;
}

.greeting_main_sign{
    right: 0;
    top: 0;
    font-size: 26px;
    color: #000000;
    font-weight: 600;
}

.__rndTeam .set ul li span.min_span{
    position: relative;
    box-sizing: border-box;
    display: block;
    padding-left: 14px;
}

.__rndTeam .set ul li span.min_span:before{
    display: block;
    content: "";
    position: absolute;
    left: 2.5px;
    top: 10px;
    width: 5px;
    height: 2px;
    background-color: #888;
}


/* 홍보동영상 */
.vod_list{margin-bottom: -30px;text-align: justify;}
.vod_list:after{display: inline-block;width: 100%;content: "";}
.vod_list li{display: inline-block;width: 100%;height: 596px;padding: 20px 25px 25px;margin-bottom: 70px;background-color: #f8f8f8;border: 1px solid #e2e2e2;box-sizing: border-box}
.vod_list li .subject{margin-bottom: 12px;color: #292929;font-size: 18px;font-family: 'nr',sans-serif;}
.vod_list li .img{position: relative;margin-bottom: 20px;}
.vod_list li .img > img{width: 485px;height: 295px;}
.vod_list li .img a{position: absolute;top: 122px;left: 205px;}
.vod_list li .txt_box{height: 202px;overflow-y: auto;padding: 20px;background-color: #fff;border: 1px solid #e2e2e2;box-sizing: border-box}
.vod_list li .txt_box p{color: #666;font-size: 14px;font-family: 'nl',sans-serif;}
/* .vod_list li:hover{border-color: #0069a6;}
.vod_list li .img{position: relative;}
.vod_list li .img a{position: absolute;top: 45px;left: 50%;margin-left: -34px;}
.vod_list li .subject{font-size: 17px;font-family: 'nr',sans-serif;line-height: 50px;border-bottom: 1px dotted #c0c0c0;text-align: center;}
.vod_list li .list_foot p{float: left;margin-top: 15px;color: #999;font-size: 12px;font-family: 'nr',sans-serif;}
.vod_list li .list_foot a{float: right;margin-top: 14px;}
.vod_box_wrap{padding: 50px 100px 40px;background: #f8f8f8;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}
.vod_box_wrap .vod_box{width: 900px;height: 526px;margin: 0 auto 20px;}
.vod_box_wrap .vod_info{height: 250px;padding: 20px 30px;border: 1px solid #e2e2e2;background: #fff;overflow-y: scroll;box-sizing: border-box}
.vod_box_wrap .vod_info p{font-size: 14px;line-height: 28px;font-family: 'nr',sans-serif;} */


   .nation_table {padding:0 30px;}
/* .nation_table .nation_line {width:48%;} */
/* .nation_table .nation_line:nth-child(2n) {padding-left:30px;} */

.nation_line {margin-bottom:20px;}
.nation_line .nation_img {margin-right:30px; display:flex; align-items:start; flex-shrink: 0; width: 136px; margin-bottom:20px;}
.nation_line .nation_img p {font-size:16px; font-weight:bold; margin-left:10px;}

.nation_line > ul > li {color:#000; font:15px 'Noto Sans KR'; margin-bottom:10px; word-break: keep-all; position:relative; padding-left:10px;}
.nation_line > ul > li::before {content:""; display:inline-block; width:5px; height:5px; border-radius:50%; background-color:#3c69ba;
position:absolute; top:9px; left:0;}