@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face{
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face{ 
	font-family: 'GmarketSansMedium'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal; 
	font-style: normal; 
}
@font-face{ 
	font-family: 'GmarketSansLight'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); 
	font-weight: normal; 
	font-style: normal; 
} 
* {-webkit-text-size-adjust:none;}
* { margin:0;padding:0; }
a { text-decoration: none;color:#444; }
a:visited{ text-decoration: none;color:#444; }
a:hover{ color:#444; }
img{ border:0px;vertical-align:bottom; }

body{
	margin:0px;
	padding:0px;
}

/* Table */
table{
	border:0px;
	border-spacing:0px;
	border-collapse:collapse;
}
td, th{
	padding:0px;
	word-break:break-all;
}

/* 공통 */
.text_overflow{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.title_font_family{
	color:#333;
	font-weight:500;
}

#wrap{ 
	width:100%;
	font-family:Noto Sans KR,Nanum Gothic,Helvetica,sans-serif;
	letter-spacing:-1px;
}

/* Mobile 환경 */
@media screen and (max-width:800px){
	/* 본문 */
	.tablet{
		display:none;
	}
	.pc{
		display:none;
	}
	.mobile{
		display:block;
	}

	#wrap > #body{
		position:relative;
		width:100%;
		background-color:#fff;
	}
	#wrap > #body > #body_content{
		position:relative;
		width:100%;
		overflow:hidden; /* 애니메이션 효과로인한 가로 스크롤바 차단 */
	}

	/* 제품소개 */
	#wrap > #body > #body_content > #business_wrap{
		width:100%;
		background-color:#fff;
	}		
	#wrap > #body > #body_content > #business_wrap > #business{
		position:relative;
		padding:30px 0px;
		/*overflow:hidden;*/
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content{
		margin-left:10px;
		margin-right:10px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul{
		width:100%;
		margin-top:-30px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li{
		list-style:none;
		box-sizing:border-box;
		border-bottom:1px solid #d5d5d5;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li:last-child{
		border-bottom:0px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div{
		width:calc(100% - 20px);
		text-align:center;
		margin:20px 10px;
		cursor:pointer;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div > div:nth-child(1){
		height:100px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div > div:nth-child(2){
		color:#0a0a0a;
		font-size:16px;
		font-weight:bold;
		margin-top:10px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div > div:nth-child(3){
		line-height:23px;
		color:#5a5a5a;
		font-size:14px;
		margin-top:8px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div > div img{
		height:80px;
	}

	/* 사진 슬라이드 */
	#wrap > #body > #body_content > #photo_wrap{
		padding:10px 0px 10px 0px;
		background-color:#242951;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo{
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list{
		position:relative;
		margin-left:10px;
		margin-right:10px;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .prev{
		display:none;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .next{
		display:none;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-slide{
		max-width:650px !important;
		/*background-color:#f7f7f7 !important;*/
		/* 현재 슬라이드 외의 모든 슬라이드에 적용되는 투명도 */
		opacity: 0.3;
		transition: opacity 0.5s ease; /* 투명도 전환 부드럽게 */
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-slide-active {
		/* 현재 활성화된 슬라이드에만 적용되는 불투명도 */
		opacity: 1;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list a{
		display:block;
		height:300px !important;
		background-size:cover !important;
		background-position:center !important;
		cursor:default;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .caption{
		color:#fff;
		font-size:17px;
		text-align:center;
		padding-top:10px;
		opacity: 0;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-slide-active .caption{
		/* 현재 활성화된 슬라이드에만 적용되는 불투명도 */
		opacity: 1;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-pagination {
	  position: relative;
	  color:#fff;
	  margin-top:15px;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-pagination-bullet-active {
        background-color: red !important;
    }
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-pagination-bullet {
		--swiper-pagination-bullet-size: 12px; /* Sets bullet size to 12px */
		--swiper-pagination-bullet-width: 12px; /* Explicitly sets width */
		--swiper-pagination-bullet-height: 12px; /* Explicitly sets height */
        background-color: #fff;
        opacity: 0.5;
    }

	/* 게시판 */
	#wrap > #body > #body_content > #board_wrap{
		width:100%;
		background-color:#f5f5f5;
	}		
	#wrap > #body > #body_content > #board_wrap > #board{
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content{
		margin-left:10px;
		margin-right:10px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul{
		padding:30px 0px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li{
		list-style:none;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1){
		position:relative;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4){
		margin-top:20px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div{
		position:relative;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(1){
		position:relative;
		color:#995477;
		font-size:16px;
		font-weight:bold;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(1)::before{
		position:absolute;
		bottom:-15px;
		left:0px;
		width:40px;
		height:2px;
		background-color:#444;
		content:'';
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(2){
		color:#222;
		font-size:24px;
		letter-spacing:1px;
		margin-top:25px;;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(3){
		line-height:22px;
		color:#666;
		font-size:14px;
		margin-top:10px;;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(3) > ul > li{
		list-style:none;
		width:calc(100% - 150px);
		margin-bottom:5px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(3) > ul > li:last-child{
		margin-bottom:0px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.icon{
		position:absolute;
		top:80px;
		right:0px;
		display:block;
		width:140px;
		height:120px;
		background:url(/images/icon_board_01.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:140px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.desc{
		position:relative;
		width:100%;
		line-height:20px;
		color:#fff;
		font-size:13px;
		text-align:center;
		border-radius:5px;
		background-color:#242951;
		padding:10px 10px;
		margin-top:30px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.desc::before{
		position:absolute;
		top:-20px;
		left:50%;
		margin-left:-20px;
		width:40px;
		height:2px;
		background-color:#242951;
		content:'';
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.more{
		position:absolute;
		top:30px;
		right:0px;
		display:block;
		width:36px;
		height:36px;
		border:1px solid #e6e6e6;
		border-radius:100%;
		background:url(/images/btn_go2.png);
		background-repeat:no-repeat;
		background-position:15px center;
		background-size:7px;
		background-color:#fff;
		margin-top:10px;
		cursor:pointer;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.more:hover{
		border:1px solid #242951;
		background:url(/images/btn_go2_white.png);
		background-repeat:no-repeat;
		background-position:15px center;
		background-size:7px;
		background-color:#242951;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div{
		text-align:center;
		border:1px solid #cfcfcf;
		background-color:#fff;
		margin-top:10px;
		cursor:pointer;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div:nth-child(1),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div:nth-child(1),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div:nth-child(1){
		color:#000;
		font-size:17px;
		font-weight:bold;
		margin-top:20px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div:nth-child(2),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div:nth-child(2),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div:nth-child(2){
		height:60px;
		margin-top:10px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div:nth-child(2){
		background:url(/images/icon_board_02.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:40px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div:nth-child(2){
		background:url(/images/icon_board_03.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div:nth-child(2){
		background:url(/images/icon_board_04.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div:nth-child(3),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div:nth-child(3),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div:nth-child(3){
		color:#444;
		font-size:13px;
		line-height:20px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div:nth-child(3) br,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div:nth-child(3) br,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div:nth-child(3) br{
		display:none;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div.more,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div.more,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div.more{
		width:60px;
		height:25px;
		line-height:25px;
		color:#777;
		font-size:11px;
		letter-spacing:0px;
		border:1px solid #ddd;
		margin:20px auto;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div:hover,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div:hover,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div:hover{
		border:1px solid #242951;
		background-color:#242951;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div:hover div,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div:hover div,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div:hover div{
		color:#fff;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div:hover .icon{
		background:url(/images/icon_board_white_02.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:40px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div:hover .icon{
		background:url(/images/icon_board_white_03.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div:hover .icon{
		background:url(/images/icon_board_white_04.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div:hover .more,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div:hover .more,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div:hover .more{
		border:1px solid #fff;
	}
}

/* Tablet 환경 */
@media screen and (min-width:801px) and (max-width:1200px){
	/* 본문 */
	.mobile{
		display:none;
	}
	.pc{
		display:none;
	}
	.tablet{
		display:block;
	}

	#wrap > #body{
		position:relative;
		width:100%;
		background-color:#fff;
	}
	#wrap > #body > #body_content{
		position:relative;
		width:100%;
		overflow:hidden; /* 애니메이션 효과로인한 가로 스크롤바 차단 */
	}

	/* 제품소개 */
	#wrap > #body > #body_content > #business_wrap{
		width:100%;
		background-color:#fff;
	}		
	#wrap > #body > #body_content > #business_wrap > #business{
		position:relative;
		padding:50px 0px;
		/*overflow:hidden;*/
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content{
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul{
		width:100%;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li{
		float:left;
		width:33.33%;
		list-style:none;
		box-sizing:border-box;
		border-right:1px solid #d5d5d5;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li:last-child{
		border-right:0px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div{
		width:calc(100% - 20px);
		text-align:center;
		margin:20px 10px;
		cursor:pointer;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div > div:nth-child(1){
		height:100px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div > div:nth-child(2){
		color:#0a0a0a;
		font-size:16px;
		font-weight:bold;
		margin-top:10px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div > div:nth-child(3){
		line-height:23px;
		color:#5a5a5a;
		font-size:14px;
		margin-top:8px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div > div img{
		height:80px;
	}

	/* 사진 슬라이드 */
	#wrap > #body > #body_content > #photo_wrap{
		border-top:1px solid #ddd;
		padding:80px 0px 60px 0px;
		background-color:#242951;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo{
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list{
		position:relative;
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .prev{
		display:none;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .next{
		display:none;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-slide{
		max-width:650px !important;
		/*background-color:#f7f7f7 !important;*/
		/* 현재 슬라이드 외의 모든 슬라이드에 적용되는 투명도 */
		opacity: 0.3;
		transition: opacity 0.5s ease; /* 투명도 전환 부드럽게 */
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-slide-active {
		/* 현재 활성화된 슬라이드에만 적용되는 불투명도 */
		opacity: 1;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list a{
		display:block;
		height:400px !important;
		background-size:cover !important;
		background-position:center !important;
		cursor:default;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .caption{
		color:#fff;
		font-size:17px;
		text-align:center;
		padding-top:15px;
		opacity: 0;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-slide-active .caption{
		/* 현재 활성화된 슬라이드에만 적용되는 불투명도 */
		opacity: 1;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-pagination {
	  position: relative;
	  color:#fff;
	  margin-top:20px;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-pagination-bullet-active {
        background-color: red !important;
    }
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-pagination-bullet {
		--swiper-pagination-bullet-size: 12px; /* Sets bullet size to 12px */
		--swiper-pagination-bullet-width: 12px; /* Explicitly sets width */
		--swiper-pagination-bullet-height: 12px; /* Explicitly sets height */
        background-color: #fff;
        opacity: 0.5;
    }

	/* 게시판 */
	#wrap > #body > #body_content > #board_wrap{
		width:100%;
		background-color:#f5f5f5;
	}		
	#wrap > #body > #body_content > #board_wrap > #board{
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content{
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul{
		padding:50px 0px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li{
		list-style:none;
		float:left;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1){
		position:relative;
		width:40%;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2){
		width:20%;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3){
		width:20%;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4){
		width:20%;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div{
		position:relative;
		margin-right:40px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(1){
		position:relative;
		color:#995477;
		font-size:16px;
		font-weight:bold;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(1)::before{
		position:absolute;
		bottom:-15px;
		left:0px;
		width:40px;
		height:2px;
		background-color:#444;
		content:'';
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(2){
		color:#222;
		font-size:24px;
		letter-spacing:1px;
		margin-top:25px;;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(3){
		line-height:22px;
		color:#666;
		font-size:14px;
		margin-top:10px;;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(3) > ul > li{
		list-style:none;
		width:100%;
		margin-bottom:5px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(3) > ul > li:last-child{
		margin-bottom:0px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.icon{
		display:none;
		/*position:absolute;
		top:80px;
		right:0px;
		display:block;
		width:140px;
		height:120px;
		background:url(/images/icon_board_01.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:140px;*/
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.desc{
		position:relative;
		width:100%;
		line-height:22px;
		color:#fff;
		font-size:13px;
		text-align:center;
		border-radius:5px;
		background-color:#242951;
		padding:15px 10px;
		margin-top:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.desc::before{
		position:absolute;
		top:-30px;
		left:50%;
		margin-left:-20px;
		width:40px;
		height:2px;
		background-color:#242951;
		content:'';
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.more{
		position:absolute;
		top:30px;
		right:0px;
		display:block;
		width:46px;
		height:46px;
		border:1px solid #e6e6e6;
		border-radius:100%;
		background:url(/images/btn_go2.png);
		background-repeat:no-repeat;
		background-position:21px center;
		background-size:9px;
		background-color:#fff;
		margin-top:10px;
		cursor:pointer;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.more:hover{
		border:1px solid #242951;
		background:url(/images/btn_go2_white.png);
		background-repeat:no-repeat;
		background-position:21px center;
		background-size:9px;
		background-color:#242951;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div{
		text-align:center;
		border:1px solid #cfcfcf;
		background-color:#fff;
		margin-left:10px;
		cursor:pointer;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div:nth-child(1),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div:nth-child(1),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div:nth-child(1){
		color:#000;
		font-size:17px;
		font-weight:bold;
		margin-top:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div:nth-child(2),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div:nth-child(2),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div:nth-child(2){
		height:60px;
		margin-top:30px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div:nth-child(2){
		background:url(/images/icon_board_02.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:40px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div:nth-child(2){
		background:url(/images/icon_board_03.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div:nth-child(2){
		background:url(/images/icon_board_04.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div:nth-child(3),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div:nth-child(3),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div:nth-child(3){
		color:#444;
		font-size:13px;
		line-height:20px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div.more,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div.more,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div.more{
		width:60px;
		height:25px;
		line-height:25px;
		color:#777;
		font-size:11px;
		letter-spacing:0px;
		border:1px solid #ddd;
		margin:30px auto 40px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div:hover,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div:hover,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div:hover{
		border:1px solid #242951;
		background-color:#242951;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div:hover div,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div:hover div,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div:hover div{
		color:#fff;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div:hover .icon{
		background:url(/images/icon_board_white_02.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:40px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div:hover .icon{
		background:url(/images/icon_board_white_03.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div:hover .icon{
		background:url(/images/icon_board_white_04.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div:hover .more,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div:hover .more,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div:hover .more{
		border:1px solid #fff;
	}
}

/* PC 환경 */
@media screen and (min-width:1201px){
	/* 본문 */
	.mobile{
		display:none;
	}
	.tablet{
		display:none;
	}
	.pc{
		display:block;
	}

	#wrap > #body{
		position:relative;
		width:100%;
		background-color:#fff;
	}
	#wrap > #body > #body_content{
		position:relative;
		width:100%;
		overflow:hidden; /* 애니메이션 효과로인한 가로 스크롤바 차단 */
	}

	/* 제품소개 */
	#wrap > #body > #body_content > #business_wrap{
		width:100%;
		background-color:#fff;
	}		
	#wrap > #body > #body_content > #business_wrap > #business{
		position:relative;
		width:1000px;
		margin:auto;
		padding:80px 0px;
		/*overflow:hidden;*/
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul{
		width:100%;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li{
		float:left;
		width:33.33%;
		list-style:none;
		box-sizing:border-box;
		border-right:1px solid #d5d5d5;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li:last-child{
		border-right:0px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div{
		width:80%;
		text-align:center;
		margin:20px auto;
		cursor:pointer;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div > div:nth-child(1){
		height:100px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div > div:nth-child(2){
		color:#0a0a0a;
		font-size:18px;
		font-weight:bold;
		margin-top:10px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div > div:nth-child(3){
		line-height:23px;
		color:#5a5a5a;
		font-size:14px;
		margin-top:18px;
	}
	#wrap > #body > #body_content > #business_wrap > #business > #business_content > ul > li > div > div img{
		height:80px;
	}

	/* 사진 슬라이드 */
	#wrap > #body > #body_content > #photo_wrap{
		border-top:1px solid #ddd;
		padding:80px 0px 60px 0px;
		background-color:#242951;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo{
		width:1200px;
		margin:auto;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list{
		position:relative;
		margin:auto;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .prev{
		position:absolute;
		top:50%;
		left:-89px;
		transform:translateY(-50%);
		width:79px;
		height:16px;
		background-image:url(../images/icon_slide_prev_01_white.png);
		background-size:79px 16px;
		font-size:0px;
		cursor:pointer;
		z-index:2;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .next{
		position:absolute;
		top:50%;
		right:-89px;
		transform:translateY(-50%);
		width:79px;
		height:16px;
		background-image:url(../images/icon_slide_next_01_white.png);
		background-size:79px 16px;
		font-size:0px;
		cursor:pointer;
		z-index:2;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-slide{
		max-width:650px !important;
		/*background-color:#f7f7f7 !important;*/
		/* 현재 슬라이드 외의 모든 슬라이드에 적용되는 투명도 */
		opacity: 0.3;
		transition: opacity 0.5s ease; /* 투명도 전환 부드럽게 */
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-slide-active {
		/* 현재 활성화된 슬라이드에만 적용되는 불투명도 */
		opacity: 1;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list a{
		display:block;
		height:400px !important;
		background-size:cover !important;
		background-position:center !important;
		cursor:default;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .caption{
		color:#fff;
		font-size:17px;
		text-align:center;
		padding-top:15px;
		opacity: 0;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-slide-active .caption{
		/* 현재 활성화된 슬라이드에만 적용되는 불투명도 */
		opacity: 1;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-pagination {
	  position: relative;
	  color:#fff;
	  margin-top:20px;
	}
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-pagination-bullet-active {
        background-color: red !important;
    }
	#wrap > #body > #body_content > #photo_wrap > #photo > #photo_content.item_list .swiper-pagination-bullet {
		--swiper-pagination-bullet-size: 12px; /* Sets bullet size to 12px */
		--swiper-pagination-bullet-width: 12px; /* Explicitly sets width */
		--swiper-pagination-bullet-height: 12px; /* Explicitly sets height */
        background-color: #fff;
        opacity: 0.5;
    }

	/* 게시판 */
	#wrap > #body > #body_content > #board_wrap{
		width:100%;
		background-color:#f5f5f5;
	}		
	#wrap > #body > #body_content > #board_wrap > #board{
		width:1200px;
		margin:auto;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content{
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul{
		padding:60px 0px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li{
		list-style:none;
		float:left;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1){
		position:relative;
		width:40%;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2){
		width:20%;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3){
		width:20%;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4){
		width:20%;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div{
		position:relative;
		margin-right:40px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(1){
		position:relative;
		color:#995477;
		font-size:16px;
		font-weight:bold;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(1)::before{
		position:absolute;
		bottom:-15px;
		left:0px;
		width:40px;
		height:2px;
		background-color:#444;
		content:'';
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(2){
		color:#222;
		font-size:24px;
		letter-spacing:1px;
		margin-top:25px;;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(3){
		line-height:22px;
		color:#666;
		font-size:14px;
		margin-top:10px;;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(3) > ul > li{
		list-style:none;
		width:270px;
		margin-bottom:5px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div:nth-child(3) > ul > li:last-child{
		margin-bottom:0px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.icon{
		position:absolute;
		top:80px;
		right:0px;
		display:block;
		width:140px;
		height:120px;
		background:url(/images/icon_board_01.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:140px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.desc{
		position:relative;
		width:100%;
		line-height:22px;
		color:#fff;
		font-size:13px;
		text-align:center;
		border-radius:5px;
		background-color:#242951;
		padding:15px 10px;
		margin-top:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.desc::before{
		position:absolute;
		top:-30px;
		left:50%;
		margin-left:-20px;
		width:40px;
		height:2px;
		background-color:#242951;
		content:'';
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.more{
		position:absolute;
		top:30px;
		right:0px;
		display:block;
		width:46px;
		height:46px;
		border:1px solid #e6e6e6;
		border-radius:100%;
		background:url(/images/btn_go2.png);
		background-repeat:no-repeat;
		background-position:21px center;
		background-size:9px;
		background-color:#fff;
		margin-top:10px;
		cursor:pointer;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(1) > div > div.more:hover{
		border:1px solid #242951;
		background:url(/images/btn_go2_white.png);
		background-repeat:no-repeat;
		background-position:21px center;
		background-size:9px;
		background-color:#242951;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div{
		text-align:center;
		border:1px solid #cfcfcf;
		background-color:#fff;
		margin-left:20px;
		cursor:pointer;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div:nth-child(1),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div:nth-child(1),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div:nth-child(1){
		color:#000;
		font-size:17px;
		font-weight:bold;
		margin-top:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div:nth-child(2),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div:nth-child(2),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div:nth-child(2){
		height:60px;
		margin-top:30px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div:nth-child(2){
		background:url(/images/icon_board_02.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:40px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div:nth-child(2){
		background:url(/images/icon_board_03.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div:nth-child(2){
		background:url(/images/icon_board_04.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div:nth-child(3),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div:nth-child(3),
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div:nth-child(3){
		color:#444;
		font-size:13px;
		line-height:20px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div > div.more,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div > div.more,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div > div.more{
		width:60px;
		height:25px;
		line-height:25px;
		color:#777;
		font-size:11px;
		letter-spacing:0px;
		border:1px solid #ddd;
		margin:30px auto 40px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div:hover,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div:hover,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div:hover{
		border:1px solid #242951;
		background-color:#242951;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div:hover div,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div:hover div,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div:hover div{
		color:#fff;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div:hover .icon{
		background:url(/images/icon_board_white_02.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:40px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div:hover .icon{
		background:url(/images/icon_board_white_03.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div:hover .icon{
		background:url(/images/icon_board_white_04.png);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50px;
	}
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(2) > div:hover .more,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(3) > div:hover .more,
	#wrap > #body > #body_content > #board_wrap > #board > #board_content > ul > li:nth-child(4) > div:hover .more{
		border:1px solid #fff;
	}
}