@charset "utf-8";

.d_width{position:relative;margin:0 auto;width:1240px;}
.bodybg	{background-color:transparent}
.mbg	{background-image:url(../img/mbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:#EEF8FB}
.sbg	{background-image:url(../img/sbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.cbg	{background-image:url(../img/cbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}

#wrap		{position:relative;width:100%;padding:0;margin:0;}
#svisual	{position:relative;width:100%;height:240px;padding:0;margin:0;z-index:1;text-align:center;}
#svslide	{position:absolute;width:100%;height:240px;left:0;top:0;overflow:hidden;}
#container	{position:relative;z-index:100;} /* d_width */
#container.sub_container{padding:30px 0}
#container:after	{content:"";clear:both;display:block;float:none;}

/* footer				{clear:both;position:relative;width:100%;padding:0;background:#333;font-size:13px;}
footer:before		{content:"";position:absolute;left:0;top:45px;display:block;width:100%;border-bottom:1px solid rgba(255,255,255,0.1);}
footer .f_logo		{position:absolute;left:0;top:65px;}
footer .f_logo img	{opacity:0.5;filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);}
footer .f_cont		{float:left;}
footer ul.f_mn li	{float:left;margin:0 15px 0 0;line-height:45px;}
footer ul.f_mn li a	{color:#989898;}
footer .f_link		{float:right;}
footer .f_link select	{position:relative;float:left;border:none;padding:0 10px;margin-left:1px;height:45px;width:200px;background:rgba(0,0,0,0.4) url(../../data/img/f_link_bg.png) no-repeat 92% 50%;line-height:45px;font-size:13px;color:#ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
footer .f_link select::-ms-expand	{display:none;}
footer .f_link option	{color:#fff;}
footer address		{line-height:140%;color:#989898;margin-left:200px;padding:20px 0;} */

h1, h2, h3, h4, h5, h6 {clear:both;background:transparent;line-height:1.25;text-align:left;}
h1 {/*margin:0;padding:0;background:none;font-size:30px;color:#464C58;letter-spacing:-1px;*/}
h2 {margin:30px 0 15px 0;padding:0;font-size:24px;color:#0792B3;}
h3 {margin:25px 0 15px 0;padding:0;font-size:18px;color:#3E4553;}
h4 {margin:20px 0 10px 0;padding:0;font-size:16px;color:#3E4553;}
h5 {margin:15px 0 5px 0;padding:0;font-size:15px;color:#5A6378;}
h6 {margin:10px 0 5px 0;padding:0;font-size:14px;font-weight:normal; }
h3:before{content:"\f14a";font-family:FontAwesome;color:#3E4553;margin-right:5px;font-size:16px;}
h4:before{content:"\f111";font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:12px;}
h5:before{content:"\f10c";font-family:FontAwesome;color:#768395;margin-right:5px;font-size:12px;}
h6:before{content:"\f105";font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:12px;}

/* 기본layout */
#snb		{float:left;width:240px;}
#content	{float:left;width:960px;padding:0;margin:0 0 0 40px;}
#aside		{float:right;width:0 !important;}

#body_head	{position:relative;}
#body_head:after	{content:"";display:block;float:none;clear:both;}
#location	{}
#location li{float:left;padding:0 10px;background:url(../../data/img/ico_homearr.png) no-repeat 0 50%;font-size:12px;}
#location li:first-child{padding-left:20px;background:url(../../data/img/ico_home.png) no-repeat 0 50%;}
#location a	{color:#999}
#pnb		{position:absolute;right:0;top:0;}
#pnb li		{float:left;border:1px solid #eaeaea;border-left:none;width:28px;height:28px;line-height:28px;text-align:center;}
#pnb li:first-child	{border-left:1px solid #eaeaea;}
#pnb li .fa, #pnb li a		{margin:0;color:#ccc;}
#pnb .page_sns	{float:left;}
#pnb .pnb_bx	{float:right;margin-left:2px;}
#body_title		{clear:both;padding:10px 0 15px 0;margin:0 0 30px 0;border-bottom:1px solid #dadada;}
#body_content	{clear:both;padding:0 0 30px 0;margin:0;}

header				{position:absolute;left:0;top:0;width:100%;height:120px;padding:0;margin:0;z-index:99}
header #logo		{position:absolute;left:0;top:60px;width:100%;z-index:99}
header .sub_name	{display:inline-block;margin-left:20px;line-height:40px;font-weight:bold;color:#fff;vertical-align:middle;}
#topwrap			{position:relative;border-bottom:1px solid rgba(255,255,255,0.2);z-index:99}
#topwrap .topmn		{line-height:40px;text-align:right;}
#topwrap .topmn a	{margin-left:20px;font-size:13px;color:#fff;}
#gnb		{position:absolute;left:0;top:40px;height:80px;width:100%;border-bottom:1px solid rgba(255,255,255,0.2);}
#gnbmn		{position:relative;width:1240px;padding:0;margin:0 auto;z-index:99}
#gnbmn a	{display:block;}
#gnbmn ul.depth1		{position:relative;width:800px;padding:0;margin:0 0 0 440px;}
#gnbmn ul.depth1 li		{float:left;padding:0;margin:0;text-align:center;}
#gnbmn ul.depth1 li a	{padding:0;margin:0;font-size:20px;line-height:80px;}
#gnbmn ul.depth2		{display:none;position:relative;padding:15px 0;margin:0;z-index:4}
#gnbmn ul.depth2 li		{display:block;clear:both;padding:0;margin:0;text-align:center;width:100%;}
#gnbmn ul.depth2 li a	{padding:2px 0;margin:0;font-size:14px;font-weight:normal;line-height:140%;white-space:nowrap;}
#id_gnb_bg	{position:absolute;left:0;top:120px;z-index:3;}
.gnb_bg		{width:100%;padding:0;margin:0;box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-ms-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-o-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}

#m-nav{display: none; position:absolute; left:15px; top:15px; z-index:9999;}
#m-nav span{display: block; width:25px; height:3px; background-color:#ffffff; border-radius:5px; margin: 5px 0;}

/* snb_type1 */
#snbmn					{width:100%;padding:0;margin:0 0 40px 0;}
#snbmn .tit				{padding:40px 20px;;margin:0;text-align:center;font-size:24px;}
#snbmn a				{display:block;line-height:140%;}
#snbmn ul li			{position:relative;padding:0;margin:0;}
#snbmn ul li a			{padding:15px 20px;margin:0;font-size:16px;border-bottom:1px solid rgba(0,0,0,0.1);}
#snbmn ul li a.on,
#snbmn ul li a:focus,
#snbmn ul li a:active,
#snbmn ul li a:hover	{text-decoration:none;}
#snbmn ul ul			{padding:5px 0;margin:0;}
#snbmn ul ul li a		{padding:6px 10px;margin:0;font-size:12px;background-image:none;border:none;}
#snbmn ul ul li a:before	{content:"- ";}
#snbmn ul ul li a.on,
#snbmn ul ul li a:focus,
#snbmn ul ul li a:active,
#snbmn ul ul li a:hover	{text-decoration:none;background-color:transparent;}

.main-section	{padding-bottom:80px;}

.col-1	{float:left;width:620px;}
.col-2	{float:left;width:310px;}

.main-about			{position:relative;background:#0792B3 url(../img/mabout_bg.png) no-repeat 95% 100%;padding:30px;height:300px;}
.main-about .tit	{margin-bottom:25px;font-size:24px;color:#FFFFCC;line-height:1.2;}
.main-about a		{display:block;margin-right:290px;border-bottom:1px solid rgba(0,0,0,0.1);padding:10px 0;color:#fff;}
.main-about a:after	{content:"\f178";float:right;font-family:FontAwesome;color:#FFFFCC;}

.main-quick			{background:#244C5D;height:150px;overflow:hidden;}
.main-quick .tit	{float:left;width:150px;padding:30px;font-size:26px;color:#FFFFCC;}
.main-quick .tit span	{display:block;margin-top:5px;font-size:14px;}
.main-quick ul		{float:left;width:calc(100% - 150px);}
.main-quick li a	{display:block;padding-top:30px;border-left:1px dashed rgba(0,0,0,0.1);height:150px;text-align:center;color:#fff;}
.main-quick li:first-child a	{border-left-style:solid;}
.main-quick li span	{display:block;width:55px;height:55px;margin:0 auto 20px;background-image:url(../img/ico_mquick.png);background-repeat:no-repeat;}
.main-quick li span.ico1	{background-position:0 0;}
.main-quick li span.ico2	{background-position:-55px 0;}
.main-quick li span.ico3	{background-position:-110px 0;}
.main-quick li span.ico4	{background-position:-165px 0;}
.main-quick li span.ico5	{background-position:-220px 0;}
.main-quick li span.ico6	{background-position:-275px 0;}

.main-bnr		{background:#242F5D;margin-top:50px;box-shadow:0 5px 15px rgba(0,0,0,0.3);-moz-box-shadow:0 5px 15px rgba(0,0,0,0.3);-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.3);-ms-box-shadow:0 5px 15px rgba(0,0,0,0.3);-o-box-shadow:0 5px 15px rgba(0,0,0,0.3);}
.main-bnr a		{position:relative;display:block;height:200px;padding:30px;background-repeat:no-repeat;background-position:right 30px bottom 30px;}
.main-bnr a.bg1	{background-image:url(../img/ico_mbnr1.png);border-bottom:1px dashed rgba(0,0,0,0.2);}
.main-bnr a.bg2	{background-image:url(../img/ico_mbnr2.png);}
.main-bnr a:before	{position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.1);}
.main-bnr .tit	{font-size:24px;color:#FFCC00;}
.main-bnr .txt	{font-size:17px;color:#fff;}
.main-bnr .fa	{position:absolute;left:30px;bottom:30px;color:#FFCC00;}

#popupzone2				{position:relative;padding:0;}
#popupzone2 h3			{display:none;}
#popupzone2 img			{width:100%;vertical-align:top;}
#popupzone2 .popimg,
#popupzone2 .noimg		{width:100%;height:320px;line-height:320px;}
#popupzone2 .noimg		{display:block;background:#f5f5f5;text-align:center;}
#popupzone2 .noimg:before{content:"등록된 알림이 없습니다.";color:#ccc}
#popupzone2 .pager		{position:absolute;left:0;bottom:0;width:100%;line-height:40px;background:rgba(0,0,0,0.5);padding:0 20px;}
#popupzone2 .pager span	{font-size:11px;color:#fff;}
#popupzone2 .pager em	{color:#FFCC00;}
#popupzone2 .control		{position:relative;float:right;margin-top:10px;}
#popupzone2 .control a	{display:block;float:left;width:20px;height:20px;background:rgba(0,0,0,0.2);line-height:20px;text-align:center;margin:0 0 0 1px;font-size:7px;color:#fff;}

.mnoticetop2				{position:relative;height:320px;background:#fff;padding:0 30px;}
.mnoticetop2 h3			{display:none;}
.mnoticetop2 .tab_on,
.mnoticetop2 .tab_off		{float:left;height:60px;}
.mnoticetop2 .tab_on > a,
.mnoticetop2 .tab_off > a	{position:relative;display:block;padding:5px 20px 0 20px;line-height:55px;text-align:center;font-size:18px;text-decoration:none;transition:all 0.1s;z-index:5;}
.mnoticetop2 .tab_on > a	{color:#344585;border-bottom:2px solid #344585;}
.mnoticetop2 .tab_off > a	{color:#666;}
.mnoticetop2 #notice101 > a:after		{content:"|";position:absolute;right:-2px;top:5px;font-size:10px;font-weight:200;color:#ccc;}
.mnoticetop2 .more			{position:absolute;right:30px;top:23px;}
.mnoticetop2 .more a		{display:block;width:14px;height:14px;background:url(../img/mnotice_more.png) no-repeat 50% 50%;text-indent:-99px;overflow:hidden;}
.mnoticetop2 .tabcontent	{position:absolute;left:0;top:60px;margin:0 30px;width:calc(100% - 60px);border-top:1px solid #ccc;text-align:left;}
.mnoticetop2 .tabcontent li	{position:relative;line-height:1.8;}
.mnoticetop2 .tabcontent li:before{content:"";display:inline-block;width:2px;height:2px;background:#999;margin-right:10px;vertical-align:middle}
.mnoticetop2 .tabcontent li a	{display:inline-block;width:calc(100% - 90px);overflow:hidden;vertical-align:middle;}
.mnoticetop2 li .date		{position:absolute;right:0;top:5px;font-size:12px;color:#999;}
.mnoticetop2 .recent		{line-height:1.6;border-bottom:1px dotted #ccc;padding:15px 0;margin-bottom:15px;min-height:80px;}
.mnoticetop2 .recent p		{margin-left:95px;}
.mnoticetop2 .recent .date	{float:left;display:inline-block;width:80px;height:80px;border:1px solid #ccc;text-align:center;font-size:18px;color:#999;padding-top:17px;line-height:1.2;}
.mnoticetop2 .recent .date span	{display:block;font-size:22px;font-weight:bold;color:#344585}
.mnoticetop2 .recent .subject	{margin-top:5px;margin-bottom:10px;height:23px;overflow:hidden;}
.mnoticetop2 .recent .subject a	{font-size:18px;color:#344585;}
.mnoticetop2 .recent .desc		{font-size:14px;color:#666;height:40px;overflow:hidden}

.mgallery5		{position:relative;height:320px;}
.mgallery5 h3			{display:none;}
.mgallery5 .img_frame	{position:relative;height:320px;}
.mgallery5 .txt	{position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.8) 90%);padding:240px 60px 30px 30px;}
.mgallery5 .tit	{display:none;}
.mgallery5 .date	{font-size:11px;color:#fff;}
.mgallery5 .date:before	{content:"\f017";font-family:FontAwesome;margin-right:5px;color:#ccc;}
.mgallery5 .subject		{height:24px;overflow:hidden;}
.mgallery5 .subject,
.mgallery5 .subject a	{font-size:18px;color:#fff;}
.mgallery5 .more		{position:absolute;right:30px;bottom:30px;display:block;width:14px;height:14px;background:url(../../data/img/mgallery_more.png) no-repeat 50% 50%;text-indent:-99px;overflow:hidden;}

@media (max-width:768px){

	body, input, button, textarea, select, table{font-size: 14px; line-height:1.5;}
	.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; padding:40px 0; }
	#main-visual > div			{position:relative !important;width:100% !important;height:100% !important;top:0 !important;/*transform:translateX(-50%);left:50%;*/ left:0 !important;}
	#main_title_editarea img	{width:100%;}
	header			{position:relative;padding:10px 0;height:auto;background:#253565;top:auto;}	
	.mbg			{background-color:#ffffff;}
	.mbg:after		{display: none;}
	.pattern03		{background: none;}
	.deco-main-bg	{background-position:0% 25% !important; width:200% !important; height:180px !important;}

	/*입학안내, 졸업 후 진로*/
	.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 #333d65;}

	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;}
	header #logo span{vertical-align:top;margin:0;}
	#topwrap		{border:none; background:none;}
	#topwrap .topmn	{display:none;height:40px;padding:0 20px;}
	#gnb			{display:none;}
	.col_wrap .col_d2,.col_wrap .col_d4{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:12.5px; 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)}
	#m-nav{display: block;}
	.main-quick .d_width{height:auto;}
	
	/*학과소개,교수소개,찾아오시는길*/
	.main-about{background:#0792b3; 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;}
	.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%;}
	.btm-cont .bx{margin:2.5px 10px;}
	.btm-ct{width:100%;}

	#main_title_editarea{text-align: center;}
	#main_title_editarea img{width:80%; margin:0 auto;}
	.mnoticetop2{margin-top:15px;}
	.mnoticetop2 .tabcontent li a{white-space:nowrap; text-overflow:ellipsis;}
	.mgallery5{height:auto; margin-top:0;}
	.mgallery5 .txt{padding:120px 60px 30px 30px;}

	.main-contact{height:200px; padding: 20px 0; margin-top:10px;}
	.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;}

	/*서브페이지*/
	#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:0;}
	.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 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;}
	.btn_d.btn_dgray{display: inline-block;}

}