@charset "utf-8";
@import url('reset.css');
@import url('https://use.fontawesome.com/releases/v5.0.6/css/all.css');


/* layout */
#header								{position:fixed; background:#fff; width:100%; height:60px; min-width:320px; z-index:100; border-bottom:1px solid #e8e8e8;}
#wrapper							{margin:0 15px;}
#container							{width:100%; }
#container:after					{content:" "; display:block; clear:both; height:0; visibility:hidden;}/* 기타 브라우져*/
#footer								{background:#24262a; width:100%; margin-top:40px ;}
#footer .footinner					{margin:0 15px; padding:15px 0;}

.logo								{position:absolute; left:15px; top:11px;}
.logo img							{height:36px;}

.footMenu							{background:#2f3237; text-align:center;}
.footMenu a							{color:#ccc; font-size:0.85em; }
.footMenu span						{display:inline-block; padding:8px 5px;}
.dropbtn							{position:relative; background:url('/images/mobile/psi/down.gif') top right no-repeat; background-color: #38393c; color:#aaa; border: none; cursor: pointer; width:100%; display:block; line-height:35px; text-align:left; font-size:0.85em;}
.dropbtn:hover, .dropbtn:focus		{background-color: #484848;}
.dropbtn i							{position:absolute; right:0; top:0; display:inline-block; background:#525252; line-height:35px; color:#bbb; padding:0 10px;}
.dropdown, .dropdown2				{position: relative; }
.dropdown-content					{display: none; position: absolute; bottom:38px; background-color: #38393c; width:100%; overflow: auto; z-index: 1;}
.dropdown-content a					{color: black; padding: 8px 10px; text-decoration: none; display: block; color:#aaa; font-size:0.85em;}
.dropdown-content a:hover			{background-color: #585858; }
.show								{display:block;}
.copyright							{text-align:center; color:#888; font-size:0.85em; margin-top:20px; padding:0 30px;}
.copyright a						{color:#888;}
.copyright p						{text-align:center; color:#555; padding-top:10px; font-size:0.9em;}


/* menu */
.secondMenu							{position:absolute; right:15px; top:23px; cursor:pointer;}
.secondMenu img						{width:20px;}
.sidenav							{height: 100%; width: 0; position: fixed; z-index:100000; top: 0; right: 0; background-color: rgba(14,98,193,0.9 ); overflow-x: hidden; transition: 0.5s; padding-top:50px; text-align:center; }
.sidenav a							{padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s ease-in; }
.sidenav a:hover					{color: #f1f1f1;}
.sidenav .closebtn					{position: absolute;top:10px; left:20px; font-size:35px; color:#fff;cursor:pointer}
#d-schedule							{display: block; width:100%; min-width:200px;}
#d-schedule > li > a				{display:block; text-align:center; color:#fff; padding:8px 0; font:20px/150% 'NanumSquare';}
#d-schedule > li > a.open			{color:#00aeef; }
#d-schedule > li > ul				{display: none; padding-bottom:15px;}
#d-schedule > li > ul > li > a		{display:block; color:#d3e8ff; padding:5px 0; font:18px/130% 'NanumSquare'; cursor:pointer;}
#d-schedule > li > ul > li > a:hover{color:#fff;}


/* main */
.visual								{padding:0; margin:0; line-height:0;}
.visual img							{margin-top:60px; width:100%; }

#section1							{position:relative; top:-25px; display:table; width:100%; z-index:1;}
#section1 a							{display:block; padding:25px 0;}
#section1 > div						{display:table-cell; width:50%; text-align:center; }
#section1 > div	img					{width:30px;}
#section1 > div	p					{color:#000; font-weight:600; padding-top:6px;}
#section1 .intro1					{background:url('/images/mobile/psi/bg_main_info1.jpg') no-repeat; background-size:cover;}
#section1 .intro2					{background:url('/images/mobile/psi/bg_main_info2.jpg') no-repeat; background-size:cover;}

#section2 h3						{text-align:center; color:#000; font-size:23px;}
#section2 h3 span					{display:block; background:#000; width:2px; height:20px; margin:0 auto 10px;}
.latest_data						{margin-top:20px; width:100%;}
.latest_data td						{width:25%; background:#f5f5f5; text-align:center; border-left:1px solid #fff; border-bottom:1px solid #fff;}
.latest_data td a					{display:block; padding:15px 0; }
.latest_data td a:hover,
.latest_data td a:focus				{background:#e9f3fe;}
.latest_data td i img				{width:30px;}
.latest_data td p					{color:#000; font-size:0.7em; padding-top:5px;}

#section3							{margin-top:30px;}
#tabmenu							{margin:0; padding:0; list-style-type:none; }
#tabmenu li							{float:left; background:#fff; width:50%;}
#tabmenu li a						{display:block; padding: 8px 0; font-size:18px; color:#888; text-decoration:none; font-weight:600; text-align:center; border-bottom:3px solid #ececec;}
#tabmenu li a.over					{}
#tabmenu li a.selected				{border-bottom:3px solid #0e62c1; color:#0e62c1}
#tabcontents						{clear: left; position:relative;}
#tabcontents .tabcontent			{padding-top:20px;}
.news li							{border:1px solid #ddd; text-align:center; margin-bottom:3px;}
.news li a							{display:block; padding:20px 10px; color:#444;} 
.news li a span						{display:block; padding-top:5px; color:#888; font-size:14px;} 


/* sub */
.sVisual							{position:relative; background:url('/images/mobile/psi/sVisual.jpg') no-repeat center 60px; background-size:cover; padding:90px 0 30px; }
.sVisual h2							{text-align:center; color:#fff; font-size:24px;}
.sVisual .prev_move					{position:absolute; left:15px; top:88px; display:inline-block; width:30px; height:30px; text-align:center; }
.sVisual .naxt_move					{position:absolute; right:15px; top:88px; display:inline-block; width:30px; height:30px; text-align:center; }
.sVisual a i						{color:#a0ccff; line-height:30px; font-size:18px;}

h2.title							{text-align:center; color:#000; font-size:20px; margin:30px 0 40px;}
h2.title span						{display:block; background:#000; width:1px; height:15px; margin:0 auto 8px;}
h3.h3Tit							{font-size:17px; color:#000; font-weight:600; margin-bottom:12px;}
h3.h3Tit .bullet					{display:inline-block; width:3px; height:12px; background:#0e62c1; margin-right:5px; vertical-align:middle;}
h4.h4Tit							{font-size:15px; color:#000; font-weight:600; margin-bottom:10px;}
.txtBox								{font-size:15px; color:#555; line-height:140%; letter-spacing:-0.05em;}
.slogan								{font-size:18px; color:#0e62c1; line-height:140%; padding-bottom:20px;}
.slogan	span						{font-size:18px; line-height:140%;}
.list_bu > li						{background:url('/images/mobile/psi/bu_gray.gif') no-repeat 0 8px; padding-left:8px; padding-bottom:8px; font-size:15px; color:#555; line-height:140%;}
.list_num							{margin-left:18px;}
.list_num > li						{list-style-type:decimal; padding-left:8px; padding-bottom:8px; font-size:15px; color:#555; line-height:140%;}

.tbl_basic caption					{padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_basic table					{width:100%; table-layout:fixed; border-top:2px solid #000;}
.tbl_basic table thead th			{font-weight:600; color:#000; padding:12px 5px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center; }
.tbl_basic table thead th:first-child{border-left:none;}
.tbl_basic table thead th.border_r	{border-right:1px solid #ddd;}
.tbl_basic table tbody th			{text-align:left; vertical-align:top; background:#f8f8f8;color:#000; padding:10px 5px; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.tbl_basic table tbody td			{padding:10px 5px; border-bottom:1px solid #eee; border-right:1px solid #eee; }
.tbl_basic table tbody td:last-child{border-right:none;}

/* button */
a.btn_line							{display:inline-block; border:1px solid #0e62c1; color:#0e62c1;}
a.btn_basic							{display:inline-block; border:1px solid #0e62c1; color:#ffffff; background:#0e62c1;}
a.big								{padding:12px 30px;}
a.middle							{padding:6px 10px;}


/* 인사말 */
.gt_img								{float:left; max-width:175px; width:35%;}
.gt_img	img							{width:100%;}
.gt_txt								{float:right;  width:60%;}
.gt_txt .sign						{margin-top:20px; color:#000; font-size:17px;}
.gt_txt .sign img					{width:150px; vertical-align:middle; padding-bottom:8px;}

/* 설립목적연혁 */
.history_img1						{margin:30px 0; text-align:center;}
.history_img1 img					{width:100%; max-width:542px;}
.historyBox							{position:relative; height:100%; padding:20px 0;}
.historyBox .history-line			{position:absolute; left:50%; top:0; margin-left:-1px;width:2px; background:#ddd; height:100%; }
.history-left						{position:relative; width:50%; text-align:right; padding:0;}
.history-left .red-point			{position:absolute; right:-10px; top:6px; width:20px; height:20px; background:url('/images/mobile/psi/deco_history.gif') no-repeat; background-size:20px}
.history-left .line					{position:absolute; right:0; top:16px; width:30px; height:1px; background:#ddd;}
.history-left .year					{font-size:20px; color:#000; letter-spacing:-0.05em; padding-right:38px; font-weight:600; }
.history-left .month				{font:16px; letter-spacing:-0.05em; padding-right:38px; padding-bottom:7px; }
.history-left .month strong			{color:#000; text-align:left;}
.history-right						{position:relative; left:50%; width:50%; padding:0;}
.history-right .red-point			{position:absolute; left:-10px; top:6px; width:20px; height:20px; background:url('/images/mobile/psi/deco_history.gif') no-repeat; background-size:20px}
.history-right .line				{position:absolute; left:0; top:16px; width:30px; height:1px; background:#ddd;}
.history-right .year				{font-size:20px; color:#000; letter-spacing:-0.05em; padding-left:38px; font-weight:600; }
.history-right .month				{font-size:16px; letter-spacing:-0.05em; padding-left:38px; padding-bottom:7px; }
.history-right .month strong		{color:#000;}

/* 조직과 구성 */
.tab_content						{background:#fff; width:100%;  margin-top:20px;}
.tabs:after							{content:" "; display:block; clear:both; height:0; visibility:hidden;}/* 기타 브라우져*/
.tabs li							{float:left; width:50%; text-align:center;}
.tabs a								{display:block; padding: 0 0 8px; font-size:18px; color:#888; text-decoration:none; font-weight:600; text-align:center; border-bottom:3px solid #ececec;}
.tabs a.active						{border-bottom:3px solid #0e62c1; color:#0e62c1}
#tab2 .tabs							{margin-left:1px;}
#tab2 .tabs li						{margin-left:-1px; margin-top:-1px;}
#tab2 .tabs li a					{display:block; padding:6px 0; font-size:16px; color:#888; font-weight:normal; border:1px solid #ddd;}
#tab2 .tabs a.active				{background:#0e62c1; color:#fff;}

.img_org img						{width:100%; max-width:750px; padding-top:20px;}

/* 찾아오시는 길 */
.tabs_line:after					{content:" "; display:block; clear:both; height:0; visibility:hidden;}/* 기타 브라우져*/
.tabs_line li						{float:left; text-align:center; width:25%}
.tabs_line a						{display:block; padding: 10px 0; text-align:center; border-bottom:3px solid #ececec;}
.tabs_line a i						{font-size:26px; color:#888;}
.tabs_line a.active					{border-bottom:3px solid #0e62c1; }
.tabs_line a.active i				{color:#0e62c1}

/* 주요 연구활동 */
.img_service img					{width:100%; max-width:636px; padding-top:30px;}
.img_respon img						{width:100%; max-width:343px; padding-top:30px;}

/* 학술교류협력 */
.exchange li						{border:1px solid #ddd; text-align:center; margin-bottom:10px;}
.exchange li .ex_img				{padding:20px;}
.exchange li .ex_img img			{height:40px;}
.exchange li .ex_txt				{border-top:1px solid #e8e8e8; padding:10px 0; margin:0 15px; font-size:14px;}
.exchange li .ex_txt strong			{display:block; color:#000; font-size:17px; padding-bottom:5px;}

/* bbs */
.bbs_search							{position:relative; border:1px solid #ddd; padding:10px; background:#f8f8f8;}
.bbs_search	input[type=text]		{border:0; width:90%; height:25px; font-size:16px; background:#f8f8f8;}
.bbs_search	.btn_search				{position:absolute; right:10px; top:12px;border:0; height:30px; background:0;}
.bbs_search	.btn_search	i			{color:#333; border:0; height:30px; font-size:18px; line-height:25px;}

.board_sort_list					{margin-bottom:20px;}
.board_sort_list li					{display:inline-block; margin-bottom:5px; padding-right:10px;}
.board_sort_list li::before			{content:'→'; color:blue; padding-right:3px;}

.tbl_list							{border-top:3px solid #111;}
.tbl_list li						{border-bottom:1px solid #ddd;}
.tbl_list li a						{display:block; padding: 8px 0;}
.tbl_list li p						{font-size:14px; color:#888; margin-top:3px;}

.tbl_view .title					{text-align:center; border-top:3px solid #111; border-bottom:1px solid #ddd; padding:15px; background:#f2f9fd; color:#000; font-size:17px;}
.tbl_view .write_info				{width:100%; table-layout:fixed;}
.tbl_view .write_info th			{background:#f8f8f8; border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8; color:#000; padding:5px; font-size:14px; text-align:left; width:60px;}
.tbl_view .write_info th:first-child{border-left:none;}
.tbl_view .write_info td			{background:#f8f8f8; border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8; color:#555; padding:5px;  font-size:14px;}
.tbl_view .write_info td a			{font-size:14px;}
.tbl_view .cont						{padding:20px 0;}
.tbl_view .near_list a				{display:inline-block; border:1px solid #ddd; color:#555; padding:5px 10px;}
.tbl_view .bbs_btn					{margin-top:10px; padding-top:10px; border-top:1px solid #ddd; text-align:right;}

/*paging*/
.paging								{width:100%; margin:20px 0; text-align:center; display:inline-block; position:relative;}
.paging .paging_btn a				{border:none;}
.paging .paging_btn i				{margin-top:2px;}
.paging a							{width:22px; height:20px; border:1px solid #ddd; display:inline-block; padding-top:4px; margin-left:1px; color:#666} 
.paging a:hover, .paging a.page_on	{border-color:#0e62c1; color:#0e62c1;}

/* 개인정보처리방침 */
.btn_info_list li					{margin-bottom:5px;}
.btn_info_list li a					{text-align:center;}

/* sitemap */
.tbl_sitemap						{width:100%; table-layout:fixed;}
.tbl_sitemap th						{background:#aaa; color:#fff; border:1px solid #e0e0e0; width:30%; padding:10px 5px;}
.tbl_sitemap td						{border:1px solid #e0e0e0; padding:10px 5px;}