@charset "utf-8";

@media (min-width:992px){
	/* 더보기 버튼 */
	a.boardMore {display:inline-block !important; font-size:14px; color:#fff; background:#333; border-radius:5px; padding:5px 20px;}
	
	/* 게시판 */
	.main_board {background:url(../images/main/bg_board.png) no-repeat center bottom; border-bottom:1px solid #ddd;}
	.small_contents {max-width:420px; margin:0 auto; padding:115px 0;}
	.small_contents h2, .contents h2 {color:#333; font-size:36px; letter-spacing:1em; text-transform:uppercase; text-align:center; padding-left:40px;}
	.small_contents a.boardMore {margin-top:40px;}
	
	.Tab_btn.mainTab {font-size:0; text-align:center; margin:30px 0 40px;}
	.Tab_btn.mainTab a {display:inline-block; font-size:14px; color:#ff4e73; background:#fff; padding:5px 15px; margin:0 5px; border:1px solid #ff4e73; border-radius:5px;}
	.Tab_btn.mainTab a:hover {background:#ff4e73 !important; color:#fff;}
	.Tab_btn.mainTab a.on {background:#ff4e73; color:#fff;}

	/* 탭 공통 */
	.Tab_con .con2, .Tab_con .con3 {display:none;}
	.Tab_con [class*="con"] {text-align:center;}
	.Tab_con [class*="con"] ul {text-align:left; clear:both;}
	.Tab_con [class*="con"] ul li {font-size:14px; color:#666; line-height:2; white-space:nowrap;}
	.Tab_con [class*="con"] ul>li>a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis;}
	.Tab_con [class*="con"] ul li a span {color:#333; font-size:14px; font-weight:400; margin-right:35px;}
	

	/* 퀵메뉴 */
	.quick_menu {background:url(../images/main/bg_quick.png) no-repeat; overflow:hidden;}
	.quick li {position:relative; display:inline-block; margin-bottom:30px;}
	.quick li * {margin:0;}
	.quick li>a {
		position:relative; display:inline-block !important; width:100%; height:264px;
		background:#fff; text-align:center; font-size:14px; color:#999; box-shadow:2px 2px 3px rgba(0,0,0,.2) !important;
	}
	.quick li>a>span {font-size:24px; color:#333; letter-spacing:10px; font-weight:400;}
	.quick li>a i {display:block; width:70px; height:70px; border:0; margin:50px auto 20px;}
	.quick [class*="i_"] {background-size:contain; background-repeat:no-repeat; background-position:center;}
	.quick .i_quick01 {background-image:url(../images/main/icon_quick01.png);}
	.quick .i_quick02 {background-image:url(../images/main/icon_quick02.png);}
	.quick .i_quick03 {background-image:url(../images/main/icon_quick03.png);}
	.quick .i_quick04 {background-image:url(../images/main/icon_quick07.png);}
	.quick .i_quick05 {background-image:url(../images/main/icon_quick05.png);}
	.quick .i_quick06 {background-image:url(../images/main/icon_quick06.png);}
	
	/* 갤러리 */
	.gallery_wrap {position:relative; margin:60px 0;}
	.gallery_wrap div img{height:100%; width:100%;box-shadow:2px 0px 5px rgba(0,0,0,.2) !important; aspect-ratio: 1/0.7; object-fit: cover;}
}



/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	/* 더보기 버튼 */	 
	 a.boardMore {display:inline-block !important; font-size:14px; color:#fff; background:#333; border-radius:5px; padding:5px 20px;}
	
	/* 게시판 */
	.main_board {background:url(../images/main/bg_board.png) no-repeat center bottom; background-size:120%; border-bottom:1px solid #ddd;}
	.small_contents {max-width:300px; margin:0 auto; padding:50px 0;}
	.small_contents h2, .contents h2 {color:#333; font-size:24px; letter-spacing:1em; text-transform:uppercase; text-align:center; padding-left:40px;}
	.small_contents  a.boardMore {margin-top:20px;}
	.Tab_btn.mainTab {font-size:0; text-align:center; margin:15px 0 20px;}
	.Tab_btn.mainTab a {display:inline-block; font-size:14px; color:#ff4e73; background:#fff; padding:5px 15px; margin:0 5px; border:1px solid #ff4e73; border-radius:5px;}
	.Tab_btn.mainTab a:hover {background:#ff4e73 !important; color:#fff;}
	.Tab_btn.mainTab a.on {background:#ff4e73; color:#fff;}

	.Tab_con .con2, .Tab_con .con3 {display:none;}
	.Tab_con [class*="con"] {text-align:center;}
	.Tab_con [class*="con"] ul {text-align:left; clear:both;}
	.Tab_con [class*="con"] ul li {font-size:14px; color:#666; line-height:2; white-space:nowrap;}
	.Tab_con [class*="con"] ul>li>a {display:block; width:90%; margin:0 auto; overflow:hidden; text-overflow:ellipsis; font-weight:300;}
	.Tab_con [class*="con"] ul li a span {color:#333; font-size:14px; font-weight:300; margin-right:15px;}
	

	/* 퀵메뉴 */
	.quick_menu {background:url(../images/main/bg_quick.png) no-repeat; overflow:hidden;}
	.quick li {position:relative; display:inline-block; margin-bottom:30px;}
	.quick li * {margin:0;}
	.quick li>a {
		position:relative; display:inline-block !important; width:100%; height:180px; padding:10%; font-weight:300;
		background:#fff; text-align:center; font-size:14px; color:#999; box-shadow:2px 2px 3px rgba(0,0,0,.2) !important;
	}
	.quick li>a>span {font-size:14px; color:#333; letter-spacing:10px; font-weight:400;}
	.quick li>a i {display:block; width:50px; height:50px; border:0; margin:0 auto 10px;}
	.quick [class*="i_"] {background-size:contain; background-repeat:no-repeat; background-position:center;}
	.quick .i_quick01 {background-image:url(../images/main/icon_quick01.png);}
	.quick .i_quick02 {background-image:url(../images/main/icon_quick02.png);}
	.quick .i_quick03 {background-image:url(../images/main/icon_quick03.png);}
	.quick .i_quick04 {background-image:url(../images/main/icon_quick07.png);}
	.quick .i_quick05 {background-image:url(../images/main/icon_quick05.png);}
	.quick .i_quick06 {background-image:url(../images/main/icon_quick06.png);}
	
	/* 갤러리 
	.gallery_wrap {position:relative; margin:40px 0;}
	.gallery_img { width:80%; margin:0 auto; overflow:hidden;}
	.gallery_img ul {width:9999px; }
	.gallery_img li {float:left; min-width:250px; max-width:325px; height:100%; padding:10px;}	
	.gallery_img li img{ width:100%;box-shadow:2px 0px 5px rgba(0,0,0,.2) !important;}
	.gallery_wrap [class*="btn_"] {display:inline-block; position:absolute; top:48%;}
	.gallery_wrap [class*="btn_"] img {width:80%;}
	.gallery_wrap>.btn_prev {left:10px;}
	.gallery_wrap>.btn_next {right:10px;}
	*/
	
	.gallery_wrap {position:relative; margin:30px 0;}
	.gallery_wrap div img{height:100%; width:100%;box-shadow:2px 0px 5px rgba(0,0,0,.2) !important; aspect-ratio: 1/0.7; object-fit: cover;}
}