/* Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */
@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:400;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic Bold';
	font-style:normal;
	font-weight:700;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family:'Nanum Gothic ExtraBold';
	font-style:normal;
	font-weight:800;
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
	src:url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}

 
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */

 @font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }



@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
	웹폰트 
--------------------------------------------------------------------------------------------------*/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,70000);


/* -----------------------------------------------------------------------------------------------
	reset CSS
--------------------------------------------------------------------------------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select
{margin:0;padding:0;box-sizing:border-box; letter-spacing:-0.02em;}
body,input,textarea,select,button,table
{font-family:'Roboto', 'Noto Sans KR', sans-serif,“Apple SD Gothic Neo”,"맑은 고딕",“Malgun Gothic”,"돋움",dotum,sans-serif; font-size:16px;color:#333;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none; letter-spacing:-0.02em;}
body{min-width:1200px;line-height:1.5;word-break: keep-all; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:18px;}
a {color:#333;text-decoration:none;}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:active {color:#333;text-decoration:none;}
a:hover {color:#333;text-decoration:none;}
a:focus {outline:none;}
span, a, em, button {display:inline-block;}
img,fieldset,iframe{border:0;}
img {max-width:100%;vertical-align:top;}
ul, li{list-style:none;}
em,address{font-style:normal;}
input,select,button{vertical-align:middle;margin:1px;}
input[type="checkbox"]{padding:1px;}
caption,legend,.blind{overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-align:left;}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number]
{width:100%;height:36px;padding:0 10px;border:1px solid #999;font-size:16px;color:#333;vertical-align:middle;-webkit-appearance:none;}
input[type=password],input[type=email]{ime-mode:disabled;}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
select:focus,
textarea:focus{border:1px solid #999;}
input[type=file]{width:99.5%;height:30px;border:1px solid #d2d2d2;background:#fff;}
select{height:36px;padding-left:5px;border:1px solid #999;font-size:16px;color:#333;vertical-align:middle;}
textarea{width:100%;padding:10px;border:1px solid #999;font-size:16px;color:#333;resize:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
table th {font-weight:normal;}
hr{display:none;}
label {cursor:pointer;}


/* -----------------------------------------------------------------------------------------------
	공통
--------------------------------------------------------------------------------------------------*/
.hidden { position:absolute; font-size:0; line-height:0; left:-10000px;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.dis-block {display:block !important;}
.dis-none {display:none !important;}
.text-c {text-align:center !important;}
.text-l {text-align:left !important;}
.text-r {text-align:right !important;}
.vt-t {vertical-align:top !important;}
.vt-m {vertical-align:middle !important;}
.vt-b {vertical-align:bottom !important;}
.bg-none {background:none !important;}
.border-none {border:none !important;}
.clear-fix:after {content:"";display:block;clear:both;}
.bold { font-weight:bold; }
.en { font-family:'Roboto', sans-serif !important; }
/* ios */
a[x-apple-data-detectors] {
  color:inherit !important;
  text-decoration:none !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  white-space:nowrap;
}
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt80 { margin-top:80px !important; }

/* 글자 자르기 */
.line1-text-eps { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display:block; }
.line2-text-eps { display:block; line-height:1.4em; max-height:2.8em; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.line5-text-eps { display:block; line-height:1.5em; max-height:7.5em; display:-webkit-box; -webkit-line-clamp:5; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; 
}

/* 리스트 */
ul.list-bullet {}
ul.list-bullet li { background:url(../images/list_bullet.png) 2px 10px no-repeat; padding-left:10px; }
ul.list-bullet li:after {display:block; clear:both; content:'';}


/* -----------------------------------------------------------------------------------------------
	layout
--------------------------------------------------------------------------------------------------*/
.wrap { width:100%; background:url(../images/pttn.png);  background-color:#1c1f2a; min-width:1280px; }
.container { max-width:1280px; padding:0 20px; margin:0 auto; }
#center { height:auto; overflow:hidden;  position:relative; min-height:1045px; background:#fff;  }
#center .left-wrap { position:absolute; left:0; top:0; width:210px; height:100%; background:#efefef;  }
#center .left-wrap .left { position:relative; width:100%; height:100%; }
#center .right-wrap { position:relative; width:1030px; margin-left:210px;  }



/* header */
.language-wrap { height:auto; }
.language-wrap .lang { padding:6px 0;  }
.language-wrap .lang:after { display:block; clear:both; content:''; }
.language-wrap .lang ul.lang-list { display:block; float:right; }
.language-wrap .lang ul.lang-list li { display:block; float:left; margin-left:-1px;  }
.language-wrap .lang ul.lang-list li a { display:block; border:1px solid rgba(255,255,255,0.5); height:26px; line-height:26px; padding:0 14px; color:#fff; font-size:12px; text-align:center;  }

.language-wrap .member { margin-top:0px; display:block; float:left; position:relative; }
.language-wrap .member ul { height:auto; overflow:hidden;  }
.language-wrap .member ul li { display:block; width:100px; float:left; }
.language-wrap .member ul li a { font-size:13px; text-align:center; display:block; height:26px; line-height:26px; width:100%;}
.language-wrap .member ul li a.login {  border:1px solid #ce9601; color:#be7a03; background:#ce9601; color:#fff; }
.language-wrap .member ul li a.join {  color:#797979; background:#fff;  }

#center .left-wrap .left-top { height:630px; background:#f5ca01; position:relative;}
#center .left-wrap .left-top h1.logo { /*padding-top:60px;*/ height:204px; text-align:center; background:#fff; padding-top:33px; }
#center .left-wrap .left-top h1.logo a { display:block; }
#center .left-wrap .left-top h1.logo a img { width:130px; }
#center .left-wrap .left-top .navi-wrap { width:100%;  padding-top:0px; }
#center .left-wrap .left-top .navi-wrap .navi { }
#center .left-wrap .left-top .navi-wrap .navi li  { text-align:left; display:block; /*padding:0 15px;*/ position:relative; }
#center .left-wrap .left-top .navi-wrap .navi li a { display:block; }
#center .left-wrap .left-top .navi-wrap .navi li a.depth-01 {  border-bottom:1px solid rgba(255,255,255,0.3); color:#45433b; color:#61563d; height:40px; line-height:40px; font-weight:600; padding:0 15px; }

#center .left-wrap .left-top .navi-wrap .navi li a.depth-01:hover  { background:url(../images/arw-depth-02-o_1.png) right center no-repeat;  color:#000; }
#center .left-wrap .left-top .navi-wrap .navi li a.depth-01.open  { background:url(../images/arw-depth-02-c_1.png) right center no-repeat;  color:#000; }

.navi-wrap .navi .depth-02 { position:relative; z-index:100; display:none; background:rgba(255,255,255,0.7); }
.navi-wrap .navi .depth-02 a { color:#796625; height:29px; line-height:29px; padding:0 5px 0 12px; font-size:14px; }
.navi-wrap .navi .depth-02 li { padding:0 !important; }
.navi-wrap .navi .depth-02 li + li { margin-top:1px;}
.navi-wrap .navi .depth-02 li a:hover { background:#e3b001; }
.navi-wrap .navi .depth-02 li a.on { background:#e3b001; }  /* 현재메뉴 */
.navi-wrap .navi .depth-03 a { padding-left:33px; font-size:13px; position:relative; }
.navi-wrap .navi .depth-03 a:before { width:3px; height:3px; displa:block; content:''; background:#69581d; border-radius:50%; position:absolute; left:25px; top:12px; }
.navi-wrap .navi li a small.en { display:inline-block; margin-left:5px; font-weight:500; opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" }
.navi-wrap .navi li a.depth-01 > .en { font-size:15px; }
.navi-wrap .navi .depth-02 .en { font-size:13px; }

#center .left-wrap .left-top .sns { text-align:center; /*margin-top:60px;*/ position:absolute; bottom:5px; left:0; width:100%; }
#center .left-wrap .left-top .sns a { display:inline-block; width:31px; height:31px; background:url(../images/sns.png) no-repeat; }
#center .left-wrap .left-top .sns a.facebook { background-position:0 0; }
#center .left-wrap .left-top .sns a.twitter { background-position:-31px 0; }
#center .left-wrap .left-top .sns a.youtube { background-position:-62px 0; }
#center .left-wrap .left-top .sns a.insta { background-position:-93px 0; }
#center .left-wrap .left-bottom .site-link {text-align:center; margin-top:15px; }
#center .left-wrap .left-bottom .site-link h2 { font-size:16px; color:#111; font-weight:500; margin-bottom:10px; }
#center .left-wrap .left-bottom .site-link a { margin-bottom:1px; display:block;}



/* footer */
.copyright { color:rgba(255,255,255,0.5); font-size:14px; background: url(../images/f_logo_1.png) 50px center no-repeat; background-size:120px auto; padding-left:250px; height:110px; text-align:left; padding-top:35px;  }
.copyright p { letter-spacing:0.05em; font-weight:200; }
.copyright p span + span { margin-left:15px; }


/* 전문가 연구진 비밀번호 입력 */
.entry-btn { background:none; color:#ffefc0; border:0; text-align:center; font-size:14px; display:inline-block; width:208px; line-height:30px; border:1px solid rgba(255,239,192,0.5); cursor:pointer;  }
.entry-btn:hover { background:rgba(255,239,192,0.5); }
.input-password { position:absolute; top:0px; left:0; width:210px; background:rgba(28,31,42,0.9); padding:20px; z-index:1000; display:none; }
.input-password input[type=password] { background:none; border:1px solid rgba(255,255,255,0.5); color:#fff; }
.input-password p { color:#fff; font-size:13px; margin-bottom:5px; text-align:center; }
.input-password .btn-wrap { margin-top:10px; text-align:center; }
.input-password .btn-wrap .btn { font-size:13px; width:50px; line-height:26px; border:0; border-radius:3px; background:rgba(255,255,255,0.7); color:rgba(28,31,42,0.9); }
.input-password .btn-wrap .btn.confirm-btn { background:#f5ca01; }





















/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  /*-moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border:0px solid #fff;*/
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('../images/bxslider/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  /*padding-top: 20px;*/
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  outline: 0;
  /*-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;*/
  
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  height:35px;	
  background: #fcbb0b;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 0px;
  background: url('../images/bxslider/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 0px;
  background: url('../images/bxslider/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('../images/bxslider/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('../images/bxslider/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}@charset "utf-8";

#center .right-wrap .mainvisual { }
#center .right-wrap .main-container { padding:50px 40px; }
#center .right-wrap .main-container:after { clear:both; content:''; display:block; }
#center .right-wrap .main-container .main-board-wrap { width:450px; float:left; }
#center .right-wrap .main-container .main-board-wrap:nth-child(2) { margin-left:50px;}
.main-board-wrap .title-wrap { height:36px; line-height:36px; position:relative; border-bottom:1px solid #f5ca01;  }
.main-board-wrap .title-wrap h2 { font-size:22px; color:#111; font-weight:500; font-family:'Roboto', sans-serif !important;  }
.main-board-wrap .title-wrap h2 a { font-size:22px; color:#111; font-weight:500; font-family:'Roboto', sans-serif !important; }
.main-board-wrap .title-wrap .more-news { position:absolute; top:0; right:0; display:block; }
.main-board-wrap .top-news { margin-top:15px; border-bottom:1px dotted #777; padding-bottom:10px; }
.main-board-wrap .top-news .subject a { color:#111; font-size:16px; margin-bottom:10px; }
.main-board-wrap .top-news .cnts a { font-size:13px; color:#777; margin-bottom:10px;}
.main-board-wrap .top-news .date { font-size:13px; color:#777; text-align:right; }
.main-board-wrap .news-list { margin-top:15px; }
.main-board-wrap .news-list li:before { position:absolute; width:3px; height:3px; border-radius:50%; background:#777; content:''; display:block; top:10px; left:2px; }
.main-board-wrap .news-list li { padding-left:12px; position:relative; margin-top:10px;}
.main-board-wrap .news-list li a { font-size:14px; color:#333; }

@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
	공통 컨텐츠
--------------------------------------------------------------------------------------------------*/
/* 레이아웃 */
.sub-container { padding:20px 40px 50px; }
.sub-container .sub-title-wrap { border-bottom:1px solid #cbcbcb; height:60px; line-height:60px; }
.sub-container .sub-title-wrap:after { display:block; content:''; clear:both; }
.sub-container .sub-title-wrap h2.sub-title { font-size:28px; color:#111; float:left; }
.sub-container .sub-title-wrap .sub-location { float:right; }
.sub-container .sub-title-wrap .sub-location ul li { display:inline-block; padding:0 10px 0 16px; }
.sub-container .sub-title-wrap .sub-location ul li + li { background:url(../images/sub/location_arw.png) left center no-repeat;}
.sub-container .sub-title-wrap .sub-location ul li a { font-size:13px; color:#6a6b6d; } 
.sub-container .sub-contents { padding:30px 0;  font-size:14px; color:#555; line-height:24px; }

.sub-container .sub-title-wrap h2.sub-title span.en-tit { display:inline-block; margin-left:10px; font-size:28px; color:#111; }
.sub-container .sub-title-wrap h2.sub-title span.en-tit a { font-size:28px; color:#111; cursor:pointer; }
.sub-container .sub-title-wrap h2.sub-title span.en-tit a[href=""] { cursor:text; }

.section .section-title { font-size:20px; color:#022d7d; font-weight:400; margin-bottom:20px; }
.section .article { margin-top:30px; }
.section .article .article-title { font-size:17px; color:#111; font-weight:400; margin-bottom:5px; background:url(../images/contents/tit_bullet.png) left 7px no-repeat; padding-left:20px;  }
.section .article .article-cnts { padding-left:3px; }

/* snb */

/* 버튼 */

/* 리스트 */


/* 테이블 */
.tbl-basic thead th { border:1px solid #ccc; border-top:2px solid #333; background:#efefef; border-bottom:1px solid #333; padding:8px 10px; color:#000 !important; }
.tbl-basic tbody td { border:1px solid #ccc; padding:8px; }
.tbl-basic tbody td.row-head { color:#000 !important;  }


/* 폼 스타일 */




/* -----------------------------------------------------------------------------------------------
	서브
--------------------------------------------------------------------------------------------------*/


/* 영문페이지 */
.en-btn-wrap:after { display:block; clear:both; content:''; height:10px; }
.en-btn { float:right; width:70px; line-height:32px; border-radius:5px; text-align:center; background: url(../images/pttn.png); background-color: #404865; color:#fff !important; border:1px solid #353c53; }
.en-btn:hover { background-color:#e1e2e7; color:#353c53 !important; }
.en-page * { letter-spacing:0.01em !important; }
.en-page .section .section-title { font-weight:500; font-size:22px; }



/* 오시는길 */
.sub-location-page {}

.map-tab .nav:after { display:block; clear:both; content:'';}
.map-tab .nav li { display:block; float:left; width:50%;  }
.map-tab .nav li+li { padding-left:1px; }
.map-tab .nav li a { display:block; width:100%; height:50px; line-height:50px; text-align:center; color:#555; font-size:16px; background:#e8e9ea; }
.map-tab .nav li a.current, .map-tab .nav li a.current:hover { background:#323749; color:#fff; }
.map-tab .nav li a:hover { background:#d7d8d8; color:#111;}
.map-tab .list-wrap { margin-top:30px; }
.trans-map:after { clear:both; content:''; display:block; }
.trans-map .map {float:left; margin-right:10px; }


/* 연구목표 */
.research-goal {}
.research-goal .research-table { display:table; table-layout:fixed; width:100%; }
.research-goal .research-table > li { display:table-cell; width:280px; position:relative; border:1px solid #fff;  padding:20px; vertical-align:middle; }
.research-goal .research-table > li:nth-child(1) { width:100px; }

.research-goal .research-table.header > li { text-align:center; font-size:17px; color:#fff; }
.research-goal .research-table.header > li:nth-child(2) { background:#4eb8c0; }
.research-goal .research-table.header > li:nth-child(3) { background:#2e60b1; }
.research-goal .research-table.header > li:nth-child(4) { background:#172fa5; }

.research-goal .research-table.row-1 > li { text-align:center; font-size:16px; line-height:24px;  }
.research-goal .research-table.row-1 > li:nth-child(1) { background:#efefef; color:#333; }
.research-goal .research-table.row-1 > li:nth-child(2) { color:#329da5; background:rgba(78,184,192,0.1);  }
.research-goal .research-table.row-1 > li:nth-child(3) { color:#1e53a9; background:rgba(46,96,177,0.1);  }
.research-goal .research-table.row-1 > li:nth-child(4) { color:#0d2393; background:rgba(23,47,165,0.1); }

.research-goal .research-table.row-2 > li { text-align:center; font-size:16px; line-height:24px; text-align:left; vertical-align:top;}
.research-goal .research-table.row-2 > li { background:rgba(255,204,48,0.3); color:#111  }
.research-goal .research-table.row-2 > li:nth-child(1) { background:rgba(255,204,48,1); color:#967102; }
.research-goal .research-table.row-2 > li strong { font-weight:500; }
.research-goal .research-table.row-2 > li .list-bullet li { color:#555; font-size:14px; margin-top:5px; line-height:22px; }

.research-goal .research-table.row-3 > li { text-align:center; font-size:16px; line-height:24px; text-align:left; vertical-align:top;}
.research-goal .research-table.row-3 > li { background:rgba(254,184,48,0.3); color:#111  }
.research-goal .research-table.row-3 > li:nth-child(1) { background:rgba(254,184,48,1); color:#936203; position:relative;}
.research-goal .research-table.row-3 > li strong { font-weight:500; }
.research-goal .research-table.row-3 > li .list-bullet li { color:#555; font-size:14px; margin-top:5px; line-height:22px; }
.research-goal .research-table.row-3 > li:nth-child(1):before { position:absolute; width:100%; height:12px; display:block; content:''; top:-2px; left:0; background:url(../images/contents/rr-1.png) no-repeat; z-index:100;}

.research-goal .research-table.row-4 > li { text-align:center; font-size:16px; line-height:24px; text-align:left; vertical-align:top;}
.research-goal .research-table.row-4 > li { background:rgba(254,145,48,0.3); color:#111  }
.research-goal .research-table.row-4 > li:nth-child(1) { background:rgba(254,145,48,1); color:#fff; position:relative; }
.research-goal .research-table.row-4 > li strong { font-weight:500; }
.research-goal .research-table.row-4 > li .list-bullet li { color:#555; font-size:14px; margin-top:5px; line-height:22px; }
.research-goal .research-table.row-4 > li:nth-child(1):before { position:absolute; width:100%; height:12px; display:block; content:''; top:-2px; left:0; background:url(../images/contents/rr-2.png) no-repeat; z-index:100;}

.research-goal .research-table.row-5 > li { text-align:center; font-size:16px; line-height:24px; text-align:left; vertical-align:top;}
.research-goal .research-table.row-5 > li { background:rgba(227,108,2,0.3); color:#111  }
.research-goal .research-table.row-5 > li:nth-child(1) { background:rgba(227,108,2,1); color:#fff; position:relative; }
.research-goal .research-table.row-5 > li strong { font-weight:500; }
.research-goal .research-table.row-5 > li .list-bullet li { color:#555; font-size:14px; margin-top:5px; line-height:22px; }
.research-goal .research-table.row-5 > li:nth-child(1):before { position:absolute; width:100%; height:12px; display:block; content:''; top:-2px; left:0; background:url(../images/contents/rr-3.png) no-repeat; z-index:100;}

.research-goal .research-table.row-6 > li { text-align:center; font-size:16px; color:#fff; }
.research-goal .research-table.row-6 > li:nth-child(1) { background:#ccc; color:#333; }
.research-goal .research-table.row-6 > li:nth-child(2) { background:#4eb8c0; }
.research-goal .research-table.row-6 > li:nth-child(3) { background:#2e60b1; }
.research-goal .research-table.row-6 > li:nth-child(4) { background:#172fa5; }


/* 소개글 */
.sub-greeting {}

.sub-greeting h2 { font-size:23px; color:#936203; font-weight:400; margin-bottom:15px; margin-top:40px; }
.sub-greeting h2.first { margin-top:0; }
.sub-greeting .p-wrap p + p { margin-top:10px; }

.greeting-wrap:after { display:block; clear:both; content:''; }
.greeting-wrap .greeting-img { width:500px; float:right; margin-top:60px; position:relative; }
.greeting-wrap .greeting-img img { position:relative; z-index:1; border-radius:10px 0 10px 0;   }
.greeting-wrap .greeting-img:before { position:absolute; top:5px; left:6px; display:block; content:''; width:100%; height:100%; background: url(../images/pttn.png); background-color:#ccc; z-index:0;  border-radius:10px 0 10px 0; }
.greeting-wrap .greeting-text { width:calc(100% - 500px); float:left; }
.sub-greeting.en .greeting-wrap .greeting-img { width:470px; }
.sub-greeting.en .greeting-wrap .greeting-img img { width:100%;}


/* 관련기관 */
.partners-wrap {}
.partners-wrap h2.title-gold { font-size:23px; color:#936203; font-weight:400; margin-bottom:25px; }
.partners-list { width:calc(100% + 20px); margin-left:-20px; } 
.partners-list li { width:calc(25% - 20px); margin-left:20px; float:left; margin-bottom:15px; }
.partners-list li:nth-child(4n+1) { clear:both; }
.partners-list li { text-align:center; }
.partners-list li a { display:block;}
.partners-list li a .logo { border:1px solid #ccc; overflow:hidden; }
.partners-list li a:hover .logo {  }
.partners-list li a .text { margin-top:0px; color:#555; font-size:14px;  }
.partners-list:after { display:block; clear:both; content:''; }
.partners-list li a:hover .logo img { width:100%; 
	transform:matrix(1, 0, 0, 1, 0, 0); 
	transition:0.2s ease-in; 
	-moz-transition:0.2s ease-in; 
	-webkit-transition:0.2s ease-in; 
	-ms-transform:0.2s ease-in;}
.partners-list li a:hover .logo img { transform: matrix(1.05, 0, 0, 1.05, 0, 0); }


/* 조직도 */
.ogn .tabs:after { display:block; clear:both; content:'';}
.ogn .tabs li { display:block; float:left; width:25%;  }
.ogn .tabs li+li { padding-left:1px; }
.ogn .tabs li a { display:block; width:100%; height:50px; line-height:50px; text-align:center; color:#555; font-size:16px; background:#e8e9ea; }
.ogn .tabs li a:hover { background:#d7d8d8; color:#111;}
.ogn .tabs li.active a, 
.ogn .tabs li.active a:hover { background:#323749; color:#fff; }
.ogn .tab_container { margin-top:50px; margin-bottom:30px; }

.ogn-info-wrap { text-align:center; }
.ogn-info-wrap .ogn-center { position:relative; }
.ogn-info-wrap .ogn-center:after { display:block; content:''; clear:both; }
.ogn-info-wrap .ogn-center:before { width:calc(100% - 178px); height:1px; display:block; content:''; background:#999; margin-left:89px; }
.ogn-info-wrap .ogn-center .ogn-list { width:178px; float:left; margin-left:15px; position:relative; padding-top:30px;  }
.ogn-info-wrap .ogn-center .ogn-list:before { width:1px; height:30px; content:''; display:block; position:absolute; top:0; left:50%; background:#999; }
.ogn-info-wrap .ogn-center .ogn-list.first { margin-left:0; }
.ogn-info-wrap .ogn-center .ogn-list h3 { height:50px; line-height:50px; color:#fff; font-size:18px; font-weight:500; background:#83c156; }
.ogn-info-wrap .ogn-center .ogn-list .box-1 { margin-top:3px; border:1px solid #83c156; }
.ogn-info-wrap .ogn-center .ogn-list .box-1 a { height:40px; line-height:40px; font-size:16px; color:#111; font-weight:500; background:#c3d69b; display:block; width:100%; }
.ogn-info-wrap .ogn-center .ogn-list .box-1 a img { vertical-align:middle; margin-right:5px;}
.ogn-info-wrap .ogn-center .ogn-list .box-1 p { padding:10px 0; font-size:14px; letter-spacing:-0.05em; line-height:1.5; height:3; }
.ogn-info-wrap .ogn-center .ogn-list .box-2 { border:1px solid #83c156; margin-top:15px; position:relative; }
.ogn-info-wrap .ogn-center .ogn-list .box-2:before { width:2px; height:15px; content:''; display:block; background:#5b9531; position:absolute; top:-16px; left:50%; margin-left:-1px; }
.ogn-info-wrap .ogn-center .ogn-list .box-2 h4 {  height:40px; line-height:40px; font-size:16px; color:#111; font-weight:500; background:#c3d69b; display:block; width:100%; }
.ogn-info-wrap .ogn-center .ogn-list .box-2 ul { margin:10px 0; }
.ogn-info-wrap .ogn-center .ogn-list .box-2 ul li a { padding:5px; display:block; width:100%; color:#111; font-size:14px; }
.ogn-info-wrap .ogn-center .ogn-list .box-3 { padding:10px 5px; background:url(../images/stripe.png); background-color:#83c156; }
.ogn-info-wrap .ogn-center .ogn-list .box-3 a { color:#fff; font-size:16px; font-weight:500; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-2 h3 { background:#2e60b1;}

.ogn-info-wrap .ogn-center .ogn-list.ogn-2 .box-1 { border:1px solid #2e60b1; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-2 .box-2 { border:1px solid #2e60b1; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-2 .box-3 { background:url(../images/stripe.png); background-color:#2e60b1; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-2 .box-1 a { background:#b9cde5; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-2 .box-2 h4 { background:#b9cde5; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-2 .box-2:before { background:#0d3e8f; }

.ogn-info-wrap .ogn-center .ogn-list.ogn-3 h3 { background:#4eb8c0;}
.ogn-info-wrap .ogn-center .ogn-list.ogn-3 .box-1 { border:1px solid #4eb8c0; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-3 .box-2 { border:1px solid #4eb8c0; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-3 .box-3 { background:url(../images/stripe.png); background-color:#4eb8c0; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-3 .box-1 a { background:#b3d3db; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-3 .box-2 h4 { background:#b3d3db; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-3 .box-2:before { background:#329aa2; }

.ogn-info-wrap .ogn-center .ogn-list.ogn-4 h3 { background:#2778b0;}
.ogn-info-wrap .ogn-center .ogn-list.ogn-4 .box-1 { border:1px solid #2778b0; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-4 .box-2 { border:1px solid #2778b0; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-4 .box-3 { background:url(../images/stripe.png); background-color:#2778b0; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-4 .box-1 a { background:#bbcde3; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-4 .box-2 h4 { background:#bbcde3; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-4 .box-2:before { background:#135d90; }

.ogn-info-wrap .ogn-center .ogn-list.ogn-5 h3 { background:#e1883e;}
.ogn-info-wrap .ogn-center .ogn-list.ogn-5 .box-1 { border:1px solid #e1883e; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-5 .box-2 { border:1px solid #e1883e; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-5 .box-3 { background:url(../images/stripe.png); background-color:#e1883e; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-5 .box-1 a { background:#fcd5b5; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-5 .box-2 h4 { background:#fcd5b5; }
.ogn-info-wrap .ogn-center .ogn-list.ogn-5 .box-2:before { background:#bb631a; }

.ogn-info-wrap .ogn-center.ogn-col-2 {  display:inline-block; }
.ogn-info-wrap .ogn-center.ogn-col-2 .ogn-list { width:250px; }
.ogn-info-wrap .ogn-center.ogn-col-2:before { width:266px; height:1px; display:block; content:''; background:#999; margin-left:125px;  }

.company-list li {  }
.company-list li img { vertical-align:middle; margin-right:2px; max-height:22px; display:none; }

/* 영문 조직도 */
.ogn.eng a:hover { text-decoration:underline; }
.ogn.eng .ogn-info-wrap .ogn-center.ogn-col-5 .ogn-list .box-1 a { line-height:20px; height:65px; padding-top:10px; }
.ogn.eng .ogn-info-wrap .ogn-center.ogn-col-5 .ogn-list .box-1 p { height:140px; }
.ogn.eng .ogn-info-wrap .ogn-center.ogn-col-5 .ogn-list .box-2 ul li a { line-height:17px; padding:7px 5px; }

.ogn.eng .ogn-info-wrap .ogn-center.ogn-col-2 .ogn-list { width:350px; }
.ogn.eng .ogn-info-wrap .ogn-center.ogn-col-2:before { width:366px; margin-left:175px; }







/* 연구목표 */
.research-tab .tabs:after { display:block; clear:both; content:'';}
.research-tab .tabs li { display:block; float:left; width:25%;  }
.research-tab .tabs li+li { padding-left:1px; }
.research-tab .tabs li a { display:block; width:100%; height:50px; line-height:50px; text-align:center; color:#555; font-size:16px; background:#e8e9ea; }
.research-tab .tabs li a:hover { background:#d7d8d8; color:#111;}
.research-tab .tabs li.active a, 
.research-tab .tabs li.active a:hover { background:#323749; color:#fff; }
.research-tab .tab_container { margin-top:50px; margin-bottom:30px; }

.research-tab h3.title { font-size:20px; color:#000; font-weight:400; margin-bottom:10px; }

dl.rch-table { display:table; margin-top:1px; width:100%;  }
dl.rch-table dt,
dl.rch-table dd { display:table-cell; vertical-align:middle; padding:10px 15px; }
dl.rch-table dt { width:100px; text-align:center; background:#4eb8c0; color:#fff; font-size:17px; font-weight:500; }
dl.rch-table dd { background:#efefef; }
dl.rch-table dd.col-1 { width:270px; font-size:15px; color:#111; font-weight:500; text-align:center; }
dl.rch-table dd.col-2 { border-left:1px solid #fff;  }
dl.rch-table.row-1 dt { background:#4eb8c0; }
dl.rch-table.row-2 dt { background:#4e99c0; }
dl.rch-table.row-3 dt { background:#2e60b1; }
dl.rch-table.row-4 dt { background:#172fa5; }
dl.rch-table.row-5 dt { background:#152679; }
dl.rch-table dd.col-3 { text-align:center; font-size:15px; font-weight:500; }
dl.rch-table.row-1 dd.col-3 { color:#4eb8c0; }
dl.rch-table.row-2 dd.col-3 { color:#4e99c0; }
dl.rch-table.row-3 dd.col-3 { color:#2e60b1; }
dl.rch-table.row-4 dd.col-3 { color:#172fa5; }
dl.rch-table.row-5 dd.col-3 { color:#152679; }




