@charset "utf-8";

#mcontainer{ width:100%; padding:0; margin:0; display:inline-block; position: relative;}
#mcontainer h2,
#mcontainer h3,
#mcontainer h4,
#mcontainer li,
#mcontainer span,
#mcontainer p,
#mcontainer dt,
#mcontainer dd{ font-family:nsr;}
#mcontainer div[id *= con]{ width:100%; height:840px; background-size:cover; text-align:center; padding:0; margin:0; display:inline-block; box-sizing:border-box; position:relative; float:left;}

#mcontainer > .wrapper{position:relative; z-index:10; background:none;}

/* 2020 8 6 psc modify
.inner_con{position:relative; width:1200px; text-align:left; padding:0; margin:0; display:inline-block;}
*/
/* 2021 8 3 psc add #snspsc {position:absolute; right:45px; bottom:-757px; width:490px; height:280px;}*/
#snspsc {position:absolute; left: 20px ; top: -158px ;}
/* add end */



#container{margin-top:0 !important;}
#mshowcase{position:relative; width:100%; height:100vh; overflow:hidden; z-index:1;}
#mshowcase .video_wrap{position:absolute; top:0; left:0; width:100%; height:100%;}
#mshowcase video{width:100%; height:100%; object-fit:cover; transform:scale(1.18);}

#mshowcase:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.25); z-index:2;}

#mshowcase #con1{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; padding-top: 0 !important; z-index: 3; float: none; display: block;}
#mshowcase #con1 .inner_con{position: relative; width: 1200px; height: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; text-align: left; z-index: 4;}

.inner_con{position:relative; width:1200px; text-align:left; padding:0; margin:0; display:inline-block;}
.con_page{ width:38px; padding:0; margin:-40px 0 0 790px; display:inline-block; position:absolute; top:50%; left:50%;}
.con_page ul,
.con_page ul li{ width:100%; padding:0; margin:0; display:inline-block; box-sizing:border-box;}
.con_page ul li{ height:20px; position:relative; float:left;}
.con_page ul li:before{ width:100%; height:3px; background-color:#fff; content:""; position:absolute; bottom:0; left:0; opacity:0.6;}
.con_page ul li a{ width:100%; height:20px; text-align:left; text-indent:-99999px; display:block;}
.con_page ul li.on{ height:32px; border:3px solid #fff;}
.con_page ul li.on:before{ display:none;}
.con_page ul li.on a{ height:26px; font-size:14px; text-align:center; text-indent:0; color:#fff; line-height:26px;}
.con_page ul li + li.on{ margin-top:19px;}

#mpop{left:50px}

/* #con1{ background:url(/images/dfd/main/dfd_bg.jpg) no-repeat center top; margin-top: 0;} */
/* #con1{background: none; padding-top: 0 !important; height: 100vh !important; position: relative; z-index: 20; margin-top: -100vh;}
#con1 .inner_con{position: relative; width: 1200px; height: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; text-align: left; z-index: 21;} */

#con1 .title_wrap,
#con1 .con_wrap{
	width:50%;
	color:#fff;
	padding:0;
	margin:0;
	float:left;
}

#con1 .title_wrap .en{
	height:20px;
	font-size:12px;
	color:#cccccc;
	line-height:20px;
	padding:0 11px 0 0;
	margin:0 0 87px 0;
	display:inline-block;
	position:relative;
	z-index:0;
}

#con1 .title_wrap .en:after{
	width:10000%;
	height:20px;
	background-color:#000;
	content:"";
	position:absolute;
	top:0;
	right:0;
	opacity:0.5;
	z-index:-1;
}

/* 2021 8 6 psc      #con1 .title_wrap p{ font-size:60px; font-weight:100; line-height:68px; padding:0; margin:0;} */

#con1 .title_wrap p{
	font-size:60px;
	font-weight:100;
	line-height:50px;
	padding:0;
	margin:0;
}

#con1 .title_wrap p span{
	line-height:inherit;
	display:inline-block;
}

#con1 .title_wrap p .sSize{
	font-size:30px;
	line-height:34px;
	padding:0;
	margin:0 0 19px 0;
	display:block;
}

#con1 .title_wrap p .bold{
	font-weight:bold;
}

/* 수정: 고정 높이 대신 최소 높이로 변경 */
#con1 .con_wrap{
	min-height:390px;
	height:auto;
	padding-top:57px;
	box-sizing:border-box;
}

#con1 .con_wrap h3{
	width:317px;
	height:269px;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:163px 0 0 0;
	margin:0 21px 0 0;
	display:block;
	box-sizing:border-box;
	float:left;
	position:relative;
}

#con1 .con_wrap h3:before{
	width:344px;
	height:296px;
	background:url(/images/dfd/main/con1_icon_img_dfd.png) no-repeat center center;
	content:"";
	position:absolute;
	bottom:0;
	right:0;
}

#con1 .con_wrap dl{
	width:260px;
	padding:0;
	margin:0;
	display:block;
	float:left;
	position:relative;
}

#con1 .con_wrap dl dt,
#con1 .con_wrap dl dd{
	padding:0;
	margin:0;
	display:block;
	float:left;
}

#con1 .con_wrap dl dt{
	width:153px;
	height:124px;
}

#con1 .con_wrap dl dd{
	width:84px;
	height:58px;
}

#con1 .con_wrap dl dt + dd{
	margin-left:23px;
}

#con1 .con_wrap dl dd + dt{
	margin-top:21px;
}

#con1 .con_wrap dl dd + dd{
	margin-top:8px;
	margin-left:23px;
}

#con1 .con_wrap dl dd + dt + dd{
	margin-top:21px;
}

/* 수정: 마지막 학과행사 버튼 위치 보정 */
#con1 .con_wrap dl dd:last-child{
	position:relative;
	width: 212px;
}

#con1 .con_wrap dl dt a,
#con1 .con_wrap dl dd a{
	width:100%;
	height:58px;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:58px;
	display:block;
	position:relative;
	z-index:0;
	transition:all 0.3s ease;
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.12) inset,
		0 4px 12px rgba(0,0,0,0.35);
}

#con1 .con_wrap dl dt a{
	height:124px;
	font-size:20px;
	line-height:30px;
	padding:32px 0;
}

#con1 .con_wrap dl dt a:before,
#con1 .con_wrap dl dd a:before{
	width:100%;
	height:100%;
	background-color:#000;
	content:"";
	position:absolute;
	top:0;
	left:0;
	z-index:-2;
	transition:all 0.3s ease;
}

#con1 .con_wrap dl dt a:before{
	opacity:0.25;
}

#con1 .con_wrap dl dd a:before{
	opacity:0.08;
}

#con1 .con_wrap dl dt a:after,
#con1 .con_wrap dl dd a:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:1px solid rgba(255,255,255,0.18);
	box-sizing:border-box;
	opacity:0;
	transform:scale(1);
	transition:all 0.3s ease;
	pointer-events:none;
	z-index:-1;
}

#con1 .con_wrap dl dt a:hover,
#con1 .con_wrap dl dd a:hover{
	transform:translateY(-4px);
	box-shadow:
		0 0 0 1px rgba(255,255,255,0.35) inset,
		0 0 18px rgba(255,255,255,0.18),
		0 10px 24px rgba(0,0,0,0.45);
}

#con1 .con_wrap dl dt a:hover:before{
	opacity:0.18;
}

#con1 .con_wrap dl dd a:hover:before{
	opacity:0.12;
}

#con1 .con_wrap dl dt a:hover:after,
#con1 .con_wrap dl dd a:hover:after{
	opacity:1;
	transform:scale(1.04);
	border-color:rgba(255,255,255,0.45);
}

/* 수정: 공지영역이 위 요소와 겹치지 않게 정리 */
#con1 .notice_wrap{
	width:490px;
	height:18px;
	color:#fff;
	padding:0;
	margin:50px 107px 0 0;
	display:block;
	float:right;
	clear:both;
}

#con1 .notice_wrap h3{
	width:90px;
	font-weight:900;
	font-size:18px;
	line-height:20px;
	padding:0;
	margin:0 15px 0 0;
	display:block;
	position:relative;
	float:left;
}

#con1 .notice_wrap h3:before{
	width:1px;
	height:18px;
	background-color:#fff;
	content:"";
	position:absolute;
	top:0;
	right:0;
	opacity:0.3;
}

#con1 .notice_wrap ul,
#con1 .notice_wrap ul li{
	width:300px;
	height:18px;
	line-height:18px;
	padding:0;
	margin:0;
	display:block;
	float:left;
}

#con1 .notice_wrap ul li a{
	width:230px;
	font-size:18px;
	color:#fff;
	line-height:18px;
	display:inline-block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

#con1 .notice_wrap ul li span{
	width:70px;
	font-size:14px;
	text-align:right;
	line-height:18px;
	display:block;
	float:right;
	position:relative;
}

#con1 .notice_wrap ul li span:before{
	width:1px;
	height:18px;
	background-color:#fff;
	content:"";
	position:absolute;
	top:0;
	left:0;
	opacity:0.3;
}

#con1 .notice_wrap .btn{
	line-height:18px;
	display:inline-block;
	float:right;
}

#con1 .notice_wrap .btn a{
	background-color:#fff;
	font-size:14px;
	font-style:italic;
	color:#000;
	line-height:18px;
	padding:0 5px;
	margin:0;
	display:inline-block;
}
/*
#con2{ background:url(/images/dfd/main/con2_bg.jpg) no-repeat center top; padding-top:94px !important;}
#con2:before{ width:315px; height:354px; background:url(/images/ebiz/main/con2_icon_img.png) no-repeat center center; content:""; margin-left:525px; position:absolute; top:73px; left:50%;}
*/

/* 2021 8 6 psc modify  #con2{ background:url(/images/dfd/main/con2_bg.jpg) no-repeat center top; padding-top:94px !important;} */

#con2{ background:url(/images/dfd/main/con2_bg.jpg) no-repeat center top; padding-top:15px !important;}

/* #con2:before{ width:315px; height:354px; background:url(/images/dfd/main/con2_icon_img.png) no-repeat center center; content:""; margin-left:525px; position:absolute; top:73px; left:50%;} */

#con2 .inner_con h2{ font-size:50px; font-weight:bold; color:#3a4c91; line-height:60px; margin-bottom:120px; display:inline-block;}
#con2 .inner_con h2 span{ color:#947e5b;}
#con2 .inner_con dl{ width:100%; padding:0; margin:0; display:inline-block;}
#con2 .inner_con dl dt,
#con2 .inner_con dl dd{ width:50%; height:125px; font-size:17px; color:#322d3d; line-height:21px; padding:33px 0 0 40px; margin:0; display:inline-block; box-sizing:border-box; float:left;}
#con2 .inner_con dl dt{ height:24px; font-size:20px; color:#3a4c91; line-height:24px; padding-top:0; margin-left:0; margin-bottom:-24px; position:relative; z-index:0;}
#con2 .inner_con dl dt span{ width:40px; font-size:58px; text-align:left; color:#3a4c91; line-height:60px; padding:0; margin:0; display:block; position:absolute; top:0; left:0;}
#con2 .inner_con dl dt:nth-child(4n+3),
#con2 .inner_con dl dd:nth-child(4n+4){ padding-left:75px;}
#con2 .inner_con dl dt:nth-child(4n+3) span{ left:35px;}
#con2 .inner_con dl dt:nth-child(4n+1),
#con2 .inner_con dl dd:nth-child(4n+2){ padding-right:35px;}
#con2 .con_page ul li:before{ background-color:#3a4c91;}
#con2 .con_page ul li.on{ border-color:#3a4c91;}
#con2 .con_page ul li.on a{ color:#3a4c91;}
/* 2021 8 3 psc add interior     */
#con2 .inner_con ul li p span{ height:140px; line-height:27px; display:table-cell; vertical-align:middle;}
#con2 .inner_con ul{ width:100%; padding:0; margin:0; display:inline-block;}
#con2 .inner_con ul li{ width:30%; font-size:17px; text-align:center; color:#4a4a4a; line-height:24px; padding:0; margin:0; display:inline-block; box-sizing:border-box; float:left; position:relative;}
#con2 .inner_con ul li:nth-child(2){ margin:0 5%;}
#con2 .inner_con ul li p{ width:100%; height:140px; font-size:20px; text-align:center; color:#fff; line-height:27px; padding:0; margin:0 0 20px 0; display:table; position:relative; z-index:0;}
#con2 .inner_con ul li p:before{ width:140px; height:140px; background-color:#e61e70; content:""; margin-left:-70px; border-radius:70px; position:absolute; top:0; left:50%; z-index:-1;}
#con2 .inner_con ul li p span{ height:140px; line-height:27px; display:table-cell; vertical-align:middle;}
#con2 .inner_con ul li a{ background-color:#333; font-size:14px; font-style:italic; color:#fff; line-height:18px; padding:5px 10px; margin:20px 0 0 0; display:inline-block;}
#con2 .con_page ul li:before{ background-color:#6237cd;}
#con2 .con_page ul li.on{ border-color:#6237cd;}
#con2 .con_page ul li.on a{ color:#4a1db9;}
/* 2021 8 3 psc end */


#con3{ background:url(/images/ebiz/main/con3_bg.jpg) no-repeat center top; padding-top:97px !important;}
#con3 h2{ width:100%; font-size:50px; font-weight:bold; color:#333; line-height:60px; margin-bottom:23px; display:inline-block;}
#con3 h2 a{ font-size:17px; line-height:17px; padding-bottom:8px; border-bottom:1px solid #474236; display:inline-block; margin-left:35px; vertical-align:middle;}
#popup1{ float:right;}
#con3 .popup,
#con3 .layout,
#con3 .grap,
#con3 .obj{ padding:0; margin:0; display:block; position:relative;}
#con3 .popup,
#con3 .layout{ width:733px; height:544px;}
#con3 .grap{ width:100%; height:450px; overflow:hidden;}
#con3 .obj{ width:100%; height:450px;}
#con3 .item{ width:100%; height:100%; color:#fff; padding:0; margin:0; display:inline-block; position:relative; float:left;}
#con3 .layout .control{ height:62px; text-align:center; position:relative; top:32px; z-index:1;}
#con3 .layout .control > a{ width:62px; height:62px; background:url(/images/ebiz/main/con3_pop1_btn_icon_prev.png) no-repeat center center; text-align:left; text-indent:-99999px; padding:0; margin:0; display:inline-block;}
#con3 .layout .control > a + a{ background-image:url(/images/ebiz/main/con3_pop1_btn_icon_next.png); margin-left:28px;}
#con3 .layout .control .paging{ padding:0; margin:0; display:inline-block; position:absolute; top:25px; right:0;}
#con3 .layout .control .paging button{ font-size:17px; text-align:left; color:#333; line-height:17px; padding-bottom:7px; display:none; border-bottom:1px solid #333;}
#con3 .layout .control .paging button.ov{ font-weight:bold; padding-right:16px; display:inline-block;}
#con3 .layout .control .lastNum{ font-size:17px; color:#333; line-height:17px; display:inline-block; position:absolute; top:27px; right:0;}

#gallery .more {position:absolute; top:-27px; right:5px;}
#gallery .more a {width:18px; height:18px; display:inline-block;font-size:0;background:url('/images/stu_life/main/more_icon.gif') no-repeat 0 0;vertical-align:top;}

#gallery {background: #000; padding:40px 0 60px;}
#gallery > .inner {width: 100%;}
#gallery > .inner > .wrapper{width: calc(100% - 80px); max-width: 1400px; margin: 0 auto; box-sizing: border-box;}
#gallery h2 {color: #dbdbdb; font-size: 40px; font-weight: 400; font-family: 'Pretendard'; padding-bottom:18px; border-bottom:2px solid #fff;}
#gallery h3 {color: #b876ff; font-size: 40px; font-weight: 400; font-family: 'Pretendard';}
#gallery .depgallery{width: 100%; height:auto; background:none; margin:40px 0 0 0;}
#gallery .depgallery .grap {width: 100%;}
#gallery .depgallery .grap > .inner {width: 100%;}
#gallery .depgallery .grap .obj {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; width: 100%; margin: 0 auto; box-sizing: border-box;}
#gallery .depgallery .grap .obj .item {overflow:hidden;}
#gallery .depgallery .grap .obj .item:hover {transform: translateY(-5px); box-shadow: 0 4px 15px rgba(0,0,0,0.1);}
#gallery .depgallery .grap .obj .item a {display:block; width:100%; text-decoration:none; color:inherit; transition:box-shadow 0.35s ease, transform 0.35s ease;}
#gallery .depgallery .grap .obj .item a .img {display:block; width:100%; overflow:hidden;}
#gallery .depgallery .grap .obj .item a .img img {display:block; width:100%; height:auto; transform:scale(1); transition:transform 0.45s ease;}
#gallery .depgallery .grap .obj .item:hover a{transform:translateY(-4px); box-shadow:0 10px 24px rgba(0,0,0,0.25);}
#gallery .depgallery .grap .obj .item:hover a .img img{transform:scale(1.05);}
#gallery .depgallery .grap .obj .item a .info {display:block; width:100%; padding:15px; text-align:center; background:#fff; box-sizing:border-box;}
#gallery .depgallery .grap .obj .item a .tit {display:block; width:100%; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; font-family: 'Pretendard';}
#gallery .depgallery .grap .obj .item a .text {font-size: 14px; color: #555; line-height: 1.4; margin-bottom: 10px;}
#gallery .depgallery .grap .obj .item a .date {font-size: 12px; color: #767676;}

#gallery .more{margin-top:30px; text-align:right; position:static;}
#gallery .more a{display:inline-block; align-items: center; justify-content: center; padding: 10px 22px; width:auto; height:auto; font-size:14px; font-family: 'Pretendard'; background:transparent; color:#fff; text-decoration: none; border: 1px solid rgba(255, 255, 255, 0.4); transition: all 0.3s ease; position: relative; overflow: hidden;}
#gallery .more a:hover{color: #000; border-color: #fff; background: #fff;}

@media(max-width:1200px){
	#mshowcase #con1 .inner_con{ width:100%; padding:0 50px; }
	.con_page{ display:none;}
	
	#con1 .title_wrap{ width:auto; display:inline-block;}
	#con1 .con_wrap{ width:598px; float:right;}
	
	#con2{ height:auto !important;}
	#con2:before{ display:none;}
	#con2 .inner_con{ padding-bottom:50px;}
	#con2 .inner_con h2{ margin-bottom:100px;}
	#con2 .inner_con ul{ text-align:center;}
	#con2 .inner_con ul li{ width:360px; margin:0 20px 100px 20px !important; float:none; clear:both;}
	
	#gallery > .inner > .wrapper{ width:calc(100% - 60px); }
	#gallery .depgallery .grap .obj{ grid-template-columns:repeat(4, 1fr); gap:18px; }
}
@media(max-width:1160px){
	#mshowcase #con1{ height:100% !important; }
	#mshowcase #con1 .inner_con{ margin-top:0; margin-bottom:0; padding:0 50px; width:100%; }
	#con1 .title_wrap{ width:100%;}
	#con1 .con_wrap{ width:100%; float:left; position:relative;}
	#con1 .con_wrap h3{ position:absolute; top:57px; left:0;}
	#con1 .con_wrap dl{ width:100%; padding-left:338px; box-sizing:border-box;}
	#con1 .con_wrap dl dt,
	#con1 .con_wrap dl dd{ width:50%; box-sizing:border-box;}
	#con1 .con_wrap dl dd{ padding-left:20px;}
	#con1 .con_wrap dl dt + dd{ padding-left:23px; margin-left:0;}
	#con1 .con_wrap dl dd + dd{ padding-left:23px; margin-left:0;}
	#con1 .notice_wrap{ margin-right:0;}
}
@media(max-width:1120px){
#con2 .inner_con dl{ margin-bottom:90px;}
#con2 .inner_con dl dt,
#con2 .inner_con dl dd{ width:100%; height:auto; padding:0 0 0 40px; margin:0; float:none; clear:both;}
#con2 .inner_con dl dd + dt{ margin-top:50px;}
#con2 .inner_con dl dt{ height:auto; margin-bottom:9px;}
#con2 .inner_con dl dt:nth-child(4n+3),
#con2 .inner_con dl dd:nth-child(4n+4){ padding-left:40px;}
#con2 .inner_con dl dt:nth-child(4n+3) span{ left:0;}
#con2 .inner_con dl dt:nth-child(4n+1),
#con2 .inner_con dl dd:nth-child(4n+2){ padding-right:0;}

#gallery > .inner > .wrapper {width: calc(100% - 60px);}
#gallery .depgallery .grap .obj {grid-template-columns: repeat(3, 1fr);gap: 18px;}
#gallery h2, #gallery h3 {font-size: 34px;}
}
@media(max-width:833px){
	#con3{ height:auto !important; padding-bottom:97px !important;}
	#con3 .popup,
	#con3 .layout{ width:100%; height:auto; display:inline-block;}
	#con3 .grap{ height:0; padding-bottom:61.3%; display:inline-block; overflow:hidden;}
	#con3 {background:none;background-color: #ffd459;}
	
	#gallery > .inner > .wrapper {width: calc(100% - 50px);}
	#gallery .depgallery .grap .obj {grid-template-columns: repeat(2, 1fr);gap: 16px;}
}
@media(max-width:738px){
	/* #con1{height: auto !important; min-height: 100vh; padding: 120px 0 60px !important;}
	#con1 .inner_con{width:100%; height:auto; padding:0 20px; display:block;}
	#con1 .title_wrap,
	#con1 .con_wrap{width:100%; float:none;}
	#con1 .notice_wrap{width:100%; margin:30px 0 0 0; float:none;}
	#con1 .title_wrap p .sSize{ font-size:16px; line-height:20px;}
	#con1 .title_wrap p{ font-size:40px; line-height:48px;}
	#con1 .con_wrap{ height:auto; text-align:center; margin-top:50px;}
	#con1 .con_wrap h3,
	#con1 .con_wrap dl{ padding-left:0; margin:0; display:inline-block; float:none; position:relative; top:auto; left:auto;}
	#con1 .con_wrap dl{ margin-top:50px; }
	#con1 .notice_wrap{ width:100%;} */
	
	#mshowcase{height:auto; min-height:100svh; overflow: visible;}
	
	#mshowcase .video_wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
	#mshowcase #con1{position:relative; top:auto; left:auto; width:100%; height:auto; min-height:100svh; padding:100px 0 40px !important;}
	#mshowcase #con1 .inner_con{width:100%; height: auto; min-height: auto; padding:0 20px; display:block; box-sizing: border-box;}

	#con1 .title_wrap,
	#con1 .con_wrap{width:100%; float:none;}
	
	#con1 .title_wrap p .sSize{ font-size:16px; line-height:20px; }
	#con1 .title_wrap p{ font-size:40px; line-height:48px; }
	
	#con1 .con_wrap{height:auto; text-align:center; margin-top:30px;}
	#con1 .con_wrap h3,
	#con1 .con_wrap dl{float: none; display: inline-block; position: relative; top: auto; left: auto; padding-left:0; margin:0;}
	#con1 .con_wrap dl{margin-top:24px; width: 100%; padding-left: 0;}
	
	#con1 .con_wrap dl dt,
	#con1 .con_wrap dl dd{width: calc(50% - 8px); margin: 0 4px 8px 4px !important; padding-left: 0 !important; box-sizing: border-box;}

	#con1 .con_wrap dl dt a,
	#con1 .con_wrap dl dd a{width: 100%;}

	#con1 .notice_wrap{width: 100%; height: auto; margin: 24px 0 0 0; float: none; position: relative;}

	#con2 .inner_con h2{ font-size:34px; line-height:50px; }
	#con3 h2{ font-size:40px; line-height:50px; }

	#gallery > .inner > .wrapper{ width:calc(100% - 40px); }
	#gallery{ padding:35px 0 50px; }
	#gallery h2, #gallery h3{ font-size:30px; line-height:1.2; }
	#gallery h3{ padding-bottom:14px; }
	#gallery .depgallery{ margin-top:30px; }
	#gallery .depgallery .grap .obj{ grid-template-columns:repeat(2, 1fr); gap:14px; }
	#gallery .depgallery .grap .obj .item a .info{ padding:12px; }
	#gallery .more{ margin-top:24px; }

	#gallery .depgallery .grap .obj .item:hover a{transform:none; box-shadow:none;}
	#gallery .depgallery .grap .obj .item:hover a .img img{transform:none;}
}
@media(max-width:570px){
	#con1 .notice_wrap{ height:auto; position:relative;}
	#con1 .notice_wrap h3{ margin-bottom:10px;}
	#con1 .notice_wrap ul,
	#con1 .notice_wrap ul li{ width:100%;}
	#con1 .notice_wrap ul li a{ width:70%;}
	#con1 .notice_wrap .btn{ position:absolute; top:0; right:0;}
	
	#gallery > .inner > .wrapper {width: calc(100% - 30px);}
	#gallery h2, #gallery h3 {font-size: 26px;}
	#gallery .depgallery .grap .obj {gap: 12px;}
	#gallery .depgallery .grap .obj .item a .info {padding: 10px;}
	#gallery .depgallery .grap .obj .item a .tit {font-size: 13px;line-height: 1.3;}
}
@media(max-width:400px){
	.inner_con{ padding:0 20px;}
	#mshowcase #con1{padding: 90px 0 30px !important;}
	#con1 .title_wrap .en{ margin-bottom:30px;}
	#con1 .con_wrap{height:auto; margin-top:24px; text-align:left;}

	#con1 .con_wrap h3{display:none;}

	#con1 .con_wrap dl{width:100%; padding:0; margin:0; display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; float:none;}

	#con1 .con_wrap dl dt,
	#con1 .con_wrap dl dd{width:100%; height:auto; padding:0; margin:0 !important; float:none;}

	#con1 .con_wrap dl dt a,
	#con1 .con_wrap dl dd a{width:100%; height:54px; padding:0 10px; font-size:15px; line-height:1.3; display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box;
	}
	/* 마지막 홀수 박스가 있으면 한 줄 전체 사용 */
	#con1 .con_wrap dl > *:last-child:nth-child(odd){grid-column:1 / -1; width: 335px;}

	#con1 .con_wrap dl > *:last-child:nth-child(odd) a{height:54px;}
	
	#con2 .inner_con h2{ margin-bottom:60px;}
	#con2 .inner_con ul li{ width:100%; margin:0 0 50px 0 !important;}
	#con3 h2 a{ margin-left:0; }
	
	#gallery > .inner > .wrapper {width: calc(100% - 24px);}
	#gallery {padding: 28px 0 40px;}
	#gallery h2, #gallery h3 {font-size: 23px; line-height: 1.2;}
	#gallery h3 {padding-bottom: 12px; margin-bottom: 8px;}
	#gallery h2 {margin-bottom: 8px;}
	#gallery .depgallery {margin-top: 24px;}
	#gallery .depgallery .grap .obj {grid-template-columns: repeat(2, 1fr); gap: 10px;}
	#gallery .depgallery .grap .obj .item a .info {padding: 8px;}
	#gallery .depgallery .grap .obj .item a .tit {font-size: 12px; line-height: 1.2;}
	#gallery .more {margin-top: 18px;}
	#gallery .more a {font-size: 13px;}
}