/* --- */
/* tabmenu */
#contents .subcon .tabmenu{ margin-top:50px; position:relative;}
#contents .subcon .tabmenu #tabs{ overflow: hidden; width:100%; margin-bottom:100px; border-bottom:2px solid #1d8667; padding:0 50px; box-sizing:border-box;}
#contents .subcon .tabmenu #tabs li{ float:left;}
#contents .subcon .tabmenu #tabs li a{ display:block; width:200px; height:65px; line-height:65px; background:#fff; text-align:center;
    border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; box-sizing:border-box;
    float:left; position: relative;}
#contents .subcon .tabmenu #tabs li:last-child a{ border-right:1px solid #e2e2e2; }
#contents .subcon .tabmenu #tabs a:hover,
#contents .subcon .tabmenu #tabs a:hover::after{ border-top:0; border-left:0; border-right:0; background:#d4e1d7; color:#1d8667;}
#contents .subcon .tabmenu #tabs a:focus,
#contents .subcon .tabmenu #tabs a:focus::after{ border-top:0; border-left:0; border-right:0; background:#1d8667; color:#fff;}
#contents .subcon .tabmenu #tabs a::after{ z-index: 1; background:#1d8667; color:#fff;}

/* tabmenu 활성화 */
#contents .subcon .tabmenu #tabs #current a,
#contents .subcon .tabmenu #tabs #current a::after{ border-top:0; border-left:0; border-right:0; background:#1d8667; color:#fff; z-index: 3; }

/*menu*/
.subcon .menu{}
.subcon .menu ul{ overflow:hidden; margin-top:75px;}
.subcon .menu li{ float:left; width:24.25%; margin-right:1%;}
.subcon .menu li.menu_liLast{ margin-right:0; box-sizing:border-box;}
.subcon .menu li figure{ text-align:center; margin-bottom:75px;}
.subcon .menu li figure img{ width:100%; border:1px solid #e2e2e2; padding:25px; margin-bottom:20px; box-sizing:border-box;}
.subcon .menu li figure figcaption{ font-size:12px;}
.subcon .menu li figure figcaption strong{ font-size:14px;}

.subcon .menu li:hover{}
.subcon .menu li:hover figure img{ border:1px solid #1d8667; }
.subcon .menu li:hover figure figcaption strong{ color:#1d8667;}



/*----------------------------------------------------------*/
/* 일반 pc */
@media screen and (max-width:1280px) {
	/*tabmenu*/
	#contents .subcon .tabmenu #tabs{ margin-bottom:50px; padding:0 5%;}
	#contents .subcon .tabmenu #tabs li{ width:20%;}
	#contents .subcon .tabmenu #tabs li a{width:100%;}
	/*menu*/
	.subcon .menu ul{ margin-top:50px;}
	.subcon .menu li figure{ margin-bottom:50px;}
}

/* 테블릿 */
@media screen and (max-width:1024px) {
}

/* 소형 테블릿 */
@media screen and (max-width:768px) {

}

/* 모바일 */
@media screen and (max-width:640px) {

}

/* 최소 사이즈 처리 */
@media screen and (max-width:480px) {
    #wrap { min-width:320px; }
}