@charset "utf-8";

/*------------------------------------- 
  레이아웃 
--------------------------------------*/

body{background:url('/images/same/bg_navi.gif') repeat-x left top; background-position:0% 50px;}
#wrap {width:1000px; margin:0 auto;}
#header {width:1000px; margin:0 auto;}

/*------------------------------------- 
  headerArea
--------------------------------------*/
	#header #headerArea1 {
		position: relative;
		width:100%;
		height:0;
		padding-bottom: 9.6%;
	}
	#header #headerArea1 #headerArea1Box {
		position:absolute;
		left:0;
		top:20%;
		width: 100%;
		height: 60%;
	}

	#header #headerArea1 #headerArea1Box #headerArea1Box1 {
		position: absolute;
		left: 0;
		width: 24.3%;
		height: 100%;
	}

	#header #headerArea1 #headerArea1Box #headerArea1Box2 {
		position: absolute;
		right: 0;
		top:25%;
		height: 100%;
	}
	#header #headerArea1 #headerArea1Box #headerArea1Box2 #engBtn {
		margin-left:5px;
		padding:2px 3px;
		border:1px solid #1895bb; 

	}
	#header #headerArea1 #headerArea1Box #headerArea1Box2 a {
		color:#1895bb !important;
		font-size:12px;
	}

	#header #headerArea2 {
		position: relative;
		width:100%;
		height:0;
		padding-bottom: 6%;
	}
	#header #headerArea2 #headerArea2Box {
		position:absolute;
		left:0;
		top:0;
		width: 100%;
		height: 100%;
	}

	#header #headerArea2 #headerArea2Box li {
		float:left;
	}
	#header #headerArea2 #headerArea2Box li.m1 {
		width:21.1%;
	}
	#header #headerArea2 #headerArea2Box li.m2 {
		width:28.9%;
	}
	#header #headerArea2 #headerArea2Box li.m3 {
		width:28.9%;
	}
	#header #headerArea2 #headerArea2Box li.m4 {
		width:21.1%;
	}
	#header #headerArea2 #headerArea2Box #headerArea2Gnb li{
		position:relative;
	}
	#header #headerArea2 #headerArea2Box #headerArea2Gnb li > a{
		width:auto;
		height:auto;
		line-height:1em;
		color:#333;
	}
	#header #headerArea2 #headerArea2Box #headerArea2Gnb li ul{
		width:100%;
		height:190px;
		padding-top:10px;
		border-left:1px solid #dedede;
		border-bottom:2px solid #005aab;
		background-color:#fff; 
		display:none; 
		position:absolute;
		z-index:100;
	}
	#header #headerArea2 #headerArea2Box #headerArea2Gnb li > ul:last-child{
		border-right:1px solid #dedede;
	}
	#header #headerArea2 #headerArea2Box #headerArea2Gnb li > ul > li{
		width:100%;
		background:url('/images/same/bul_dot.gif') no-repeat 10px 13px;
		font-size:1em;
		text-align:left;
		letter-spacing:0; 
		float:none;
	}
	#header #headerArea2 #headerArea2Box #headerArea2Gnb li ul li a{
		display:block; 
		width:100%; 
		height:30px; 
		text-align:left;
		text-indent:19px;
		line-height:30px;
		font-weight:normal;
	}
	#header #headerArea2 #headerArea2Box #headerArea2Gnb li ul li a:hover{
		background-color:#0387a3; 
		color:#fff;
	}
	
	
	/*------------------------------------- 
	  footerArea
	--------------------------------------*/
	#footerAreaBg {
		position: relative;
		width:100%;
		height:60px;
		overflow: hidden;
		border-top:1px solid #dedede;
		border-bottom:1px solid #dedede;
	}
	#footerAreaBg #footerAreaBgBox {
		position:absolute;
		left:0;
		top:0;
		width: 100%;
		height:100%;
	}

	#footerAreaBgBox #footerAreaBanner {
		position: relative;
		width:1000px;
		height:0;
		margin:0 auto;
		overflow: hidden;
		padding-bottom:10%;
	}
	#footerAreaBgBox #footerAreaBanner li {
		width:11.8%;
		margin:1.5% 1.2%;
		float:left;
	}
	#footerAreaBgBox #footerAreaBanner img {
		width:100%;
	}

	#footerArea {
		position: relative;
		width:1000px;
		height:0;
		margin:0 auto;
		overflow: hidden;
		padding-bottom:11.5%;
	}
	#footerArea #footerAreaLeft {
		position: absolute;
		width:25%;
		height:0;
		left:0;
		overflow: hidden;
		padding-bottom:11.5%;
	}
	#footerArea #footerAreaLeft #footerAreaLeftBox {
		position:absolute;
		left:0;
		top:10px;
		width:100%;
		height:70%;
	}

	#footerArea #footerAreaRight {
		position: absolute;
		width:75%;
		height:0;
		right:0;
		overflow: hidden;
		font-size:1em;
		padding-bottom:11.5%;
	}
	#footerArea #footerAreaRight #footerAreaRightBox1 {
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:20%;
	}
	#footerArea #footerAreaRight #footerAreaRightBox1 li {
		margin-right:2%;
		font-weight:bold;
		float:left;
	}
	#footerArea #footerAreaRight #footerAreaRightBox2 {
		position:absolute;
		top:20px;
		right:0;
		width:100%;
		height:100%;
		line-height:20px;
	}
	
	#footerArea #footerAreaRight #footerAreaRightBox2 .wa {
		position:absolute;
		right:0;
		top:0;
	}
	
	.btnLogin {
		padding:2px 8px; box-sizing:border-box; background:#1895bb; border-radius:3px; display:inline-block; font-size:0.9em;}
	}
	.btnLogin a {
		color:#fff !important;
	}


/*------------------------------------- 
  container 
--------------------------------------*/

	#containerArea {
		width:100%;
		position:relative;
		background:#fff;
	}

	#leftArea {
		width:20%;
		margin-bottom:50px;
		float:left;
		position:relative;
	}
	
	#leftArea .tit_lnb{
		margin-top:30px; 
		padding-bottom:15px;
		font-size:2em;
		color:#333;
		line-height:1.4em;
		border-bottom:3px solid #0089cc;
	}
	#leftArea .lst_lnb li{
		background:url('/images/same/bu_lnb.png') no-repeat 180px 12px;
		box-sizing:border-box;
		color:#333;
		line-height:23px;
	}
	#leftArea .lst_lnb .on {
		background:#005aab url('/images/same/bu_lnb_ov.png') no-repeat 180px 12px;
		background-color:#0f99d1;
		box-sizing:border-box;
		line-height:23px;
	}
	#leftArea .lst_lnb > li > a {
		padding:5px 10px;
		display:block;
		line-height:23px;
		border-bottom:1px solid #ccc;
	}
	#leftArea .lst_lnb .on a {
		padding:5px 10px;
		color:#fff !important;
		display:block;
	}


	#contentsArea {
		width:76%;
		margin:30px 0 60px;
		float:right;
	}
	#contentsAreaTitle {
		margin-bottom:30px;
		position:relative;
	}
	#containerArea #contentsArea #contentsAreaTitle #contLocal {
		padding-left:18px; 
		background:url('/images/same/icon_home.gif') left 2px no-repeat;
		color:#999;
		font-size:1em;
		font-weight:normal;
		position:absolute; 
		top:18px;
		right:10px;
	}
	#contentsArea #contentsAreaTitle #contTitle {
		margin-top:10px;
		padding-bottom:10px;
		color:#333;
		font-size:1.8em;
		font-weight:bold;
		border-bottom:1px solid #dbdbdb;
	}

	#contentsArea #contentsAreaBox {
		width: 100%;
		height:100%;
		line-height:150%;
		box-sizing:border-box;
	}
	#contentsArea #contentsAreaBox .intro_pic {
		width:20%;
		margin-top:0;
		float:left;
	}
	#contentsArea #contentsAreaBox .intro_txt {
		width:75%;
		float:right;
	}
	#contentsArea #contentsAreaBox .intro_txt > p:nth-child(1) {
		padding-bottom: 10px;
		color: #000; 
		font-size: 150%; 
		font-weight: bold;
	}
	#contentsArea #contentsAreaBox .intro_txt > p:nth-child(2) {
		color: #275b8d;
		font-size: 150%;
		font-weight: bold;
		line-height:130%;
	}

	#contentsArea #contentsAreaBox h3 {
		margin:30px 0 20px; 
		padding-left:12px; 
		background:url('/images/same/bul_stick.gif') 0 5px no-repeat; 
		font-size:18px; 
		font-weight:bold; 
		line-height:120%; 
		color:#1c5885;
	}


/*

.tit_lnb{margin-top:30px; padding-bottom:15px; font-size:2em;color:#333;line-height:1.2em; border-bottom:3px solid #0089cc;}
.tit_lnb.v2{line-height:1.5em}
.tit_lnb.m1{color:#0f99d1;}
.lst_lnb{border-top:1px solid #ccc;font-size:1.167em}
.lst_lnb>li{border-bottom:1px solid #ccc}
.lst_lnb>li>a{display:block;padding:10px 0 8px 10px;background:url('/images/same/bu_lnb.png') no-repeat 180px 12px;color:#333; letter-spacing:-0.8px;}
.lst_lnb>li>a:hover,.lst_lnb>li>a:focus,.lst_lnb>li>a.on{margin-top:-1px;*margin-top:0;margin-bottom:-1px;*margin-bottom:0;padding:10px 0 8px 10px;background:#005aab url('/images/same/bu_lnb_ov.png') no-repeat 180px 12px;color:#fff}
.lst_lnb.m1>li>a:hover,.lst_lnb.m1>li>a:focus,.lst_lnb.m1>li>a.on{background-color:#0f99d1;border:1px solid #0f99d1}

.lst_lnb>li>ul>li{margin-left:10px;padding:1px 0 1px 10px;background:url('/images/same/bul_dot.gif') no-repeat 0 10px;font-size:0.9em; line-height:16px;}
.lst_lnb>li>ul{padding:10px 0 8px}
.lst_lnb>li>ul>li>a:hover,.lst_lnb>li>ul>li>a.on{font-weight:bold}
.lst_lnb.m1>li>ul>li>a:hover,.lst_lnb.m1>li>ul>li>a.on{color:#0f99d1}


.cont {min-height:500px; margin:30px 0 50px; text-align:justify; line-height:20px;}
.cont h3 {margin:30px 0 20px; padding-left:12px; background:url('/images/same/bul_stick.gif') 0 5px no-repeat; font-size:18px; font-weight:bold; line-height:120%; color:#1c5885;}
.cont h3:first-child {margin-top:0;}

.cont_tit {width:760px;height:40px;	margin-top:30px;	position:relative;border-bottom:1px solid #dbdbdb;}
.cont_tit h2 {padding-top:10px;color:#333;font-size:1.8em;}
.cont_tit .local {padding-left:18px; position:absolute; top:18px;right:0;font-weight:normal; 	background-image:url('/images/same/icon_home.gif');background-position:left 2px; background-repeat:no-repeat;color:#999;font-size:0.5em;}
*/

/* 위원장인사 */
.intro_pic {margin-right:30px;float:left;}
.intro_txt {width:73%; float:right;}
.intro_txt p:last-child {margin-top:35px;}

/* 리스트 */
.ul_list01 {margin-top:10px; line-height:23px;}
.ul_list01 li {padding-left:10px; background:url('/images/same/bul_dot3.png') no-repeat left 10px;}

.dl_list01 dt {margin:5px 0;padding-left:13px; background:url('/images/same/bul_arrow2.png') no-repeat left 7px; font-weight:bold; }
.dl_list01 dd {margin-left:10px;padding-left:10px; background:url('/images/same/bul_dot2.png') no-repeat left 10px;}
.dl_list02 dt {margin-bottom:10px;padding-left:22px; background:url('/images/same/bul_arrow3.gif') no-repeat left 3px; font-weight:bold; font-size:14px;}
.dl_list02 dd {margin:0 0 5px 22px;padding-left:12px; background:url('/images/same/bul_dot3.png') no-repeat left 10px; line-height:20px;}


/* 테이블 */
.table01 {width:100%; border-top:2px solid #5293cf; text-align:center;}
.table01 thead th {padding:5px; border:1px solid #dedede; background:#f4f9fb;}
.table01 tbody th {padding:3px 5px; border:1px solid #dedede;}
.table01 tbody td {padding:3px 5px; border:1px solid #dedede;}

/* 박스 */
.box01 {width:100%; padding:20px; box-sizing:border-box; border:1px solid #dedede; border-top:2px solid #5293cf;}
.roundBox01 {width:100%; padding:13px; box-sizing:border-box;border:1px solid #ddd; border-radius:5px; box-shadow:0 3px 1px #dbdbdb;}

/* 탭 */
.tab_linum_2 li { width:50%; }
.tab_linum_3 li { width:33%; }
.tab_linum_3 li:first-child { width:34%; }
.tab_linum_4 li { width:25%; }
.tab_linum_5 li { width:20%; }
.tab {width:100%; height:48px; border-bottom:2px solid #09809e; margin-bottom:30px; }
.tab li { float:left; height:48px; text-align:center; background-color:#f6f6f6; }
.tab li a { display:block; height:47px; background-color:#f6f6f6; border:1px solid #e5e5e5; border-left:none; border-bottom:none; line-height:47px; color:#9a9a9a; }
.tab li:first-child a { border-left:1px solid #e5e5e5; }
.tab li.on a { display:block; height:48px; background-color:#fff; border:2px solid #09809e; border-bottom:none;line-height:48px; color:#09809e; font-weight:bold; }
.tab li:first-child.on a { border-left:2px solid #09809e; }

/* 게시판 */
.board {width:100%; border-top:1px solid #286fb4; border-bottom:2px solid #9dbad6; clear:both; text-align:center; line-height:18px;}
.board a {text-decoration:none; color:#666666}
.board thead th {padding:7px 0; border-top:3px solid #639dd5; border-bottom:1px solid #adadad;}
.board tbody th {padding:6px; border-bottom:1px solid #e8e8e8;}
.board tbody td {padding:6px; border-bottom:1px solid #e8e8e8;}
.board tbody .txt {height:100px; padding:20px; text-align:justify; line-height:26px;}
.board tfoot th {padding:8px; border-bottom:1px solid #adadad; background-color:#f7f7f7;}
.board tfoot td {padding:8px; border-bottom:1px solid #adadad; background-color:#f7f7f7;}
.board_srch {width:100%;height:26px;margin-bottom:10px;}
.board_srch span{float:left; vertical-align:bottom;}
.board_srch p {float:right;font-weight:normal;}
.board_srch p input {vertical-align:middle;}
.board_srch p label {margin-right:10px; vertical-align:middle;}
.count {margin-top:20px; clear:both; text-align:center;}
.count a {color:#4b4b4b;}
.count span {margin-right:20px;}
.count strong {color:#1668b4; margin-left:10px;}
.count img {margin-right:5px;}
.search {width:100%; height:36px; margin-top:20px; padding:6px 0; text-align:center; border:1px solid #e8e5e5; background-color: #ededed; box-sizing:border-box;}
.search select {height:21px; margin-right:2px; padding:2px; vertical-align:middle; font-family:dotum; border:1px solid #c2c2c2;}
.search input {height:17px; margin-right:3px; vertical-align:middle; font-family:dotum;}

/* 버튼 */
.btnGroup {margin-top:20px; text-align:right;}
.btnView {padding:5px 10px; box-sizing:border-box; border:1px solid #1895bb; border-radius:5px; display:inline;}
.btnView a{color:#1895bb !important;}
.btnDown {display:inline-block;padding:0 10px; box-sizing:border-box; border:1px solid #1895bb; border-radius:3px; }
.btnDown a{display:block;color:#1895bb;font-weight:bold;}
.btnDown:hover{background:#1895bb;}
.btnDown a:hover{color:#fff;}



/* supporter - Research Institute */
.institute {padding:50px 0; box-sizing:border-box; border:1px solid #ccc; text-align:center;}
.institute dd {margin-bottom:20px; font-size:1.1em; font-weight:bold;}
