/* Default tab style */

.tabs nav ul {text-align:center;font-size:0;}
.tabs nav ul li {display:inline-block; width:25%;}

.tabs_tw nav ul li{width:50%;}
.tabs_tr nav ul li{width:33.3%;}
.tabs_tr nav ul li:last-child{width:33.4%;}

.tabs_fo nav ul li{width:20%;}

.tabs nav a {display: block; font-family: 'GmarketSansMedium', sans-serif;  font-size:1.2em; padding:15px 0;  }
.content-wrap section {	display: none;margin: 0 auto; padding: 1em;	width:100%; }
.content-wrap section.content-current {display: block;}
.tabs-style-bar nav ul li a {background-color: #f9f9f9; color: #74777b;	transition: background-color 0.2s, color 0.2s; margin:0 5px; }
.tabs-style-bar nav ul li a:hover, .tabs-style-bar nav ul li a:focus {	color: #333;}
.tabs-style-bar nav ul li a span {text-transform: uppercase; letter-spacing: 1px; font-weight: 500; font-size: 0.6em;}
.tabs-style-bar nav ul li.tab-current a { background:#2CC185; color: #fff; font-weight:500;}



/*¿¬Çõ tab*/

.tab_box ul{text-align:left;font-size:0;}
.tab_box ul li {display:inline-block; white-space: nowrap;}
.tab_box ul li a{display:block; margin-right:2%; padding:10px 25px;  font-size:1.1em;background:#fff; border:1px solid #ddd; }
.tab_box ul li:last-child a{margin-right:0;}
.tab_box li a:hover, .tab_box .is-active a { border-bottom-color: transparent; background: #fff; color:#1864ab;  border-top:2px solid #1864ab;}
.tab-contents { padding: 0; background: #fff; /*border:1px solid #ddd;*/border-top:1px solid #ddd; }
.tab-contents { margin-top: -1px;}

/*¿¬Çõ select*/
.tab-select-outer{display:none;}
.nice-select { width: 100%;  -webkit-tap-highlight-color: transparent; background-color: #fff;   border: solid 1px #e8e8e8; box-sizing: border-box; clear: both; cursor: pointer; 
  display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 52px; line-height: 50px; outline: none; padding-left: 18px; padding-right: 30px;
  position: relative; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; white-space: nowrap;
  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color:#555}
.nice-select:hover { border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {border-color: #999; }
.nice-select:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block;
  height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%;
  -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; }
.nice-select.open:after {-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.nice-select.open .list {opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
.nice-select .list {background-color: #fff;box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; margin-top: 4px; opacity: 0;  overflow: hidden; padding: 0;   pointer-events: none; left:0; right:0;
  position: absolute; top: 100%;  -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; }

.nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
.nice-select .option {cursor: pointer; font-weight: 400; line-height: 50px;  list-style: none;  min-height: 50px; outline: none;  padding-left: 18px;  padding-right: 29px; 
	text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; color:#555;}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {background-color: #f6f6f6; }
.nice-select .option.selected {font-weight: bold; }
.nice-select .option.disabled {  background-color: transparent; color: #555; cursor: default; }
.no-csspointerevents .nice-select .list { display: none; }
.no-csspointerevents .nice-select.open .list {display: block; }

@media all and (max-width:768px){
/*¿¬Çõ tab*/
.tab-button-outer{display:none;}
.tab-select-outer{display:block; }
}
@media all and (max-width:500px){
.tabs nav ul{ white-space:nowrap; overflow-x:auto;}
.tabs nav ul li{width:auto;  min-width:150px; text-align:center}
.tabs_tw nav ul li{min-width:200px;}
.tabs_tr nav ul li{width:auto; min-width:150px;}
.tabs_tr nav ul li:last-child{width:auto; min-width:150px; }
.tabs nav a{padding:12px 30px; font-size:1.1em;}


}