select, input {font-family: 'Pretendard', sans-serif;}


/* button */
.btn {transition:.2s; border:0; cursor:pointer; border-radius:6px;}
input:disabled, button:disabled {opacity:.5; pointer-events:none;}
input[type='text']:read-only {background:#f8f8f8;}
.btn:focus {outline:none;}
.btn_login {background:#01c8c1; width:100%; height:70px; margin-bottom:24px; color:#fff; font-size:22px; font-weight:bold; border-radius:8px;}
.btn_social {width:100%; display:inline-block; height:70px; font-size:18px; font-weight:bold;}
.btn_social img {margin-right:10px;}
.btn_social img, .btn_social span {display:inline-block; vertical-align:middle;}
.btn_social.naver {background:#03c75a; color:#fff;}
.btn_social.kakao {background:#ffeb00; color:#000;}
.btn_join {background:#333; width:153px; height:34px; color:#fff; font-size:13px; font-weight:bold; float:right;}
.btn_table {padding:0px 15px; min-width:90px; height:35px; vertical-align:top; margin-left:5px; letter-spacing:0; font-size:14px; font-weight:bold; color:#fff; background:#999;}
.btn_footer {width:41px; height:41px; border:1px solid #b9b9b9;}
.btn_fav {background:#fff; border:1px solid #01c8c1; color:#01c8c1; font-weight:bold;}
.btn_common {vertical-align:middle; padding:0 40px; height:50px; font-weight:500; line-height:50px; display:inline-block; font-size:16px; cursor:pointer;}
.btn_common.min {height:36px; line-height:36px; padding:0 20px; font-size:12px;}
.btn_shop {width:100%; height:64px; font-size:18px; font-weight:bold;}
.btn_main {background:#01c8c1; color:#fff;}
.btn_main:hover {background:#01b3ad;}
.btn_main:active {background:#0c817d; opacity:1;}
.btn_sub {background:#fff; border:1px solid #01c8c1; color:#01c8c1;}
.btn_sub:hover {border-color:#01b3ad; color:#01b3ad;}
.btn_sub:active {border-color:#0c817d; color:#0c817d; opacity:1;}
.btn_other {background:#fff; border:1px solid #ccc; color:#333;}
.btn_del {background:#b60000; color:#fff;}
.btn_popup {width:calc(50% - 5px); margin-right:5px; height:45px; line-height:45px; display:inline-block; margin:0 3px; font-size:16px;}
.btn_gnb_search {width:48px; height:38px; position:absolute; top:0; right:0; text-indent:-99999px; background:url("../images/common/btn_gnb_search.png") center no-repeat;}
.btn_item {transition:.2s; width:43px; height:43px; border-radius:16px !important; text-indent:-99999px;}
.btn_item.fav {background:url("../images/shop/btn_item_fav.png?ver=1.1") center no-repeat rgba(0,0,0,0.1);}
.btn_item.fav:hover {background:url("../images/shop/btn_item_fav.png?ver=1.1") center no-repeat rgba(0,0,0,0.15);}
.btn_item.fav:active {background:url("../images/shop/btn_item_fav.png?ver=1.1") center no-repeat rgba(0,0,0,0.25);}
.btn_item.fav.on {background:url("../images/shop/btn_item_fav_on.png?ver=1.1") center no-repeat rgba(255,255,255,0.5);}
.btn_item.cart {background:url("../images/shop/btn_item_cart.png?ver=1.1") center no-repeat rgba(0,0,0,0.1);}
.btn_item.cart:hover {background:url("../images/shop/btn_item_cart.png?ver=1.1") center no-repeat rgba(0,0,0,0.15);}
.btn_item.cart:active {background:url("../images/shop/btn_item_cart.png?ver=1.1") center no-repeat rgba(0,0,0,0.25);}	
.btn_request {width:100%; height:50px; text-align:center; background:#01c8c1; color:#fff; font-size:18px; font-weight:500;}
.btn_request.small {width:360px; margin:auto; display:block;}
.btn_confirm {min-width:200px; padding:0 40px; height:60px; line-height:60px; display:inline-block; font-size:20px; font-weight:bold;}
.btn_input {display:inline-block; width:120px; font-size:16px; height:50px; letter-spacing:-1px; font-weight:600;}
.btn_input.search {position:absolute; top:0; right:0; width:70px; background:url("../images/common/btn_search.png") center no-repeat;}
.btn:active {opacity:.8;}
.btn_download {display:inline-block; padding:0 25px; border:1px solid #ddd; vertical-align:middle; border-radius:7px; height:50px; line-height:50px; background:#fff; margin-top:30px;}
.btn_download * {display:inline-block; vertical-align:middle;}
.btn_download span {font-weight:600; font-size:16px; margin-right:10px;}
.btn_download img {margin-top:-1px;}
.btn_download:hover {background:#f4f4f4;}
.btn_amount {height:40px; font-size:16px; vertical-align:top; width:60px; font-size:14px; border-radius:4px; margin-left:5px;}
.btn_option {height:30px; width:60px; font-size:12px; font-weight:500;}
.btn_option:hover {border-color:#666;}
.btn_option:active {opacity:.75;}
.btn_sort {display:inline-block; width:12px; height:14px; background:url("../images/sub/btn_sort.png?ver=1.3") center no-repeat; margin-left:3px; background-size:100% !important;}
.asc .btn_sort {background:url("../images/sub/btn_sort_up.png?Ver=1.3") center no-repeat;}
.desc .btn_sort {background:url("../images/sub/btn_sort_down.png?Ver=1.3") center no-repeat;}
.btn_sort:active {transition:.2s; opacity:.75;}


/* text */
.text_form {position:relative; transition:.3s; border:0; vertical-align:middle; font-family: "Pretendard", sans-serif; border-radius:6px;}
.text_form:read-only {background:#fafafa;}
.text_search {width:396px; height:50px; line-height:50px; padding:0 15px; font-size:16px; border:1px solid #ccc;}
.text_search.date {padding-right:36px; width:160px; background:url("../images/common/icon_date.png") calc(100% - 10px) center no-repeat;}   
.text_login {width:100%; height:60px; padding:0 30px; display:block; margin-bottom:10px; border-radius:8px; background:#fff; border:1px solid #cccccc; font-size:18px;}
.text_common {width:100%; height:50px; line-height:50px; padding:0 20px; font-size:18px; border:1px solid #ddd;}
.text_common.addr2 {margin-bottom:10px;}
.text_common.textarea {height:145px; resize:none; line-height:1.5; padding:15px 20px;}
.text_gnb_search {width:100%; height:38px; line-height:38px; color:#333; background:transparent; padding:0 49px 0 20px;}
.text_gnb_search::-webkit-input-placeholder {color:#ccc;}
.text_gnb_search:-ms-input-placeholder {color:#ccc;}
.signpad {width:250px; height:200px; border:1px solid #ddd; }


/* üũ¹Ú½º */
.check {position:relative; height:24px; line-height:24px;}
.check input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.check input[type="checkbox"] + label {height:24px; color:#424242; display: inline-block; position: relative; padding-left:34px; font-size:16px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.check input[type="checkbox"] + label:before { content: ''; position: absolute; left: 0; top:0%; margin-top:0px; width: 22px; height: 22px; text-align: center; background: #fff; border: 1px solid #ddd; border-radius:4px;} 
.check input[type="checkbox"]:checked + label:before {background:url("/html/web/images/common/icon_check.png?ver=1.1") center no-repeat #01c8c1; border-color:#01c8c1;} 
.check.small input[type="checkbox"] + label {padding-left:30px; font-size:14px; line-height:18px;}
.check.small input[type="checkbox"] + label:before	{width:16px; height:16px;}
.check.imp input[type="checkbox"] + label {color:#222 !important;}
.check.imp input[type="checkbox"] + label:before {border-color:#333;}
.check.multi {height:auto;}
#tb_list .check {width:24px; display:inline-block;}


/* üũ¹Ú½º */
.check input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.check input[type="radio"] + label {color:#424242; display: inline-block; position: relative; padding-left:34px; font-size:16px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.check input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top:0%; margin-top:0px; width: 22px; height: 22px; text-align: center; background: #fff; border: 1px solid #ddd; border-radius:50%; } 
.check input[type="radio"]:checked + label:before {background:url("/html/web/images/common/icon_check.png?ver=1.1") center no-repeat #01c8c1; border-color:#01c8c1;}
.check input[type="radio"]:disabled + label {color:#999;}
.check input[type="radio"]:disabled + label:before {background:#eee;}
.check.genAll input[type="radio"]:checked + label:before, .check.posAll input[type="radio"]:checked + label:before {background:url("/html/web/images/common/icon_check.png?ver=1.1") center no-repeat #444; border-color:#444;}
.check.gen1 input[type="radio"]:checked + label:before {background:url("/html/web/images/common/icon_check.png?ver=1.1") center no-repeat #01c8c1; border-color:#01c8c1;}
.check.gen2 input[type="radio"]:checked + label:before {background:url("/html/web/images/common/icon_check.png?ver=1.1") center no-repeat #017bc8; border-color:#017bc8;}
.check.gen3 input[type="radio"]:checked + label:before {background:url("/html/web/images/common/icon_check.png?ver=1.1") center no-repeat #b55352; border-color:#b55352;}
.check.gen4 input[type="radio"]:checked + label:before {background:url("/html/web/images/common/icon_check.png?ver=1.1") center no-repeat #885dbf; border-color:#885dbf;}
.check.pos1 input[type="radio"]:checked + label:before {background:url("/html/web/images/common/icon_check.png?ver=1.1") center no-repeat #01c8c1; border-color:#01c8c1;}
.check.pos2 input[type="radio"]:checked + label:before {background:url("/html/web/images/common/icon_check.png?ver=1.1") center no-repeat #017bc8; border-color:#017bc8;}


/* select */

select {height:50px; border-radius:6px; font-family: 'Pretendard', sans-serif; font-size:16px; border:1px solid #ddd; padding:0 40px 0 20px; background: url("../images/common/icon_select_arrow.png?ver=1.1") no-repeat calc(100% - 20px) center #fff; vertical-align:middle; -webkit-appearance: none;
-moz-appearance: none; appearance: none; background-size:9px;}
select::-ms-expand { display: none;}

select[name='ddl_CardName'] {margin-right:5px;}

/* placeholder */
input::-webkit-input-placeholder {color:#aaa;}
input:-ms-input-placeholder {color:#aaa;}
textarea::-webkit-input-placeholder {color:#aaa;}
textarea:-ms-input-placeholder {color:#aaa;}


/* select2 */
.star_wrap {position:relative; width:200px;}
.star_wrap .select2-container {width:100% !important;}
.select2-container--default .select2-selection--single {border:1px solid #ccc; border-radius:4px; height:50px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {position:relative; z-index:1; line-height:50px; padding-left:20px;}
.select2-container--default .select2-selection--single .select2-selection__rendered span {font-size:1.4rem;}
.select2-container--default .select2-selection--single .select2-selection__rendered span img {top:1px; width:124px; position:relative;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top:50%; margin-top:-13px; right:15px; background:url("../images/common/icon_select_arrow.png") center no-repeat #fff; background-size:9px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {background:transparent; display:none;}
.select2-results { box-shadow:0px 5px 10px rgba(0,0,0,0.15); border-radius:0px 0px 8px 8px; border:1px solid #ccc; border-top:0;}
.select2-container--open .select2-dropdown--below { border:0; } 
.select2-results__option {padding:10px 20px !important;}
.select2-results__option img {width:124px;}
.select2-search--dropdown {padding:10px 20px;}
.select2-dropdown {border:0;}
.select2-search--dropdown {display:none !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background:#f3f3f3 !important; color:#333 !important;}
.select2-container--default .select2-results__option[aria-selected=true] {background:#f3f3f3 !important;}