/* --- */
/* 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 350px; 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; }

/*tabcontent*/
#contents .subcon .tabmenu #tabcontent{}
#contents .subcon .tabmenu #tabcontent h2{text-align:center;}
#contents .subcon .tabmenu #tabcontent p{ margin:30px 0 50px; font-size:16px; line-height:26px;}

#contents .subcon .tabmenu #tabcontent #tab1 ul{overflow:hidden;}
#contents .subcon .tabmenu #tabcontent #tab1 li{ float:left; width:49.5%; margin-right:1%; margin-top:30px;}
#contents .subcon .tabmenu #tabcontent #tab1 li:nth-child(even){margin-right:0;}
#contents .subcon .tabmenu #tabcontent #tab1 li img{width:100%;}
#contents .subcon .tabmenu #tabcontent #tab1 li figure{}
#contents .subcon .tabmenu #tabcontent #tab1 li figcaption{ margin-top:10px; }
#contents .subcon .tabmenu #tabcontent #tab1 li figcaption strong{line-height:40px;}
    #contents .subcon .tabmenu #tabcontent #tab1 li:nth-child(1) figcaption strong{color:#33ADCD;}
    #contents .subcon .tabmenu #tabcontent #tab1 li:nth-child(2) figcaption strong{color:#679D78;}
    #contents .subcon .tabmenu #tabcontent #tab1 li:nth-child(3) figcaption strong{color:#A33B5B;}
    #contents .subcon .tabmenu #tabcontent #tab1 li:nth-child(4) figcaption strong{color:#004C38;}

#contents .subcon .tabmenu #tabcontent #tab2{}
#contents .subcon .tabmenu #tabcontent #tab2 span{display:block; width:314px; overflow:hidden; margin:0 auto;}
#contents .subcon .tabmenu #tabcontent #tab2 a{ display:block; width:130px; line-height:40px; border:1px solid #e2e2e2; padding-left:20px; float:left; margin-right:10px;
    background:url(../images/ico_download.png) 115px center no-repeat; }
#contents .subcon .tabmenu #tabcontent #tab2 a:hover{ border:1px solid #1d8667; }
#contents .subcon .tabmenu #tabcontent #tab2 a:last-child{margin:0;}

#contents .subcon .tabmenu #tabcontent #tab2 fieldset{ margin-top:75px;}
#contents .subcon .tabmenu #tabcontent #tab2 fieldset legend{ width:100%; background:url(../images/dot_e2e2e2.jpg) center repeat-x;}
#contents .subcon .tabmenu #tabcontent #tab2 fieldset legend em{ line-height:40px; font-size:14px; font-weight:bold; text-align:left; color:#1d8667; background:#fff; padding-right:20px;}
#contents .subcon .tabmenu #tabcontent #tab2 fieldset p{font-size:14px; text-align:left; margin:0; line-height:22px;}
#contents .subcon .tabmenu #tabcontent #tab2 fieldset ul{ overflow:hidden; margin-top:20px;}
#contents .subcon .tabmenu #tabcontent #tab2 fieldset.set1 li{ float:left; border:1px solid #e2e2e2; box-sizing:border-box;}
#contents .subcon .tabmenu #tabcontent #tab2 fieldset.set1 li:nth-child(1){ width:277px; margin-right:15px;}
#contents .subcon .tabmenu #tabcontent #tab2 fieldset.set1 li:nth-child(2){ width:800px; }
#contents .subcon .tabmenu #tabcontent #tab2 fieldset.set2 li{ float:left; width:50%;}
#contents .subcon .tabmenu #tabcontent #tab2 fieldset.set2 li p{ font-weight:bold; margin-bottom:10px; }
#contents .subcon .tabmenu #tabcontent #tab2 fieldset.set2 li .fa{ font-size:3px; margin-right:5px; line-height:22px; color:#1d8667;}


/*----------------------------------------------------------*/
/* 일반 pc */
@media screen and (max-width:1280px) {
	/* tabmenu */
	#contents .subcon .tabmenu #tabs{ margin-bottom:50px; padding:0 30%; }
	#contents .subcon .tabmenu #tabs li{ width:50%; }
	#contents .subcon .tabmenu #tabs li a{ width:100%;}
	/*tabcontent*/
	#contents .subcon .tabmenu #tabcontent p{ margin:20px 0 30px;}
	#contents .subcon .tabmenu #tabcontent #tab2 fieldset.set1 li:nth-child(1){ width:25%; margin-right:3%;}
	#contents .subcon .tabmenu #tabcontent #tab2 fieldset.set1 li:nth-child(2){ width:72%; }
	#contents .subcon .tabmenu #tabcontent #tab2 fieldset.set1 img{width:100%;}
	#contents .subcon .tabmenu #tabcontent #tab2 fieldset.set2 img{width:65%;}

	/*


	*/

}

/* 테블릿 */
@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; }
}
