@charset "utf-8";

/*학과별 반응형작업 공통 css파일 - 2020. 10. 14 김영길*/
#m-banner{display: none;}
.mob_login{display: none;}
.mob_logout{display: none;}

@media (max-width:768px){
	
	body, input, button, textarea, select, table, table td, table th{font-size: 14px; line-height:1.5;}
	table, table td, table th{-webkit-text-size-adjust:none;-ms-text-size-adjust : none;-moz-text-size-adjust : none;-o-text-size-adjust : none;} /* 아이폰에서 테이블 글자크기 적용오류로 인한 css 추가 20210928 */
	.fs3.m-txt{word-break:keep-all;}
	#m-nav{display: block;}
	.d_width{width:auto}
	.main-sns-link	{position:relative;padding:0;margin:0;}
	.main-sns-link:after{content:''; display: block; clear:both;}
	.main-sns-link a{position:relative; display: block; float:left; width:25%;height:60px;border-radius:0%;background-repeat:no-repeat;background-position:50% 50%;background-size:50% 50%;margin:0; padding:10px}
	.main-sns-link img{width:50%; height:auto;}
	#dept-counsel{display:none !important;}
	#wrap			{margin:0;}
	footer			{text-align:center;}
	#main-visual	{position:relative;height:auto !important;}
	#main-visual > div			{position:relative !important;width:100% !important;height:100% !important;top:0 !important;/*transform:translateX(-50%);left:50%;*/ left:0 !important;}
	header			{position:relative;padding:10px 0;height:auto;top:auto;}	
	.mbg			{background-color:#ede8e5;}
	.mbg:after		{display: none;}

	/*전체레이아웃*/
	.btm-cont > .col_d4{content:''; display: block; clear:both;}
	
	header {background:#333;}
	header #logo	{position:relative;top:0;text-align:center;}
	header #logo img{height:30px;margin:0 0 5px 0;}
	header #logo a:nth-child(2){display:block; width:70%; margin:0 auto;}
	header .sub_name{line-height:1.1;color:#fff;}
	header #logo span{vertical-align:top;margin:0;}
	#topwrap		{border:none; background:none;}
	#topwrap .topmn	{display:none;height:40px;padding:0 20px;}
	#m-nav{display:block; position:absolute; left:15px; top:15px; z-index:9999;}
	#m-nav span{display: block; width:25px; height:3px;border-radius:5px; margin: 5px 0;background:#fff;}
	#gnb			{display:none;}
	.col_wrap	{margin:0 -10px;} /* 20220527 추가 main-quick 상단 마진값 추가시 필요 */
	.col_wrap .col_d2,.col_wrap .col_d4,
	.col_wrap .col_w7h,.col_wrap .col_w2h{float:none !important;width:auto !important;}
	#body_content .col_wrap .col_d4{float:left !important;width:25% !important;}
	.main-section	{padding:5px;}
	.mgallery5 ul	{margin:0 -5px;}
	.mgallery5 li	{padding:0 5px;}
	.mgallery5 li,
	.mgallery5 .img_frame	{height:200px;}
	.btm-cont .col-2{width:100%;}
	.main-quick		{margin-top:0px; height:auto;}
	.main-quick .tit{display:none;}
	.main-quick ul		{float:none;width:auto;}
	.main-quick ul.d6 li{width:33.3333% !important}
	.main-quick li:nth-child(1),
	.main-quick li:nth-child(2),
	.main-quick li:nth-child(3){border-bottom:1px solid rgba(0,0,0,0.1)}
	.main-quick li span	{margin-bottom:10px;}
	.main-quick li a	{height:130px;padding-top:20px;font-size:14px;}
	
	.main-quick .d_width{height:auto;}
	
	/*학과소개,교수소개,찾아오시는길*/
	.main-about{background-image:none; padding:10px; height:auto; width:100%;}
	.main-about .tit{display: none;}
	.main-about:after{content:''; display: block; clear:both;}
	.main-about a{margin:0; float:left; width:33.3333%; text-align: center; border:none;padding:0;font-size:14px;}
	.main-about a:hover{margin:0;}
	.main-about a:before{content:'';  display:block; width: 56px; height: 56px; line-height: 56px; font-size: 24px; background-image: url(../../data/img/_mobile/mobile_ico2_03.png); background-size:100%; margin:0 auto;}
	.main-about a:nth-child(3):before{background-image: url(../../data/img/_mobile/mobile_ico2_06.png);}
	.main-about a:last-child:before{background-image: url(../../data/img/_mobile/mobile_ico2_20.png);}
	.main-about a:after{display: none;}
	.main-about .tit{font-size:20px;}

	.col-1	{float:none;width:100%;}
	.col-2	{float:none;width:100%;}
	
	/*전공소개,교수소개,찾아오시는길*/
	.btm-cont{width:100%; float:none;}
	.btm-ct{width:100%;}

	#main_title_editarea{text-align: center;}
	#main_title_editarea img{width:80%; margin:0 auto;}
	.mnoticetop2 .tabcontent li a{white-space:nowrap; text-overflow:ellipsis;}
	.mgallery5{height:auto; margin-top:0;}
	.mgallery5 .txt{padding:120px 50px 20px 20px;}
	.mgallery5 .subject, .mgallery5 .subject a	{font-size:16px;}
	
	.mnoticetop2	{padding:0 20px;}
	.mnoticetop2 .tabcontent	{margin:0 20px;}

	.main-contact{height:200px; padding: 20px 0; margin:5px 0;}
	.main-contact .tit{font-size:18px;}
	.main-contact .tit:after{margin: 5px auto;}
	.main-contact .ico{width:60px; height:60px; background-size:30px; margin:0 auto;}
	.main-contact .txt{font-size:15px; line-height:23px;}
	.mnoticetop2 .tab_on > a, .mnoticetop2 .tab_off > a{font-size:16px;}

	/*레이어팝업 모바일버전*/
	.layerpop-wrap,.layerpop-wrap img{width:100% !important;}
	.layerpop-wrap{left:0 !important; top:80px !important; height:auto !important;}
	.popup_close input{height:auto;}
	.layerpop-wrap iframe{min-height:300px;}

	/*메인슬라이드이미지*/
	#slides img{max-width:100%;}
	#mvisual,
	#mvisual > div,
	#mvisual .script_content{height:auto !important;}

	/*메인배너*/
	#banner ul{margin:0;}

	/*푸터 마진0*/
	footer .f_link select{margin-left:0;}
	
	/*입학안내, 졸업 후 진로*/
	.main-bnr .tit	{font-size:20px;}
/* 	.main-bnr		{margin:5px 0;}
	.main-bnr:after {content:''; display:block; clear:both;}
	.main-bnr a		{width:50%; float:left; height:120px;}
	.main-bnr .tit	{font-size:20px;}
	.main-bnr .txt	{display: none;}
	.main-bnr a.bg1, .main-bnr a.bg2{background-image: none; border:none;}
	.main-bnr a.bg1{border-right:1px dashed rgba(0, 0, 0, 0.3);} */

	/*서브페이지*/
	#svisual{min-height:auto !important; height: auto; display:none;}
	#svisual .d_width > div{position: relative !important; top:0 !important; width:100% !important; height:auto !important;}
	#svisual .d_width > div img{width:100%;}
	#snb{display: none;}
	#content{margin:0; width:100%;}
	.script_sbg > div{height: auto !important; position:relative !important;}
	#body_head{display: none;}
	#body_title{background-color: #4d5361;}
	#body_title h1{color:#ffffff; padding:0 10px; font-size: 18px; font-weight:500;}
	#container.sub_container{padding:0px;}
	.img_re{max-width:100%;}
	.column_type1 .thumb{width:100% !important;}
	.column_type1 .txt{width:100% !important;}
	.column_type2 .txt{width:100% !important; padding:0;}
	#body_content{padding:0 10px 20px 10px;}
	#body_content .col_wrap .col_d4{float:left !important; width:25% !important;}
	#body_content .col_wrap .col_d3{float:left !important; width:33.33333% !important;}
	#body_content h2{font-size:20px;}
	.btn_d.btn_dgray{display: inline-block;}

	/*교수소개*/
	.bx_professor .thmb{height:auto;}
	
	/*서브페이지 게시판*/
	.board_list{margin:0;}
	.paging a, .paging strong{margin-bottom:5px;}

	#tmp_history2 .cont{margin:0; padding-top:260px;}
	#tmp_history2 .img{left:0; margin:0 auto;}
	.board_list table tbody td.writer:before{content: "\f007"; font-family: FontAwesome; color: #ccc; margin-right: 5px;}
	.board_list table tbody td.date:before {content: "\f017"; font-family: FontAwesome; color: #ccc; margin-right: 5px; padding:0; border:none;}
	.gallery2 a{height:40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: normal;}

	.board_list table tbody td.file{position:absolute; right:15px; bottom:15px;}
	.board_list table tbody tr{padding:15px 0; position: relative;}

	/*최하단배너*/
	#banner{display: none;}
	#m-banner{display: block; padding:10px 0; position: relative;}
	#m-banner .control{position: absolute; top:50%; transform:translateY(-50%); width:100%; z-index:9;}
	#m-banner .control .prev{float:left;}
	#m-banner .control .next{float:right;}
	#m-banner ul li{width:50%;}
	#m-banner a{display: block;}
	#m-banner img{max-height: 50px; padding: 5px; max-width: 100%; vertical-align: middle;}
	#m-banner .bnr_cont{position: relative; z-index:99; width:90%; margin:0 auto;}
	#m-banner .bnr_cont a{margin: 0 10px; display: block; border: 1px solid #eee; background: #fff; line-height: 45px; height: 50px; vertical-align: middle; text-align: center;}

		/* 모바일 로그인 버튼 */
	.mob_login{width: 34px; height: 34px; position: relative; display: block; position: absolute; right: 15px; top: 15px; z-index: 99999; font-size: 0;}
	.mob_login span	{display:none;}
	.mob_login i{font-size: 30px; color:white;}
	.mob_logout{display: block;position: absolute; top: 15px; right: 15px; font-size: 25px; z-index: 9999;}
	.mob_logout i{color:#fff;}

/* 모바일 배너 201026 서윤희 */
#main_title_editarea img {width: 100%;}

/* 모바일 배너 상단에 새롭게 생성되는부분*/
#slides2_m img{width:100%;}

}