/* COMMON */
.wrap{position:relative; min-width:1440px;}

.inner-container{width:100%; max-width:1624px; padding:0 16px; margin:0 auto;}
.inner-container .inner-container{padding:0;}

main{padding:0 0 120px;}

.display-pc{display:block;}
.display-m{display:none;}
@media (max-width:1440px) {
.wrap{min-width:auto;}
}
@media (max-width:1024px) {
.inner-container{padding:0 16px;}

main{padding:0 0 60px;}

.display-pc{display:none;}
.display-m{display:block;}
}
@media (max-width:767px) {

}

/*
.error{flex:1; height:auto; display:block; align-items:initial; gap:initial; background:none; border:none; border-radius:initial; padding:initial; transition:none;
font-size:12px; line-height:1; color:red;}
*/
.error-message{font-size:12px!important; font-weight:400!important; line-height:1!important; color:red!important; padding:0!important; margin:6px 0 0!important;}


.form-check{display:flex; align-items:center; padding-left:1.5rem;}
.form-check input.form-check-input{width:18px; height:18px; display:block; background:#fff; border:1px solid #ccc; border-radius:6px; appearance:none; margin-left:-1.5rem; margin-right:6px;}
.form-check input.form-check-input:checked{background:#276EF1 url(/assets/img/check-icon.svg)no-repeat center; border-color:#276EF1;}
.form-check span{font-size:13px; font-weight:400; line-height:1; color:#333; margin:-2px 0 0;}

.form-radio{display:flex; align-items:center; padding-left:1.5rem;}
.form-radio input.form-radio-input{width:18px; height:18px; display:block; background:#fff; border:1px solid #ccc; border-radius:50px; appearance:none; margin-left:-1.5rem; margin-right:6px; margin-top:0.1rem;}
.form-radio input.form-radio-input:checked{background:#276EF1 url(/assets/img/radio-icon.svg)no-repeat center; border-color:#276EF1;}
.form-radio span{font-size:14px; font-weight:400; line-height:1; color:#333;}

.form-sel{position:relative;}
.form-sel select{display:flex; align-items:center; font-size:12px; font-weight:400; color:#555; background:none; border:none; outline:none; padding:; appearance:none;}
.form-sel i{font-size:10px; color:#333; position:absolute; right:6px; top:50%; transform:translateY(-50%); pointer-events:none;}


.spinner-wrap{width:100%; height:100vh; background:rgb(255, 255, 255, 0.5); backdrop-filter:blur(2px); position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2000;}
.spinner-wrap .spinner{display:flex; flex-direction:column; align-items:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.spinner-wrap .spinner .spinner-border{width:5rem; height:5rem;}
.spinner-wrap .spinner .spinner-guide{display:flex; flex-direction:column; align-items:center; gap:7px; margin:14px 0 0;}
.spinner-wrap .spinner .spinner-guide h3{font-size:18px; font-weight:500; line-height:1; color:#333;}
.spinner-wrap .spinner .spinner-guide p{font-size:14px; line-height:1; color:#555;}


.board-attach{display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin:48px 0 0;}
.board-attach h4{font-size:13px; font-weight:500; line-height:1; color:#353535;}
.board-attach ul{width:100%; display:flex; flex-direction:column; gap:5px;}
.board-attach li{display:flex; align-items:flex-start; border:1px solid #eee; border-radius:8px; padding:8px;}
.board-attach li .attach-info{flex:1; display:flex; gap:10px;}
.board-attach li .attach-info strong{flex:1 0 23px; max-width:23px; height:23px; display:flex; justify-content:center; align-items:center; font-size:11px; font-weight:700; line-height:1; color:#555; text-align:center; background:#f3f3f3; border-radius:6px;}
.board-attach li .attach-info a{display:flex; flex-direction:column; gap:4px;}
.board-attach li .attach-info a p{font-size:13px; font-weight:500; line-height:1; color:#353535;}
.board-attach li .attach-info a small{font-size:12px; font-weight:400; line-height:1; color:#a1a1a1;}
.board-attach li .attach-info a:hover p,
.board-attach li .attach-info a:hover small{color:#276EF1;}
.board-attach li > a{padding:4px;}
.board-attach li > a i{width:16px; display:flex; justify-content:center; align-items:center; font-size:16px; color:#333;}
.board-attach li > a:hover i{color:#276EF1;}
.board-attach .attach-add{font-size:14px; color:#276EF1;}


/* IMG */
.img-wrap{}
.img-wrap img.img-normal{}
.img-wrap img.img-hover{display:none;}
.img-wrap:hover img.img-normal{display:none;}
.img-wrap:hover img.img-hover{display:block;}
.img-wrap.active img.img-normal{display:none;}
.img-wrap.active img.img-hover{display:block;}

img.img-horizontal{width:100%!important; height:auto!important;}
img.img-vertical{width:auto!important; height:100%!important;}


/* BTN */
.btn-wrap{width:100%; display:flex; justify-content:center; gap:20px; margin:40px auto 0;}
.btn-wrap.btn-wrap-center{max-width:420px;}

.btn{flex:1 1 220px; padding:12px 8px;}
.btn.btn-lg{font-size:18px; font-weight:500;}

.btn.btn-outline{font-size:16px; font-weight:400;}
.btn.btn-outline.btn-outline01{border:1px solid #A1A1A1; border-radius:8px; color:#333;}
.btn.btn-outline.btn-outline02{}
.btn.btn-outline.btn-outline03{}

.btn.btn-fill{font-size:16px; font-weight:400;}
.btn.btn-fill.btn-fill01{background:#333; border-radius:8px; color:#fff;}
.btn.btn-fill.btn-fill02{background:#276EF1; border-radius:8px; color:#fff;}
.btn.btn-fill.btn-fill03{background:rgba(39, 110, 241, 0.1); color:#276EF1;}


.btn-allView{display:flex; align-items:center;}
.btn-allView p{font-size:13px; color:#888;}
.btn-allView img{margin:0 0 0 6px;}
.btn-allView img.allView-icon-on{display:none;}
.btn-allView:hover p{color:#276EF1;}
.btn-allView:hover img.allView-icon{display:none;}
.btn-allView:hover img.allView-icon-on{display:block;}

.btn-custom{display:inline-flex; align-items:center; font-size:13px; font-weight:500; line-height:1; white-space:nowrap; border-radius:8px; padding:9px 22px;}
.btn-type01{background:rgba(39,110,241,0.1); color:#276EF1;}
.btn-type01:hover, .btn-type01:focus{background:rgba(39,110,241,0.9); color:#fff;}
.btn-type02{background:#ddd; color:#555;}
.btn-type02:hover, .btn-type02:focus{background:#555; color:#fff;}


.btn-lg-type{min-width:134px; height:44px; display:inline-flex; justify-content:center; align-items:center; font-size:14px; font-weight:500; line-height:1; border:none; border-radius:8px; padding:9px 22px;}
.btn-lg-type01{background:#276EF1; color:#fff;}
.btn-lg-type02{background:#ddd; color:#555;}

.btn-status{background:#fff; border:1px solid #ddd; border-radius:8px; font-size:12px; font-weight:400; line-height:1; color:#555; padding:4px 8px;}
.btn-status01{}
.btn-status02{}
.btn-status03{}
.btn-status01.on{background:#DBF6E9; border:1px solid #DBF6E9; color:#10C469;}
.btn-status02.on{background:#E6E9F5; border:1px solid #E6E9F5; color:#5B69BC;}
.btn-status03.on{background:#FFE6E6; border:1px solid #FFE6E6; color:#FF5B5B;}

.btn-tool{display:inline-flex; align-items:center; font-size:12px; font-weight:400; line-height:1; border-radius:8px; padding:4px 8px;}
.btn-tool01{background:rgba(39,110,241,0.1); color:#276EF1;}
.btn-tool02{background:#ddd; color:#555;}


.btn-box{display:flex; margin:0 0 16px;}
.btn-box .btn-box-l{justify-content:flex-start;}
.btn-box .btn-box-r{float:right;}
.btn-box ul{flex:1 0 50%; display:flex; justify-content:flex-end; gap:4px;}
.btn-box ul li{}
.btn-box ul li a{}
.btn-box ul li input[type="file"]{height:auto; font-size:13px; line-height:1; padding:4px 8px;}
.btn-box ul li input[type="file"]::file-selector-button{background-color:#ddd;}
@media (max-width:1024px) {
.btn-wrap{gap:8px;}

.btn.btn-outline{font-size:14px;}
.btn.btn-fill{font-size:14px;}

.btn-custom{font-size:12px; font-weight:500; padding:8px 10px;}
}

/* HEADER */
header{border-bottom:1px solid #eee;}
header .header-m{display:none;}

header .top-bar-wrap{height:34px; display:flex; align-items:center; background:#F4F4F4;}
header .top-bar{display:grid; grid-template-columns:1fr 1fr;}
header .top-bar .top-bar-setting{}
header .top-bar .top-bar-setting ul{display:flex; align-items:center; gap:32px;}
header .top-bar .top-bar-setting ul li{}
header .top-bar .top-bar-setting ul li select{min-width:64px; height:auto; padding:4px 0;}
header .top-bar .top-bar-setting ul li a{display:flex; align-self:center; gap:4px;}
header .top-bar .top-bar-setting ul li a p{font-size:12px; font-weight:400; line-height:1; color:#555;}
header .top-bar .top-bar-setting ul li a:hover p{color:#276EF1;}
header .top-bar .top-bar-setting ul li a img{display:block;}
header .top-bar .top-bar-setting ul li a.lang-btn .lang-icon-on{display:none;}
header .top-bar .top-bar-setting ul li a.lang-btn:hover .lang-icon{display:none;}
header .top-bar .top-bar-setting ul li a.lang-btn:hover .lang-icon-on{display:block;}

header .top-bar .top-bar-user{display:flex; justify-content:flex-end;}
header .top-bar .top-bar-user ul{display:flex;}
header .top-bar .top-bar-user ul li{display:flex; align-items:center;}
header .top-bar .top-bar-user ul li + li{}
header .top-bar .top-bar-user ul li + li:before{content:""; display:block; width:1px; height:12px; background:#d9d9d9; margin:0 20px;}
header .top-bar .top-bar-user ul li a{display:flex; align-self:center;}
header .top-bar .top-bar-user ul li a p{display:flex; font-size:12px; font-weight:400; line-height:1; color:#555;}
header .top-bar .top-bar-user ul li a p strong{font-weight:500;}
header .top-bar .top-bar-user ul li a:hover p{color:#276EF1;}


header .top-nav-wrap{background:#fff;}
header .top-nav-wrap .top-nav{display:flex;}
header .top-nav-wrap .top-nav .top-nav-menu{flex:1; display:flex; align-items:center; gap:34px;}
header .top-nav-wrap .top-nav .top-nav-menu .top-logo{}
header .top-nav-wrap .top-nav .top-nav-menu .top-logo a{display:block;}
header .top-nav-wrap .top-nav .top-nav-menu .top-logo a img{min-width:154px; max-width:154px; display:block;}
header .top-nav-wrap .top-nav .top-nav-menu > ul{display:flex; gap:;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li{position:relative;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li > a{display:block; font-size:16px; font-weight:400; line-height:1; color:#333; white-space:nowrap; position:relative; padding:29px 30px;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li > a:hover,
header .top-nav-wrap .top-nav .top-nav-menu > ul > li.on > a{font-weight:500; color:#276EF1;}

header .top-nav-wrap .top-nav .top-nav-menu > ul > li:nth-of-type(1).on > a{}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li:nth-of-type(1).on > a:before,
header .top-nav-wrap .top-nav .top-nav-menu > ul > li:nth-of-type(2).on > a:before{content:""; display:block; width:calc(100% - 2px); height:12px; background:#fff; position:absolute; top:calc(100% - 6px); left:1px; z-index:100;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li:nth-of-type(1).on > a:after,
header .top-nav-wrap .top-nav .top-nav-menu > ul > li:nth-of-type(2).on > a:after{content:""; display:block; width:100%; height:100%; border:1px solid #eee; border-width:0 1px; position:absolute; top:0; left:0; z-index:100;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li.on > .category-area{display:block;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area{width:1024px; height:100vh; max-height:calc(100vh - 108px); display:none; background:#fff; border:1px solid #eee; border-radius:0 0 8px 8px; box-shadow:0 8px 16px 0 rgba(27, 46, 94, 0.15); position:absolute; top:100%; left:0; overflow-y:auto; z-index:10;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area::-webkit-scrollbar{width:4px;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area::-webkit-scrollbar-track{background-color:#ddd; margin:16px 0;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area::-webkit-scrollbar-thumb{background-color:#555; border-radius:20px;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01{display:flex; flex-direction:column;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li{display:flex; padding:0 32px;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li + li{border-top:1px solid #eee;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li:last-of-type{border-bottom:1px solid #eee;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li > .category-depth01-btn{flex:0 150px; border-right:1px solid #eee; padding:0 32px 0 0;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li > .category-depth01-btn a{display:block; font-size:18px; font-weight:700; line-height:1; color:#222; padding:16px 16px 18px;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li > .category-depth01-btn a:hover{color:#276EF1;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li .category-depth02{flex:1; row-gap:16px; display:flex; flex-wrap:wrap; padding:8px 0;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li .category-depth02 > li{flex:1 0 25%; max-width:25%; display:flex; flex-direction:column; gap:; padding:0 16px;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li .category-depth02 > li + li{}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li .category-depth02 > li > a{display:block; font-size:14px; font-weight:500; line-height:1.25; color:#444; padding:8px 8px;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li .category-depth02 > li > a:hover{color:#276EF1;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li .category-depth02 > li .category-depth03{display:flex; flex-direction:column; margin:-4px 0 0;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li .category-depth02 > li .category-depth03 > li{}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li .category-depth02 > li .category-depth03 > li + li{}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li .category-depth02 > li .category-depth03 > li > a{display:block; font-size:12px; font-weight:400; line-height:1.35; color:#656565; padding:4px 8px;}
header .top-nav-wrap .top-nav .top-nav-menu > ul > li .category-area .category-depth01 > li .category-depth02 > li .category-depth03 > li > a:hover{color:#276EF1; text-decoration:underline;}
/*
header .top-nav-wrap .top-nav .top-nav-menu ul > li .category-area{width:740px; min-height:340px; max-height:560px; display:none; background:#fff; border:1px solid #eee; border-radius:0 0 8px 8px; box-shadow:0 8px 16px 0 rgba(27, 46, 94, 0.15); position:absolute; top:100%; left:0; z-index:10;}
header .top-nav-wrap .top-nav .top-nav-menu ul > li .category-area ul{flex:1; display:flex; flex-direction:column; overflow-y:auto;}
header .top-nav-wrap .top-nav .top-nav-menu ul > li .category-area ul + ul{border-left:1px solid #eee;}
header .top-nav-wrap .top-nav .top-nav-menu ul > li .category-area ul li{}
header .top-nav-wrap .top-nav .top-nav-menu ul > li .category-area ul li + li{}
header .top-nav-wrap .top-nav .top-nav-menu ul > li .category-area ul li a{display:flex; font-size:14px; line-height:1; color:#222; padding:14px 20px;}
header .top-nav-wrap .top-nav .top-nav-menu ul > li .category-area ul.category-1depth li a:hover,
header .top-nav-wrap .top-nav .top-nav-menu ul > li .category-area ul.category-1depth li.on a{background:rgba(39, 110, 241, 0.1); color:#276EF1;}
header .top-nav-wrap .top-nav .top-nav-menu ul > li .category-area ul:not(.category-1depth) li a:hover,
header .top-nav-wrap .top-nav .top-nav-menu ul > li .category-area ul:not(.category-1depth) li.on a{color:#276EF1;}
header .top-nav-wrap .top-nav .top-nav-menu ul > li .category-area ul li a p{flex-grow:1;}
header .top-nav-wrap .top-nav .top-nav-menu ul > li .category-area ul li a i{font-size:12px;}
header .top-nav-wrap .top-nav .top-nav-menu ul > li .category-area ul:last-of-type li a i{display:none;}
*/

header .top-nav-wrap .top-nav .top-nav-tool{display:flex; justify-content:flex-end; align-items:center; gap:48px;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search{display:flex; align-items:center; border:1px solid #e5e5e5; border-radius:50px; position:relative; padding:0 6px;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search > input{width:222px; font-size:14px; color:#333; border:none; outline:none; padding:4px 16px;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search > input::placeholder{font-size:12px; color:#888;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search > button{width:34px; height:38px; display:flex; justify-content:center; align-items:center;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search > button img{}

header .top-nav-wrap .top-nav .top-nav-tool .top-search .searchImg-frame{width:calc(100% + 2px); display:none; flex-direction:column; background:#fff; border:1px solid #e5e5e5; border-radius:20px; box-shadow:0 8px 16px 0 rgba(27, 46, 94, 0.15); position:absolute; top:-1px; left:-1px; padding:14px 16px; z-index:10;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search .searchImg-frame .searchImg-frame-head{display:flex; margin:0 0 12px;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search .searchImg-frame .searchImg-frame-head h2{width:100%; display:flex; justify-content:center; font-size:14px; line-height:1; color:#333; position:relative;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search .searchImg-frame .searchImg-frame-head h2 button{width:20px; height:20px; position:absolute; top:50%; right:0; transform:translate(0, -50%); padding:0;}

header .top-nav-wrap .top-nav .top-nav-tool .top-search .searchImg-frame .searchImg-frame-body{}
header .top-nav-wrap .top-nav .top-nav-tool .top-search .searchImg-frame .searchImg-frame-body label{width:100%; display:flex; flex-direction:column; align-items:center; border:1px dashed #ddd; border-radius:12px; padding:12px; cursor:pointer;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search .searchImg-frame .searchImg-frame-body label input{font-size:0; position:absolute; opacity:0;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search .searchImg-frame .searchImg-frame-body label img{}
header .top-nav-wrap .top-nav .top-nav-tool .top-search .searchImg-frame .searchImg-frame-body label strong{display:block; font-size:16px; font-weight:500; line-height:1.2; color:#333; text-align:center; word-break:keep-all; margin:10px 0 0;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search .searchImg-frame .searchImg-frame-body label small{display:block; font-size:11px; font-weight:400; line-height:1.2; color:#777; text-align:center; word-break:keep-all; margin:8px 0 0;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search .searchImg-frame .searchImg-frame-body label p{display:block; font-size:12px; font-weight:500; line-height:1; color:#555; text-align:center; border:1px solid #ddd; border-radius:50px; padding:8px 12px; margin:20px 0 0;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search .searchImg-frame .searchImg-frame-body label p:hover{border:1px solid #555;}


header .top-nav-wrap .top-nav .top-nav-tool ul{display:flex; gap:24px;}
header .top-nav-wrap .top-nav .top-nav-tool ul li{}
header .top-nav-wrap .top-nav .top-nav-tool ul li a{display:flex; flex-direction:column; align-items:center; position:relative;}
header .top-nav-wrap .top-nav .top-nav-tool ul li a span{width:17px; height:17px; display:flex; justify-content:center; align-items:center; background:#EAF1FE; border-radius:50px; font-size:11px; color:#276EF1; position:absolute; top:-3px; right:-6px;}
header .top-nav-wrap .top-nav .top-nav-tool ul li a img{}
header .top-nav-wrap .top-nav .top-nav-tool ul li a p{display:; font-size:11px; line-height:1; color:#555; white-space:nowrap; position:absolute; top:85%; opacity:0; transition:0.25s;}
header .top-nav-wrap .top-nav .top-nav-tool ul li a:hover p{display:block; color:#276EF1; top:100%; opacity:1;}
@media (max-width:1440px) {
header .top-nav-wrap .top-nav .top-nav-menu{gap:16px;}
header .top-nav-wrap .top-nav .top-nav-menu .top-logo a img{min-width:132px; max-width:132px;}
header .top-nav-wrap .top-nav .top-nav-menu ul > li a{font-size:15px; padding:26px 20px;}

header .top-nav-wrap .top-nav .top-nav-tool{gap:20px;}
header .top-nav-wrap .top-nav .top-nav-tool .top-search input{width:192px;}
header .top-nav-wrap .top-nav .top-nav-tool ul{gap:20px;}
header .top-nav-wrap .top-nav .top-nav-tool ul li a img{height:28px;}
}
@media (max-width:1024px) {
header{border-bottom:1px solid #e5e5e5; position:sticky; top:0; left:0; z-index:1000;}
header .top-bar-wrap{display:none;}
header .top-nav-wrap{display:none;}
header .header-m{width:100%; height:60px; display:flex; align-items:center; background:#fff; position:relative; padding:4px 16px;}
header .header-m .header-m-logo{flex:1;}
header .header-m .header-m-logo a{width:120px; display:block;}
header .header-m .header-m-logo a img{}

header .header-m button{width:60px; height:100%; display:flex; justify-content:center; align-items:center; position:absolute; top:50%; left:0; transform:translate(0, -50%);}
header .header-m h1{font-size:18px; font-weight:500; line-height:1; color:#222; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

header .header-m ul{flex:1; display:flex; justify-content:flex-end; gap:16px;}
header .header-m ul li{}
header .header-m ul li a{}
header .header-m ul li a img{}
}
@media (max-width:767px) {

}


/* FOOTER */
footer{width:100%; border-top:1px solid #E5E5E5; padding:32px 0;}
.footer-inner{display:flex}
.footer-inner .footer-logo{}
.footer-inner .footer-logo img{height:32px; display:block;}

.footer-inner .footer-info{flex:1; display:flex; flex-direction:column; gap:24px; margin:0 0 0 146px;}
.footer-inner .footer-info ul{display:flex; align-items:center; gap:40px;}
.footer-inner .footer-info ul li{}
.footer-inner .footer-info ul li a{font-size:14px; font-weight:500; line-height:1; color:#555;}
.footer-inner .footer-info ul li a:hover{color:#276EF1;}
.footer-inner .footer-info address{display:flex; flex-direction:column; gap:8px;}
.footer-inner .footer-info address p{font-size:12px; font-weight:400; line-height:1.25; color:#777;}
.footer-inner .footer-info strong{font-size:12px; font-weight:400; line-height:1; color:#A1A1A1;}

.footer-inner .footer-link{display:flex; flex-direction:column; gap:24px;}
.footer-inner .footer-link select{height:42px; font-size:14px; color:#555; border:1px solid #e5e5e5; outline:none; border-radius:8px;}

.footer-inner .footer-link ul{display:flex; gap:16px;}
.footer-inner .footer-link ul li{}
.footer-inner .footer-link ul li a{display:block;}
.footer-inner .footer-link ul li a img{}


.fix-quick{display:block; position:fixed; right:32px; bottom:32px; z-index:1000;}
.fix-quick ul{display:flex; flex-direction:column; gap:8px;}
.fix-quick ul li{}
.fix-quick ul li a{width:44px; height:44px; display:flex; justify-content:center; align-items:center; background:#fff; border:1px solid #eee; border-radius:50px; box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.fix-quick ul li a img{}


.m-fix-bar{display:none;}
.m-fix-quick{display:none;}

@media (max-width:1024px) {
footer{padding:24px 0;}
.footer-inner{flex-direction:column;}
.footer-inner .footer-logo{display:flex; justify-content:center;}
.footer-inner .footer-logo img{height:24px;}
.footer-inner .footer-info{gap:24px; padding:0 16px; margin:16px 0 0;}
.footer-inner .footer-info ul{justify-content:center; gap:32px;}
.footer-inner .footer-info ul li a{font-size:12px;}
.footer-inner .footer-info address{align-items:center; gap:4px; margin:0;}
.footer-inner .footer-info address p{text-align:center;}
.footer-inner .footer-info strong{text-align:center;}

.footer-inner .footer-link{align-items:center; gap:12px; padding:0 16px; margin:32px 0 0;}
.footer-inner .footer-link select{width:auto; min-width:200px; height:38px; font-size:13px;}
.footer-inner .footer-link ul{gap:16px;}
.footer-inner .footer-link ul li a{width:40px;}


.fix-quick{display:none;}

.m-fix-bar{width:100%; height:60px; display:block; background:#fff; box-shadow:0 0 12px rgba(0,0,0,0.08); position:sticky; bottom:0; left:0; z-index:1020;}
.m-fix-bar ul{height:100%; display:flex; justify-content:center; align-items:center;}
.m-fix-bar ul li{flex:1 20%; max-width:74px; height:100%;}
.m-fix-bar ul li a{height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px;}
.m-fix-bar ul li a .m-bar-img{position:relative;}
.m-fix-bar ul li a .m-bar-img img{}
.m-fix-bar ul li a .m-bar-img .m-bar-count{width:14px; height:14px; display:flex; justify-content:center; align-items:center; background:#EAF1FE; border-radius:50px; font-size:10px; line-height:1; color:#276EF1; position:absolute; top:-4px; right:-8px;}
.m-fix-bar ul li a p{font-size:10px; line-height:1; color:#333;}

.m-fix-quick{display:block; position:fixed; right:12px; bottom:84px; z-index:1030;}
.m-fix-quick ul{display:flex; flex-direction:column; gap:8px;}
.m-fix-quick ul li{}
.m-fix-quick ul li a{width:44px; height:44px; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:50px; box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.m-fix-quick ul li a img{}
}
@media (max-width:767px) {

}


/* M SIDE */
#offcanvas-side-menu{background:#F5F5F5;}

.offcanvas-side section{width:100%; background:#fff; border-bottom:1px solid #eee;}
.offcanvas-side section + section{margin:10px 0 0;}

.offcanvas-side .side-header{padding:18px 16px;}
.offcanvas-side .side-header ul{display:flex; justify-content:center; gap:40px;}
.offcanvas-side .side-header ul li{}
.offcanvas-side .side-header ul li a{display:flex; align-items:center; gap:4px;}
.offcanvas-side .side-header ul li a img{}
.offcanvas-side .side-header ul li a p{font-size:14px; color:#333; white-space:nowrap;}
.offcanvas-side .side-header ul li a:hover p{color:#276EF1;}


.offcanvas-side .side-menu{flex:1; padding:18px 16px; overflow-y:auto;}
.offcanvas-side .side-menu .package-menu{display:flex; flex-direction:column; gap:18px;}/* 1차 */
.offcanvas-side .side-menu .package-menu .package-item{}
.offcanvas-side .side-menu .package-menu .package-item .package-line{display:flex; align-items:center;}
.offcanvas-side .side-menu .package-menu .package-item .package-line a{flex:1;}
.offcanvas-side .side-menu .package-menu .package-item .package-line button{background:none; border:none; padding:6px 8px; transition:transform 0.3s; cursor:pointer;}
.offcanvas-side .side-menu .package-menu .package-item.open > .package-line button{transform:rotate(90deg);}

.offcanvas-side .side-menu .package-menu .package-item .package-sub{max-height:0; overflow:hidden; opacity:0; transition:0.3s;}

/* 1차 text */
.offcanvas-side .side-menu .package-menu > .package-item > .package-line > a{font-size:16px; font-weight:700; color:#222; padding:4px 0;}

/* 2차 */
.offcanvas-side .side-menu .package-menu .package-item.open > .package-sub{max-height:1000px; display:flex; flex-direction:column; gap:8px; padding:8px 0 0 14px; opacity:1;}
/* 2차 text */
.offcanvas-side .side-menu .package-menu .package-item > .package-sub > .package-item a{font-size:14px; font-weight:500; color:#333; padding:6px 0;}

/* 3차 */
.offcanvas-side .side-menu .package-menu .package-item.open > .package-sub > .package-item.open > .package-sub{gap:4px; padding:4px 0 4px 14px;}
/* 3차 text */
.offcanvas-side .side-menu .package-menu .package-item > .package-sub > .package-item > .package-sub a{font-size:13px; font-weight:400; color:#444; padding:4px 0;}

/* 4차 */
.offcanvas-side .side-menu .package-menu .package-item.open > .package-sub > .package-item.open > .package-sub > .package-item.open > .package-sub{gap:0; padding:4px 0 4px 12px;}
/* 4차 text */
.offcanvas-side .side-menu .package-menu .package-item > .package-sub > .package-item > .package-sub > .package-item > .package-sub a{font-size:12px; font-weight:400; color:#555; padding:4px 0;}

.offcanvas-side .side-menu .other-menu{display:flex; flex-direction:column; gap:12px; border-top:1px solid #eee; padding:18px 0 0;}
.offcanvas-side .side-menu .other-menu li{}
.offcanvas-side .side-menu .other-menu li a{display:block; font-size:15px; font-weight:400; color:#222; padding:3px 0;}
.offcanvas-side .side-menu .other-menu li a:hover{color:#276EF1;}


.offcanvas-side .side-quick{}
.offcanvas-side .side-quick ul.side-quick-list{height:140px; display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:#eee; border-bottom:1px solid #eee;;}
.offcanvas-side .side-quick ul.side-quick-list li{background:#fff;}
.offcanvas-side .side-quick ul.side-quick-list li a{height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px;}
.offcanvas-side .side-quick ul.side-quick-list li a .side-quick-img{position:relative;}
.offcanvas-side .side-quick ul.side-quick-list li a .side-quick-img span{width:14px; height:14px; display:flex; justify-content:center; align-items:center; background:#EAF1FE; border-radius:50px; font-size:10px; line-height:1; color:#276EF1; position:absolute; top:-4px; right:-8px;}
.offcanvas-side .side-quick ul.side-quick-list li a .side-quick-img img{}
.offcanvas-side .side-quick ul.side-quick-list li a p{font-size:12px; line-height:1; color:#333;}
.offcanvas-side .side-quick ul.side-quick-list li a:hover p{color:#276EF1;}

.offcanvas-side .side-quick ul.side-set-list{display:flex; justify-content:center; align-items:center; padding:12px 0;}
.offcanvas-side .side-quick ul.side-set-list li{}
.offcanvas-side .side-quick ul.side-set-list li {}
/*
.offcanvas-side .side-quick ul.side-set-list li a{display:flex; align-items:center; gap:4px;}
.offcanvas-side .side-quick ul.side-set-list li a p{font-size:13px; line-height:1; color:#555;}
.offcanvas-side .side-quick ul.side-set-list li a img{}
.offcanvas-side .side-quick ul.side-set-list li a:hover p{color:#276EF1;}
*/


/* BREAKCRUMB */
.contents-title-wrap{}
.contents-title-wrap .contents-title{position:relative;}
.contents-title-wrap .contents-title .breakcrumb{position:absolute; top:50%; left:0; transform:translate(0, -50%);}
.contents-title-wrap .contents-title .breakcrumb ul{display:flex;}
.contents-title-wrap .contents-title .breakcrumb ul li{display:flex; align-items:center;}
.contents-title-wrap .contents-title .breakcrumb ul li+li{}
.contents-title-wrap .contents-title .breakcrumb ul li+li:before{display:block; content:url("/assets/img/breakcrumb-arrow.svg"); margin:0 12px;}
.contents-title-wrap .contents-title .breakcrumb ul li a{display:block; font-size:12px; font-weight:300; line-height:1; color:#555;}
.contents-title-wrap .contents-title .breakcrumb ul li a img{display:block;}
.contents-title-wrap .contents-title .breakcrumb ul li .breakcrumb-home .breakcrumb-home-icon-on{display:none;}
.contents-title-wrap .contents-title .breakcrumb ul li .breakcrumb-home:hover .breakcrumb-home-icon{display:none;}
.contents-title-wrap .contents-title .breakcrumb ul li .breakcrumb-home:hover .breakcrumb-home-icon-on{display:block;}

.contents-title-wrap .contents-title h2{width:100%; height:182px; display:flex; justify-content:center; align-items:center; font-size:32px; font-weight:700; line-height:1; color:#222;}


/* VISUAL */
.main-visual-wrap{height:100%; margin:auto;}
.main-visual{width:100%; height:100%;}
.main-visual .swiper-slide{height:100%;}
.main-visual .swiper-slide a{height:100%;}
.main-visual .swiper-slide a img{width:100%; height:100%; display:block; object-fit:cover;}
.main-visual .swiper-slide a .parallax-bg{width:100%; height:; position:relative; left:0; top:0; background-size:cover;}
.main-visual .swiper-slide a .parallax-bg.parallax-bg-pc{display:block;}
.main-visual .swiper-slide a .parallax-bg.parallax-bg-mb{display:none;}

.main-visual .swiper-slide a .swiper-text{display:none; position:absolute; top:50%; left:50%; transform:translate(-50%, calc(-50% + -13px)); z-index:10;}
.main-visual .swiper-slide a .swiper-text small{display:block; font-size:10px; font-weight:200; line-height:1; color:#fff; letter-spacing:0.35rem; margin:0 0 32px;}
.main-visual .swiper-slide a .swiper-text p{font-size:42px; font-weight:400; line-height:1.275; color:#fff;}
.main-visual .swiper-slide a .swiper-text p strong{display:block; font-weight:700;}


.main-visual .main-visual-control{}
.main-visual .main-visual-control .inner-container{position:relative;}

/*
.main-visual .main-visual-control .main-visual-fraction{flex:1; display:flex; align-items:center; gap:22px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.03); border-radius:50px; box-shadow:4px 4px 12px rgba(0,0,0,0.1); position:absolute; left:0; bottom:52px; padding:8px 14px; z-index:10;}
*/
.main-visual .main-visual-control .main-visual-fraction{flex:1; display:flex; align-items:center; gap:12px; background:rgba(0,0,0,0.35); border-radius:50px; position:absolute; left:50%; bottom:12px; transform:translate(-50%, 0); padding:6px 10px; z-index:10;}
.main-visual .main-visual-control .main-visual-fraction .swiper-button-prev,
.main-visual .main-visual-control .main-visual-fraction .swiper-button-next{width:auto; height:auto; position:relative; left:auto; right:auto; top:auto; bottom:auto; color:#fff; padding:0; margin:0;}
.main-visual .main-visual-control .main-visual-fraction .swiper-button-prev:after,
.main-visual .main-visual-control .main-visual-fraction .swiper-button-next:after{font-size:8px;}
.main-visual .main-visual-control .main-visual-fraction .swiper-button-prev{margin:0;}
.main-visual .main-visual-control .main-visual-fraction .swiper-button-next{margin:0;}

/*
.main-visual .main-visual-control .main-visual-fraction .main-visual-page{display:flex; align-items:center; gap:18px;}
*/
.main-visual .main-visual-control .main-visual-fraction .main-visual-page{display:flex; align-items:center; gap:12px;}

.main-visual .main-visual-control .main-visual-fraction .swiper-pagination-fraction{width:auto; display:flex; align-items:center; gap:5px; font-size:9px; font-weight:100; line-height:1; color:rgba(255,255,255,0.6); position:relative; left:auto; right:auto; top:auto; bottom:auto;}
.main-visual .main-visual-control .main-visual-fraction .swiper-pagination-fraction .swiper-pagination-current{font-size:11px; font-weight:400; color:rgba(255,255,255,1);}
.main-visual .main-visual-control .main-visual-fraction .swiper-pagination-fraction .swiper-pagination-total{font-size:11px; font-weight:400;}

.main-visual .main-visual-control .main-visual-play{display:none;}
.main-visual .main-visual-control a{display:flex; justify-content:center; align-items:center;}
.main-visual .main-visual-control a img{}
.main-visual .main-visual-control a.main-visual-pause{}
.main-visual .main-visual-control a.main-visual-start{display:none;}
@media (max-width:1024px) {
.main-visual .swiper-slide a{display:block; padding-top:100%; position:relative;}
.main-visual .swiper-slide a .parallax-bg{height:100%!important; display:; position:absolute; top:0; left:0;}
.main-visual .swiper-slide a .parallax-bg.parallax-bg-pc{display:none;}
.main-visual .swiper-slide a .parallax-bg.parallax-bg-mb{display:block;}

.main-visual .swiper-slide a .swiper-text{top:0; transform:translate(-50%, 0px); padding:24px;}
.main-visual .swiper-slide a .swiper-text small{letter-spacing:0.1rem; margin:0 0 16px;}
.main-visual .swiper-slide a .swiper-text p{font-size:24px;}

.main-visual .main-visual-control .main-visual-fraction{gap:16px; left:50%; bottom:20px; transform:translate(-50%, 0);}
.main-visual .main-visual-control .main-visual-fraction .main-visual-page{gap:16px;}
}
@media (max-width:767px) {

}


/* MAIN CONTENTS */
.main-contents{width:100%;}
.main-contents section{display:flex; flex-direction:column; gap:12px; margin:62px 0 0;}
.main-contents section + section{margin:80px 0 0;}

.main-contents section .main-header{display:flex;}
.main-contents section .main-header .main-header-title{flex:1;}
.main-contents section .main-header .main-header-title h1{font-size:28px; font-weight:700; line-height:1; color:#222;}

.main-contents section .main-header .main-header-tool{display:flex; justify-content:flex-end; gap:4px;}
.main-contents section .main-header .main-header-tool .allView-btn{display:flex; align-items:center; gap:6px; background:#fff; border:1px solid #e5e5e5; border-radius:50px; padding:10px 16px;}
.main-contents section .main-header .main-header-tool .allView-btn p{font-size:12px; line-height:1; color:#555;}
.main-contents section .main-header .main-header-tool .allView-btn:hover{background:rgba(39, 110, 241, 0.1); border:1px solid rgba(39, 110, 241, 0.1);}
.main-contents section .main-header .main-header-tool .allView-btn:hover p{color:#276EF1;}

.main-contents section .main-body{}
@media (max-width:1024px) {
.main-contents section{margin:40px 0 0;}
.main-contents section .main-header .main-header-title h1{font-size:20px;}

.main-contents section .main-header .main-header-tool .allView-btn{padding:8px 10px;}
}
@media (max-width:767px) {

}


/* PROCESS */
.process-wrap{}
.process-wrap ul{display:flex; justify-content:center; align-items:center;}
.process-wrap ul li{display:flex; align-items:center;}
.process-wrap ul li + li{}
.process-wrap ul li + li:before{display:block; content:url("/assets/img/process-arrow.svg"); margin:0 20px;}
.process-wrap ul li .process-box{display:flex; flex-direction:column; gap:10px;}
.process-wrap ul li .process-box .process-icon{width:40px; height:40px; display:flex; justify-content:center; align-items:center; background:#F5F5F5; border-radius:50px;;}
.process-wrap ul li .process-box .process-icon img{}
.process-wrap ul li .process-box p{font-size:12px; font-weight:400; line-height:1; color:#777;}
.process-wrap ul li .process-box.active .process-icon{background:#333;}
.process-wrap ul li .process-box.active p{color:#333;}

.process-wrap ul li.join-item{display:none;}
.process-wrap ul li.request-item{display:none;}
.process-wrap.join-process ul li.join-item{display:flex;}
.process-wrap.request-process ul li.request-item{display:flex;}

.process-wrap.join-process ul li.request-item:first-of-type + li:before{display:none;}
.process-wrap.request-process ul li.join-item:first-of-type + li:before{display:none;}
@media (max-width:1024px) {
.process-wrap ul li .process-box{align-items:center; gap:6px;}
.process-wrap ul li .process-box .process-icon{width:28px; height:28px;}
.process-wrap ul li .process-box .process-icon img{max-width:16px; max-height:16px;}
}


/* LOGIN */
.login-box-wrap{}
.login-box{width:100%; max-width:460px; display:flex; flex-direction:column; gap:40px; margin:auto;}
.login-box .login-user{width:100%; background:#F7F7F7; border-radius:8px; padding:3px;}
.login-box .login-user ul{display:flex;}
.login-box .login-user ul li{flex:1 0 50%;}
.login-box .login-user ul li input{position:absolute; opacity:0;}
.login-box .login-user ul li label{height:48px; display:flex; justify-content:center; align-items:center; font-size:16px; font-weight:400; line-height:1; color:#888; border-radius:8px;}
.login-box .login-user ul li label:hover{font-weight:500; color:#333;}
.login-box .login-user ul li input:checked + label{background:#fff; font-weight:500; color:#333;}

.login-box .login-guide{display:flex; justify-content:center;}
.login-box .login-guide h1{font-size:16px; font-weight:500; color:#333;}

.login-box .login-enter{display:flex; flex-direction:column; gap:24px;}
.login-box .login-enter .login-input{}
.login-box .login-enter .login-input ul{display:flex; flex-direction:column; gap:8px;}
.login-box .login-enter .login-input ul li{display:flex; flex-direction:column; align-items:; gap:8px;}
.login-box .login-enter .login-input ul li label{flex:1 0 56px; height:; display:flex; align-items:center; gap:4px; background:#fff; border:1px solid #ddd; border-radius:8px; padding:8px 16px; transition:border-color 0.2s;}
.login-box .login-enter .login-input ul li:focus-within label{border-color:#276EF1;}
.login-box .login-enter .login-input ul li label img{}
.login-box .login-enter .login-input ul li label img.login-img-normal{}
.login-box .login-enter .login-input ul li label img.login-img-focus{display:none;}
.login-box .login-enter .login-input ul li:focus-within label img.login-img-normal{display:none;}
.login-box .login-enter .login-input ul li:focus-within label img.login-img-focus{display:block;}
.login-box .login-enter .login-input ul li label img{display:block;}
.login-box .login-enter .login-input ul li label input{width:100%; font-size:16px; color:#333; border:none; outline:none;}
.login-box .login-enter .login-input ul li label input::-webkit-outer-spin-button,
.login-box .login-enter .login-input ul li label input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
.login-box .login-enter .login-input ul li label input::placeholder{font-size:16px; color:#a1a1a1;}

.login-box .login-enter .login-input ul li button{flex:0 132px; font-weight:500;}
/*
.login-box .login-enter .login-input ul li.error label{border:1px solid red;}
.login-box .login-enter .login-input ul li.error .error-message{font-size:12px; color:red; margin:2px 0 0;}
*/
.login-box .login-enter .login-input ul li .error{
flex:1; height:auto; display:block; align-items:initial; gap:initial; background:none; border:none; border-radius:initial; padding:initial; transition:none;
font-size:12px; line-height:1; color:red; margin:0px 0 4px;}


.login-box .login-enter .login-utility{display:flex; align-items:center;}
.login-box .login-enter .login-utility .id-save{flex:1; display:flex;}
.login-box .login-enter .login-utility .id-save input{}
.login-box .login-enter .login-utility .id-save p{font-size:14px; font-weight:500; line-height:1; color:#555;}

.login-box .login-enter .login-utility ul{display:flex; align-items:center;}
.login-box .login-enter .login-utility ul li{display:flex; align-items:center;}
.login-box .login-enter .login-utility ul li + li{}
.login-box .login-enter .login-utility ul li + li:before{content:""; display:block; width:1px; height:12px; background:#d9d9d9; margin:0 12px;}
.login-box .login-enter .login-utility ul li a{display:block; font-size:14px; font-weight:400; line-height:1; color:#555;}
.login-box .login-enter .login-utility ul li a:hover{color:#276EF1;}

.login-box .login-enter .login-btn{flex:1 0 60px;}
@media (max-width:1024px) {
.login-box-wrap{padding:60px 0 0;}

.login-box .login-enter{gap:16px;}
.login-box .login-enter .login-input ul li label{flex:1 0 52px; padding:8px 12px;}

.login-box .login-enter .login-btn{flex:1 0;}
}


/* JOIN */
.join-box{width:100%; max-width:460px; margin:auto;}
.join-box .join-input{display:flex; flex-direction:column; margin:80px 0 0;}
.join-box .btn-wrap{}
.join-box .btn-wrap .btn{flex:1 220px;}


.join-agree-wrap{width:100%; display:flex; flex-direction:column; margin:80px auto 0;}

.join-agree-all{display:flex; flex-direction:column; gap:6px; border-bottom:1px solid #333; padding:0 0 24px; margin:0 0 24px;}
.join-agree-all label{font-size:18px; font-weight:500; line-height:1; color:#333;}
.join-agree-all label p{margin:-2px 0 0;}
.join-agree-all strong{font-size:14px; font-weight:400; line-height:1.25; color:#777; padding:0 0 0 24px;}

.agree-box{display:flex; flex-direction:column; gap:24px;}
.agree-box .agree-cont{height:180px; border:1px solid #e5e5e5; border-radius:8px; padding:16px;}
.agree-box .agree-cont .agree-view{width:100%; height:100%; font-size:14px; line-height:1.5; color:#777; overflow-y:auto;}
.agree-box .agree-cont .agree-view::-webkit-scrollbar{width:4px;}
.agree-box .agree-cont .agree-view::-webkit-scrollbar-track{background-color:; margin:0;}
.agree-box .agree-cont .agree-view::-webkit-scrollbar-thumb{background-color:#ccc; border-radius:20px;}
.agree-box .agree-cont .agree-view .policy-wrap{}

.agree-box ul{display:flex; flex-direction:column; gap:12px;}
.agree-box ul li{}
.agree-box ul li label{align-items:flex-start;}
.agree-box ul li label p{font-size:14px; font-weight:500; line-height:1.3; color:#333; letter-spacing:-0.05rem; margin:-1px 0 0;}


.input-cont{display:flex; flex-direction:column; gap:40px;}
.input-cont dl{display:flex; flex-direction:column; gap:8px;}
.input-cont dl dt{display:flex; font-size:16px; font-weight:400; line-height:1; color:#1D2630;}
.input-cont dl dt .required{display:inline-block; color:#de0000;}
.input-cont dl dd{flex:1; display:flex; align-items:; gap:8px;}
.input-cont dl dd label{flex:1; display:flex; gap:8px;}
.input-cont dl dd input,
.input-cont dl dd textarea,
.input-cont dl dd select{width:100%; height:52px; display:flex; align-items:center; gap:4px; font-size:16px; color:#333; background:; border:1px solid #ddd; border-radius:8px; outline:none; padding:6px 12px; transition:border-color 0.2s;}
.input-cont dl dd input::-webkit-outer-spin-button,
.input-cont dl dd input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
.input-cont dl dd input::placeholder{font-size:16px; color:#a1a1a1;}
.input-cont dl dd:focus-within input,
.input-cont dl dd:focus-within select{border-color:#276EF1;}

.input-cont dl dd label button{flex:0 162px; min-width:162px; font-size:15px; font-weight:500; color:#333;}

.input-cont dl dd.error{flex-direction:column;}

.input-cont dl.error dd{border:1px solid red;}
.input-cont dl.error .error-message{font-size:12px; color:red; margin:2px 0 0;}


.join-comp{width:100%; display:flex; flex-direction:column; margin:80px auto 0;}
.join-comp .join-guide{text-align:center;}
.join-comp .join-guide h1{font-size:24px; font-weight:500; line-height:1.35; color:#333;}
.join-comp .join-guide h1 span{color:#276EF1;}

.join-comp ul{display:flex; flex-direction:column; margin:24px 0 0;}
.join-comp ul li{width:100%; height:60px; display:flex; justify-content:center; align-items:center; background:rgba(39,110,241,0.1); border-radius:8px;}
.join-comp ul li + li{margin:8px 0 0;}
.join-comp ul li p{font-size:18px; font-weight:400; line-height:1; color:#333;}
.join-comp ul li p strong{font-weight:500; color:#276EF1;}
.join-comp ul button{width:100%; height:60px; font-size:20px; font-weight:500; color:#fff; background:#276EF1; border-radius:8px; margin:16px 0 0;}
@media (max-width:1024px) {
.join-box{margin:26px auto 0;}
.join-box .join-input{margin:40px 0 0;}

.join-agree-wrap{margin:40px auto 0;}

.join-agree-all{gap:4px; padding:0 0 20px; margin:0 0 20px;}
.join-agree-all label{font-size:16px;}
.join-agree-all strong{font-size:12px;}

.agree-box{gap:20px;}
.agree-box .agree-cont{padding:12px;}
.agree-box ul{}
.agree-box ul li label{}
.agree-box ul li label p{font-size:13px; margin:0;}

.input-cont dl dt{font-size:14px;}
.input-cont dl dd input,
.input-cont dl dd textarea,
.input-cont dl dd select{height:42px; font-size:14px;}
.input-cont dl dd input::placeholder{font-size:14px;}
.input-cont dl dd label button{flex:0 110px; min-width:110px; font-size:13px;}

.join-comp{margin:40px auto 0;}
.join-comp .join-guide h1{font-size:18px;}

.join-comp ul li{height:46px;}
.join-comp ul li + li{margin:6px 0 0;}
.join-comp ul li p{font-size:16px;}
.join-comp ul button{height:50px; font-size:16px;}
}


/* CATEGORY BOARD */
.category-board{}
.category-board ul{display:flex; flex-wrap:wrap; gap:20px;}
.category-board ul + ul{border-top:1px dashed #ccc; padding:24px 0 0; margin:24px 0 0;}
.category-board ul li{flex:0 0 calc((100% - (20px * 8)) / 9); max-width:calc((100% - (20px * 8)) / 9); aspect-ratio:1 / 1; position:relative; /*padding:100% 0 0;*/}
.category-board ul li a{width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; background:#fff; border:1px solid #e5e5e5; border-radius:8px; position:absolute; top:0; left:0; padding:8px;}
.category-board ul li a:hover,
.category-board ul li a.active{background:rgba(39, 110, 241, 0.1); border:1px solid rgba(39, 110, 241, 0.1);}
.category-board ul li a img{}
.category-board ul li a p{font-size:12px; font-weight:400; line-height:1.1; color:#555; text-align:center; word-break:keep-all;}
.category-board ul li a:hover p,
.category-board ul li a.active p{color:#276EF1;}
.category-board ul.category-board-level01 li a p{font-size:14px;}
.category-board ul.category-board-level02 li a p{}
@media (max-width:1440px) {
.category-board ul{gap:16px;}
.category-board ul li{flex:0 0 calc((100% - (16px * 5)) / 6); max-width:calc((100% - (16px * 5)) / 6);}
}
@media (max-width:1280px) {
.category-board ul{gap:12px;}
.category-board ul li a{gap:8px;}
.category-board ul li a img{width:100%; max-width:48px; height:100%; max-height:48px;}
}
@media (max-width:1024px) {
.category-board ul{gap:8px;}
.category-board ul li a img{max-width:38px; max-height:38px;}
}
@media (max-width:767px) {
.category-board{}
.category-board .inner-container{padding:0;}
.category-board ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:6px;}
.category-board ul + ul{padding:16px 0 0; margin:16px 0 0;}
.category-board ul li{max-width:none;}
.category-board ul li a{gap:8px;}
.category-board ul li a img{max-width:58px; max-height:58px;}
.category-board ul li a p{font-size:13px;}
.category-board ul.category-board-level01 li a p{font-size:13px;}
}
@media (max-width:480px) {
.category-board ul li a{gap:6px;}
.category-board ul li a img{max-width:42px; max-height:42px;}
.category-board ul li a p{font-size:11px;}
.category-board ul.category-board-level01 li a p{font-size:11px;}
}


/* CATEGORY LIST */
.category-list-wrap{margin:;}
.category-list-wrap .category-list{width:100%; display:flex;}
@media (max-width:1024px) {
.category-list-wrap{margin:40px auto 0;}
}

/* CATEGORY LIST - FILTER */
.category-list-wrap .category-list > section{flex:0 0 252px; max-width:252px;}
.filter-wrap{}
.filter-wrap dl{display:flex; flex-direction:column; gap:12px;}
.filter-wrap dl dt{display:flex; align-items:center;}
.filter-wrap dl dt h3{flex:1; font-size:14px; font-weight:500; line-height:1; color:#1D2630;}
.filter-wrap dl dt h3 small{font-size:11px; font-weight:400; color:#777;}
.filter-wrap dl dt a{width:16px; height:16px; display:flex; justify-content: center; align-items: center;}
.filter-wrap dl dt a img{transition:transform 0.2s ease;}
.filter-wrap dl dt a.collapsed img{transform:rotate(0deg);}
.filter-wrap dl dt a:not(.collapsed) img{transform:rotate(180deg);}

.filter-wrap dl dd{/*max-height:188px; overflow-y:auto;*/}
.filter-wrap dl dd::-webkit-scrollbar{width:4px;}
.filter-wrap dl dd::-webkit-scrollbar-track{background-color:; margin:0;}
.filter-wrap dl dd::-webkit-scrollbar-thumb{background-color:#ccc; border-radius:20px;}

.filter-selected{width:100%; min-height:72px; display:flex; flex-wrap:wrap; gap:4px; background:#F4F7FA; border-radius:8px; padding:8px;}
.filter-selected li{}
.filter-selected li a{height:26px; display:flex; align-items:center; gap:4px; background:rgba(39, 110, 241, 0.1); border-radius:8px; padding:6px 8px;}
.filter-selected li a p{font-size:12px; font-weight:500; line-height:1; color:#276EF1;}
.filter-selected li a span{display:flex;}
.filter-selected li a span img{}

.filter-wrap dl dd .filter-check{display:grid; grid-template-columns:repeat(1, 1fr); gap:10px;}
.filter-wrap dl dd .filter-check li{}
.filter-wrap dl dd .filter-check li label{display:flex; align-items:center; padding-left:1.5rem;}
.filter-wrap dl dd .filter-check li label input{width:18px; height:18px; display:block; background:#fff; border:1px solid #ccc; border-radius:6px; appearance:none; margin-left:-1.5rem; margin-top:0.1rem;}
.filter-wrap dl dd .filter-check li label input:checked{background:#276EF1 url(/assets/manage/img/check-icon.svg)no-repeat center; border-color:#276EF1;}
.filter-wrap dl dd .filter-check li label span{font-size:12px; font-weight:400; line-height:1; color:#333;}
.filter-wrap dl dd .filter-check li label input:checked + span{color:#276EF1;}
.filter-wrap dl dd .filter-check li label:hover span{color:#276EF1;}

.filter-wrap .search-box .entry input[type="text"]{flex:1; min-width:50px;}
.filter-wrap .search-box .entry select{height:38px;}

.filter-box{display:grid; grid-template-columns:repeat(2, 1fr); gap:6px;}
.filter-box li{}
.filter-box li label{height:46px; display:flex; align-items:center; background:#fff; border:1px solid #E5E5E5; border-radius:8px; padding:4px 12px;}
.filter-box li label input{opacity:0;}
.filter-box li label input:checked{}
.filter-box li label img{margin:0 4px 0 0;}
.filter-box li label span{font-size:12px; font-weight:400; line-height:1; color:#333;}
.filter-box li label:hover{background:rgba(39, 110, 241, 0.1); border-color:rgba(39, 110, 241, 0.1);}
.filter-box li label:hover span{color:#276EF1;}
.filter-box li label.checked{background:rgba(39, 110, 241, 0.1); border-color:rgba(39, 110, 241, 0.1);}
.filter-box li label.checked span{color:#276EF1;}
.filter-box li label.checked img.img-normal{display:none;}
.filter-box li label.checked img.img-hover{display:block;}

.handle-box{}
.handle-box .handle-input-wrap{display:flex; justify-content:flex-end; align-items:center; margin:0 0 20px;}
.handle-box .handle-input-wrap .handle-input{width:60px; height:26px; display:block; font-size:13px; color:#333; background:#fff; border:1px solid #ccc; border-radius:6px; padding:4px 6px;}
.handle-box .handle-input-wrap span{margin:0 6px;}

.handle-box .noUi-target{height:6px; background:rgba(39,110,241,0.1); border:none; box-shadow:none;}
.handle-box .noUi-target .noUi-connect{background:#276EF1;}

.handle-box .noUi-origin{}
.handle-box .noUi-origin .noUi-handle{width:24px; height:16px; background:#fff; border:1px solid #ddd; border-radius:4px; box-shadow:0 0 4px rgba(0, 0, 0, 0.1); top:; right:;}
.handle-box .noUi-origin .noUi-handle:before,
.handle-box .noUi-origin .noUi-handle:after{width:1px; height:6px; background:#d9d9d9; top:50%; transform:translate(0, -50%);}
.handle-box .noUi-origin .noUi-handle:before{left:9px;}
.handle-box .noUi-origin .noUi-handle:after{left:13px;}
.handle-box .noUi-origin .noUi-handle.noUi-handle-lower{top:-5px; right:-24px;}
.handle-box .noUi-origin .noUi-handle.noUi-handle-upper{top:-5px; right:0;}
.handle-box .noUi-origin .noUi-handle .noUi-touch-area{}

.handle-box .noUi-origin .noUi-handle .noUi-tooltip{font-size:12px; font-weight:400; line-height:1; color:#333; background:#fff; border:1px solid #ddd; border-radius:4px; bottom:calc(100% + 6px); padding:7px 8px;}

.filter-wrap dl .filter-reset{height:46px; display:flex; justify-content:center; align-items:center; font-size:14px; font-weight:500; line-height:1; color:#276EF1; background:rgba(39, 110, 241, 0.1); border:none; border-radius:8px; padding:4px 12px;}

.filter-wrap dl + dl{border-top:1px dashed #ccc; padding:24px 0 0; margin:24px 0 0;}

.filter-reset-btn{width:100%; background:#fff; border-top:1px dashed #ccc; position:sticky; bottom:0; padding:16px; z-index:10;}
.filter-reset-btn a{height:46px; display:flex; justify-content:center; align-items:center; font-size:14px; font-weight:500; line-height:1; color:#276EF1; background:rgba(39, 110, 241, 0.1); border:none; border-radius:8px; padding:4px 12px;}
@media (max-width:1280px) {
.category-list-wrap .category-list > section{flex:0 0 232px; max-width:232px;}
}
@media (max-width:1024px) {
.category-list-wrap .category-list > section{flex:1 100%; max-width:none; padding:24px;}
.filter-wrap{padding:18px 16px;}
.filter-wrap dl{gap:14px;}
.filter-wrap dl dt h3{font-size:15px;}
.filter-wrap dl dd .filter-check{gap:14px; padding:4px 0 0;}
.filter-wrap dl dd .filter-check li label input{margin-top:0.135rem;}
.filter-wrap dl dd .filter-check li label span{font-size:14px;}

.filter-wrap .search-box .entry select{height:34px;}
}


/* CATEGORY LIST - PRODUCT */
.category-list-wrap .category-list .product-list-wrap{width:calc(100% - 252px); display:flex; flex-direction:column; gap:12px; padding:0 0 0 48px;}
.category-list-wrap .category-list .product-list-wrap .product-list-tool{display:flex; align-items:center;}
.category-list-wrap .category-list .product-list-wrap .product-list-tool p{flex:1; font-size:13px; font-weight:400; line-height:1; color:#555;}
.category-list-wrap .category-list .product-list-wrap .product-list-tool p strong{font-weight:500; color:#276EF1;}
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul{}
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul.display-pc{display:flex; align-items:center; gap:16px;}
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul li{}
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul li a{display:block; font-size:12px; font-weight:400; line-height:1; color:#888; padding:4px;}
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul li a.active{font-weight:500; color:#222;}
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul li a:hover{font-weight:500; color:#222;}
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul li select{height:30px; display:inline-block; font-size:12px; color:#222; border:1px solid #DBE0E5; border-radius:8px; padding-top:4px; padding-bottom:4px;}
@media (max-width:1024px) {
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul.display-pc{display:none;}
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul.display-m{display:flex; gap:22px;}
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul.display-m li{}
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul.display-m li button{display:flex; align-items:center;}
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul.display-m li button p{font-size:12px; line-height:1; color:#555;}
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul.display-m li button img{}
.category-list-wrap .category-list .product-list-wrap .product-list-tool ul.display-m li button:hover p{color:#276EF1;}
}
.category-list-wrap .category-list .product-list-wrap .product-list > ul{display:flex; flex-wrap:wrap; margin:-10px -10px 0;}
.category-list-wrap .category-list .product-list-wrap .product-list.product-list01 > ul > li{}
.category-list-wrap .category-list .product-list-wrap .product-list.product-list02 > ul > li{}
.category-list-wrap .category-list .product-list-wrap .product-list.product-list03 > ul > li{}
.category-list-wrap .category-list .product-list-wrap .product-list.product-list04 > ul > li{}
.category-list-wrap .category-list .product-list-wrap .product-list.product-list05 > ul > li{}
.category-list-wrap .category-list .product-list-wrap .product-list.product-list06 > ul > li{}
.product-list-wrap .product-list > ul > li{flex:20%; max-width:20%; padding:10px 10px;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a{}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a:hover{box-shadow:;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .img-area{width:100%; aspect-ratio:1 / 1; border:1px solid #e5e5e5; border-radius:6px; position:relative; overflow:hidden;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .img-area > img{width:100%; height:100%; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); object-fit:cover; transition:0.5s ease;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a:hover .img-area > img{transform:translate(-50%, -50%) scale(1.1);}

.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .img-area ul{display:flex; align-items:center; gap:5px; background:rgba(255,255,255,0.9); border-radius:50px; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.075); padding:4px 6px; position:absolute; top:0; right:12px; opacity:0; visibility:hidden; z-index:10; transition:0.5s;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a:hover .img-area ul{transition:.35s ease; visibility:visible; top:12px; opacity:1;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .img-area ul li{display:flex; align-items:center;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .img-area ul li button{}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .img-area ul li button img{}

.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area{display:flex; flex-direction:column; gap:12px; padding:10px 12px;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-strong{display:flex; flex-direction:column; gap:4px;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-strong .item-volumeSize{display:flex; align-items:stretch; font-size:13px; font-weight:400; line-height:1.35; color:#333;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-strong .item-volumeSize span{display:flex; align-items:center;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-strong .item-volumeSize span + span:before{content:""; width:1px; height:100%; display:block; background:#ddd; margin:0 12px;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-strong .item-price{font-size:13px; font-weight:400; line-height:1.35; color:#333;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-strong .item-code{font-size:13px; font-weight:400; line-height:1.35; color:#333;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-strong .item-code strong{font-weight:500;}

.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-light{display:flex; flex-direction:column; gap:4px;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-light .item-company{display:flex; align-items:baseline; font-size:12px; font-weight:400; line-height:1.35; color:#888;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-light .item-company b{margin:0 6px;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-light .item-company .company-grade{flex:1 0 68px; max-width:68px; height:12px; display:block;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-light .item-company .company-grade.company-grade00{background:url("/assets/img/company-grade00.svg")no-repeat center;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-light .item-company .company-grade.company-grade01{background:url("/assets/img/company-grade01.svg")no-repeat center;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-light .item-company .company-grade.company-grade02{background:url("/assets/img/company-grade02.svg")no-repeat center;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-light .item-company .company-grade.company-grade03{background:url("/assets/img/company-grade03.svg")no-repeat center;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-light .item-company .company-grade.company-grade04{background:url("/assets/img/company-grade04.svg")no-repeat center;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-light .item-company .company-grade.company-grade05{background:url("/assets/img/company-grade05.svg")no-repeat center;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-light .item-ships{font-size:12px; font-weight:400; line-height:1.35; color:#888;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-light .item-ships b{margin:0 6px;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-light .item-ships span{}

.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-sust{display:flex; gap:12px;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-sust li{}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-sust li img{}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-sust li img.item-sust-img{display:block;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-sust li img.item-sust-img-on{display:none;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-sust li.active{}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-sust li.active img.item-sust-img{display:none;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-sust li.active img.item-sust-img-on{display:block;}
@media (max-width:1440px) {
.category-list-wrap .category-list .product-list-wrap .product-list > ul{margin:-10px -8px 0;}
.product-list-wrap .product-list > ul > li{flex:25%; max-width:25%; padding:10px 8px;}
}
@media (max-width:1280px) {
.category-list-wrap .category-list .product-list-wrap{width: calc(100% - 232px); padding:0 0 0 32px;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul{}
.product-list-wrap .product-list > ul > li{flex:33.33%; max-width:33.33%;}
}
@media (max-width:1024px) {
.category-list-wrap .category-list .product-list-wrap{width:100%; gap:12px; padding:0;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul{}
.product-list-wrap .product-list > ul > li{flex:33.33%; max-width:33.33%;}

.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a:hover .img-area ul{display:none;}

.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-strong .item-volumeSize{flex-direction:column; gap:4px;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-strong .item-volumeSize span + span:before{display:none;}
}
@media (max-width:767px) {
.category-list-wrap .category-list .product-list-wrap .product-list > ul{margin:-10px -4px 0;}
.category-list-wrap .category-list .product-list-wrap .product-list > ul > li a .desc-area .desc-area-sust li img{width:18px;}
.product-list-wrap .product-list > ul > li{flex:50%; max-width:50%; padding:10px 4px;}
}

/* CATEGORY LIST - MOBILE */
.category-m-view{}

.category-m-view .category-selected{margin:26px 0 20px;}
.category-m-view .category-selected ul{display:flex; align-items:center;}
.category-m-view .category-selected ul li{display:flex; align-items:center;}
.category-m-view .category-selected ul li + li{}
.category-m-view .category-selected ul li + li:before{height:12px; display:inline-flex; align-items:center; content:url("/assets/img/category-sel-arrow.svg"); margin:0 10px;}
.category-m-view .category-selected ul li a{display:flex; align-items:center; gap:2px; font-size:16px; font-weight:500; line-height:1; color:#777; letter-spacing:-0.025rem;}
.category-m-view .category-selected ul li a.on{font-weight:700; color:#222;}
.category-m-view .category-selected ul li a img{}
.category-m-view .category-selected ul li a.on img{}


.category-sibling-wrap{}
.category-sibling-wrap .category-sibling{display:flex; position:relative; padding:0 0 8px;}
.category-sibling-wrap .category-sibling ul{width:100%; display:flex; flex-wrap:nowrap; align-items:center; gap:4px; position:relative; overflow-x:auto; scrollbar-width:none;}
.category-sibling-wrap .category-sibling ul li{}
.category-sibling-wrap .category-sibling ul li a{height:31px; display:flex; align-items:center; background:#f2f2f2; border-radius:6px; padding:0 12px;}
.category-sibling-wrap .category-sibling ul li a.active{background:#333;}
.category-sibling-wrap .category-sibling ul li a p{font-size:13px; font-weight:500; line-height:1; color:#333; text-align:center; word-break:keep-all; white-space:nowrap; letter-spacing:-0.025rem;}
.category-sibling-wrap .category-sibling ul li a.active p{color:#fff;}

.category-sibling-wrap .category-sibling-view-btn{min-width:31px; max-width:31px; height:31px; display:flex; justify-content:center; align-items:center; background:#fff; border:1px solid #ddd; border-radius:6px; box-shadow:0 0 8px 10px #fff; position:sticky; right:0;}
.category-sibling-wrap .category-sibling-view-btn img{}


.category-child{}
.category-child ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:1px; background:#eee; border:1px solid #eee; border-width:1px 0;}
.category-child ul li{min-height:34px; background:#fff;}
.category-child ul li + li{}
.category-child ul li a{height:100%; display:flex; align-items:baseline; padding:9px 16px 8px;}
.category-child ul li a p{font-size:13px; line-height:1.25; color:#333;}
.category-child ul li a.active p,
.category-child ul li a:hover p{color:#276EF1;}


/* PACKAGE VIEW */
.view-wrap{display:flex; align-items:flex-start; gap:80px; position:relative; margin-top:-40px;}
.view-wrap section{flex:1;}
.view-wrap .view-info{flex:1 0 1056px; display:flex; gap:56px;}
.view-wrap .view-info .view-info-l{flex:0 580px; display:flex; flex-direction:column; gap:24px;}
.view-wrap .view-info .view-info-l .package-img{display:flex; flex-direction:column; gap:8px;}
.view-wrap .view-info .view-info-l .package-img .package-img-swiper{width:100%; border:1px solid #e5e5e5; border-radius:8px;}
.view-wrap .view-info .view-info-l .package-img .package-img-swiper .swiper-slide{width:100%; display:flex; justify-content:center; align-items:center; aspect-ratio:1 / 1; position:relative; overflow:hidden;}

.view-wrap .view-info .view-info-l .package-img .package-img-swiper .swiper-slide .swiper-zoom-container{width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.view-wrap .view-info .view-info-l .package-img .package-img-swiper .swiper-slide img{height:100%; display:block; object-fit:cover;}

.view-wrap .view-info .view-info-l .package-img .package-thumbnail-swiper{width:100%;}
.view-wrap .view-info .view-info-l .package-img .package-thumbnail-swiper .swiper-slide{aspect-ratio:1 / 1; border:1px solid #e5e5e5; border-radius:8px; position:relative; overflow:hidden;}
.view-wrap .view-info .view-info-l .package-img .package-thumbnail-swiper .swiper-slide img{height:100%; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); object-fit:cover;}

.view-wrap .view-info .view-info-l .package-img .package-zoom-btn{display:flex; gap:12px; background:#fff; border:1px solid #ddd; border-radius:50px; position:absolute; bottom:16px; left:50%; transform:translate(-50%, 0); padding:7px 12px; z-index:10;}
.view-wrap .view-info .view-info-l .package-img .package-zoom-btn button{display:flex; align-items:center;}
.view-wrap .view-info .view-info-l .package-img .package-zoom-btn button.zoom-out-btn{opacity:0.45;}
.view-wrap .view-info .view-info-l .package-img .package-zoom-btn button.zoom-in-btn{opacity:1;}
.view-wrap .view-info .view-info-l .package-img .package-zoom-btn button.zoom-out-btn.enabled{opacity:1;}
.view-wrap .view-info .view-info-l .package-img .package-zoom-btn button.zoom-in-btn.active{opacity:0.45;}
.view-wrap .view-info .view-info-l .package-img .package-zoom-btn button i{font-size:16px; color:#222;}

.view-wrap .view-info .view-info-l .view-company{display:flex; flex-direction:column; gap:24px; background:#F5F5F5; border-radius:8px; padding:24px 24px;}
/*
.view-wrap .view-info .view-info-l .view-company .view-company-title{display:flex; align-items:baseline;}
.view-wrap .view-info .view-info-l .view-company .view-company-title h1{font-size:28px; font-weight:500; line-height:1; color:#222; margin:0 24px 0 0;}
.view-wrap .view-info .view-info-l .view-company .view-company-title .view-company-grade{display:flex; margin:0 8px 0 0;}
.view-wrap .view-info .view-info-l .view-company .view-company-title .view-company-grade .company-grade{width:68px; height:12px; display:block; margin:0 4px 0 0;}
.view-wrap .view-info .view-info-l .view-company .view-company-title .view-company-grade .company-grade.company-grade00{background:url("/assets/img/company-grade00.svg")no-repeat center;}
.view-wrap .view-info .view-info-l .view-company .view-company-title .view-company-grade .company-grade.company-grade01{background:url("/assets/img/company-grade01.svg")no-repeat center;}
.view-wrap .view-info .view-info-l .view-company .view-company-title .view-company-grade .company-grade.company-grade02{background:url("/assets/img/company-grade02.svg")no-repeat center;}
.view-wrap .view-info .view-info-l .view-company .view-company-title .view-company-grade .company-grade.company-grade03{background:url("/assets/img/company-grade03.svg")no-repeat center;}
.view-wrap .view-info .view-info-l .view-company .view-company-title .view-company-grade .company-grade.company-grade04{background:url("/assets/img/company-grade04.svg")no-repeat center;}
.view-wrap .view-info .view-info-l .view-company .view-company-title .view-company-grade .company-grade.company-grade05{background:url("/assets/img/company-grade05.svg")no-repeat center;}
.view-wrap .view-info .view-info-l .view-company .view-company-title .view-company-grade strong{font-size:12px; font-weight:400; line-height:1; color:#222; white-space:nowrap;}
.view-wrap .view-info .view-info-l .view-company .view-company-title .view-company-grade strong span{}
.view-wrap .view-info .view-info-l .view-company .view-company-title a{flex:1 0 12px;}
.view-wrap .view-info .view-info-l .view-company .view-company-title a img{}
.view-wrap .view-info .view-info-l .view-company .view-company-title a img.view-com-info-icon{display:block;}
.view-wrap .view-info .view-info-l .view-company .view-company-title a img.view-com-info-icon-on{display:none;}
.view-wrap .view-info .view-info-l .view-company .view-company-title a:hover img.view-com-info-icon{display:none;}
.view-wrap .view-info .view-info-l .view-company .view-company-title a:hover img.view-com-info-icon-on{display:block;}
*/
.view-wrap .view-info .view-info-l .view-company .view-company-title{display:flex; align-items:baseline; gap:24px;}
.view-wrap .view-info .view-info-l .view-company .view-company-title h1{font-size:28px; font-weight:500; line-height:1; color:#222;}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul{display:flex; align-items:flex-start;}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul li{}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul li.view-company-grade{display:flex; margin:0 8px 0 0;}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul li.view-company-grade .company-grade{width:68px; height:12px; display:block; margin:0 4px 0 0;}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul li.view-company-grade .company-grade.company-grade00{background:url("/assets/img/company-grade00.svg")no-repeat center;}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul li.view-company-grade .company-grade.company-grade01{background:url("/assets/img/company-grade01.svg")no-repeat center;}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul li.view-company-grade .company-grade.company-grade02{background:url("/assets/img/company-grade02.svg")no-repeat center;}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul li.view-company-grade .company-grade.company-grade03{background:url("/assets/img/company-grade03.svg")no-repeat center;}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul li.view-company-grade .company-grade.company-grade04{background:url("/assets/img/company-grade04.svg")no-repeat center;}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul li.view-company-grade .company-grade.company-grade05{background:url("/assets/img/company-grade05.svg")no-repeat center;}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul li.view-company-grade strong{font-size:12px; font-weight:400; line-height:1; color:#222; white-space:nowrap;}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul li.view-company-grade strong span{}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul li a{}
.view-wrap .view-info .view-info-l .view-company .view-company-title ul li a img{}

.view-wrap .view-info .view-info-l .view-company .view-company-history{display:flex; flex-direction:column; gap:24px;}
.view-wrap .view-info .view-info-l .view-company .view-company-history dl{display:flex; flex-direction:column;}
.view-wrap .view-info .view-info-l .view-company .view-company-history dl dt{font-size:15px; font-weight:400; line-height:1; color:#333; margin:0 0 10px;}
.view-wrap .view-info .view-info-l .view-company .view-company-history dl dd{display:flex; flex-wrap:wrap; font-size:15px; font-weight:500; line-height:1.3; color:#333;}
.view-wrap .view-info .view-info-l .view-company .view-company-history dl dd + dd{margin:6px 0 0;}
.view-wrap .view-info .view-info-l .view-company .view-company-history dl dd:before{content:"-"; display:block; font-size:15px; font-weight:500; line-height:1.3; color:#333; margin:0 4px 0 0;}
.view-wrap .view-info .view-info-l .view-company .view-company-history dl dd span{display:flex; align-items:center;}
.view-wrap .view-info .view-info-l .view-company .view-company-history dl dd span + span{}
.view-wrap .view-info .view-info-l .view-company .view-company-history dl dd span + span:before{content:"/"; display:block; font-size:12px; font-weight:400; line-height:1; color:#888; margin:0 8px;}


.view-wrap .view-info .view-info-r{flex:1;}
.view-wrap .view-info .view-info-r article{}
.view-wrap .view-info .view-info-r article + article{border-top:1px solid #e5e5e5; padding:24px 0 0; margin:24px 0 0;}
.view-wrap .view-info .view-info-r .view-info-title{display:flex;}
.view-wrap .view-info .view-info-r .view-info-title p{flex:1; display:flex; flex-direction:column; gap:14px;}
.view-wrap .view-info .view-info-r .view-info-title p strong{font-size:28px; font-weight:700; line-height:1; color:#333;}
.view-wrap .view-info .view-info-r .view-info-title p small{font-size:16px; font-weight:400; line-height:1; color:#555;}
.view-wrap .view-info .view-info-r .view-info-title ul{display:flex; gap:8px;}
.view-wrap .view-info .view-info-r .view-info-title ul li{}
.view-wrap .view-info .view-info-r .view-info-title ul li a{display:block;}
.view-wrap .view-info .view-info-r .view-info-title ul li a img{}

.view-wrap .view-info .view-info-r .view-info-item{display:flex; flex-direction:column; gap:32px;}
.view-wrap .view-info .view-info-r .view-info-item dl{display:flex; justify-content:space-between; gap:32px;}
.view-wrap .view-info .view-info-r .view-info-item dl dt{min-width:160px; flex:0 160px; display:flex; flex-direction:column; gap:6px; font-size:16px; font-weight:400; line-height:1; color:#333;}
.view-wrap .view-info .view-info-r .view-info-item dl dt .trans-btn{display:flex; align-items:center; gap:3px;}
.view-wrap .view-info .view-info-r .view-info-item dl dt .trans-btn img{}
.view-wrap .view-info .view-info-r .view-info-item dl dt .trans-btn p{font-size:11px; font-weight:400; line-height:1; color:#888;}
.view-wrap .view-info .view-info-r .view-info-item dl dt .trans-btn:hover p{color:#276EF1;}
.view-wrap .view-info .view-info-r .view-info-item dl dd{font-size:16px; font-weight:500; line-height:1; color:#333; text-align:right; transition:padding 0.2s;}
.view-wrap .view-info .view-info-r .view-info-item dl.info-highlight dt,
.view-wrap .view-info .view-info-r .view-info-item dl.info-highlight dd{color:#276EF1;}
.view-wrap .view-info .view-info-r .view-info-item dl dd small{max-height:140px; display:block; font-size:14px; font-weight:400; line-height:1.35; color:#555; text-align:left; overflow-y:auto;}
.view-wrap .view-info .view-info-r .view-info-item dl dd small.has-scroll{padding:0 8px 0 0;}
.view-wrap .view-info .view-info-r .view-info-item dl dd ::-webkit-scrollbar{width:4px;}
.view-wrap .view-info .view-info-r .view-info-item dl dd ::-webkit-scrollbar-track{background-color:; margin:6px 0;}
.view-wrap .view-info .view-info-r .view-info-item dl dd ::-webkit-scrollbar-thumb{background-color:#ccc; border-radius:20px;}

.view-wrap .view-info .view-info-r .view-info-qty{}
.view-wrap .view-info .view-info-r .view-info-qty dl{display:flex; justify-content:space-between; gap:16px;}
.view-wrap .view-info .view-info-r .view-info-qty dl dt{}
.view-wrap .view-info .view-info-r .view-info-qty dl dd{}

.view-wrap .view-info .view-info-r .view-info-btn{}
.view-wrap .view-info .view-info-r .view-info-btn .btn-wrap{margin:0;}


.view-wrap .view-total{flex:1 100%; border:1px solid #E5E5E5; border-radius:8px;}
.view-wrap .view-total .view-total-title{display:flex; background:#F5F5F5; padding:16px 16px;}
.view-wrap .view-total .view-total-title h1{font-size:18px; font-weight:500; line-height:1; color:#333;}

.view-wrap .view-total-item{display:flex; flex-direction:column; gap:24px; padding:16px 16px;}
.view-wrap .view-total-item .view-total-item-vert{display:flex; flex-direction:column; gap:20px;}
.view-wrap .view-total-item .view-total-item-vert dl{display:flex; flex-direction:column; gap:8px;}
.view-wrap .view-total-item .view-total-item-vert dl dt{display:flex; align-items:center; gap:4px;}
.view-wrap .view-total-item .view-total-item-vert dl dt p{font-size:14px; font-weight:400; line-height:1; color:#333;}
.view-wrap .view-total-item .view-total-item-vert dl dt a{}
.view-wrap .view-total-item .view-total-item-vert dl dt a img{}
.view-wrap .view-total-item .view-total-item-vert dl dt a img.view-total-info-icon{display:block;}
.view-wrap .view-total-item .view-total-item-vert dl dt a img.view-total-info-icon-on{display:none;}
.view-wrap .view-total-item .view-total-item-vert dl dt a:hover img.view-total-info-icon{display:none;}
.view-wrap .view-total-item .view-total-item-vert dl dt a:hover img.view-total-info-icon-on{display:block;}
.view-wrap .view-total-item .view-total-item-vert dl dd{}
.view-wrap .view-total-item .view-total-item-vert dl dd ul{display:flex; flex-wrap:wrap; gap:6px;}
.view-wrap .view-total-item .view-total-item-vert dl dd ul li{}
.view-wrap .view-total-item .view-total-item-vert dl dd ul li a{display:flex; font-size:14px; font-weight:400; line-height:1; color:#39465F; border:1px solid #e5e5e5; border-radius:8px; padding:8px 9px;}
.view-wrap .view-total-item .view-total-item-vert dl dd ul li a.active{color:#276EF1; border:1px solid #276EF1;}

.view-wrap .view-total-item .view-total-item-horiz{display:flex; flex-direction:column; gap:12px;}
.view-wrap .view-total-item .view-total-item-horiz dl{min-height:34px; display:flex; justify-content:space-between; align-items:center; gap:16px;}
.view-wrap .view-total-item .view-total-item-horiz dl dt{font-size:14px; font-weight:500; line-height:1; color:#333;}
.view-wrap .view-total-item .view-total-item-horiz dl dd{}
.view-wrap .view-total-item .view-total-item-horiz dl dd .view-total-item-val{display:flex; gap:6px; align-items:center;}
.view-wrap .view-total-item .view-total-item-horiz dl dd .view-total-item-val b{display:flex; align-items:center; gap:6px;}
.view-wrap .view-total-item .view-total-item-horiz dl dd .view-total-item-val b span{font-size:14px; font-weight:500; line-height:1; color:#333;}
.view-wrap .view-total-item .view-total-item-horiz dl dd .view-total-item-val b input{width:110px; height:34px; font-size:14px; font-weight:500; color:#333; text-align:right; border:1px solid #e5e5e5; border-radius:8px; outline:none; padding:8px;}
.view-wrap .view-total-item .view-total-item-horiz dl dd .view-total-item-val b input::-webkit-outer-spin-button,
.view-wrap .view-total-item .view-total-item-horiz dl dd .view-total-item-val b input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
.view-wrap .view-total-item .view-total-item-horiz dl dd .view-total-item-val strong{font-size:14px; font-weight:500; line-height:1; color:#333;}

.view-wrap .view-total-item .view-total-item-horiz dl.view-total-important{}
.view-wrap .view-total-item .view-total-item-horiz dl.view-total-important dt{color:#276EF1;}
.view-wrap .view-total-item .view-total-item-horiz dl.view-total-important dd{}
.view-wrap .view-total-item .view-total-item-horiz dl.view-total-important dd .view-total-item-val{}
.view-wrap .view-total-item .view-total-item-horiz dl.view-total-important dd .view-total-item-val *{color:#276EF1;}

.view-wrap .view-total-item .view-total-cost{background:rgba(39, 110, 241, 0.1); border-radius:6px; padding:16px 16px;}
.view-wrap .view-total-item .view-total-cost dl{display:flex; justify-content:space-between; gap:16px;}
.view-wrap .view-total-item .view-total-cost dl dt{font-size:16px; font-weight:500; line-height:1; color:#276EF1;}
.view-wrap .view-total-item .view-total-cost dl dd{display:flex; gap:6px;}
.view-wrap .view-total-item .view-total-cost dl dd p{font-size:16px; font-weight:500; line-height:1; color:#276EF1;}
.view-wrap .view-total-item .view-total-cost dl dd strong{font-size:16px; font-weight:500; line-height:1; color:#276EF1;}
@media (max-width:1440px) {
.view-wrap{flex-direction:column; gap:40px; align-items:flex-start;}
.view-wrap .view-info{flex:1 0 100%; width:100%;}
}
@media (max-width:1024px) {
.view-wrap{margin-top:0; gap:24px; align-items:normal;}
.view-wrap .view-info{flex:1; flex-direction:column; gap:24px;}
.view-wrap .view-info .view-info-l{gap:20px;}
.view-wrap .view-info .view-info-l .package-img .package-img-swiper{width:calc(100% + 32px); border-width:0 0 1px; border-radius:0; left:50%; transform:translate(-50%, 0);}

.view-wrap .view-info .view-info-l .view-company{padding:16px;}
.view-wrap .view-info .view-info-l .view-company .view-company-title{flex-wrap:wrap;}
.view-wrap .view-info .view-info-l .view-company .view-company-title h1{flex:1 0 100%; font-size:20px; margin:0 0 8px;}
.view-wrap .view-info .view-info-l .view-company .view-company-history dl dt{font-size:14px; margin:0 0 8px;}
.view-wrap .view-info .view-info-l .view-company .view-company-history dl dd{font-size:14px;}

.view-wrap .view-info .view-info-r .view-info-title p{gap:8px;}
.view-wrap .view-info .view-info-r .view-info-title p strong{font-size:20px;}
.view-wrap .view-info .view-info-r .view-info-title p small{font-size:14px;}

.view-wrap .view-info .view-info-r .view-info-item{}
.view-wrap .view-info .view-info-r .view-info-item dl dt{}
.view-wrap .view-info .view-info-r .view-info-item dl dd{}

.view-wrap .view-info .view-info-r .view-info-btn{width:100%; background:#fff; border:none; box-shadow:0 0 16px rgba(0,0,0,0.1); position:fixed; left:0; bottom:0; padding:16px; margin:0; z-index:1100;}
.view-wrap .view-info .view-info-r .view-info-btn .btn-wrap{gap:8px;}
.view-wrap .view-info .view-info-r .view-info-btn .btn-wrap button{padding:12px 8px;}

.view-wrap .view-total .view-total-title{padding:12px 12px;}
.view-wrap .view-total .view-total-title h1{font-size:16px;}
.view-wrap .view-total-item{padding:12px 12px;}
.view-wrap .view-total-item .view-total-item-vert{gap:16px;}
.view-wrap .view-total-item .view-total-item-vert dl{gap:6px;}
.view-wrap .view-total-item .view-total-item-vert dl dt p{font-size:13px;}
.view-wrap .view-total-item .view-total-item-vert dl dd ul{gap:4px;}
.view-wrap .view-total-item .view-total-item-vert dl dd ul li a{font-size:13px; padding:5px 8px;}

.view-wrap .view-total-item .view-total-item-horiz{gap:8px;}
.view-wrap .view-total-item .view-total-item-horiz dl{min-height:32px;}
.view-wrap .view-total-item .view-total-item-horiz dl dt{font-size:13px;}
.view-wrap .view-total-item .view-total-item-horiz dl dd .view-total-item-val b span{font-size:13px;}
.view-wrap .view-total-item .view-total-item-horiz dl dd .view-total-item-val b input{width:80px; height:32px;}
.view-wrap .view-total-item .view-total-item-horiz dl dd .view-total-item-val strong{font-size:13px;}

.view-wrap .view-total-item .view-total-cost{padding:12px;}
.view-wrap .view-total-item .view-total-cost dl dt{font-size:14px;}
.view-wrap .view-total-item .view-total-cost dl dd p{font-size:15px;}
.view-wrap .view-total-item .view-total-cost dl dd strong{font-size:15px;}
}
@media (max-width:768px) {
.view-wrap .view-info .view-info-r article + article{padding:16px 0 0; margin:20px 0 0;}

.view-wrap .view-info .view-info-r .view-info-title ul li a{width:24px;}

.view-wrap .view-info .view-info-r .view-info-item{gap:24px;}
.view-wrap .view-info .view-info-r .view-info-item dl dt{min-width:140px; flex:0 140px; font-size:14px;}
.view-wrap .view-info .view-info-r .view-info-item dl dd{font-size:14px;}
.view-wrap .view-info .view-info-r .view-info-item dl dd small{font-size:13px;}
}

/* PACKAGE VIEW - COMMON */
.view-wrap.view-common{}
.view-wrap.view-common .view-info{gap:62px;}
.view-wrap.view-common .view-info .view-info-l{flex:0 900px; flex-direction:row;}
.view-wrap.view-common .view-info .view-info-l .package-img{flex:1; flex-direction:row; gap:12px;}
.view-wrap.view-common .view-info .view-info-l .package-img .package-thumbnail-swiper{order:0; width:88px;}
.view-wrap.view-common .view-info .view-info-l .package-img .package-thumbnail-swiper .swiper-slide{height:auto;}
.view-wrap.view-common .view-info .view-info-l .package-img .package-thumbnail-swiper .swiper-slide img{}
.view-wrap.view-common .view-info .view-info-l .package-img .package-img-swiper{order:1; max-width:800px;}

.view-wrap.view-common .view-info .view-info-r{flex:1;}
@media (max-width:1024px) {
.view-wrap.view-common .view-info{gap:24px;}
.view-wrap.view-common .view-info .view-info-l{flex:1;}
.view-wrap.view-common .view-info .view-info-l .package-img{flex-direction:column; gap:8px;}
.view-wrap.view-common .view-info .view-info-l .package-img .package-thumbnail-swiper{order:1; width:100%;}
.view-wrap.view-common .view-info .view-info-l .package-img .package-img-swiper{order:0;}
}


/* CART & REQUEST */
.cart-wrap{}
.cart-inner{width:100%; max-width:1200px; margin:auto;}
.cart-inner .cart-box{width:100%; display:flex; flex-direction:column; margin:80px auto 0;}
.cart-inner .cart-box .cart-table-wrap{}
.cart-inner .cart-box .cart-table-pc{display:block;}
.cart-inner .cart-box .cart-table-mb{display:none;}

.cart-table-wrap .cart-table{}
.cart-table-wrap .cart-table{width:100%; border-collapse:collapse;}
.cart-table-wrap .cart-table tr th,
.cart-table-wrap .cart-table tr td{vertical-align:middle; border:1px solid #e5e5e5; border-width:1px 0;}
.cart-table-wrap .cart-table tr th{padding:8px 12px;}
.cart-table-wrap .cart-table tr td{padding:16px;}
.cart-table-wrap .cart-table thead{}
.cart-table-wrap .cart-table thead tr{}
.cart-table-wrap .cart-table thead tr th{font-size:15px; font-weight:400; line-height:; color:#333;}
.cart-table-wrap .cart-table thead tr th small{display:flex; justify-content:center; font-size:11px; line-height:1.15; color:#777; text-align:left;}
.cart-table-wrap .cart-table tbody{}
.cart-table-wrap .cart-table tbody tr{}
.cart-table-wrap .cart-table tbody tr th{}
.cart-table-wrap .cart-table tbody tr td{font-size:15px; font-weight:400; line-height:; color:#222; text-align:center;}


.cart-table-mb ul{}
.cart-table-mb ul li{display:flex; gap:14px;}
.cart-table-mb ul li + li{border-top:1px solid #eee; padding:20px 0 0; margin:20px 0 0;}
.cart-table-mb ul li .item-check{flex:1 0 80px; max-width:84px; align-items:flex-start;}
.cart-table-mb ul li .item-check label{position:relative; padding:0;}
.cart-table-mb ul li .item-check label input{position:absolute; top:4px; left:4px; margin:0; z-index:10;}
.cart-table-mb ul li .item-check label img{border-radius:6px;}

.cart-table-mb ul li .item-info{flex:1;}
.cart-table-mb ul li .item-info dt{display:flex;}
.cart-table-mb ul li .item-info dt p{flex:1; font-size:13px; font-weight:400; line-height:1; color:#555;}
.cart-table-mb ul li .item-info dt button{width:18px;}
.cart-table-mb ul li .item-info dt button img{}
.cart-table-mb ul li .item-info dd{margin:6px 0 0;}
.cart-table-mb ul li .item-info dd p{font-size:14px; font-weight:500; line-height:1.25; color:#333;}
.cart-table-mb ul li .item-info dd .item-count{margin:6px 0 0;}
@media (max-width:1024px) {
.cart-inner{margin:26px auto 0;}
.cart-inner .cart-box{margin:40px auto 0;}
.cart-inner .cart-box .cart-table-pc{display:none;}
.cart-inner .cart-box .cart-table-mb{display:block;}
.cart-inner .cart-box .btn-box-l.cart-table-mb{display:flex; align-items:center;}
}

.request-wrap{}
.request-inner{width:100%; max-width:1440px; margin:auto;}
.request-inner .request-box{width:100%; display:flex; flex-direction:column; margin:80px auto 0;}
.request-inner .request-box .request-guide{text-align:center; margin:0 auto 80px;}
.request-inner .request-box .request-guide h1{font-size:24px; font-weight:500; line-height:1.35; color:#333; word-break:keep-all;}
.request-inner .request-box .request-guide h1 span{color:#276EF1;}

.request-info{}
.request-info ul{display:flex; justify-content:space-between; gap:40px;}
.request-info ul li{flex:1 0; display:flex; flex-direction:column; border:1px solid #E5E5E5; border-radius:8px;}
.request-info ul li .request-info-head{display:flex; align-items:center; background:#E5E5E5; padding:16px;}
.request-info ul li .request-info-head h3{font-size:18px; font-weight:500; line-height:1; color:#333;}
.request-info ul li .request-info-body{flex:1; display:flex; flex-direction:column; gap:40px; padding:16px;}
.request-info ul li .request-info-body dl{display:flex; flex-direction:column; gap:8px;}
.request-info ul li .request-info-body dl dt{font-size:14px; line-height:1; color:#555;}
.request-info ul li .request-info-body dl dd{display:flex; flex-direction:column; gap:8px; font-size:18px; font-weight:500; line-height:1; color:#333;}

.request-info-body dl dt .required{display:inline-block; color:#de0000;}
.request-info-body dl dd{}
.request-info-body dl dd input[type="text"],
.request-info-body dl dd input[type="number"],
.request-info-body dl dd select{width:100%; height:50px; display:flex; align-items:center; gap:4px; font-size:16px; color:#333; background:; border:1px solid #ddd; border-radius:8px; outline:none; padding:8px 16px; transition:border-color 0.2s;}
.request-info-body dl dd input::-webkit-outer-spin-button,
.request-info-body dl dd input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
.request-info-body dl dd input::placeholder{font-size:16px; color:#a1a1a1;}
.request-info-body dl dd:focus-within input,
.request-info-body dl dd:focus-within select{border-color:#276EF1;}
.request-info-body dl dd textarea{height:100%;}
.request-info-body dl dd .form-check{}
.request-info-body dl dd .form-check p{font-size:14px; font-weight:400; line-height:1; color:#333; white-space:nowrap;}

.request-box .request-table-wrap{margin:80px 0 0;}
.request-box .cart-table-wrap{border:1px solid #a1a1a1; border-width:1px 0; margin:80px 0 0;}
.request-box .request-table-pc{display:block;}
.request-box .request-table-mb{display:none;}

.request-box .cart-table-wrap .cart-table{width:100%;}

.request-box .request-table-mb > ul{}
.request-box .request-table-mb > ul > li{display:flex; flex-direction:column; gap:16px;}
.request-box .request-table-mb > ul > li + li{border-top:1px solid #e5e5e5; padding:20px 0 0; margin:20px 0 0;}
.request-box .request-table-mb > ul > li .request-item-m{display:flex; gap:14px;}
.request-box .request-table-mb > ul > li .request-table-b{}
.request-box .request-table-mb > ul > li .request-imgBox{flex:1 0 80px; max-width:84px; align-items:flex-start;}

.request-box .request-table-mb > ul > li .item-info{flex:1;}
.request-box .request-table-mb > ul > li .item-info dt{display:flex;}
.request-box .request-table-mb > ul > li .item-info dt p{flex:1; font-size:13px; font-weight:400; line-height:1; color:#555;}
.request-box .request-table-mb > ul > li .item-info dt button{width:18px;}
.request-box .request-table-mb > ul > li .item-info dt button img{}
.request-box .request-table-mb > ul > li .item-info dd{margin:6px 0 0;}
.request-box .request-table-mb > ul > li .item-info dd p{font-size:14px; font-weight:500; line-height:1.25; color:#333;}
.request-box .request-table-mb > ul > li .item-info dd .item-count{margin:6px 0 0;}

.request-box .request-table-mb > ul > li .board-attach{gap:4px; margin:0;}
.request-box .request-table-mb > ul > li .board-attach dt{font-size:12px;}

.comments-area{width:100%; height:100%; display:flex; flex-direction:column; align-items:flex-start; gap:8px; background:#fff; border:1px solid #DBE0E5; border-radius:8px; padding:8px 12px; overflow:hidden;}
.comments-area label{display:flex; justify-content:center; align-items:center; font-size:11px; line-height:1; color:#A1A1A1; background:#fff; border-radius:8px; padding:4px 8px;}
.comments-area textarea{width:100%; height:100%; font-size:14px; line-height:1.4; color:#333; background:none; border:none; outline:none; resize:none;}
.comments-area.active{background:#F8F9FA;}
.comments-area.active label{color:#276EF1; box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);}

.comments-area-comp{width:100%; display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:;}
.comments-area-comp dt{display:flex; justify-content:center; align-items:center; font-size:11px!important; line-height:1; color:#A1A1A1!important; border:1px solid #E5E5E5; border-radius:50px; padding:4px 8px;}
.comments-area-comp dd{width:100%; font-size:14px!important; line-height:1.4!important; color:#333!important; text-align:left;}

.request-table-b{display:flex; gap:24px;}
.request-table-b .comments-area{flex:1 0 60%; width:auto;}
.request-table-b .comments-area-comp{flex:1 0 60%; width:auto;}
.request-table-b .file-frame label{max-height:104px;}
/*
.request-table-b .board-attach{flex:1 0 50%; border-top:1px solid #DBE0E5; padding:16px; margin:0;}
*/

.file-frame{width:100%;}
.file-frame label{width:100%; height:100%; max-height:100px; display:flex; flex-direction:column; align-items:center; background:#fff; border:1px solid #DBE0E5; border-radius:8px; padding:12px; cursor:pointer; overflow-y:auto;}
.file-frame label::-webkit-scrollbar{width:4px;}
.file-frame label::-webkit-scrollbar-track{background-color:; margin:0;}
.file-frame label::-webkit-scrollbar-thumb{background-color:#ccc; border-radius:20px;}
.file-frame label button{}
.file-frame label img{}
.file-frame label strong{display:block; font-size:14px; font-weight:400; line-height:1.2; color:#333; text-align:center; word-break:keep-all; margin:8px 0 0;}
.file-frame label .file-list{width:100%; display:flex; flex-direction:column; gap:8px;}
.file-frame label .file-list p{font-size:14px; font-weight:400; line-height:1; color:#333; text-align:left;}


.request-imgBox{display:flex; align-items:center; gap:24px;}
.request-imgBox .img-area{min-width:108px; width:108px; aspect-ratio:1 / 1; border:1px solid #e5e5e5; border-radius:6px; position:relative; overflow:hidden;}
.request-imgBox .img-area img{width:100%; height:100%; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); object-fit:cover; transition:0.5s ease;}
.request-imgBox p{color:#222; text-align:left;}
.request-imgBox:hover p{color:#276EF1;}


.cart-inner .cart-box .cart-table-wrap-mb{}
.cart-inner .cart-box .cart-table-wrap-mb ul{}
.cart-inner .cart-box .cart-table-wrap-mb ul li{}
@media (max-width:1024px) {
.request-inner{margin:26px auto 0;}
.request-inner .request-box{margin:40px 0 0;}

.request-inner .request-box .request-guide{margin:0 0 26px;}
.request-inner .request-box .request-guide h1{font-size:18px; line-height:1.2;}

.request-info ul{flex-direction:column; gap:20px;}
.request-info ul li .request-info-head{padding:14px 12px;}
.request-info ul li .request-info-head h3{font-size:16px;}
.request-info ul li .request-info-body{gap:30px; padding:14px 12px;}
.request-info ul li .request-info-body dl dd{font-size:16px;}

.request-box .request-table-wrap{border:1px solid #a1a1a1; border-width:1px 0; padding:26px 0; margin:26px 0 0;}
.request-box .request-table-pc{display:none;}
.request-box .request-table-mb{display:block;}
.request-box .cart-table-pc{display:none;}
.request-box .cart-table-mb{display:block;}

.request-info-body dl dd input[type="text"],
.request-info-body dl dd input[type="number"],
.request-info-body dl dd select{height:42px; font-size:14px;}

.request-imgBox .img-area{min-width:auto;}

.request-table-b{flex-direction:column; gap:16px;}
.request-table-b .comments-area-comp{border:1px solid #DBE0E5; border-radius:8px; padding:8px;}
}


/* COMPARE */
.compare-tab{}
.compare-tab ul{width:100%; display:flex; gap:12px; border-bottom:1px solid #E5E5E5;}
.compare-tab ul li{}
.compare-tab ul li a{display:block; font-size:16px; font-weight:400; line-height:1; color:#555; position:relative; padding:14px 16px;}
.compare-tab ul li a.active{font-weight:500; color:#276EF1;}
.compare-tab ul li a.active:after{content:""; width:100%; height:1px; display:block; background:#276EF1; position:absolute; bottom:0; left:50%; transform:translate(-50%, 1px); z-index:10;}

.compare-table-wrap{border:1px solid #eee; border-width:0 1px; border-radius:8px; overflow-x:auto; margin:20px auto 0;}
.compare-table-pc{display:block;}
.compare-table-mb{display:none;}
.compare-table{width:100%;}
.compare-table tr{}
.compare-table tr th,
.compare-table tr td{border:1px solid #eee; position:relative; padding:24px;}
.compare-table tr th{width:240px; min-width:240px; font-size:16px; font-weight:400; line-height:1.25; color:#333; text-align:center; vertical-align:middle; background:#f5f5f5;}
.compare-table tr td{min-width:380px; max-width:380px; text-align:center; vertical-align:top;}
.compare-table tr td.compare-img button{line-height:1; position:absolute; top:12px; right:12px; padding:8px;}
.compare-table tr td.compare-img button i{font-size:20px; color:#333;}
.compare-table tr td.compare-img button:hover i{color:#276EF1;}
.compare-table tr td a{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.compare-table tr td a .compare-table-img{width:100%; max-width:200px; aspect-ratio:1 / 1; border:1px solid #e5e5e5; border-radius:6px; position:relative; overflow:hidden; margin:0 0 12px;}
.compare-table tr td a .compare-table-img img{height:100%; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); object-fit:cover; transition:0.5s ease;}
.compare-table tr td p{font-size:16px; font-weight:500; line-height:1.45; color:#333;}

.compare-table tr td .compare-action{display:flex; justify-content:center; gap:6px;}
.compare-table tr td .compare-action li{}
.compare-table tr td .compare-action li a{width:48px; height:48px; display:flex; justify-content:center; align-items:center; border:1px solid #ddd; border-radius:50px;}
.compare-table tr td .compare-action li a:hover{background:rgba(39, 110, 241, 0.1); border:1px solid rgba(39, 110, 241, 0.1);}
.compare-table tr td .compare-action li a img{}

.compare-empty{min-height:600px; display:flex; justify-content:center; align-items:center;}
.compare-empty .compare-empty-text{display:flex; flex-direction:column;}
.compare-empty .compare-empty-text img{height:60px;}
.compare-empty .compare-empty-text p{font-size:14px; line-height:1; color:#777; margin:16px 0 0;}
@media (max-width:1024px) {
.compare-table-pc{display:none;}
.compare-table-mb{display:block;}

.compare-table{width:1200px;}
.compare-table tr th,
.compare-table tr td{vertical-align:middle;}
.compare-table tr th{width:auto; min-width:80px; font-size:14px; line-height:1; white-space:nowrap; padding:10px 8px;}
.compare-table tr td{min-width:auto; max-width:320px; padding:8px;}
.compare-table tr td.compare-img button{top:6px; right:2px; padding:6px;}
.compare-table tr td.compare-img button i{font-size:16px;}
.compare-table tr td p{font-size:14px; font-weight:400; word-break:keep-all;}
.compare-table tr td a .compare-table-img{max-width:80px; margin:0 0 4px;}

.compare-table tr td .compare-action li a{width:38px; height:38px;}
.compare-table tr td .compare-action li a i{font-size:16px; color:#333;}
.compare-table tr td .compare-action li a:hover i{color:#276EF1;}
.compare-table tr td .compare-action li a img{height:24px;}
}

/* SEARCH */
.result-wrap{padding:68px 0;}
.result-box{width:100%; max-width:520px; display:flex; flex-direction:column; gap:16px; margin:auto;}
.result-box .result-search{display:flex; justify-content:center; align-items:center; border-bottom:1px solid #333;}
.result-box .result-search input{flex:1; width:100%; font-size:20px; font-weight:500; color:#333; border:none; outline:none; padding:4px 12px;}
.result-box .result-search input::placeholder{font-size:12px; color:#888;}
.result-box .result-search button{width:44px; height:44px; display:flex; justify-content:center; align-items:center; padding:8px;}
.result-box .result-search button img{width:100%;}
.result-box p{font-size:20px; font-weight:400; line-height:1.25; color:#333; text-align:center;}
.result-box p strong{font-weight:500; color:#276EF1;}

.search-filter{background:#f5f5f5; border-width:1px 0; padding:32px 0; margin:0 0 24px;}
.search-filter .search-filter-list{display:flex; gap:8px;}
.search-filter .search-filter-list > li{position:relative;}
.search-filter .search-filter-list > li .filter-btn{display:flex; align-items:center; gap:10px; background:#fff; border:1px solid #eee; border-radius:8px; padding:12px 18px 12px 20px;}
.search-filter .search-filter-list > li .filter-btn p{font-size:13px; font-weight:500; line-height:1; color:#333;}
.search-filter .search-filter-list > li .filter-btn i{font-size:12px; color:#333;}
.search-filter .search-filter-list > li .filter-btn.active + .filter-drop-wrap{display:block; animation:filterShow 0.2s forwards; transform-origin:top left;}

.search-filter .search-filter-list > li .filter-drop-wrap{min-width:100%; display:none; background:#fff; border:1px solid #eee; border-radius:8px; box-shadow:0 8px 16px 0 rgba(27, 46, 94, 0.15); position:absolute; top:calc(100% + 6px); left:0; z-index:20;}
.search-filter .search-filter-list > li .filter-drop{padding:16px 12px;}
.search-filter .search-filter-list > li .filter-drop > ul{min-width:200px; display:flex; flex-direction:column; gap:10px;}
.search-filter .search-filter-list > li .filter-drop > ul > li{}
.search-filter .search-filter-list > li .filter-drop > ul > li .form-check{}

.search-filter .search-filter-list > li .filter-drop dl{display:flex; flex-direction:column; gap:8px;}
.search-filter .search-filter-list > li .filter-drop dl + dl{margin:20px 0 0;}
.search-filter .search-filter-list > li .filter-drop dl dt{font-size:13px; line-height:1; color:#333;}
.search-filter .search-filter-list > li .filter-drop dl dd{}
.search-filter .search-filter-list > li .filter-drop dl dd .search-box{}
.search-filter .search-filter-list > li .filter-drop dl dd .search-box .entry{height:34px;}
.search-filter .search-filter-list > li .filter-drop dl dd input{width:200px!important;}

.search-filter .search-filter-list > li .filter-drop .handle-box{width:200px;}
.search-filter .search-filter-list > li .filter-drop .handle-box .handle-input-wrap .handle-input{flex:1;}

.search-filter .search-filter-list > li .filter-drop .filter-box{min-width:320px; display:grid; gap:4px;}

.search-filter .search-filter-list > li .filter-drop-footer{border-top:1px solid #eee; padding:12px;}
.search-filter .search-filter-list > li .filter-drop-footer .btn-wrap{gap:6px; margin:0;}
.search-filter .search-filter-list > li .filter-drop-footer .btn-wrap button{font-size:13px; padding:6px;}


.search-filter .filter-selected{min-height:auto; padding:0; margin:8px 0 0;}
.search-filter .filter-selected ul{}
.search-filter .filter-selected ul li{}
.search-filter .filter-selected ul li a{}

@keyframes filterShow{
    0%{opacity:0; transform:scale(0)}
    to{opacity:1; transform:scale(1)}
}

.category-list-wrap .category-list .product-list-wrap.search-list{width:100%; padding:0;}
.product-list-wrap.search-list .product-list > ul > li{flex:16.66%; max-width:16.66%;}
@media (max-width:1440px) {
.product-list-wrap.search-list .product-list > ul > li{flex:20%; max-width:20%;}
}
@media (max-width:1280px) {
.product-list-wrap.search-list .product-list > ul > li{flex:25%; max-width:25%;}
}
@media (max-width:1024px) {
.product-list-wrap.search-list .product-list > ul > li{flex:33.33%; max-width:33.33%;}

.result-wrap{padding:40px 0 0;}
.result-box{width:86%; max-width:420px; gap:10px;}
.result-box .result-search input{font-size:16px;}
.result-box .result-search button{width:38px; height:38px; padding:6px;}
.result-box p{font-size:16px;}
}

@media (max-width:767px) {
.product-list-wrap.search-list .product-list > ul > li{flex:50%; max-width:50%;}
}

/* MY PAGE */
.my-wrap{}
.my-inner{width:100%; display:flex; align-items:flex-start;}
.my-inner .my-aside{flex:0 0 240px; max-width:240px; border:1px solid #e5e5e5; border-radius:8px; padding:0 24px;}

.my-inner .my-aside .my-profile{display:flex; flex-direction:column; align-items:center; gap:6px; border-bottom:1px solid #e5e5e5; padding:48px 0;}
.my-inner .my-aside .my-profile span{display:flex; justify-content:center; align-items:center; font-size:12px; line-height:1; color:#276EF1; background:rgba(39, 110, 241, 0.1); border-radius:50px; padding:4px 12px;}
.my-inner .my-aside .my-profile h1{font-size:28px; font-weight:700; line-height:1; color:#333; text-align:center;}
.my-inner .my-aside .my-profile h1 small{font-size:18px; font-weight:400;}

.my-inner .my-aside .my-menu{display:flex; flex-direction:column; padding:12px 0;}
.my-inner .my-aside .my-menu li{}
.my-inner .my-aside .my-menu li a{display:block; font-size:15px; font-weight:400; line-height:1; color:#a1a1a1; padding:10px 0;}
.my-inner .my-aside .my-menu li a.active{font-weight:500; color:#333;}
.my-inner .my-aside .my-menu li a:hover{color:#333;}


.my-inner .my-contents{width:calc(100% - 240px); padding:0 0 0 60px;}
.my-inner .my-contents section{display:flex; flex-direction:column; gap:20px;}
.my-inner .my-contents section + section{margin:80px 0 0;}

.my-inner .my-contents section .my-header{display:flex; align-items:baseline;}
.my-inner .my-contents section .my-header .my-header-title{flex:1;}
.my-inner .my-contents section .my-header .my-header-title h1{font-size:22px; font-weight:500; line-height:1; color:#333;}

.my-inner .my-contents section .my-header .my-header-tab{}
.my-inner .my-contents section .my-header .my-header-tab ul{width:100%; display:flex; gap:12px; border-bottom:1px solid #E5E5E5;}
.my-inner .my-contents section .my-header .my-header-tab ul li{}
.my-inner .my-contents section .my-header .my-header-tab ul li a{display:block; font-size:18px; font-weight:500; line-height:1; color:#333; position:relative; padding:14px 16px;}
.my-inner .my-contents section .my-header .my-header-tab ul li a.active{font-weight:500; color:#276EF1;}
.my-inner .my-contents section .my-header .my-header-tab ul li a.active:after{content:""; width:100%; height:1px; display:block; background:#276EF1; position:absolute; bottom:0; left:50%; transform:translate(-50%, 1px); z-index:10;}



.my-inner .my-contents section .my-header .my-header-tool{}
.my-inner .my-contents section .my-header .my-header-tool ul{display:flex; justify-content:flex-end; gap:4px;}
.my-inner .my-contents section .my-header .my-header-tool ul li{}
.my-inner .my-contents section .my-header .my-header-tool ul li a{}

.my-inner .my-contents section .my-body{}
@media (max-width:1024px) {
.my-wrap{margin:26px 0 0;}
.my-inner{flex-direction:column-reverse;}
.my-inner .my-aside{flex:1 0 100%; max-width:none; width:calc(100% + 32px); border:solid #eee; border-width:10px 0; border-radius:0; padding:0 16px; margin:24px -16px 0 -16px;}

.my-inner .my-aside .my-profile{display:none;}

.my-inner .my-contents{width:100%; padding:0;}
.my-inner .my-contents section{gap:12px;}
.my-inner .my-contents section .my-header{flex-wrap:wrap; gap:8px;}
.my-inner .my-contents section .my-header .my-header-title h1{font-size:18px;}
.my-inner .my-contents section .my-header .my-header-tab ul{gap:4px;}
.my-inner .my-contents section .my-header .my-header-tab ul li a{font-size:16px;}

.my-inner .my-contents section .my-header .my-header-tool{flex:1 100%; display:flex; justify-content:flex-end;}
}


/* MY PAGE DASHBOARD */
.my-state{}
.my-state .my-profile{display:none;}
.my-state ul{display:flex; gap:20px;}
.my-state ul li{flex:1;}
.my-state ul li a{display:flex; flex-direction:column; align-items:center; gap:16px; background:#f7f7f7; border-radius:8px; padding:30px 8px;}
.my-state ul li a:hover{background:rgba(39,110,241,0.1);}
.my-state ul li a .my-state-icon{width:80px; height:80px; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:50px; box-shadow:0 2px 6px rgba(0,0,0,0.05); }
.my-state ul li a .my-state-icon img{display:;}

.my-state ul li a .my-state-text{display:flex; flex-direction:column; align-items:center; gap:8px;}
.my-state ul li a .my-state-text p{font-size:16px; font-weight:400; line-height:1; color:#555;}
.my-state ul li a .my-state-text strong{font-size:22px; font-weight:700; line-height:1; color:#333;}
.my-state ul li a:hover .my-state-text p{color:#276EF1;}
.my-state ul li a:hover .my-state-text strong{color:#276EF1;}
@media (max-width:1024px) {
.my-state .my-profile{display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin:0 0 12px;}
.my-state .my-profile span{display:flex; justify-content:center; align-items:center; font-size:12px; line-height:1; color:#276EF1; background:rgba(39, 110, 241, 0.1); border-radius:50px; padding:4px 12px;}
.my-state .my-profile h1{font-size:20px; font-weight:700; line-height:1; color:#333;}
.my-state .my-profile h1 small{font-size:14px; font-weight:400;}
.my-state ul{display:grid; grid-template-columns:repeat(2, 1fr); gap:8px;}
.my-state ul li a{gap:10px; padding:14px 8px;}
.my-state ul li a .my-state-icon{width:50px; height:50px;}
.my-state ul li a .my-state-icon img{max-height:22px;}
.my-state ul li a .my-state-text{gap:2px;}
.my-state ul li a .my-state-text p{font-size:14px;}
.my-state ul li a .my-state-text strong{font-size:16px;}
}


/* MY PAGE INFO */
.my-info{width:100%; max-width:460px; margin:80px auto 0;}
@media (max-width:1024px) {
.my-info{margin:26px auto 0;}
}


/* MY PAGE PACKAGE */
.my-inner .my-contents .category-list-wrap{margin:0;}
.my-inner .my-contents .category-list-wrap .category-list .filter-wrap{flex:0 0 240px; max-width:240px; border:1px solid #E5E5E5; border-radius:8px; padding:16px;}
.my-inner .my-contents .category-list-wrap .category-list .product-list-wrap{width:calc(100% - 240px); padding: 0 0 0 24px;}

.form-box{display:grid; grid-template-columns:repeat(auto-fit, minmax(calc(50% - 0.5px), 1fr)); gap:1px; background:#E0E6EB; border:1px solid #E0E6EB; margin:0 0 1.5rem;}
.form-box dl{display:flex; gap:1px; background:#E0E6EB;}
.form-box dl.full-width{grid-column:1 / -1;}
.form-box dl dt{flex:0 180px; display:flex; justify-content:center; align-items:center; background:#F9FBFC; padding:12px 8px;}
.form-box dl dd{flex:1; background:#fff; padding:8px; margin:0;}
.form-box dl dd p{font-size:16px; font-weight:400; line-height:1.35; color:#333; padding:8px 0; margin:0;}
.form-box .form-label{display:block; font-size:14px; font-weight:400; line-height:1; color:#1D2630; margin:0;}
.form-box .form-label .required{display:inline-block; color:#de0000;}
.form-box .form-label .modify-check{display:inline-flex; align-items:center; gap:3px; font-size:13px; color:#555; margin:0 0 0 18px;}
.form-box .form-control{height:40px; font-size:12px; border:1px solid #DBE0E5; border-radius:8px;}
select.form-control:hover, .form-control:hover, .datatable-input:hover, .custom-select:hover, .dataTable-selector:hover, .dataTable-input:hover{background-color:#f9f9f9;}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button, .datatable-input:hover:not(:disabled):not([readonly])::file-selector-button, .custom-select:hover:not(:disabled):not([readonly])::file-selector-button, .dataTable-selector:hover:not(:disabled):not([readonly])::file-selector-button, .dataTable-input:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#eee;}
.form-control::file-selector-button{
padding:0.875rem 0.75rem;
margin:-0.625rem -0.75rem;
margin-inline-end:0.75rem;
color:#555;
background-color:#F4F7FA;
pointer-events:none;
border-color:inherit;
border-style:solid;
border-width:0; border-inline-end-width:1px; border-radius:0;
transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus{outline:none; box-shadow:none;}
.form-select:focus{outline:none; box-shadow:none;}

.form-box .form-text{font-size:16px; margin:0;}

.form-box .form-check-wrap{display:flex; flex-wrap:wrap; gap:2rem;}
.form-box .form-check{}
.form-box .form-check .form-check-input{/*margin-top:0.25rem;*/}
.form-box .form-check .form-check-label{}

.form-box .form-select{width:100%; height:40px; display:inline-block; font-size:14px; border:1px solid #DBE0E5; border-radius:8px;}

.form-box textarea{width:100%; min-height:120px; display:inline-block; border:1px solid #DBE0E5; border-radius:8px;}

.selectFlag-bt.ui-widget.ui-button{width:100%; height:40px; display:inline-block; font-size:14px; font-family:inherit; background:#fff; border:1px solid #DBE0E5; border-radius:8px; padding:8px;}
.selectFlag-bt.ui-widget.ui-button .ui-icon{background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='butt' stroke-linejoin='miter' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") right bottom / 10px no-repeat;}
.selectFlag .ui-menu-item{}
.selectFlag .ui-menu-item .ui-menu-item-wrapper{display:flex; align-items:center; font-size:13px; padding:8px;}
.selectFlag .ui-menu-item .ui-menu-item-wrapper .undefined{order:-1; width:0; height:16px; background:none; position:relative; top:auto; bottom:auto; left:auto; margin:0;}
.selectFlag .ui-menu-item .ui-menu-item-wrapper .selectFlag-option{order:-1; width:24px; height:16px; border:1px solid #eee; position:relative; top:auto; bottom:auto; left:auto; margin:0 6px 0 0;}


.upload-box{display:flex; gap:8px;}
.upload-box input{}
.upload-box .upload-box-img{flex:1 0 42px; max-height:42px; border:1px solid #eee; border-radius:8px; position:relative;}
.upload-box .upload-box-img img{height:100%; display:block; border-radius:8px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); overflow:hidden;}
.upload-box .upload-box-img a{display:block; font-size:14px; line-height:1; color:#333; position:absolute; top:0; right:0;}


.form-box-multi{border:1px solid #E0E6EB; border-width:1px 0 0 1px; margin:0 0 1.5rem; overflow-x:auto;}
.form-box-multi .form-box{min-width:100%; display:flex; gap:inherit; background:none; border:none; margin:0;}
.form-box-multi .form-box dl{flex:1 0 260px; display:flex; flex-direction:column; gap:inherit; background:none;}
.form-box-multi .form-box dl dt,
.form-box-multi .form-box dl dd{border:1px solid #E0E6EB; border-width:0 1px 1px 0;}
.form-box-multi .form-box dl dt{flex:0 auto; max-width:none; height:31px; display:flex; justify-content:center; align-items:center; background:#F9FBFC; padding:8px 8px;}
.form-box-multi .form-box dl dt p{font-size:14px; font-weight:400; line-height:1; padding:0;}
.form-box-multi .form-box dl dd{flex:0 auto;}

.form-box-multi .form-box dl.form-box-item{flex:1 0 180px;}
.form-box-multi .form-box dl.form-box-item dt{flex:0 auto; height:57px; padding:8px 8px;}
.form-box-multi .form-box dl.form-box-item dt.form-box-no{height:31px;}
.form-box-multi .form-box dl.form-box-item dt.form-box-cate{height:453px;}
.form-box-multi .form-box dl.form-box-item dt.form-box-img{height:153px;}
.form-box-multi .form-box dl.form-box-item dt.form-box-sus{height:96px;}
.form-box-multi .form-box dl.form-box-item dt.form-box-textarea{height:141.5px;}

.form-box dl dd.form-box-check.form-box-check01{height:57px;}
.form-box dl dd.form-box-check.form-box-check02{height:96px;}
.form-box dl dd.form-box-check.form-box-check03{height:;}
.form-box dl dd.form-box-check ul{display:flex; flex-wrap:wrap; gap:16px; row-gap:12px;}
.form-box dl dd.form-box-check ul li{}
.form-box dl dd.form-box-check ul li label{display:flex; align-items:center; padding-left:1.5rem;}
.form-box dl dd.form-box-check ul li label input{width:18px; height:18px; display:block; background:#fff; border:1px solid #ccc; border-radius:6px; appearance:none; margin-left:-1.5rem;}
.form-box dl dd.form-box-check ul li label input:checked{background:#276EF1 url(/assets/manage/img/check-icon.svg)no-repeat center; border-color:#276EF1;}
.form-box dl dd.form-box-check ul li label span{font-size:14px; font-weight:400; line-height:1; color:#333;}
.form-box dl dd.form-box-check ul li label input:checked + span{color:#276EF1;}


/* MY PAGE 견적서 관리 */
.estimate-attach{align-items:normal; gap:0; border:1px solid #eee; border-radius:8px; margin:48px 0 0; overflow:hidden;}
.estimate-attach .estimate-attach-head{background:#EAF1FE; padding:8px 12px;}
.estimate-attach .estimate-attach-head h2{font-size:16px; font-weight:500; color:#333;}

.estimate-attach > ul{display:flex; flex-direction:column; padding:16px;}
.estimate-attach > ul > li{display:flex; flex-direction:column; gap:16px;}
.estimate-attach > ul > li + li{border-top:1px solid #ddd; padding:16px 0 0; margin:16px 0 0;}
.estimate-attach > ul > li h2{font-size:16px; font-weight:500; color:#333;}
.estimate-attach > ul > li table{width:100%;}
.estimate-attach > ul > li table th,
.estimate-attach > ul > li table td{font-size:14px;}
.estimate-attach > ul > li table th{text-align:center; background:#F9FBFC; border:1px solid #E0E6EB; padding:4px 6px;}
.estimate-attach > ul > li table td{border:1px solid #E0E6EB; padding:8px;}
.estimate-attach > ul > li .estimate-attach-box{display:flex; gap:24px;}
.estimate-attach > ul > li .estimate-attach-box dl{flex:1; display:flex; flex-direction:column; gap:6px;}
.estimate-attach > ul > li .estimate-attach-box dl dt{height:20px; display:flex; align-items:center;}
.estimate-attach > ul > li .estimate-attach-box dl dt p{flex:1 auto; font-size:13px; font-weight:500; line-height:1; color:#353535;}
.estimate-attach > ul > li .estimate-attach-box dl dt button{flex:0 auto;}
.estimate-attach > ul > li .estimate-attach-box dl dd{}

.estimate-attach .estimate-attach-footer{border-top:1px solid #eee; padding:16px;}
@media (max-width:1024px) {
.estimate-attach ul{}
}


/* PAGINATION */
.pagination{display:inline-flex; border:1px solid #e5e5e5; border-width:1px 0 0 1px; margin:32px auto 0;}
.pagination > *{border:1px solid #e5e5e5; border-width:0 1px 1px 0;}
.pagination .page-move{width:32px; height:32px; display:flex; justify-content:center; align-items:center;}
.pagination .page-move i{font-size:11px;}
.pagination .page{display:flex;}
.pagination .page a{width:32px; display:flex; justify-content:center; align-items:center; font-size:12px; color:#888;}
.pagination .page a + a{border-left:1px solid #e5e5e5;}
.pagination .page a.on{height:calc(100% + 2px); color:#276EF1; border:1px solid #276EF1; position:relative; top:-1px; left:0;}
.pagination a:hover{font-weight:500; color:#276EF1;}


/* OFFcanvas */
.offcanvas.offcanvas-side{width:80%; max-width:336px;}
.offcanvas.offcanvas-side .side-close{position:absolute; top:18px; right:-44px;}
.offcanvas.offcanvas-side .side-close img{}
.offcanvas.offcanvas-side .side-close.side-close-r{left:-44px; right:auto;}

.offcanvas.offcanvas-side .offcanvas-side-vertical{height:100%; display:flex; flex-direction:column; overflow-y:auto;}
.offcanvas.offcanvas-side .offcanvas-side-vertical::-webkit-scrollbar{width:4px;}
.offcanvas.offcanvas-side .offcanvas-side-vertical::-webkit-scrollbar-track{background-color:#ccc; margin:0;}
.offcanvas.offcanvas-side .offcanvas-side-vertical::-webkit-scrollbar-thumb{background-color:#555; border-radius:20px;}


.offcanvas.offcanvas-bottom{height:auto; max-height:60vh; border-radius:8px 8px 0 0;}
.offcanvas.offcanvas-bottom:before{content:""; display:block; width:34px; height:3px; background:#e5e5e5; border-radius:50px; margin:8px auto 0;}

.offcanvas.offcanvas-bottom .offcanvas-header{border-bottom:1px solid #ddd;}
.offcanvas.offcanvas-bottom .offcanvas-title{width:100%; display:flex; align-items:center;}
.offcanvas.offcanvas-bottom .offcanvas-title h2{flex:1; font-size:16px; font-weight:500; line-height:1; color:#333; text-align:center;}
.offcanvas.offcanvas-bottom .offcanvas-title i{font-size:18px; color:#888;}
.offcanvas.offcanvas-bottom .offcanvas-title i:hover{color:#276EF1;}


.offcanvas.offcanvas-bottom.offcanvas-bottom-radio ul{display:flex; flex-direction:column; gap:16px;}
.offcanvas.offcanvas-bottom.offcanvas-bottom-radio ul li{}
.offcanvas.offcanvas-bottom.offcanvas-bottom-radio ul li label{}


.offcanvas-backdrop.show{opacity:0.7;}


/* COUNT */
.item-count{position:relative; display:inline-block; border:1px solid #e5e5e5; border-radius:8px; text-align:center; padding:0 36px;}
.item-count .input-num{width:68px; height:34px; font-size:15px; color:#333; text-align:center; vertical-align:middle;
appearance:none; background:transparent; border:1px solid #e5e5e5; border-width:0 1px; outline:none;}
.item-count .input-num::-webkit-outer-spin-button,
.item-count .input-num::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
.item-count [class*="btn-"]{position:absolute; top:0; width:36px; height:100%; font-size:0; vertical-align:middle;}
.item-count [class*="btn-"]:before,
.item-count [class*="btn-"]:after{content:""; width:1px; height:1px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#888;}
.item-count .btn-minus{left:0;}
.item-count .btn-minus:after{width:9px;}
.item-count .btn-minus:before{display:none;}
.item-count .btn-plus{right:0;}
.item-count .btn-plus:after{width:9px;}
.item-count .btn-plus:before{height:9px;}
@media (max-width:1024px) {
.item-count{border-radius:6px; padding:0 34px;}
.item-count .input-num{width:54px; height:30px; font-size:13px;}
.item-count [class*="btn-"]{width:34px;}
.item-count .btn-minus:after{width:8px;}
.item-count .btn-plus:after{width:8px;}
.item-count .btn-plus:before{height:8px;}
}


/* GRID */
.grid-box{width:100%;}

.tui-grid-header-area{}
.tui-grid-body-area{}

.tui-grid-header-area{border-color:#E0E6EB!important;}
.tui-grid-header-area .tui-grid-cell{font-size:14px; background:#F9FBFC!important; border-color:#E0E6EB!important; border-width:1px 1px;}
.tui-grid-body-area .tui-grid-cell{background:#fff!important; border-color:#E0E6EB!important;}

.tui-grid-border-line-top{border-top:1px solid transparent!important;}
.tui-grid-border-line-bottom{border-bottom:1px solid transparent!important;}

.tui-grid-cell-header{font-size:13px;}
.tui-grid-cell-has-input .tui-grid-cell-content{font-size:13px; padding:8px 8px!important;}
.tui-grid-cell-has-input .notice_subject{padding:8px 8px!important;}
.tui-grid-cell-has-input .qna_subject{font-size:14px; padding:8px 8px!important;}

.tui-grid-cell-has-input .tui-grid-cell-content .gridThumb{border:1px solid #eee;}
.tui-grid-cell-has-input .tui-grid-cell-content .circle-number{width:30px; min-width:30px; height:30px; display:inline-flex; justify-content:center; align-items:center; font-size:12px; color:#276EF1; background:rgba(39,110,241,0.1); border-radius:50px;}

.packageQuotationInfo{display:flex; align-items:center; gap:8px;}


.gird-wrap .pagination{display:inline-flex; border:1px solid #e5e5e5; border-width:1px 0 0 1px; margin:32px 0 0;}
.gird-wrap .pagination > *{border:1px solid #e5e5e5; border-width:0 1px 1px 0;}
.gird-wrap .pagination .page-move{width:32px; height:32px; display:flex; justify-content:center; align-items:center;}
.gird-wrap .pagination .page-move i{font-size:11px;}
.gird-wrap .pagination .page{display:flex;}
.gird-wrap .pagination .page a{width:32px; display:flex; justify-content:center; align-items:center; color:#555;}
.gird-wrap .pagination .page a + a{border-left:1px solid #e5e5e5;}
.gird-wrap .pagination .page a.on{height:calc(100% + 2px); color:#276EF1; border:1px solid #276EF1; position:relative; top:-1px; left:0;}
.gird-wrap .pagination a:hover{font-weight:500; color:#276EF1;}


.search-box{display:flex; align-items:center; font-size:14px;}

.search-box .entry{/*height:38px;*/ display:flex; align-items:center; border:1px solid #E0E6EB; border-radius:8px;}
.search-box .entry input[type="text"]{flex:0 190px; min-width:190px; background:transparent; border:none; outline:none; padding:4px 12px;}
.search-box .entry input::placeholder{color:#A1A1A1;}
.search-box .entry select{flex:1; width:100%; background:transparent; border:none; outline:none; padding:4px 12px;}

.search-box .btn-search{flex:0 0 36px; width:36px; height:36px; display:flex; justify-content:center; align-items:center; padding:4px;}
.search-box .btn-search img{}
.search-box .btn-search img.search-icon{display:block;}
.search-box .btn-search img.search-icon-on{display:none;}
.search-box .btn-search:hover img.search-icon{display:none;}
.search-box .btn-search:hover img.search-icon-on{display:block;}


.list-no-data{font-size:16px; font-weight:400; line-height:1; color:#333; padding:100px 0!important;}
@media (max-width:1024px) {
.tui-grid-header-area .tui-grid-cell{font-size:13px;}

.search-box .entry input[type="text"]{flex:0 164px; min-width:164px;}

.search-box .btn-search{flex:0 32px; width:32px; height:32px;}
}


/* BOARD */
.qna-badge{display:inline-block; font-size:11px; line-height:1; border-radius:6px; padding:5px 7px;}
.qna-badge.qna-badge-wait{background:#e5e5e5; color:#222;}
.qna-badge.qna-badge-comple{background:rgba(39,110,241,0.1); color:#276EF1;}

.boardView-wrap{}
.boardView-wrap .boardView-title{display:flex; gap:16px; background:#eee; border-radius:8px; padding:16px 16px;}
.boardView-wrap .boardView-title p{flex:1 auto; font-size:16px; font-weight:400; line-height:1; color:#333;}
.boardView-wrap .boardView-title ul{flex:0 auto; display:flex; gap:8px;}
.boardView-wrap .boardView-title ul li{flex:1;}
.boardView-wrap .boardView-title ul li p{font-size:13px; line-height:1; color:#555;}

.boardView-wrap .boardView-body{min-height:140px; border:1px solid #ddd; border-width:0 0 1px; padding:16px 16px;}
.boardView-wrap .boardView-body .editor-view{}
.boardView-wrap .boardView-body .editor-view p{font-size:15px; line-height:1.4; color:#333; margin:initial;}
.boardView-wrap .boardView-body .editor-view-container p{font-size:15px; line-height:1.4; color:#333; margin:initial;}

.boardView-wrap.answer-wrap{border-top:1px dashed #ccc; padding:16px 0 0; margin:16px 0 0;}
@media (max-width:1024px) {
.qna-badge{font-size:11px; padding:4px 6px;}

.boardView-wrap .boardView-title p{font-size:14px;}
.boardView-wrap .boardView-title ul li p{font-size:12px; line-height:1; color:#555;}

.boardView-wrap .boardView-body{min-height:100px;}
}


/* POPOVER */
.popover{background:rgba(0,0,0,0.9)!important;}
.popover-arrow{}
.popover-arrow:before{}
.popover-arrow:after{border-color:rgba(0,0,0,0.9)!important;}
.popover-body{font-size:12px; font-weight:400; line-height:1.25; color:#fff; padding:8px;}


/* MOBILE SEARCH */
#m-search-area{width:100%; height:0; max-height:100dvh; background:#fff; position:fixed; top:0; left:0; z-index:1010;}
#m-search-area.show{height:100%;}
#m-search-area section{height:100%; display:flex; flex-direction:column; gap:32px; padding:20px;}
#m-search-area section .m-search-box{width:100%; display:flex; align-items:center; gap:10px;}
#m-search-area section .m-search-box .m-search-input{flex:1; display:flex; align-items:center; gap:12px; background:#f5f5f5; border-radius:50px; padding:0 16px 0 0; position:relative;}
#m-search-area section .m-search-box .m-search-input input{width:100%; font-size:13px; color:#222; background:none; border:none; outline:none; padding:12px 12px 12px 16px;}
#m-search-area section .m-search-box .m-search-input button{min-width:20px;}

#m-search-area section .m-search-box .m-search-input .searchImg-frame{width:calc(100% + 2px); display:none; flex-direction:column; background:#fff; border:1px solid #e5e5e5; border-radius:20px; box-shadow:0 8px 16px 0 rgba(27, 46, 94, 0.15); position:absolute; top:-1px; left:-1px; padding:14px 16px; z-index:10;}
#m-search-area section .m-search-box .m-search-input .searchImg-frame .searchImg-frame-head{display:flex; margin:0 0 12px;}
#m-search-area section .m-search-box .m-search-input .searchImg-frame .searchImg-frame-head h2{width:100%; display:flex; justify-content:center; font-size:14px; line-height:1; color:#333; position:relative;}
#m-search-area section .m-search-box .m-search-input .searchImg-frame .searchImg-frame-head h2 button{width:20px; height:20px; position:absolute; top:50%; right:0; transform:translate(0, -50%); padding:0;}

#m-search-area section .m-search-box .m-search-input .searchImg-frame .searchImg-frame-body{}
#m-search-area section .m-search-box .m-search-input .searchImg-frame .searchImg-frame-body label{width:100%; display:flex; flex-direction:column; align-items:center; border:1px dashed #ddd; border-radius:12px; padding:12px; cursor:pointer;}
#m-search-area section .m-search-box .m-search-input .searchImg-frame .searchImg-frame-body label input{font-size:0; position:absolute; opacity:0;}
#m-search-area section .m-search-box .m-search-input .searchImg-frame .searchImg-frame-body label img{}
#m-search-area section .m-search-box .m-search-input .searchImg-frame .searchImg-frame-body label strong{display:block; font-size:16px; font-weight:500; line-height:1.2; color:#333; text-align:center; word-break:keep-all; margin:10px 0 0;}
#m-search-area section .m-search-box .m-search-input .searchImg-frame .searchImg-frame-body label small{display:block; font-size:11px; font-weight:400; line-height:1.2; color:#777; text-align:center; word-break:keep-all; margin:8px 0 0;}
#m-search-area section .m-search-box .m-search-input .searchImg-frame .searchImg-frame-body label p{display:block; font-size:12px; font-weight:500; line-height:1; color:#555; text-align:center; border:1px solid #ddd; border-radius:50px; padding:8px 12px; margin:20px 0 0;}
#m-search-area section .m-search-box .m-search-input .searchImg-frame .searchImg-frame-body label p:hover{border:1px solid #555;}

#m-search-area section .m-search-box a{font-size:22px; line-height:1; color:#555;}


#m-search-area section .m-search-lately{display:flex; flex-direction:column; gap:10px;}
#m-search-area section .m-search-lately h2{font-size:16px; font-weight:500; line-height:1; color:#333;}
#m-search-area section .m-search-lately ul{height:100%; max-height:420px; display:flex; flex-direction:column; overflow-y:auto;}
#m-search-area section .m-search-lately ul li{border-bottom:1px solid #eee;}
#m-search-area section .m-search-lately ul li a{display:flex; align-items:center; font-size:13px; line-height:1; color:#333; white-space:nowrap; text-overflow:ellipsis; padding:14px 0; overflow:hidden;}
#m-search-area section .m-search-lately ul li a:before{content:""; display:block; width:3px; min-width:3px; height:3px; background:#276EF1; border-radius:50px; margin:0 10px 0 0;}


/* 개인정보처리방침 */
.policy-wrap{}
.policy-wrap p{font-size:14px; font-weight:400; line-height:1.45; color:#333;}
.policy-wrap p + p{margin:8px 0 0;}
.policy-wrap ul + p{margin:8px 0 0;}
.policy-wrap p strong{font-weight:500;}
.policy-wrap ul.policy-frame{gap:24px; padding-top:16px}
.policy-wrap ul{display:flex; flex-direction:column; gap:24px; padding:12px 0 0 10px;}
.policy-wrap ul li{}
.policy-wrap ul.policy-circle-list{gap:6px;}
.policy-wrap ul.policy-circle-list li{display:flex; align-items:baseline;}
.policy-wrap ul.policy-circle-list li:before{content:""; display:block; width:3px; min-width:3px; height:3px; background:#555; border-radius:50px; position:relative; top:-4px; margin:0 8px 0 0;}
.policy-wrap ul.policy-number-list{}
.policy-wrap ul.policy-number-list li{}