@charset "utf-8";

@media all and (max-width:767px) {
	.d_width		{width:320px;}
	.m_none			{display:none;}
	.va_mo			{display:block;}
	.va_dpb			{display:inline;float:none;} /* pc에서 dpb */
	
	.lpop_view			{display:none;} /* layer popup */

	img.img_re		{width:100%;}

	/* main */
	#mvslide,
	.mvtit1, .mvtit2, .mvtit3	{display:none;}
	.mvbg1,
	.mvbg2	{background-image:none;}

	#mvisual	{display:none;}
	#visual		{display:none;}
	.bnr_list ul	{margin-left:0}
	.bnr_list li	{float:none;margin:0 0 8px 0;}
	.bnr_list a		{width:272px;}
	ul.process			{}
	ul.process li		{float:none;}
	ul.process li.arr	{padding:0 0 40px 0;background:url('../img/ico_process_arr_down.png') no-repeat 50% 100%;}
	ul.process span.txt	{float:none;}
	ul.step3 li	.txt, ul.step4 li .txt, ul.step5 li .txt, ul.step6 li .txt	{width:100%;}
	
	#gnb		{width:auto;}
	#gnbmn		{display:none;}
	#top1m3		{background:none;}
	.quickmn	{display:none;}
	#pnb		{display:none;}
	#mcontainer	{padding:0;}
	#container	{margin-top:0;padding:0;}
	#snb		{display:none;}
	#content,
	#content_f	{width:280px;margin:0 auto;padding:0;}
	#visual		{display:none;}
	.bx1		{width:160px;height:160px;padding-top:0;}
	.bx2		{width:320px;height:160px;}
	.mcont1, .mcont2, .mcont3	{float:none;width:auto;}
	#mnotice			{float:none;width:320px;height:190px;}
	#mnotice .subject	{display:block;width:200px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	#popupzone, #mfocus, #mpress, #mschedule	{float:none;width:auto;height:160px;}
	#popupzone #popupcont {width:320px;height:160px;}
	#popupzone ul li img{width:320px;height:160px;}
	#mfocus img.thumb	{width:160px;height:160px;}
	#mfocus	h3			{margin:0 0 5px 0;}
	#mfocus	li			{margin:0;}	
	#mpress img.thumb	{width:160px;height:160px;}
	#mpress	h3			{margin:0 0 5px 0;}
	#mpress	li			{margin:0;}
	#mpress .more		{left:130px;}
	#mbnr, #mcontact	{float:left;}
	#mbnr2 li	{width:79px;font-size:11px;}
	#mbnr2 li.line2 a	{padding:50px 0 7px 0;}
	#mquick ul			{margin:15px 0;}
	#mquick a.icobg		{background-position:10px 50%;padding-left:40px;}
	#mcontact ul		{margin:15px;}
	#mquick a.icobg		{height:22px;line-height:22px;background-size:auto 20px;}
	#mcontact			{background-image:none;}
	#mcontact li		{line-height:20px;}
	#mcontact .tel		{font-size:18px;}
	#mcontact .sns		{margin:10px 0;}
	#mcontact .sns img	{height:30px;}
	#mcontact .btn a{width:68px;}
	#mbnr a			{width:79px;height:36px;padding:38px 0 0 0;}
	#mbnr a.icobg	{background-position:50% 5px;background-size:32px auto;font-size:11px;}
	#mschedule .month	{left:70px;top:14px;font-size:14px}
	#mschedule ul	{margin:10px 15px 0;}
	#mschedule li	{line-height:20px;}
	#banner	{clear:both;float:none;width:100%;margin:0;}
	#body_head		{padding:22px 0 20px 0;}
	#location		{display:none;} 
	#body_title h1	{font-size:20px;}
	#body_content	{padding:20px 0;}
	#footer .flogo,
	#footer	ul.fmn	{display:none;}
	#footer	address	{margin:0;text-align:center;}

	/* sub, board */
	
	#loginwrap .cont		{width:auto;}
	#loginwrap input.text	{width:99%;}
	#loginwrap a.btn_login	{position:relative;top:0;left:0px;height:40px;line-height:40px;width:auto;}

	.board_search select	{}
	.board_search input.text	{width:170px;}
	.board_search .btn_d		{width:100%;padding:0;margin:5px 0 0 0;}

	.board_list table					{position:relative;display:block;}
	.board_list table thead				{display:none;}
	.board_list table tbody				{display:block;}
	.board_list table tbody tr			{position:relative;display:block;clear:both;}
	.board_list table tbody th, 
	.board_list table tbody td			{display:inline-block;float:left; zoom:1; *display:inline; width:100%;padding:0;text-align:left;}
	.board_list table tbody td.subject	{width:auto !important;padding:8px 0;font-size:16px;}
	.board_list table tbody td.writer	{position:relative;}
	.board_list table tbody td.date		{position:relative;}
	.board_list table tbody td.num,
	.board_list table tbody td.file,
	.board_list table tbody td.hit		{display:none;}
	.board_list table tbody tr:first-child td.subject	{border-top:none}
	.board_list table .m_file			{display:inline;}
	.board_list thead .file,
	.board_list thead .writer,
	.board_list thead .date,
	.board_list thead .hit	{width:0 !important;}

	.board_write th			{display:block;width:auto;}
	.board_write th:first-child{border:none;}
	.board_write td			{display:block;padding-left:0;border:none;}
	.board_write textarea	{width:100%;}

	.board_view{}
	.board_view table,
	.board_view table td	{zoom:1;width:auto !important;line-height:auto !important;}	

	.paging a,
	.paging strong	{padding:6px 4px 0;height:20px;min-width:16px;font-size:11px;font-family:tahoma;}
	.paging a.first, .paging a.last, .paging a.prev, .paging a.next {width:24px;height:26px;}
	.paging a.first { background-position:-5px -2px; }
	.paging a.prev { background-position: -39px -2px; }
	.paging a.next { background-position: -72px -2px; }
	.paging a.last { background-position: -106px -2px; }

	/* sub_content */
	#greeting1			{background:none}
	#greeting1 .toptit	{float:none;width:auto;padding:0;}
	#greeting1 .txt		{float:none;width:auto;padding:40px 0 0 0;text-align:justify;}
	#greeting1 .sign	{background-position:0 0;}
	#greeting2 .txt	{width:auto;}

	#greeting3 .img	{display:block;width:210px;margin:0 0 20px 20px;}
	#greeting3 .img	img{width:210px;}
	#greeting3 .txt	{display:block;clear:both;margin:0;}

	#foundation		{padding:20px;}
	#foundation	h2	{position:relative;left:0;top:0;margin:0;font-size:16px;}
	#foundation	ul li	{font-size:13px;}
	#foundation	.txt	{font-size:14px;line-height:140%;}

	.fd_philosophy		{padding:20px;font-size:18px;}

	.t_fd_history		{width:auto;padding:0 0 15px 0;border-bottom:1px dashed #ddd;}
	.t_fd_history .year{position:relative;background:none;color:#333;display:inline;width:auto;height:auto;line-height:40px;text-align:left;top:0;}
	.t_fd_history dl	{margin:0;}
	.t_fd_history dd	{width:200px;}

	.t_history		{width:auto;padding:0 0 15px 0;border-bottom:1px dashed #ddd;}
	.t_history .year{position:relative;background:none;color:#333;display:inline;width:auto;height:auto;line-height:40px;text-align:left;top:0;}
	.t_history dl	{margin:0;}
	.t_history dd	{width:200px;}

	#philosophy dt		{float:none;margin:0 auto;}
	#philosophy dd		{float:none;width:auto;margin:0 0 20px 0;}
	#philosophy dd.dd1	{padding:20px;border-bottom:1px solid #ddd;}
	#philosophy dd.dd2	{padding:20px;border-top:none;}
	#goal			{background-image:url('../img/intro/goal_bg_320.gif')}
	#goal dl		{float:none;width:100%;height:160px;margin:0 0 10px 0;}
	
	#vision1 .tit_eng	{font-size:20px;}
	#vision1 .toptxt 	{font-size:12px;line-height:160%;}
	#vision1 .txt1 .stit	{font-size:20px;}
	#vision1 .txt1 dt	{float:none;width:auto;margin:0;}
	#vision1 .txt1 dd	{float:none;width:auto;}
	#vision1 .txt1 ul	{width:auto;}
	#vision1 .txt1 li	{float:none;margin:0 auto 10px;}
	#vision1 .txt2		{margin:0;}
	#vision1 .txt2 dl	{float:none;width:100%;margin:0 0 10px 0;}
	#vision1 .txt2 dd	{height:auto;}
	#vision1 .txt3 ul		{width:100%;}
	#vision1 .txt3 li		{float:left;margin:15px -15px 0;}
	#vision1 .txt3 li.cnt	{margin-top:0;}
	#vision1 .txt3 span		{position:relative;display:block;}
	#vision1 .txt3 span.t1	{padding:34px 0 0 0;width:120px;height:70px;background-size:120px auto;}
	#vision1 .txt3 span.t2	{padding:25px 0 0 0;width:130px;height:105px;background-size:130px auto;font-size:14px}
	#vision1 .txt3 .stit	{padding:0 0 60px 0;font-size:24px;background:url('../img/intro/vision01_txt3_arr.png') no-repeat 50% 100%;}

	#vision2 .toptit{padding:60px 0;background-size:280px auto;}
	#vision2 .txt	{padding:10px 0;background-position:50% 10px;background-size:380px auto;}
	#vision2 dl		{clear:both;float:none;width:auto;height:50px;margin:0 0 2px 0;text-align:left;}
	#vision2 dt		{float:left;width:40px;line-height:50px;}
	#vision2 dd		{float:left;padding:8px 10px;}
	#vision2 .eng	{padding:0;}

	#vision3 h3 span	{left:50%;margin-left:-30px}
	#vision3 .txt.fst	{margin:0 0 20px 0;height:auto;}
	#vision3 .txt		{float:none;width:auto;padding:0 0 15px 0;margin:0 0 20px 0;height:auto;}
	#vision3 h2			{position:relative;margin:0 0 20px 0;}

	#vision4 dl, #vision4 ul li, #vision4 dl.cnt, #vision4 ul li.cnt{float:none;margin:0 auto 20px;}

	#org				{background:url('../img/intro/org_bg_mobile.gif') no-repeat 50% 0;}
	#org .org12bg		{width:90px;height:90px;line-height:90px;background-size:90px 90px;}
	#org .org2bg		{width:90px;height:90px;right:0px;background-size:90px 90px;}
	#org .org2bg.org2bg-1		{left:0;}
	#org .org2bg .tit	{padding:20px 0 0 0;}
	#org .org2bg.org2bg-1 .tit{padding:35px 0 0 0;}
	#org .org3bg, #org .org3bg2	{float:none;width:auto;margin:0 0 10px 0;}
	#org .org3wrap		{margin-left:0px;}
	#org .org4bg		{width:135px;margin:5px 0 0 0;}
	
	#contact ul li		{float:none;width:auto;}
	#contact ul li span	{float:none;}

	.search_tel select		{width:240px;}
	.search_tel input.text	{width:236px;margin:2px 0;}
	.search_tel .btn_d		{width:240px;}

	#rule ul li		{float:none;width:auto;font-size:12px}

	#enterprise .img1			{padding:120px 0 0 0;}
	#enterprise .graybg	ul.list	li	{width:50%;}
	#enterprise ul.left				{float:none;}
	#enterprise div.right			{float:none;margin:0 0 10px 0;}

	.enter_product ul		{margin-left:0px;}
	.enter_product li		{float:none;width:100%;padding:0;margin:0 0 10px 0px;}
	.enter_product .txt		{height:auto;margin:10px 0 0 0;}
	
	#ui	.img	{float:none;text-align:center;margin:0 0 20px 0;}
	#ui .txt	{float:none;width:auto;}
	.prohibit li{float:none;width:auto;border-left:none;margin:0 0 10px 0;}
	.prohibit li:first-child{border:none;}	
	#fontsystem li	{float:none;width:auto;}
	#fontsystem li:first-child{border-right:none;border-bottom:1px dashed #ddd;}	
	.signature li	{float:none;width:auto;padding:40px;}
	.signature li:first-child{border-right:none;border-bottom:1px dashed #ddd;padding:40px;}	
	#character .img	{float:none;text-align:center;margin:0 0 20px 0;}
	#character .txt	{float:none;width:auto;}
	#color .img		{float:none;text-align:center;margin:0 0 20px 0;}
	#color .txt		{float:none;width:auto;font-size:11px;}	
	#emblem .img	{float:none;text-align:center;margin:0 0 10px 0;}
	#emblem .img img{float:none;margin:0 0 10px 0;}
	#emblem .txt	{float:none;width:auto;}	

	#cm_song audio	{float:none;width:240px;}
	#cm_song .btn	{float:none;}

	ul.global_list li .img	{float:none;width:278px;margin:0 auto;}
	ul.global_list li dl	{display:block;margin:5px 0 0 0;}
	ul.global_list li a		{margin-top:5px;}
	#fund		{}
	#fund .top	{width:auto;height:auto;padding:20px 0;}
	#fund .txt	{padding:20px 0 0 0;}
	.fund_list li	{float:none;width:auto;height:auto;margin:0 0 5px 0;}


	.bg_dept		{background:#f6f6f6;}
	#dept_all h2	{padding:0;margin:0 0 20px 0;font-size:24px;}
	#dept_all h3		{font-size:16px;}
	#dept_all .cont		{padding:0;margin:0;}
	#dept_all .txt		{float:none;width:auto;margin:0 0 20px 0;}
	#dept_all .txt li a	{height:34px;line-height:34px;}
	#dept_all .txt li ul		{padding:5px 10px;}

/* org/branch */
	.branch_top			{position:relative;padding:20px;background-image:none}
	.branch_top ul	{float:none;}
	.branch_top .btn{float:none;margin:10px 0 0 0;}
	.branch_top .btn a{padding-left:0;padding-right:0;width:100%;}
	table.t_branch_staff						{text-align:left;border-bottom:1px solid #666;}
	table.t_branch_staff thead th				{display:none;}
	table.t_branch_staff tbody tr:first-child th{border-top:2px solid #0A50A1;}
	table.t_branch_staff tbody th.name			{clear:both;width:auto;display:block;border-top:1px solid #ccc;padding-left:5px;color:#333;font-size:14px;font-weight:bold;}
	table.t_branch_staff tbody td.position,	
	table.t_branch_staff tbody td.tel			{display:block;float:left;width:auto;border:none;}
	table.t_branch_staff tbody td.subject		{display:block;clear:both;width:auto;border:none;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;}
	table.t_branch_staff tbody td.email			{display:block;float:right;width:5%;border:none;text-align:right;}
	table.t_branch_staff tbody .stit			{display:inline-block;margin-right:3px;color:#888}

	.t_history_org		{border-bottom:none;}
	.t_history_org dt	{float:none;width:auto;padding:5px 0 0 0;}
	.t_history_org dd	{float:none;border-bottom:1px dotted #ddd;padding:0 0 5px 0;}
	
	/*160308 조직도모바일버전 깨짐현상 수정-김민영*/
	#branch26_chart					{background-image:url('../img/org/org26_chartbg_mo.gif');}
	#branch26_chart .org22bg		{float:right;width:100px;margin:0;}
	#branch26_chart .org3bg			{width:auto;margin:0 5px;}
	#branch26_chart .org3wrap		{margin:40px 0 0 0;}
	#branch26_chart .org3wrap .tit,
	#branch26_chart .org3wrap .stit	{width:126px;}
	#branch26_chart .org3wrap .txt	{margin:0 0 20px 0;}
	#branch26_chart .org3wrap .txt li:first-child	{padding:10px 0 0 0;}
	#branch26_chart .org3wrap .txt li:last-child	{padding:0 0 10px 0;}
	#branch26_chart .org3wrap .txt li:first-child,
	#branch26_chart .org3wrap .txt li	{float:none;width:130px;height:20px;line-height:20px;margin:0 auto;}
	

	#branch32_chart				{background-position:50% 10px;}
	#branch32_chart .org22bg	{width:100px;margin:10px 0;}

	#branch33_chart					{background-image:url('../img/org/org33_chartbg_mo.gif');}
	#branch33_chart .org3bg			{width:auto;margin:0 5px;}
	#branch33_chart .org3wrap		{margin:40px 0 0 0;}
	#branch33_chart .org3wrap .tit	{width:126px;}
	#branch33_chart .org3wrap .txt	{margin:0 0 20px 0;}
	#branch33_chart .org3wrap .txt li:first-child	{padding:10px 0 0 0;}
	#branch33_chart .org3wrap .txt li:last-child	{padding:0 0 10px 0;}
	#branch33_chart .org3wrap .txt li:first-child,
	#branch33_chart .org3wrap .txt li	{float:none;width:130px;height:20px;line-height:20px;margin:0 auto;}

	#branch35_chart				{background-image:url('../img/org/org35_chartbg_mo.gif');}
	#branch35_chart .org1bg,
	#branch35_chart .org3bg		{width:160px;margin:0;}
	#branch35_chart .org2bg		{width:156px;height:auto;line-height:130%;padding:5px 0;margin:20px 0;}
	#branch35_chart .org22bg	{width:100px;height:auto;line-height:130%;padding:5px 0;right:0px;top:60px;}


/* campuslife */
	.service_top		{padding:20px;background-image:none;min-height:auto;}
	.service_top ul		{float:none;}
	.service_top .btn	{float:none;}

	.active_top h2		{float:none;margin:0 0 20px 0;}
	.active_top > .txt	{float:none;width:auto;}
	#active1_mem h3			{text-align:center;}
	#active1_mem .txt		{width:auto;padding:170px 0 20px 0;text-align:justify;}
	#active1_mem .photo1,
	#active1_mem .photo2	{background-position:50% 0}

	#active3_club			{float:none;width:auto;}
	#active3_club span		{display:block;}
	#active3_club span.tit	{float:none;width:auto;line-height:25px;text-align:left;}
	#active3_club span.txt	{display:block;margin-left:0px;}
	#active3_club ul li		{height:auto;margin:0;padding:10px 15px;}

	#calendar .cont	{background:none;}
	#calendar dl	{padding:0;margin:0;}
	#calendar dt	{float:none;width:auto;padding:10px 0;margin:0;background:#f6f6f6;}
	#calendar dt span	{display:inline;}
	#calendar dd		{float:none;padding:10px 0;margin:0;font-size:11px;}

	#job4		{height:auto;padding:0 0 20px 0;background-image:none;}
	#job4 h3 img	{width:190px;}
	#job4 .btn		{text-align:center;margin-left:20px}	
	#job4 .btn a	{display:block;margin:0 auto 10px;}	

	#job5 ul		{margin-left:0px;}
	#job5 ul li		{float:none;width:auto;height:180px;margin:0 0 10px 0;}

/* guide */
	.sitemap_bx				{float:none;width:auto;margin:0 0 20px 0;}

	.mobile_show {display:table;width:100%;}
	.mobile_hide {display:none;}

/* 캠퍼스맵 */
	.campus_map			{background:none;height:auto;}
	.campus_map	> img	{display:block;width:100%;}
	.campus_map .campus_map_info	{padding-top:0;}
	.campus_map_bg		{display:none;}

	.campus_map_txt .col_d3	{float:none;width:100%;}
	.campus_map_txt .col_d3 ul	{padding:10px;}
	.campus_map_txt .col_d3:nth-child(2)	{border:none;}
	.campus_map .campus_map_info		{top:0;left:0;margin-left:0;}
	.campus_map .campus_map_info > div	{width:240px;box-shadow:none;}
	.campus_map .campus_map_info > div > img	{width:240px;}
}