/* Default Button */
.btn-w70 { display: inline-block; font-size: 16px; width: 70px; line-height: 30px; text-align: center; border-radius: 3px; cursor: pointer; }
.btn-w80 { display: inline-block; font-size: 16px; width: 80px; line-height: 32px; text-align: center; border-radius: 3px; cursor: pointer; }
.btn-w100 { display: inline-block; font-size: 15px; width: 100px; line-height: 33px; text-align: center; border-radius: 3px; cursor: pointer;}
.btn-w110 { display: inline-block; font-size: 15px; width: 110px; line-height: 34px; text-align: center; border-radius: 3px; cursor: pointer;}
.btn-w120 { display: inline-block; font-size: 15px; width: 120px; line-height: 34px; text-align: center; border-radius: 3px; cursor: pointer;}
.btn-w140 { display: inline-block; font-size: 16px; width: 140px; line-height: 40px; text-align: center; border-radius: 3px; cursor: pointer; }
.btn-w160 { display: inline-block; font-size: 16px; width: 160px; line-height: 42px; text-align: center; border-radius: 3px; cursor: pointer; }
.btn-w180 { display: inline-block; font-size: 18px; width: 180px; line-height: 46px; text-align: center; border-radius: 3px; cursor: pointer; }
.btn-w220 { display: inline-block; font-size: 20px; width: 220px; line-height: 52px; text-align: center; border-radius: 3px; cursor: pointer; }
.btn-w300 { display: inline-block; font-size: 20px; width: 300px; line-height: 1.2; text-align: center; padding: 17px 0; border-radius: 3px; cursor: pointer; }

.btn-blank-white { color: #FFFFFF; border: #FFFFFF 1px solid; }
.btn-blank-white:hover { color: #FFFFFF; border: #333333 1px solid; background-color: #333333; }
.btn-blank-dark { color: #333333; border: #333333 1px solid; }
.btn-blank-dark:hover { color: #FFFFFF; border: #333333 1px solid; background-color: #333333; }
.btn-orange { color: #FFFFFF; border: #FE6F21 1px solid; background-color: #FE6F21; }
.btn-orange:hover { color: #FE6F21; border: #FE6F21 1px solid; background-color: inherit; }
.btn-swing { color: #FFFFFF; border: #1E9ECF 1px solid; background-color: #4EB5DD; }
.btn-swing:hover { color: #4EB5DD; border: #1E9ECF 1px solid; background-color: inherit; }
.btn-dark { color: #FFFFFF; border: #333333 1px solid; background-color: #333333; }
.btn-dark:hover { color: #333333; border: #333333 1px solid; background-color: inherit; }

.btn-dark-static { color: #FFFFFF; border: #333333 1px solid; background-color: #333333; }
.btn-orange-static { color: #FFFFFF; border: #FE6F21 1px solid; background-color: #FE6F21; }
.btn-swing-static { color: #FFFFFF; border: #1676A9 1px solid; background-color: #1676A9; }
.btn-blank-orange-static { color: #FE6F21; border: #FE6F21 1px solid; background-color: #FFFFFF; }
.btn-blank-dark-app { color: #333333; border: #333333 1px solid; background: #F0F0F0; }

/* round btn*/
.btn {display: inline-block; font-size:20px; border-radius: 20px; color: #fff; padding: 0 30px; font-weight: 300; cursor: pointer;}
.btn01 {display: inline-block; font-size:18px; border-radius: 18px; color: #fff; padding: 0 30px; font-weight: 300; cursor: pointer;}
.btn02 {display: inline-block; font-size:18px; border-radius: 2px; color: #fff; padding: 0 30px; font-weight: 300; cursor: pointer;}
.btn-h30 {border: 0; background: #bfbfbf; line-height: 30px; height: 30px; margin-right: 2%;}
.btn-h40 {border: 0; background: #bfbfbf; line-height: 40px; height: 40px; margin-right: 2%;}
.btn-h62 {border: 0; background: #bfbfbf; padding: 9px 50px; line-height: 22px; border-radius: 30px; margin-right: 20px;}
.btn:hover {background: #fe6f21}
.btn.active {background: #fe6f21}
.btn01:hover {background: #fe6f21}
.btn01.active {background: #fe6f21}


/* 카테고리 버튼 & 서브셀렉트 */
.btn-category {display: inline-block; border: 0; background: #FE6F21; color: #FFFFFF; padding: 0 30px; line-height: 50px; border-radius: 25px; font-size: 20px; }
.btn-category.active { background: inherit; color: #FE6F21; }
.mobile-btn-area { text-align: center; }
.mobile-btn-area a img { margin-left: 10px; }
.mobile-btn-area ul { background-color: #333333; padding: 16px 0; display: none; }
.mobile-btn-area ul li {}
.mobile-btn-area ul li a { color: #FFFFFF; font-size: 20px; line-height: 40px; display: block;}

/* select btn */
.contents .rs-tab {margin: 5% auto 0; z-index: 9999; position: relative;}
.contents .rs-tab .cs-skin-border {background: #fe6f21 /*url(/images/dropDown.png) no-repeat 85% 50%;*/; color: #fff;text-align: center; border: 0; border-radius: 50px !important; height: 72px; line-height: 72px;}
.contents .rs-tab .cs-skin-border > span {border: 0; height: 72px; line-height: 72px; }
.contents .rs-tab .cs-active > span {border: 1px solid #ccc; border-bottom: 0; }
.contents .rs-tab .cs-select > span::after {content: ""; right: 15%;}
.contents .rs-tab .cs-skin-border > span::after,
.contents .rs-tab .cs-skin-border .cs-selected span::after {content: url(/images/dropdown_01.png)}
.contents .rs-tab .cs-active > span::after,
.contents .rs-tab .cs-active > .cs-selected span::after {content: url(/images/dropdown_icon01.png)}

.contents .menu-tab {width: 280px;}
.contents .menu-tab .cs-select {border-radius: 20px;}
.contents .menu-tab .cs-skin-border {background: #fe6f21 /*url(/images/dropDown.png) no-repeat 85% 50%;*/; color: #fff;text-align: center; border: 0; border-radius: 50px !important; height: 40px; line-height: 40px;}
.contents .menu-tab .cs-skin-border > span {height: 40px; line-height: 40px;}

/*.contents .sub-tab .cs-select {height: 72px; border-radius: 36px;}*/
.contents .tab-mobile select {width: 320px; height: 72px; /*transition: ease .2s;*/ border-radius: 36px; font-size: 20px; text-indent: 40px;}
/*.contents .tab-mobile select:focus {background:#fff; color: #262626;}*/
.contents .tab-mobile select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.contents .tab-mobile select option {background: #fff; color: #262626;}
.contents .tab-mobile select::-ms-expand { display: none; }

@media screen and (max-width: 360px) {
    .btn { font-size: 16px;}
}