/*styletabwrap1--------------------------------------------------------------------------------------------*/
.styletabwrap1{width:100%;height:100%;display:inline-block;position:relative;}
.styletab1 > ul{min-height:400px;overflow:hidden;
border:0 !important;padding:0;margin:0;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}

.styletabwrap1 .ultop{
	position:absolute;top:35px;left:0;width:100%;z-index:100;
   height:2px;border:none;
}
.styletabwrap1 .tabtitle{position:absolute;top:15px;left:0;}

.styletab1 > ul > li{
padding:0 0 0 0 !important;width:100%;
min-height:100%;margin:0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: opacity 0.5s, -o-transform 0.5s;	
	-ms-transition: opacity 0.5s, -ms-transform 0.5s;	
	-moz-transition: opacity 0.5s, -moz-transform 0.5s;	
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
}
.styletab1 > label{
height:35px;text-align:center;line-height:30px;
padding:0 5px 0 5px;margin:0;z-index:10;overflow:hidden;border:none;
/*background-color:#f2f2f2;*/color:#999;
/*
border-top-left-radius:5px;border-top-right-radius:5px;
border-bottom-left-radius:0;border-bottom-right-radius:0;
*/
}

.styletab1 > label.side{
height:35px;text-align:center;line-height:30px;
padding:0 5px 0 5px;margin-top:10px;z-index:10;overflow:hidden;border:none;
background-color:#f2f2f2;color:#999;
/*
border-top-left-radius:5px;border-top-right-radius:5px;
border-bottom-left-radius:5px;border-bottom-right-radius:5px;
*/
}
.styletab1 > label.small{height:25px;
}
/*
.tabcolor__primary > label{background-color:#fc8a58;filter: alpha(opacity=60);-moz-opacity: 0.3;opacity: 0.3;-webkit-opacity: 0.3;}
.tabcolor__secondary > label{background-color:#c4d208;filter: alpha(opacity=60);-moz-opacity: 0.3;opacity: 0.3;-webkit-opacity: 0.3;}
.tabcolor__tertiary > label{background-color:#7fdbfd;filter: alpha(opacity=60);-moz-opacity: 0.3;opacity: 0.3;-webkit-opacity: 0.3;}
*/



.styletab1 > label .listwrap{
  margin:3px auto;padding:0 5px 0 5px;display:inline-block;
}
.styletab1 > label  .listtext{
 float:left; line-height:30px;
}
.styletab1 > label  .prehide{
  display:none;
}

.styletab1 > label .listicon{
  width:18px;float:left;font-size:18px;position:relative;display:inline-block;font-weight:700;
  color:#ccc;/*color:rgba(0,206,240,1)*/;
}
.styletab1 > label .listicon.faicon{
 font-size:16px;line-height:35px;
}
.tabcolor__primary > label:hover,.tabcolor__primary_bar{
	background-color:rgba(252, 138, 88, .3);
}
.tabcolor__secondary > label:hover,.tabcolor__secondary_bar{
	background-color:rgba(196, 210, 8, .3);
}

.tabcolor__tertiary_bar{
	background-color:rgba(127, 219, 253,.3);
}
.tabcolor__tertiary2 > label:hover,.tabcolor__tertiary2_bar{
	background-color:rgba(76, 188, 212, .3);
}
.tabcolor__tertiary3 > label:hover,.tabcolor__tertiary3_bar{
	background-color:rgba(76, 188, 212, .3);
}
.tabcolor__quaternary > label:hover,.tabcolor__quaternary_bar{
	background-color:rgba(82, 140, 186,.3);
}
.tabcolor__quinary > label:hover,.tabcolor__quinary_bar{
	background-color:rgba(151, 199, 220, .3);
}

.styletabwrap1 .sky-tabs > label:hover .listicon{
	/*color:#fc8a58;	*/
	color:rgba(0,206,240,1);/*iconblue*/

}
.styletabwrap1 .sky-tabs > label:hover .listtext{
	color: #000;	
}
.styletabwrap1 .sky-tabs > input:checked + label {
    /*border:none !important;*/
}

.tabcolor__primary > input:checked + label {
    background-color:rgba(252, 138, 88, .3);
}
.tabcolor__secondary > input:checked + label {
    background-color:rgba(196, 210, 8, .3);
}
.tabcolor__tertiary > label:hover,.tabcolor__tertiary > input:checked + label {
    /*background-color:rgba(127, 219, 253, .3);*/
	border-bottom:3px solid rgba(127, 219, 253,1);

}
.tabcolor__tertiary2 > input:checked + label {
    background-color:rgba(76, 188, 212,.3);
}
.tabcolor__tertiary3 > input:checked + label {
    background-color:rgba(76, 188, 212, .3);
}
.tabcolor__quaternary > input:checked + label {
    background-color:rgba(82, 140, 186, .3);
}
.tabcolor__quinary > input:checked + label {
    background-color:rgba(151, 199, 220, .3);
}


.styletabwrap1 .sky-tabs > input:checked + label .listicon{
	/*color:#fc8a58;	*/
	color:rgba(0,206,240,1);/*iconblue*/
}
.styletabwrap1 .sky-tabs > input:checked + label .listtext{
	color: #000;
}

.styletabwrap1 .sky-tabs > input:checked + label .prehide{
	display:block;
}


.styletab1_main{/*min-height로줘야 ios에서안잘린다*/
width:100%;min-height:100%;/*side border 1px/top.bottom.intop-bottom border 1px*/
padding:0 !important;
background:#fff;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}


.styletab1_main_body{/*min-height로줘야 ios에서안잘린다*/
  width:100%;min-height:100%;padding:0 !important;margin:0;overflow:hidden;
}


.styletab_indbtn{
 width:100%;margin:20px 0 20px 0;padding:0 20px 0 20px;
 text-align:center;
 -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}


.styletab1_main_body .styletab-intabsubtitle{margin-top:10px;}
.styletab-intabsubtitle{height:45px;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.styletab-intabsubtitle ul.dropdown{min-width:130px;}


/* animations */
.sky-tabs-anim-slide-up > ul > li {
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}
.sky-tabs-anim-slide-right > ul > li {
	-o-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
}
.sky-tabs-anim-slide-down > ul > li {
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
}
.sky-tabs-anim-slide-left > ul > li {
	-o-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
}


/*styletabwrap2--------------------------------------------------------------------------------------------*/
.styletabwrap2{width;100%;height:100%;display:inline-block;}
.styletab2 > ul{margin-top:-10px;overflow:hidden;padding:5px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
/*
border-radius:0 5px !important;-webkit-border-radius:0 5px !important;-moz-border-radius:0 5px !important;
border-top-left-radius: 0;border-top-right-radius:5px !important;border-bottom-left-radius:5px !important;
border-bottom-right-radius:5px !important;
*/
}
.styletab2 > ul > li{padding:0 !important;width:100% !important;height:100% !important;}
.styletab2 > label{
height:45px;text-align:center;min-width:23%;
padding:0;margin:0;z-index:10;overflow:hidden;
border:solid #f2f2f2;border-width:5px 5px 0 5px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
/*
border-radius:0 !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;
border-top-left-radius:5px;border-top-right-radius:5px !important;
*/
}
.styletab2 > label .styletap_on{width:100%;height:100%;text-align:center;border-bottom:5px solid transparent;}

.styletab2 > label .listwrap{
  margin:10px auto;padding:0 5px 0 5px;display:inline-block;
}

.styletabwrap2 .sky-tabs > label:hover{
	background-color:#fff;
}
.styletabwrap2 .sky-tabs > label:hover .styletap_on{
	border-bottom:solid #fff;
}
.styletabwrap2 .sky-tabs > label:hover .listicon{
	color: #fc8a58;	

}
.styletabwrap2 .sky-tabs > label:hover .listtext{
	color: #000;	
}

.styletabwrap2 .sky-tabs > input:checked + label {
    background-color:#fff;
}
.styletabwrap2 .sky-tabs > input:checked + label .styletap_on{
	border-bottom:solid #fff;
}
.styletabwrap2 .sky-tabs > input:checked + label .listicon{
	color: #fc8a58;	
}
.styletabwrap2 .sky-tabs > input:checked + label .listtext{
	color: #000;
}

.styletab2_main{
width:100%;height:100%;/*side border 1px/top.bottom.intop-bottom border 1px*/
background:#fff;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}


.styletab2_main_body{
  width:100%;height:100%;padding:0;margin:0;overflow:hidden;
}
.styletab2_main_bodyin{
  width:100%;height:100%;padding:0 15px;margin:0;
}
.styletab2_main_bodyin_top{
width:100%;height:50px;border-bottom:1px solid #ccc;
}

.styletab2_main_bodyin_notitle{
  width:100%;height:100%;padding:15px;margin:0;
}


.styletab_indbtn{
 width:100%;margin:20px 0 20px 0;padding:0 20px 0 20px;
 text-align:center;
 -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}


.styletab2_main_body .styletab-intabsubtitle{margin-top:10px;}
.styletab-intabsubtitle{height:45px;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.styletab-intabsubtitle ul.dropdown{min-width:130px;}
/*styletabwrap2--------------------------------------------------------------------------------------------*/



#skywrap_upload{padding-top:5px;;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#skywrap_upload ul{height:423px;}
#skywrap_upload .styletab2_main_bodyin_main{width:100%;min-height:330px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}