@charset "utf-8";

/* 사이트 공통 스타일 */
*,*:after,*:before { box-sizing: border-box; }
html { -webkit-text-size-adjust: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 62.5%; scroll-behavior: smooth; }
html, body { width:100%; height:100%; min-width: 1240px; scroll-behavior: smooth; }

/*웹 폰트*/
body { font-family:  'Noto Sans KR','애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo','맑은 고딕', 'Malgun Gothic','dotum', 'Helvetica', 'Arial', sans-serif; font-size:1.2rem; color:#222; letter-spacing: 0; background-color: #fff; }
a { text-decoration:none; color:#222; }
::selection {background:#2f6ed5; color:#FFF; text-shadow:none;}
::-moz-selection {background:#2f6ed5; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#2f6ed5; color:#FFF; text-shadow:none;}

/*폼 요소*/
input, textarea,option, button { font-family: 'Noto Sans KR','애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo','맑은 고딕', 'Malgun Gothic','dotum', 'Helvetica', 'Arial', sans-serif; font-size:1.2rem; color:#222; letter-spacing: 0; outline: 0; }
input[type=file] { cursor: pointer; }
select { font-family:  'Noto Sans KR','dotum', 'Helvetica', 'Arial', sans-serif; font-size:1.2rem; color:#222; width: 150px; height: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-color: #e7e7e7; margin-left: 1.2px; outline: 0; }
input[type=text],input[type=password],textarea { transition: border-color 0.25s ease; border: 1px solid #dcdcdc; background: #fff; resize: none; border-radius: 3px; }
input[type=text]:active,input[type=password]:active,textarea:active,
input[type=text]:focus,input[type=password]:focus,textarea:focus { border-color: #80B0FF!important; }
input[type=text]:disabled { background: #EDEDED!important; }
input[type=text]::-webkit-input-placeholder { color: #666; }
input[type=text]::-moz-placeholder { color: #666; }
input[type=text]:-ms-input-placeholder { color: #666; }
input[type=text]:-moz-placeholder{ color: #666; }
input[type=password]::-webkit-input-placeholder { color: #666; }
input[type=password]::-moz-placeholder { color: #666; }
input[type=password]:-ms-input-placeholder { color: #666; }
input[type=password]:-moz-placeholder{ color: #666; }
textarea::-webkit-input-placeholder { color: #666; }
textarea::-moz-placeholder { color: #666; }
textarea:-ms-input-placeholder { color: #666; }
textarea:-moz-placeholder{ color: #666; }

/*IE input[type=text] clear button*/
input[type=text]::-ms-clear { display:none; }

/*숨김처리*/
.blind { position:absolute; font-size:0; line-height:0; height:0; }

/*테스트*/
.testBorder { border:1px solid red !important; }
.testBg { background-color:yellow !important; }

/*클리어픽스*/
.clearfix:after { display: block; height: 0; clear: both; content: ''; }

/* 가맹점 로고 */
.brand-logo-wrap { position: relative; border-bottom: 1px solid #e5e5e5; padding: 20px 0; }
.brand-logo-area { position: relative; width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 50px;}
.brand-logo-wrap .brand-logo {  display: flex;  flex-direction: column; align-items: center;  justify-content: flex-start; overflow: hidden;}
.brand-logo-wrap .brand-logo .logo-text { padding-top: 3px; font-size: 1.4rem; font-weight: 500; text-align: center; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.brand-logo-wrap .brand-logo .logo-img { position: relative; width: 80px; height: 80px; background: #F2F4F6; border-radius: 50%;}
.brand-logo-wrap .brand-logo .logo-img img { max-width: 90%; max-height: 90%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.brand-logo-area .slick-list { padding: 0 20px !important;}
.brand-logo-area .slick-slide { padding: 0 20px;   display: flex !important; justify-content: center; align-items: center; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle;}
.brand-logo-area .slick-track { display: flex; align-items: center;}
.brand-logo-control { position: absolute; top: 50%; left: 50%; width: 1200px; transform: translate(-50%, -50%); display: flex; justify-content: space-between; pointer-events: none;}
.brand-logo-control button { pointer-events: auto; background: #fff; border: 1px solid #ddd; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #555; cursor: pointer; transition: all 0.2s;}
.brand-logo-control button:hover { background: #2f6ed5; color: #fff; border-color: #2f6ed5;}

/* 탭 메뉴 */
.tab-area.center ul { justify-content: center;}
.tab-area ul { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 15px;}
.tab-area ul li { border: 1px solid #E8ECEF; border-radius: 100px; overflow: hidden; transition: all 0.2s ease;}
.tab-area ul li a { display: block; padding: 4px 13px; background: #fff; color: #3F454B; font-size: 1.4rem; }
.tab-area ul li:hover,
.tab-area ul li.active { border-color: #02132F; background: #02132F; }
.tab-area ul li:hover a,
.tab-area ul li.active a { color: #fff; background: #02132F;}

/* 신규 게시물 리스트 가로형 */
.libary-list { padding-top: 12px;}
.libary-list .item { display: flex; align-items: flex-start; gap: 20px; background: #fff; padding: 30px; border: 1px solid #E5E5E5; margin-top: 15px;}
.libary-list .item:first-child { border-top: 2px solid #363e4e; margin-top: 0; }
.libary-list .item .thumbnail { position: relative; overflow: hidden; width: 230px; padding-bottom: 16%; flex-shrink: 0; overflow: hidden; background: #F2F4F6; border-radius: 10px; border: 1px solid #C3CCD3;}
.libary-list .item .thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; transition: 0.3s ease;}

.libary-list .item .thumbnail.no-image img { width: 120px; opacity: .5; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.libary-list .item .info-area { flex: 1; min-width: 0; }
.libary-list .item .info-area .label { font-size: 1.1rem; font-weight: 500; color: #FF373A; background: #F6E5EC; border: 1px solid #EFD1D1; border-radius: 100px; padding: 2px 10px;}
.libary-list .item .info-area .title { font-size: 1.5rem; font-weight: 500; padding-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.libary-list .item .info-area .text { font-size: 1.3rem; height: 50px; color: #797979; padding-top: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; line-height: 1.4; margin-bottom: 10px; letter-spacing: -0.5px;}
.libary-list .item .info-area .date { font-size: 1.2rem; color: #797979; padding-top: 10px;}

.board-info-wrap.empty .tab-area { display: none;}
.board-info-wrap.empty .search-area { display: none;}
.board-info-wrap.empty .board-wrap .libary-list .empty-box { position: relative; width: 100%; display: block; background: #fff; padding: 30px; border: 1px solid #E5E5E5; min-height: 180px; height: 100%;}
.board-info-wrap .board-wrap .libary-list .empty-box { display: none;}
.board-info-wrap.empty .board-wrap .libary-list .empty-box .empty { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.board-info-wrap.empty .board-wrap .libary-list .empty-box .img-area { width: 40px; height: auto; margin: 0 auto;}
.board-info-wrap.empty .board-wrap .libary-list .empty-box .img-area img { width: 100%; height: 100%;}
.board-info-wrap.empty .board-wrap .libary-list .empty-box p { font-size: 1.4rem;  margin-top: 10px;}
.board-info-wrap.empty .board-wrap .libary-list .item { display: none;}
.board-info-wrap.empty .board-wrap .paging { display: none;}

/* 게시물 상세 관련상품 */
.related-products-wrap { padding-top: 10px; margin-top: 10px; border-top: 1px solid #c3ccd3;}
.related-products-wrap .tit { font-size: 1.4rem; font-weight: 500; text-align: left; margin-bottom: 10px;}
.related-products-wrap .related-list { border: 1px solid #c3ccd3; }
.related-products-wrap .related-item { display: flex; align-items: flex-start; gap: 10px; background: #fff; padding: 15px; border-bottom: 1px solid #dbdbdb; text-decoration: none !important;}
.related-products-wrap .related-item:hover .info .title { text-decoration: underline; }
.related-products-wrap .related-item:last-child { border-bottom: none;}
.related-products-wrap .related-item .thumb { position: relative; overflow: hidden; width: 120px; padding-bottom: 11%; flex-shrink: 0; overflow: hidden; background: #F2F4F6; border-radius: 4px; border: 1px solid #C3CCD3;}

.related-products-wrap .related-item .thumb.no-image img { width: 90px; opacity: .5; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.related-products-wrap .related-item .thumb img { margin-top: 0 !important; max-width: none !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; transition: 0.3s 
ease;}
.related-products-wrap .related-item .info { width: calc(100% - 130px);     text-align: left;}
.related-products-wrap .related-item .info .category { font-size: 0.9rem; font-weight: 500; color: #376FFF; background: #EAF0FF; border: 1px solid #d1d9ef; border-radius: 100px; padding: 2px 6px;}
.related-products-wrap .related-item .info .category.type02 { background: #FFF0DA; border: 1px solid #f3ddbd; color: #E78A00;}

/* 2025-11-12, 가맹점명 제거 후 브랜드명 출력을 위한 개발자 설정 -> padding-top: 10px; 제거 */
.related-products-wrap .related-item .info .title { font-size: 1.3rem; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; line-height: 1.4; margin-bottom: 10px; letter-spacing: -0.5px;}

/* 2025-11-12, 가맹점명 제거 후 브랜드명 출력을 위한 개발자 설정 */
.related-products-wrap .related-item .info .brand { color: #4a5777 !important; margin-left: 0px !important; padding-top: 10px !important; font-weight: 700 !important; font-size: 1.5rem !important; }

.related-products-wrap .libary-list .item .info-area .text { font-size: 1.4rem; color: #797979; padding-top: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; line-height: 1.4; margin-bottom: 10px; letter-spacing: -0.5px;}
.related-products-wrap .related-item .info .price .discount { font-size: 1.2rem; color: #797979; text-decoration: line-through; padding-right: 6px;}
.related-products-wrap .related-item .info .price { font-size: 1.4rem;  padding-top: 10px;}


/* 댓글 UI */
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap { margin-top: 30px; margin-bottom: 20px; border: 1px solid #e5e5e5; border-radius: 3px; background: #fff; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-write-wrap { padding: 20px; border-bottom: 1px solid #e5e5e5; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-write-wrap .comment-user-name { font-size: 1.4rem; font-weight: 500; margin-bottom: 15px; color: #333; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-write-wrap .comment-warning { font-size: 1.2rem; color: #666; line-height: 1.6; margin-bottom: 15px; padding: 12px; background: #f8f8f8; border-radius: 3px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-write-wrap .comment-input-area { position: relative; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-write-wrap .comment-input-area .comment-textarea { width: 100%; min-height: 120px; padding: 5px 10px; border: 1px solid #dcdcdc; border-radius: 3px; font-size: 1.3rem; line-height: 1.6; resize: vertical; font-family: inherit; transition: border-color 0.25s ease; height: auto;}
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-write-wrap .comment-input-area .comment-textarea:focus { outline: none; border-color: #80B0FF; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-write-wrap .comment-input-area .comment-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-write-wrap .comment-input-area .comment-footer .comment-count { font-size: 1.2rem; color: #999; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-write-wrap .comment-input-area .comment-footer .comment-submit-btn { height: 34px; line-height: 32px; padding: 0 24px; background: #F5F7F9; color: #777; border: 1px solid #ddd; border-radius: 3px; font-size: 1.3rem; font-weight: 500; cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease; letter-spacing: -0.5px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-write-wrap .comment-input-area .comment-footer .comment-submit-btn:hover { background: #2f6ed5; color: #fff; border-color: #2f6ed5; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-write-wrap .comment-input-area .comment-footer .comment-submit-btn:active { background: #1E5CC3; border-color: #1E5CC3; }

/* 댓글 목록 */
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap { }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item { border-bottom: 1px solid #e5e5e5; padding: 20px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item:last-child { border-bottom: none; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-item-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-item-header .comment-item-info { flex: 1; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-item-header .comment-item-info .comment-item-user-name { font-size: 1.4rem; font-weight: 700; color: #333; margin-bottom: 5px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-item-header .comment-item-info .comment-item-date { font-size: 1.2rem; color: #999; font-weight: 300; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-item-header .comment-item-actions { display: flex; gap: 8px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-item-header .comment-item-actions .comment-edit-btn,
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-item-header .comment-item-actions .comment-delete-btn { height: 32px; line-height: 30px; padding: 0 15px; background: #F5F7F9; color: #777; border: 1px solid #ddd; border-radius: 3px; font-size: 1.2rem; font-weight: 400; cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease; letter-spacing: -0.5px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-item-header .comment-item-actions .comment-edit-btn:hover,
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-item-header .comment-item-actions .comment-delete-btn:hover { background: #2f6ed5; color: #fff; border-color: #2f6ed5; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-item-header .comment-item-actions .comment-edit-btn:active,
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-item-header .comment-item-actions .comment-delete-btn:active { background: #1E5CC3; border-color: #1E5CC3; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-item-content { font-size: 1.3rem; color: #222; line-height: 1.6; word-break: break-word; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item.editing .comment-item-content { display: none; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item.editing .comment-item-actions { display: none; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item.editing .comment-edit-area { display: block !important; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-edit-area { margin-top: 15px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-edit-area .comment-edit-textarea { width: 100%; min-height: 100px; padding: 5px 10px; border: 1px solid #dcdcdc; border-radius: 3px; font-size: 1.3rem; line-height: 1.6; resize: vertical; font-family: inherit; transition: border-color 0.25s ease; height: auto;}
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-edit-area .comment-edit-textarea:focus { outline: none; border-color: #80B0FF; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-edit-area .comment-edit-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-edit-area .comment-edit-footer .comment-edit-count { font-size: 1.2rem; color: #999; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-edit-area .comment-edit-footer .comment-edit-actions { display: flex; gap: 8px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-edit-area .comment-edit-footer .comment-edit-actions .comment-cancel-btn,
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-edit-area .comment-edit-footer .comment-edit-actions .comment-save-btn { height: 32px; line-height: 30px; padding: 0 15px; background: #F5F7F9; color: #777; border: 1px solid #ddd; border-radius: 3px; font-size: 1.2rem; font-weight: 400; cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease; letter-spacing: -0.5px; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-edit-area .comment-edit-footer .comment-edit-actions .comment-save-btn { background: #2f6ed5; color: #fff; border-color: #2f6ed5; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-edit-area .comment-edit-footer .comment-edit-actions .comment-save-btn:hover { background: #1E5CC3; border-color: #1E5CC3; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-edit-area .comment-edit-footer .comment-edit-actions .comment-cancel-btn:hover { background: #2f6ed5; color: #fff; border-color: #2f6ed5; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-edit-area .comment-edit-footer .comment-edit-actions .comment-save-btn:active { background: #1E5CC3; border-color: #1E5CC3; }
#ebric_pc_wrap #main-content-wrap .board-wrap .comment-wrap .comment-list-wrap .comment-item .comment-edit-area .comment-edit-footer .comment-edit-actions .comment-cancel-btn:active { background: #1E5CC3; border-color: #1E5CC3; }


/* 텍스트 스타일 */
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.txt-link { text-decoration: underline; }
.txt-red { color: #f05050; }

/* form validation */
.txt-invalid { color: #f05050; display: none; vertical-align: middle; }

/* 알림창 */
.alert-pop-wrap { position: fixed; top: 0; left: 0; max-height:0; width: 100%; z-index: 999; transition: max-height 0.7s cubic-bezier(1, 0.09, 0.18, 0.66),padding 0.7s cubic-bezier(1, 0.09, 0.18, 0.66),opacity 0.7s cubic-bezier(1, 0.09, 0.18, 0.66); box-shadow: 0 2px 5px 5px rgba(0,0,0,0.05); padding: 0 20px; overflow: hidden; opacity: 0; }
.alert-pop-wrap.on { padding: 15px 20px; opacity: 1; max-height: 100%; }
.alert-pop-wrap.red-bg { background: rgba(255,44,48,0.95); }
.alert-pop-wrap.green-bg { background: rgba(51,190,98,0.95); }
.alert-pop-wrap i { position:fixed; color: #fff; margin-right: 5px; margin-top: 4px; font-size: 13px; text-shadow: 0 0 1px 1px rgba(0,0,0,0.05);  }
.alert-pop-wrap .messege { padding-left: 18px; color: #fff; font-size: 13px; font-weight: 300; display: inline-block; cursor: default; text-shadow: 0 0 1px 1px rgba(0,0,0,0.05); }
.alert-pop-wrap .close-btn { float: right; color: #fff; cursor: pointer; transition: opacity .25s ease; }
.alert-pop-wrap .close-btn:hover { opacity: 0.7; }

/* 확인창 */
.confirm-pop-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.2); min-width: 960px; }
.confirm-pop-wrap .confirm-pop-area { position: relative; width: 100%; height: 100%; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop { width: 320px; min-height: 50px; position: absolute; background: #fff; left: 50%; top: 50px; margin-left: -160px; box-shadow: 0 1px 8px 1px rgba(0,0,0,0.1); }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .content { padding: 40px 30px; text-align: center; font-size: 13px; position: relative; letter-spacing: -0.5px; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .content p { white-space: pre-wrap; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .content .close-btn { position: absolute; top: 10px; right: 15px; cursor: pointer; opacity: 0.3; transition: opacity .25s ease; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .content .close-btn:hover { opacity: .7; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap { height: 50px; padding: 10px 15px; text-align: center; border-top: 1px solid #eee; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap a { display: inline-block; cursor: pointer; padding: 4px 20px; border: 1px solid #dee3eb; border-radius: 3px; margin-top: 0; margin-left: 5px; margin-bottom: 5px; width: auto; height: 30px; line-height: 20px; font-size: 1.2rem; font-weight: 400; text-align: center; background: #fff; letter-spacing: -0.5px; transition: background .2s ease, color .2s ease, border-color .2s ease; float: none; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap .cancel-btn { color: #999; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap .confirm-btn { background: #33be62; color: #fff; border-color: #33be62; }
/* 확인창(WITH PARAMETER) */
.confirm-pop-wrap-with-param { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.2); min-width: 960px; }
.confirm-pop-wrap-with-param .confirm-pop-area { position: relative; width: 100%; height: 100%; }
.confirm-pop-wrap-with-param .confirm-pop-area .confirm-pop { width: 320px; min-height: 50px; position: absolute; background: #fff; left: 50%; top: 50px; margin-left: -160px; box-shadow: 0 1px 8px 1px rgba(0,0,0,0.1); }
.confirm-pop-wrap-with-param .confirm-pop-area .confirm-pop .content { padding: 40px 30px; text-align: center; font-size: 13px; position: relative; letter-spacing: -0.5px; }
.confirm-pop-wrap-with-param .confirm-pop-area .confirm-pop .content p { white-space: pre-wrap; }
.confirm-pop-wrap-with-param .confirm-pop-area .confirm-pop .content .close-btn { position: absolute; top: 10px; right: 15px; cursor: pointer; opacity: 0.3; transition: opacity .25s ease; }
.confirm-pop-wrap-with-param .confirm-pop-area .confirm-pop .content .close-btn:hover { opacity: .7; }
.confirm-pop-wrap-with-param .confirm-pop-area .confirm-pop .btn-wrap { height: 50px; padding: 10px 15px; text-align: center; border-top: 1px solid #eee; }
.confirm-pop-wrap-with-param .confirm-pop-area .confirm-pop .btn-wrap a { display: inline-block; cursor: pointer; padding: 4px 20px; border: 1px solid #dee3eb; border-radius: 3px; margin-top: 0; margin-left: 5px; margin-bottom: 5px; width: auto; height: 30px; line-height: 20px; font-size: 1.2rem; font-weight: 400; text-align: center; background: #fff; letter-spacing: -0.5px; transition: background .2s ease, color .2s ease, border-color .2s ease; float: none; }
.confirm-pop-wrap-with-param .confirm-pop-area .confirm-pop .btn-wrap .cancel-btn { color: #999; }
.confirm-pop-wrap-with-param .confirm-pop-area .confirm-pop .btn-wrap .confirm-btn { background: #33be62; color: #fff; border-color: #33be62; }

/* 로딩 팝업 */
.loading-pop-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.2); min-width: 960px; }
.loading-pop-wrap .loading-pop-area { position: relative; width: 100%; height: 100%; }
/* 도넛 */
.loading-pop-wrap .loading-pop-area>.loading { width: 45px; height: 45px; position: absolute; left: 50%; margin-left: -22.5px; top: 50%; margin-top: -22.5px; }
.loading-pop-wrap .loading-pop-area>.loading .loading-bar { border-top: 6px solid transparent; border-bottom: 6px solid #1EC857; border-left: 6px solid #1EC857; border-right: 6px solid transparent; animation: loading .8s cubic-bezier(0.4, 0.18, 0.63, 0.86) .2s infinite; border-radius: 80px; width: 45px; height: 45px; display: block; }
@keyframes loading
{
	0%{transform:rotate(0deg);	}
	100%{transform:rotate(360deg); }
}

/* 헤더 */
#ebric_pc_wrap #header_wrap { height: 131px; border-bottom: 1px solid #e5e5e5; }
#ebric_pc_wrap #header_wrap .header { width: 1200px; margin: 0 auto; height: 100%; }
#ebric_pc_wrap #header_wrap .header .logo-area { width: 280px; height: 100%; float: left; padding-top: 50px; }
#ebric_pc_wrap #header_wrap .header .logo-area .header-logo { width: 180px; height: 48px; }
#ebric_pc_wrap #header_wrap .header .logo-area .header-logo a { display: block; height: 100%; position: relative; }
#ebric_pc_wrap #header_wrap .header .logo-area .header-logo a img { width: 100%; }
#ebric_pc_wrap #header_wrap .header .logo-area .header-logo a img.beta-label { width: 32px; height: 16px; position: absolute; z-index: 2; top: 1px; right: -40px; }

#ebric_pc_wrap #header_wrap .header .search-box-wrap { width: 620px; float: left; height: 100%; padding-top: 45px; }
#ebric_pc_wrap #header_wrap .header .search-box-wrap .search-box { height: 40px; width: 100%; position: relative; }
#ebric_pc_wrap #header_wrap .header .search-box-wrap .search-box input[type=text] { width: 100%; height: 100%; border: 1px solid #dcdcdc; border-radius: 5px; padding-left: 15px; padding-right: 70px; font-size: 1.3rem; line-height: 38px; transition: border-color 0.25s ease; }
#ebric_pc_wrap #header_wrap .header .search-box-wrap .search-box input[type=text]:active,
#ebric_pc_wrap #header_wrap .header .search-box-wrap .search-box input[type=text]:focus { border-color: #80B0FF; }
#ebric_pc_wrap #header_wrap .header .search-box-wrap .search-box input[type=text]::-webkit-input-placeholder { color: #666; }
#ebric_pc_wrap #header_wrap .header .search-box-wrap .search-box input[type=text]::-moz-placeholder { color: #666; }
#ebric_pc_wrap #header_wrap .header .search-box-wrap .search-box input[type=text]:-ms-input-placeholder { color: #666; }
#ebric_pc_wrap #header_wrap .header .search-box-wrap .search-box input[type=text]:-moz-placeholder{ color: #666; }
#ebric_pc_wrap #header_wrap .header .search-box-wrap .search-box .search-btn { width: 60px; text-align: center; height: 100%; display: block; position: absolute; top: 0; right: 0; background: #2f6ed5; color: #fff; font-size: 1.6rem; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; padding: 7px 0; z-index: 2; transition: background .3s ease; }
#ebric_pc_wrap #header_wrap .header .search-box-wrap .search-box .search-btn:hover { background: #1E5CC3; }

#ebric_pc_wrap #header_wrap .header .ad-banner-wrap { width: 280px; float: right; height: 100%; background: #f8f8f8; position: relative; overflow: hidden; }
#ebric_pc_wrap #header_wrap .header .ad-banner-wrap .ad-banner { width: 100%; height: 100%; }
#ebric_pc_wrap #header_wrap .header .ad-banner-wrap .ad-banner a { display: none; height: 100%; cursor: pointer; transition: opacity .3s ease; }
#ebric_pc_wrap #header_wrap .header .ad-banner-wrap .ad-banner a:hover { opacity: 0.85; }
#ebric_pc_wrap #header_wrap .header .ad-banner-wrap .ad-banner a.on { display: block; }
#ebric_pc_wrap #header_wrap .header .ad-banner-wrap .ad-banner a img { width: 100%; }
#ebric_pc_wrap #header_wrap .header .ad-banner-wrap .banner-navi { position: absolute; z-index: 2; bottom: 0; left: 0; width: 40px; height: 20px; }
#ebric_pc_wrap #header_wrap .header .ad-banner-wrap .banner-navi .navi { background: #fff; display: block; height: 100%; width: 50%; float: left; border: 1px solid #ddd; border-bottom: none; text-align: center; color: #999; cursor: pointer; }
#ebric_pc_wrap #header_wrap .header .ad-banner-wrap .banner-navi .navi:hover { color: #666; }
#ebric_pc_wrap #header_wrap .header .ad-banner-wrap .banner-navi .navi.left { border-right: none; padding-right: 1px; }

#ebric_pc_wrap #main-content-wrap .main-view-wrap { margin: 0 auto; width: 1200px; padding-top: 20px; background: #fff; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap { height: 50px; position: relative; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category { height: 100%; width: 225px; float: left; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category #all_category_toggle { display: none; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-btn { display: block; height: 100%; background: #2f6ed5; padding: 18px; padding-left: 30px; border-top-left-radius: 5px; transition: background .3s ease; color: #fff; font-size: 1.3rem; line-height: 14px; cursor: pointer; text-shadow: 0 0 5px rgba(0, 0, 0, 0.1); font-weight: 500; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-btn:hover { background: #1E5CC3; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-btn img { width: 18px; height: 14px; margin-right: 10px; }

#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer { display: none; height: 400px; border: 3px solid #2f6ed5; background: #fff; position: absolute; z-index: 4; left: 0; top: 50px; width: 100%; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer.on { display: block; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .category-list { position: relative; height: 100%; padding: 20px; overflow-y: auto; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .category-list>li { display: inline-block; float: left; margin: 5px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .category-list>li>a { font-size: 1.2rem; font-weight: bold; display: block; padding: 10px 25px; position: relative; border: 1px solid #e5e5e5; border-radius: 3px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .category-list>li>a:hover { color: #2f6ed5; border-color: #2f6ed5; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer.on .detail-wrap { display: none; height: 100%; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer.on .detail-wrap.on { display: block; }

#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu { height: 40px; float: right; border-radius: 5px; background: #f7f7f7; text-align: center; position: relative; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu a { cursor: pointer; font-weight: 500; color: #666; letter-spacing: -0.5px; transition: color .25s ease; padding: 11px 15px; display: inline-block; float: left; height: 40px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu a:last-of-type { margin-right: 0; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu a:hover { color: #2d2d2d; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu a i { margin-right: 3px; }

#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu a.chat-bot-btn { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu a.chat-bot-btn.on { background: #2f6ed5; color: #fff; }

#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap { display: none; position: absolute; z-index: 3; top: 50px; width: 100%; height: 450px; left: 0; background: #fff; border-radius: 4px; box-shadow: 0 0 8px 2px rgba(0,0,0,0.2); overflow: hidden; transition: height 0.3s ease; overflow-x: none; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap.on { display: block; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .head { height: 32px; background: #2f6ed5; text-align: left; padding-left: 13px; color: #fff; line-height: 32px; font-size: 1.2rem; position: absolute; width: 100%; z-index: 2; box-shadow: 0 1px 2px 2px rgba(0,0,0,0.1); }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .head .close-btn { color: #fff; float: right; line-height: 32px; height: 32px; padding: 0; text-align: center; width: 33px; transition: background .2s ease; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .head .close-btn:hover { background: #1758C3; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .head .close-btn i { margin-right: 0; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer { height: 100%; width: 100%; position: relative; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .input-area { position: absolute; height: 40px; background: #f8f8f8; left: 0; width: 100%; bottom: 0; padding: 5px; border-top: 1px solid #e5e5e5; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .input-area .chat-box { width: 100%; position: relative; height: 100%; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .input-area .chat-box .chat-btn { position: absolute; background: #2f6ed5; top: 0; right: 0; height: 27px; color: #fff; transition: background .2s ease; z-index: 2; padding: 0; text-align: center; border-top-right-radius: 3px; border-bottom-right-radius: 3px; margin-top: 1px; font-weight: 300; width: 28px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .input-area .chat-box .chat-btn:hover { background: #1758C3; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .input-area .chat-box .chat-btn i { line-height: 26px; margin-right: 0; font-size: 1.1rem; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .input-area .chat-box input[type=text] { width: 100%; height: 100%; background: #fff; border-radius: 3px; padding-left: 10px; padding-right: 45px; font-size: 1.2rem; letter-spacing: -0.5px; font-weight: 400; color: #222; }

#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area { height: 100%; padding: 45px 12px 50px 12px; text-align: left; overflow-y: auto; overflow-x: hidden; -ms-overflow-style: none; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area::-webkit-scrollbar { display:none; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area .talk-box-wrap { min-height: 30px; margin-bottom: 10px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area .talk-box-wrap.ebric { padding-left: 40px; position: relative; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area .talk-box-wrap.ebric .ebric-logo { width: 32px; height: 32px; border-radius: 50%; background: #fff; text-align: center; position: absolute; left: 0; top: 0; border: 1px solid #ddd; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area .talk-box-wrap.ebric .ebric-logo img { width: 20px; height: 20px; margin-top: 5px; }

#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area .talk-box-wrap .talk-box { border: 1px solid #ddd; border-radius: 3px; padding: 5px 10px; font-size: 1.2rem; letter-spacing: -0.5px; position: relative; box-shadow: 0 1px 8px 0px rgba(0,0,0,0.05); }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area .talk-box-wrap .talk-box span { display: block; min-height: 18px; white-space: pre-wrap; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area .talk-box-wrap .talk-box .imp { font-weight: 600; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area .talk-box-wrap .talk-box .command { color: #1758C3; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area .talk-box-wrap.ebric .talk-box:after { width: 5px; height: 8px; background: url(../../img/common/chat_box_ebric_tail.png); background-size: 5px 8px; position: absolute; content: ''; left: -5px; top: 9px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area .talk-box-wrap.user .talk-box { background: #EFF5FF; border-color: #CBD8F0; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area .talk-box-wrap .talk-box span.imp { color: #2F6ED5; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .go-down-btn { width: 30px; height: 30px; position: absolute;  background: #363E4E; right: 10px; bottom: 50px; display: block; border-radius: 50%; z-index: 2; text-align: center; padding: 1px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2); opacity: 0.9; transition: opacity .2s ease; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .go-down-btn:hover { opacity: 1; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .go-down-btn img { width: 15px; display: inline-block; margin-top: 7px; }

/* IE 9+ 전용 CSS */
@media screen\0 {
	/* IE에서는 챗봇 영역이 overflow가 되면 하단부분이 짤려서 나오는 현상 때문에 추가함 */
	#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area .talk-box-wrap:last-child { margin-bottom: 60px; }
}
/* Edge 전용 CSS */
@supports (-ms-ime-align:auto) {
	/* Edge에서는 챗봇 영역이 overflow가 되면 하단부분이 짤려서 나오는 현상 때문에 추가함 */
	#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap .chat-room-layer .content-area .talk-box-wrap:last-child { margin-bottom: 60px; }
}

#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap { float: left; display: none; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap { width: 650px; float: left; margin-left: 20px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .login .user-menu-wrap .search-box-wrap { width: 600px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap .search-box { height: 40px; width: 100%; position: relative; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap .search-box input[type=text] { width: 100%; height: 100%; border: 1px solid #dcdcdc; border-radius: 5px; padding-left: 15px; padding-right: 70px; font-size: 1.3rem; line-height: 38px; transition: border-color 0.25s ease; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap .search-box input[type=text]::-webkit-input-placeholder { color: #666; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap .search-box input[type=text]::-moz-placeholder { color: #666; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap .search-box input[type=text]:-ms-input-placeholder { color: #666; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap .search-box input[type=text]:-moz-placeholder{ color: #666; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap .search-box input[type=text]:focus,
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap .search-box input[type=text]:active { border-color: #80B0FF; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap .search-box .search-btn { width: 60px; text-align: center; height: 100%; display: block; position: absolute; top: 0; right: 0; background: #2f6ed5; color: #fff; font-size: 1.6rem; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; padding: 6px 0; z-index: 2; transition: background .3s ease; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap .search-box .search-btn:hover { background: #1E5CC3; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap .search-box .search-btn i { text-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

/* all categories 펼침 */
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap { position: absolute; top: 0; background: #fff; height: 100%; left: 0;  z-index: 5; width: 100%; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap.on .ad-wrap { display: block;}
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap.on .ad-wrap > a { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap.on .ad-wrap > a > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%; }

#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .category-title { float: left; width: 300px; height: 100%; padding: 25px 20px 25px; border-right: 2px solid #e5e5e5; cursor: default; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .category-title .title { font-size: 2.8rem; font-weight: 800; color: #2F6ED5; display: block; margin-bottom: 10px; width: 100%; word-break: break-word; line-height: 30px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .category-title .back-btn { color: #999; background: #fff; letter-spacing: -0.5px; cursor: pointer; font-size: 1.1rem; border: 1px solid #ddd; padding: 2px 7px; border-radius: 3px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .category-title .back-btn i { font-size: 1.1rem; margin-right: 3px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .category-title .back-btn:hover { color: #555; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap { height: 100%; width: 519px; position: relative; float: left; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap.multiple:after { width: 1px; height: 100%; content: ''; position: absolute; z-index: 2; top: 0; left: 50%; margin-left: -10px; background: #ddd; }

#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list { height: 100%; overflow-y: auto; position: relative; width: 519px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list>ul { position: absolute; top: 0; display: inline-block; max-height: 1000px; padding-bottom: 30px; width: 249px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list>ul:first-child { left: 0; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list>ul:last-child { left: 50%; }

#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list>ul>li { padding: 25px 25px 0 25px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap.multiple .sub-category-list>ul>li { padding: 15px 15px 0 15px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list>ul>li .sub-category-title { font-size: 1.3rem; font-weight: 700; margin-bottom: 5px; display: inline-block; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list>ul>li>ul>li { line-height: 18px; margin-bottom: 5px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list>ul>li>ul>li:last-child { margin-bottom: 0; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list>ul>li>ul>li>a { word-break: break-all; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list>ul>li>ul>li>a:hover { text-decoration: underline; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list>ul>li>ul>li>.stem-category li { padding-left: 8px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list>ul>li>ul>li>.stem-category li a { position: relative; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list>ul>li>ul>li>.stem-category li a:before { width: 2px; height: 2px; background: #999; content: ''; position: absolute; left: -6px; top: 8px; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .sub-category-wrap .sub-category-list>ul>li>ul>li>.stem-category li a:hover { text-decoration: underline; }

#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .ad-wrap { border-left: 1px solid #ddd; width: 375px; height: 395px; float: right; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .ad-wrap a { transition: opacity .3s ease; }
#ebric_pc_wrap #main-content-wrap .main-view-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap .ad-wrap a:hover { opacity: 0.85; }

/* 스크롤 상단 메뉴 변화 */
#ebric_pc_wrap.scrolled #main-content-wrap { padding-top: 60px; }
#ebric_pc_wrap.scrolled #main-content-wrap .main-view-wrap .user-menu-wrap .search-box-wrap { display: block; margin-top: 9px; }
#ebric_pc_wrap.scrolled #main-content-wrap .main-view-wrap .scrolled-top-menu-wrap { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 4; border-bottom: 1px solid #ddd; box-shadow: 0 2px 2px 2px rgba(0,0,0,0.05); height: 60px; transition: height 0.25s ease; }
#ebric_pc_wrap.scrolled #main-content-wrap .main-view-wrap .scrolled-top-menu-wrap .user-menu-wrap { width: 1200px; margin: 0 auto; height: 100%; }
#ebric_pc_wrap.scrolled #main-content-wrap .main-view-wrap .scrolled-top-menu-wrap .user-menu-wrap .all-category .all-category-btn { border-top-left-radius: 0; padding: 22px 18px 20px 30px; }
#ebric_pc_wrap.scrolled #main-content-wrap .main-view-wrap .scrolled-top-menu-wrap .user-menu-wrap .all-category .all-category-layer { box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); }
#ebric_pc_wrap.scrolled #main-content-wrap .main-view-wrap .scrolled-top-menu-wrap .user-menu-wrap .all-category .all-category-layer .detail-wrap { box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1); } 
#ebric_pc_wrap.scrolled #main-content-wrap .main-view-wrap .scrolled-top-menu-wrap .user-menu-wrap .user-menu { margin-top: 9px; }
#ebric_pc_wrap.scrolled #main-content-wrap .main-view-wrap .scrolled-top-menu-wrap .user-menu-wrap .user-menu .chat-room-layer-wrap { top: 60px; }

/* 연관 */
#ebric_pc_wrap .search-box-wrap .search-box .relation-keyword { position: absolute; z-index: 4; top: 40px; left: 0; border: 1px solid #ddd; width: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; background: #fff; padding: 10px 0; box-shadow: 0 3px 5px 1px rgba(0,0,0,0.1); max-height: 307px; overflow: hidden; }
#ebric_pc_wrap .search-box-wrap .search-box .relation-keyword.view-all { overflow-y: scroll; }
#ebric_pc_wrap .search-box-wrap .search-box .relation-keyword ul li a { display: block; line-height: 25px; padding: 0 15px; transition: background 0.2s ease; }
#ebric_pc_wrap .search-box-wrap .search-box .relation-keyword ul li a:hover { background: #EBEBEB; }
#ebric_pc_wrap .search-box-wrap .search-box .relation-keyword ul li a em { font-weight: 700; }
#ebric_pc_wrap .search-box-wrap .search-box .relation-keyword ul li.view-all-btn { margin-top: 10px; }
#ebric_pc_wrap .search-box-wrap .search-box .relation-keyword ul li.view-all-btn a { font-weight: 700; color: #2f6ed5; display: inline-block; }
#ebric_pc_wrap .search-box-wrap .search-box .relation-keyword ul li.view-all-btn a:hover { background: none; }
#ebric_pc_wrap .search-box-wrap .search-box .relation-keyword ul li.view-all-btn a i { margin-right: 5px; }

/* 제품 박스 공통 */
#main-content-wrap .product-list { margin: 0 auto; width: 1200px; padding-top: 40px; padding-bottom: 30px; }
#main-content-wrap .product-list .title-area { height: 40px; margin-bottom: 15px; }
#main-content-wrap .product-list .title-area .subject-title { font-size: 2.1rem; font-weight: 600; letter-spacing: -1px; text-align: left; color: #02132f; }
#main-content-wrap .product-list .title-area .product-list-navi { float: right; display: inline-block; }
#main-content-wrap .product-list .title-area .product-list-navi a { height: 40px; width: 40px; border: 1px solid #E5E5E5; display: inline-block; border-radius: 5px; text-align: center; font-size: 1.6rem; cursor: pointer; float: left; margin-left: 5px; color: #999; line-height: 38px; transition: border-color .2s ease,color .2s ease; background: #fff; }
#main-content-wrap .product-list .title-area .product-list-navi a:hover { color: #666; border-color: #dcdcdc; }


#main-content-wrap .product-list .box-wrap .product-box {  border-radius: 5px; transition: box-shadow 0.2s ease,border-color .2s ease; float: left; }
#main-content-wrap .product-list .box-wrap .product-box a { position: relative; display: block; height: 100%; }
#main-content-wrap .product-list .box-wrap .product-box a .img-area .img-box { border: 1px solid #c3ccd3; background: #fff; position: relative; overflow: hidden; height: 145px; border-radius: 8px; }
#main-content-wrap .product-list .box-wrap .product-box a .img-area .img-box .img-block { height: 100%; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; transition: background .45s ease; overflow: hidden; }

#main-content-wrap .product-list .box-wrap .product-box a .img-area .img-box .img-block .label-layer { position: relative; width: 100%; height: 100%; }
#main-content-wrap .product-list .box-wrap .product-box a .img-area .img-box .img-block .label-layer .label { font-size: 11px; padding: 5px 8px; line-height: 12px; background: rgba(0,0,0,0.55); position: absolute; bottom: -100%; left: 0; width: 100%; color: #fff; font-weight: 300; }
#main-content-wrap .product-list .box-wrap .product-box a:hover .img-area .img-box .img-block { background: rgba(0, 0, 0, 0.2); }
#main-content-wrap .product-list .box-wrap .product-box a:hover .img-area .img-box .img-block .label-layer .label { bottom: 0; transition: bottom .35s ease; }
#main-content-wrap .product-list .box-wrap .product-box a .img-area .img-box .img-block .ico-layer .label { font-size: 1.2rem; color: #fff; background: #2f6ed5; display: inline-block; height: 25px; border-radius: 12.5px; line-height: 25px; padding: 0 10px; text-align: center; min-width: 50px; position: absolute; z-index: 3; bottom: 15px; right: 15px; }

#main-content-wrap .product-list .box-wrap .product-box a .img-area .thumbnail { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 100%; height: 100%; z-index: 1; }
#main-content-wrap .product-list .box-wrap .product-box a .img-area .thumbnail img { position: absolute; top: 0; left: 0; -webkit-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); -ms-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); z-index: 1; transition: all 0.3s ease-out; max-height: 100%; max-width: 100%; }

/* 푸터 */
#footer-wrap { background: #363e4e; }
#footer-wrap .footer { width: 1200px; margin: 0 auto; }
#footer-wrap .footer .foot-gnb { height: 61px; border-bottom: 1px solid #454d5f; }
#footer-wrap .footer .foot-gnb .l-gnb { float: left; }
#footer-wrap .footer .foot-gnb .l-gnb li { float: left; margin-right: 20px; position: relative; }
#footer-wrap .footer .foot-gnb .l-gnb li:last-child { margin-right: 0; }
#footer-wrap .footer .foot-gnb .l-gnb li:after { width: 1px; height: 10px; background: #454d5f; content: ''; position: absolute; z-index: 1; right: -10px; top: 50%; margin-top: -5px; }
#footer-wrap .footer .foot-gnb .l-gnb li:last-child:after { display: none; }
#footer-wrap .footer .foot-gnb .l-gnb li a { display: block; color: #999; line-height: 60px; transition: color 0.2s ease; font-size: 1.3rem;}
#footer-wrap .footer .foot-gnb .l-gnb li a:hover { color: #fffefe; }

#footer-wrap .footer .foot-gnb .r-gnb { float: right; margin-top: 10px; }
#footer-wrap .footer .foot-gnb .r-gnb li { float: left; margin-left: 10px; }
#footer-wrap .footer .foot-gnb .r-gnb li:first-child { margin-left: 0; }
#footer-wrap .footer .foot-gnb .r-gnb li a { display: block; width: 110px; border: 1px solid #6a747c; border-radius: 4px; height: 40px; line-height: 38px; color: #fffefe; padding: 0 10px; letter-spacing: -0.5px; }
#footer-wrap .footer .foot-gnb .r-gnb li a i { float: right; line-height: 38px; }
#footer-wrap .footer .foot-content { padding: 45px 0; overflow: hidden; cursor: default; }
#footer-wrap .footer .foot-content .corp-info { width: 660px; float: left; }
#footer-wrap .footer .foot-content .corp-info .corp .ebric { margin-bottom: 10px; color: #999; }
#footer-wrap .footer .foot-content .corp-info .corp .corp-detail { padding-bottom: 20px; border-bottom: 1px solid #454d5f; margin-bottom: 20px; color: #999; }
#footer-wrap .footer .foot-content .corp-info .corp .corp-name { display: block; letter-spacing: -0.5px; font-size: 1.4rem; font-weight: 600; }
#footer-wrap .footer .foot-content .corp-info .corp span { font-size: 1.4rem; color: #999; display: inline-block; font-weight: 300; margin-right: 20px; position: relative; letter-spacing: -0.5px; }
#footer-wrap .footer .foot-content .corp-info .corp span:after { width: 1px; height: 10px; background: #454d5f; content: ''; position: absolute; right: -12px; top: 5px; }
#footer-wrap .footer .foot-content .corp-info .corp span:last-child:after { display: none; }
#footer-wrap .footer .foot-content .corp-info .corp span a { color: #999; }

#footer-wrap .footer .foot-content .copyright { color: #999; letter-spacing: -0.5px; line-height: 20px; font-size: 1.3rem;}
#footer-wrap .footer .foot-content .copyright span { font-size: 1.2rem; font-weight: 500; letter-spacing: 0; display: block; margin-top: 10px; }
#footer-wrap .footer .foot-content .copyright span .imp { color: #e92023; display: inline-block; }

#footer-wrap .footer .foot-content .service-info { float: right; width: 470px; border: 1px solid #6a747c; border-radius: 5px; height: 140px; padding: 35px 20px; }
#footer-wrap .footer .foot-content .service-info>div { padding-left: 50px; color: #ffffff; margin-bottom: 20px; position: relative;  }
#footer-wrap .footer .foot-content .service-info>div .title { font-size: 1.3rem; font-weight: 500; letter-spacing: -0.5px; display: block; margin-bottom: 5px; }
#footer-wrap .footer .foot-content .service-info>div .number { font-size: 2.5rem; font-weight: 700; line-height: 22px; }
#footer-wrap .footer .foot-content .service-info>div .number .detail { font-size: 1.2rem; font-weight: 300; margin-left: 5px; }

#footer-wrap .footer .foot-content .service-info>div.call-center .ico { width: 32px; position: absolute; left: 0; top: 5px; }
#footer-wrap .footer .foot-content .service-info>div.account .ico { width: 32px; position: absolute; left: 0; top: 5px; }

/*글자수 줄임*/
.ellipsis { width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_50 { width:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_80 { width:80px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_100 { width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_150 { width:150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_170 { width:170px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_180 { width:180px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_200 { width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_220 { width:220px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_250 { width:250px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_270 { width:270px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_300 { width:300px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_350 { width:350px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_370 { width:370px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_400 { width:400px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_450 { width:450px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_500 { width:500px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.ellipsis_650 { width:650px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* 셀렉트박스 커스텀 */
.selectbox { position: relative; z-index: 1; display: inline-block; border: 1px solid #ddd; height: 32px; min-width: 80px; transition: border-color .2s ease, box-shadow .2s ease; vertical-align: top; cursor: pointer; border-radius: 3px; }
.selectbox:before { content: "";  position: absolute; top: 50%; right: 5px; margin-top: -7px; transition: opacity .25s ease; background: url(../../img/common/select_box_arrow_ico.svg); width: 20px; height: 15px; background-size: 20px 15px; opacity: 0.3; }
.selectbox:hover:before { opacity: 0.7; }
.selectbox label { position: absolute; top: 1px; left: 0; color: #2d2d2d;  z-index: -1;  /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */ font-size: 1.3rem; line-height: 30px; text-align: left; width: 80%; padding-left: 10px; font-weight: 500; letter-spacing: -0.5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.selectbox select { width: 100%; line-height: 32px;  /* line-height 초기화 */ font-family: inherit; border: 0; opacity: 0;  /* 숨기기 */  filter:alpha(opacity=0);  /* IE8 숨기기 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none; appearance: none; margin-left: 0; height: 30px; cursor: pointer; padding-left: 8px; }
.selectbox select option { font-size: 1.3rem; }

.paging { text-align: center; margin-top: 50px; }
.paging ul { overflow: hidden; display: inline-block; }
.paging ul li { float: left; height: 35px; }
.paging ul li a { font-size: 1.2rem; background: #fff; display: block; height: 100%; line-height: 33px; border: 1px solid #ddd; border-right: none; padding: 0 13px; color: #666; font-weight: 300; }
.paging ul li:last-child a { border-right: 1px solid #ddd; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.paging ul li:first-child a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.paging ul li.pre-btn a,
.paging ul li.post-btn a { background: #f6f7fb; font-size: 1.1rem; color: #999; }
.paging ul li.select a { background: #4A5777; border-color: #4A5777; color: #fff; }

/*별*/
.fas.fa-star.on { color: #FDCE0A; }
.fas.fa-star.off { color: #e5e5e5; }

/*버튼*/
.normal-btn { border: 1px solid #ddd; display: inline-block; height: 36px; margin-bottom: 5px; border-radius: 4px; line-height: 34px; font-size: 1.2rem; font-weight: 400; text-align: center; padding-right: 3px; background: #fff; letter-spacing: -0.5px; transition: background .2s ease, color .2s ease, border-color .2s ease; padding: 0 20px; }
.normal-btn:hover { background: #2f6ed5; color: #fff; border-color: #2f6ed5; font-weight: 300; }
.wh-btn { border: 1px solid #ddd; display: inline-block; height: 50px; margin-bottom: 5px; border-radius: 3px; line-height: 48px; font-size: 1.3rem; text-align: center; background: #F5F7F9; letter-spacing: -0.5px; transition: background .2s ease, color .2s ease, border-color .2s ease; color: #777; padding: 0 20px; vertical-align: top; }
.wh-btn:hover { background: #2f6ed5; color: #fff; border-color: #2f6ed5; }
.bl-btn { vertical-align: top; display: inline-block; height: 50px; margin-bottom: 5px; border-radius: 3px; line-height: 48px; font-size: 1.3rem; text-align: center; background: #2f6ed5; letter-spacing: -0.5px; transition: background .2s ease, color .2s ease, border-color .2s ease; color: #fff; padding: 0 20px;  }
.bl-btn:hover { background: #1E5CC3; }
.bk-btn { display: inline-block; height: 28px; border-radius: 3px; line-height: 28px; font-size: 1.2rem; font-weight: 400; text-align: center; padding-right: 3px; letter-spacing: -0.5px; transition: background .2s ease, color .2s ease, border-color .2s ease; padding: 0 10px; min-width: 65px; margin-left: 5px; background: #363e4e; color: #fff; margin-top: 1px; }
.bk-btn:hover { background: #485266; }
.red-btn { cursor: default; background: #ff0000; vertical-align: top; display: inline-block; height: 50px; margin-bottom: 5px; border-radius: 3px; line-height: 48px; font-size: 1.3rem; text-align: center; letter-spacing: -0.5px; transition: background .2s ease, color .2s ease, border-color .2s ease; color: #fff; padding: 0 20px;  }

span.imp { color: #e92023; display: inline-block; margin-left: 3px; }

/* 텍스트에리어 글자수제한 */
.textarea { position: relative; }
.textarea textarea { padding-bottom: 25px; }
.textarea .text-limit-wrap { position: absolute; z-index: 2; bottom: 6px; right: 20px; color: #999; cursor: default; display: inline-block; background: #fff; }
.textarea .text-limit-wrap span { font-family: 'Arial','dotum'; font-size: 11px; }
.textarea .text-limit-wrap span.excess { color: #F05050; font-weight: bold; }
.textarea .text-limit-wrap span.unit { font-size: 11px; margin-left: 2px; }

/* disabled button 임시용 */
.disabled-btn { background: #ddd !important; color: #aaa !important; border: 1px solid #ccc !important; cursor: not-allowed !important; }
.disabled-btn:hover { background: #ddd !important; color: #aaa !important; border: 1px solid #ccc !important; cursor: not-allowed !important; }

/* 카카오 플친 배너 */
.kakao-banner { position: fixed; top: 200px; left: 50%; margin-left: 620px; }
.kakao-banner a { display: block; cursor: pointer; }

/* 후결제 미결제건 배너 */
.outstanding-payment-banner {position: fixed; top: 470px; left: 50%; margin-left: 620px; width: 165px; height: 165px; text-align: center; background: #0266d7; padding: 22px 15px; border-radius: 50%}
.outstanding-payment-banner img {width: 26px; height: 29px;}
.outstanding-payment-banner h5 {padding-top: 8px;font-size: 1.3rem; color: #fff; font-weight: 500; }
.outstanding-payment-banner h5 >span {border-bottom: 1px solid rgba(255,255,255,0.2); padding-bottom: 5px}
.outstanding-payment-banner p {font-size: 1.2rem; color: #fff; font-weight: 300; padding:8px 0}
.outstanding-payment-banner p span.out-pay-txt {font-weight: 500; text-decoration: underline}
.outstanding-payment-banner .btn-wrap { width: 80px; margin: 0 auto; font-size: 1.2rem}
.outstanding-payment-banner .btn-wrap a {display: block; border-radius: 15px; background: #fff;color:#0266d7; padding: 5px; font-weight:600; transition: color .3s ease, background .3s ease}
.outstanding-payment-banner .btn-wrap a:hover {color: #fff; background: #000}

/* disabled */
.disabled { opacity: 0.4; pointer-events: none; }

/* dchain */
.dchain-info { display: block; position: relative; display: inline-block; line-height: 21px; margin-right: 5px; }
.option .dchain-info { margin-right: 3px; }
.product-number-wrap + .dchain-info { display: block; float: left; }
.dchain-info .dchain-ico { cursor: pointer; }
.dchain-info .code { display: inline-block; color: #fff; padding: 2px 5px; font-size: 1.1rem; letter-spacing: 0; font-family: 'Arial','dotum'; margin-right: 3px; line-height: 13px; }
.dchain-info .description { font-size: 1.2rem; }
.dchain-info.dchain-01 .code { background: #F40000; }
.dchain-info.dchain-02 .code { background: #8900D0; }
.dchain-info.dchain-01 .description { color: #F40000; }
.dchain-info.dchain-02 .description { color: #8900D0; }
.dchain-pop { position: absolute; width: 200px; top: -5px; left: 25px; background: #fff; border: 1px solid #dee3eb; padding: 5px 8px; border-radius: 3px; line-height: 15px; box-shadow: 0 3px 7px -5px rgba(0,0,0,0.3); opacity: 0; z-index: -1; transition: opacity .25s ease, z-index .25s ease; }

.dchain-info:hover .dchain-pop { z-index: 2; opacity: 1; }

/* 메인 프로토콜 문구 */
.protocol-search { margin-top: 10px; }
.protocol-search a.search-btn { font-size: 1.3rem; font-weight: 500; height: 25px; display: inline-block; border-radius: 35px; }
.protocol-search a.search-btn .img { display: inline-block; width: 25px; height: 25px; background: #ff9134; border-radius: 50%; text-align: center; vertical-align: middle; position: relative; left: -1px;}
.protocol-search a.search-btn .img img { width: 20px; position: relative; top: 2px; left: 1px;}
.protocol-search a.search-btn .txt { color: #ff9134; font-weight: 600; cursor: pointer;}
.protocol-search:hover a.search-btn .txt { text-decoration: underline }