@charset "utf-8";

#wrap{}
#wrap .inner{width: 1180px;margin:0 auto;max-width:100%;}
#wrap .d-flex{display:flex;}

#top-banner{position:relative;z-index:999;background: linear-gradient(to right, #fcdfdf, #fcdfdf, #fcdfdf);}
#top-banner .inner{display:flex;align-items:center;justify-content:center;height:88px;}
#top-banner a{font-size:22px;font-weight:500;color:#fff;}
#top-banner a strong{font-weight:700;;}

#header{position:sticky;top:0;z-index:1000;background:#fff;}
#header .top{}
#header .top .inner{display:flex;justify-content:space-between;height:38px;}
#header .top .left{display:flex;align-items:center;}
#header .top .right{display:flex;align-items:center;}
#header .top .social-link{display:flex;align-items:center;font-size:13px;font-weight:500;color:#666;}
#header .top .social-link img{margin:0 4px 0 0;width: 24px;height: auto;}
#header .top .social-link:after{content:'';margin:0 10px;width:1px;height:10px;background:#666;}
#header .top .social-link:last-of-type:after{display:none;}
#header .top .social-link:hover{color:#000;}
#header .top .menu-link{display:flex;align-items:center;font-size:13px;font-weight:500;color:#666;}
#header .top .menu-link:after{content:'';margin:0 10px;width:1px;height:10px;background:#666;}
#header .top .menu-link:last-of-type:after{display:none;}
#header .top .menu-link:hover{color:#000;}
#header .main{border-bottom: 1px solid #e1e1e3;}
#header .main .inner{display:flex;align-items:center;justify-content:space-between;height:100px;}
#header .main .logo{flex: 0 0 auto;}
#header .main .logo a{display: block;}
#header .main .logo img{display:block;width:100%;height:auto;}
#header .main .search{}
#header .main .search form{display:flex;align-items:center;padding:0 20px;height:52px;border-radius:52px;border:2px solid #003070;width:480px;max-width:100%;}
#header .main .search form input{width:100%;height:48px;background:transparent;font-size:16px;font-weight:400;}
#header .main .search form button{flex: 0 0 auto;width:24px;height:24px;}
#header .main .search form button img{max-width:100%;height:auto;}
#header .main .menu{display:flex;align-items:center;gap:20px;}
#header .main .menu .menu-link{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:#666;}
#header .main .menu .menu-link img{margin:0 auto 5px;}
#header .main .menu .menu-link:before{content:'';position:absolute;bottom:5px;left:-10px;width:1px;height:14px;background:#666;}
#header .main .menu .menu-link:first-of-type:before{display:none;}
#header .main .menu .mobile-menu{display:none;}
#header .gnb{border-bottom: 1px solid #e1e1e3;}
#header .gnb .dp1{display:flex;justify-content:space-between;}
#header .gnb .dp1 .dl1{width: auto;}
#header .gnb .dp1 .dl1 .da1{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;height:58px;font-size:21px;font-weight:500;color:#383838;z-index:1;}
#header .gnb .dp1 .dl1 .da1::before{content:"";position:absolute;top:0;right:-15px;bottom:0;left:-15px;background-color:transparent;transition:background-color 0.2s;z-index:-1;}
#header .gnb .dp1 .dl1 .da1:hover::before{background-color:#e7eaef;}
#header .gnb .dp1 .dl1 .da1 img{width:24px;height:24px;}
#header .sitemap{position:absolute;top:100%;left:0;width:100%;opacity: 0;visibility: hidden;transition: all 0.3s;pointer-events: none;}
#header .sitemap.active{opacity:1;visibility:visible;}
#header .sitemap .inner{display:flex;border:1px solid #e1e1e3;background:#fff;pointer-events: all;}
#header .sitemap .depth{position:relative;}
#header .sitemap .depth.depth-1{flex:0 0 auto;width:185px;border-right: 1px solid #e1e1e3;}
#header .sitemap .depth.depth-2{flex:0 0 auto;width:calc(100% - 185px);}
#header .sitemap .depth .depth-menu{display:flex;align-items:center;height: 46px;padding:10px;font-size:17px;color:#666;}
#header .sitemap .depth .depth-menu.on,
#header .sitemap .depth .depth-menu:hover{color:#fff;background:#123363;}
#header .sitemap .dp1{position:relative;display:flex;flex-wrap:wrap;overflow: hidden;overflow-y: auto;height: 792px;}
#header .sitemap .dp1 .dl1{width: 25%;display:flex;flex-direction:column;}
#header .sitemap .dp1 .dl1 .da1{padding: 0 10px;height:36px;line-height: 36px;font-size:16px;font-weight:700;color:#fff;background:#111111;}
#header .sitemap .dp2{display:flex;flex-direction:column;min-height: 360px;}
#header .sitemap .dp2 .dl2{}
#header .sitemap .dp2 .dl2 .da2{display:flex;align-items:center;padding:10px;height:36px;font-size:14px;font-weight:400;color:#666;}
#header .sitemap .dp2 .dl2 .da2:hover{font-weight:700;color:#123363;background:#e7eaef;}
#header .allmenu{position:fixed;top:0;left:0;z-index: 1000;width:100%;height:100dvh;opacity: 0;visibility: hidden;transition: all 0.3s;}
#header .allmenu.active{opacity:1;visibility:visible;}
#header .allmenu.active .inner{transform:translateX(0);}
#header .allmenu .inner{position:relative;z-index:1;margin: 0;width:calc(100% - 50px);height:100dvh;overflow-y:auto;background:#fff;display: flex;flex-direction: column;transform:translateX(-100%);transition:all 0.3s;}
#header .allmenu .head{flex: 0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:50px;background:#123363;}
#header .allmenu .head .title{font-size:18px;font-weight:500;color:#fff;}
#header .allmenu .head .close{position:relative;width:24px;height:24px;cursor:pointer;}
#header .allmenu .head .close:before{content:'';position:absolute;top: 11px;left: 3px;width:18px;height:2px;background:#fff;transform:rotate(45deg);}
#header .allmenu .head .close:after{content:'';position: absolute;top: 11px;left: 3px;width:18px;height:2px;background:#fff;transform:rotate(135deg);}
#header .allmenu .cont{padding: 20px 15px;flex: 1;}
#header .allmenu .cont .menu{}
#header .allmenu .cont .menu .dp1{}
#header .allmenu .cont .menu .dp1 .dl1{}
#header .allmenu .cont .menu .dp1 .dl1 .da1{display: flex;align-items: center;justify-content: space-between;line-height:40px;font-size: 16px;font-weight:500;color: #333;}
#header .allmenu .cont .menu .dp2{display: none;border: 1px solid #e1e1e3;background: #fff;overflow: hidden;}
#header .allmenu .cont .menu .dp2 .dp2-1{width: 35%;border-right: 1px solid #e1e1e3;height: 400px;overflow-y: auto;}
#header .allmenu .cont .menu .dp2 .dp2-1 .dp2-menu{display: flex;align-items: center;padding: 5px 7px;font-size: 13px;color: #666;}
#header .allmenu .cont .menu .dp2 .dp2-1 .dp2-menu.on{color: #fff;background: #123363;}
#header .allmenu .cont .menu .dp2 .dp2-2{width: 65%;height: 400px;overflow-y: auto;}
#header .allmenu .cont .menu .dp3{}
#header .allmenu .cont .menu .dp3 .dl3{display: flex;flex-direction: column;}
#header .allmenu .cont .menu .dp3 .dl3 .da3{padding: 0 10px;height: 30px;line-height: 30px;font-size: 12px;font-weight: 700;color: #fff;background: #111111;}
#header .allmenu .cont .menu .dp4{}
#header .allmenu .cont .menu .dp4 .dl4{}
#header .allmenu .cont .menu .dp4 .dl4 .da4{display: flex;align-items: center;padding: 5px 7px;font-size: 12px;font-weight: 400;color: #666;}
#header .allmenu .cont .social{margin:20px 0 0 0;display:flex;align-items:center;justify-content:center;gap:20px;}
#header .allmenu .dimmed{position:absolute;z-index:0;inset:0;background:#000;opacity:0.5;}

#quick-menu{position: absolute;left: 50%;top: 50%;z-index: 1000;margin: 0 0 0 625px;transition: top 0.3s cubic-bezier(0.17, 0.67, 0.83, 0.67);}
#quick-menu .quick-menu{position: relative;z-index: 2;display: flex;flex-direction: column;gap: 20px;padding: 15px;width: 90px;border-radius: 10px;border: 1px solid #ccc;background: #fff;box-shadow: 0 10px 25px rgba(0,0,0,0.1);}
#quick-menu .quick-menu-link{position:relative;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;aspect-ratio: 1/1;gap: 5px;}
#quick-menu .quick-menu-link:after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:1px;background:#dddddd;}
#quick-menu .quick-menu-link:last-of-type:after{display:none;}
#quick-menu .quick-menu-link img{}
#quick-menu .quick-menu-link span{font-size:14px;color:#666;}
#quick-menu .quick-menu-link span small{font-size:10px;}
#quick-menu .quick-menu-link em{position:absolute;top:0;left:50%;display:flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1;font-size:10px;font-weight:700;color:#fff;border-radius:18px;background:#0b2296;}

#container{position:relative;}

#footer{position:relative;}
#footer .menu{display:flex;align-items:center;justify-content:center;text-align:center;padding: 20px 0;border-top: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0;}
#footer .menu .menu-link{display:flex;align-items:center;font-size:16px;font-weight:500;color:#666;}
#footer .menu .menu-link strong{color:#cd1d1d;}
#footer .menu .menu-link:after{content:'';margin:0 20px;width:1px;height:15px;background:#666;}
#footer .menu .menu-link:last-of-type:after{display:none;}
#footer .menu .menu-link:hover{color:#000;}
#footer .footer{padding:60px 0;}
#footer .footer .inner{display:flex;gap: 40px;}
#footer .footer .cs{flex:5;}
#footer .footer .cs .tit{margin:0 0 12px;line-height:1.2;font-size: 15px;font-weight:500;color:#666;}
#footer .footer .cs .tel{font-size:30px;font-weight:700;color:#666666;}
#footer .footer .cs .txt{margin: 10px 0 0 0;line-height:1.5;font-size: 15px;font-weight: 400;color:#666;}
#footer .footer .info{flex: 11;}
#footer .footer .info .info-txt{margin:0 0 4px;display:flex;flex-wrap:wrap;gap:4px;line-height:25px;font-size:15px;font-weight:400;color:#666;}
#footer .footer .info .cite{margin:4px 0 0 0;display:flex;flex-wrap:wrap;gap:4px;line-height:25px;font-size:15px;font-weight:400;color:#666;}
#footer .footer .bank{flex: 6;}
#footer .footer .bank .tit{margin:0 0 12px;line-height:1.2;font-size: 15px;font-weight:500;color:#666;}
#footer .footer .bank .num{font-size: 30px;font-weight: 700;color: #666666;}
#footer .footer .bank .txt{margin: 10px 0 0 0;line-height:1.5;font-size: 15px;font-weight: 400;color:#666;}

.main{}
.main .main-title{margin:0 0 30px;line-height:50px;font-size:36px;font-weight:700;color:#000;}
.main .tab-btn{display:flex;margin: 0 0 25px;gap: 25px;}
.main .tab-btn .tab-item{position:relative;display:flex;align-items:center;justify-content:center;height: 35px;font-size: 18px;font-weight: 700;color: #383838;flex: 1;}
.main .tab-btn .tab-item.on{color:#003070}
.main .tab-btn .tab-item.on:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:#003070;}
.main .section{position:relative;}
.main .section.sec-2{padding:55px 0;background:#fff;}
.main .section.sec-3{padding:90px 0;background:#f2f2f2;}
.main .section.sec-4{padding:90px 0;background:#fff;}
.main .visual{position:relative;}
.main .visual .slider{overflow:hidden;}
.main .visual .box{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:600px;}
.main .visual .box .text{}
.main .visual .box .text .sub{margin: 0 0 35px;line-height:1.2;font-size: 20px;font-weight: 700;color: #fff;}
.main .visual .box .text .tit{margin: 0 0 25px;line-height:1.2;font-size: 48px;font-weight: 700;color: #fff;}
.main .visual .box .text .tit span{color:#00deff;}
.main .visual .box .text .txt{line-height:1.2;font-size:20px;font-weight:500;color:#d4d4d4;}
.main .visual .box .text .act{margin:40px 0 0 0;display:flex;flex-direction:column;align-items:flex-start;}
.main .visual .box .text .act a{display:flex;align-items:center;justify-content:center;text-align:center;min-width: 160px;height: 40px;font-size: 20px;font-weight: 500;color: #fff;border-radius: 40px;background: #005bf6;}
.main .visual .box .image{flex:0 0 auto;}
.main .visual .box .image img{max-width:100%;height:auto;}
.main .visual .background{position:absolute;inset:0;z-index:0;pointer-events:none;}
.main .visual .background img{display:block;width:100%;height:100%;object-fit:cover;}
.main .banner{}
.main .banner .slider{overflow:hidden;}
.main .banner .bn-box{display:flex;flex-wrap:wrap;gap:10px 6px;}
.main .banner .bn{position:relative;width:calc(50% - 3px);border-radius:10px;overflow:hidden;}
.main .banner .bn .con{position:relative;z-index:1;padding:50px 30px;}
.main .banner .bn .tit{line-height:1.2;font-size:27px;font-weight:700;color:#fff;}
.main .banner .bn .txt{margin:15px 0 0 0;line-height:1.2;font-size:18px;font-weight:500;color:#fff;}
.main .banner .bn .img{position:absolute;z-index:0;inset:0;}
.main .banner .bn .img img{width:100%;height:100%;object-fit:cover;}
.main .new-item{}
.main .new-item .slider{overflow:hidden;}
.main .new-item .new-box{display:flex;gap:30px;}
.main .new-item .new-banner{flex:0 0 auto;width:465px;max-width: 100%;height: 100%;}
.main .new-item .new-banner a{position:relative;display:block;padding: 30px;height: 340px;border-radius:20px;background:#fff;overflow:hidden;}
.main .new-item .new-banner .con{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;width: 60%;}
.main .new-item .new-banner .con .ico{margin:0 0 35px;}
.main .new-item .new-banner .con .ico img{width:auto;max-width:100%;height:auto;}
.main .new-item .new-banner .con .sub{margin: 0 0 10px;line-height: 1.2;font-size: 16px;font-weight: 500;color: #000;}
.main .new-item .new-banner .con .tit{margin: 0 0 5px;line-height: 1.2;font-size: 30px;font-weight: 900;color: #000;}
.main .new-item .new-banner .con .txt{margin: 0 0 40px;line-height: 1.2;font-size: 18px;font-weight: 500;color: #000;}
.main .new-item .new-banner .con .btn{display: flex;align-items: center;justify-content: center;padding: 0 30px;height: 30px;font-size: 16px;font-weight: 500;color: #fff;border-radius: 40px;background: #000;}
.main .new-item .new-banner .img{position:absolute;z-index:0;top:50%;right: 20px;transform:translateY(-50%);}
.main .new-item .new-list{flex:0 0 auto;width: 685px;max-width: 100%;}
.main .new-item .new-list ul{display:flex;flex-wrap:wrap;gap: 20px 16px;}
.main .new-item .new-list li{width:calc(50% - 8px);}
.main .new-item .new-list li a{position:relative;display:block;padding: 20px;height: 160px;border-radius:15px;background:#fff;overflow:hidden;}
.main .new-item .new-list li .con{width: 50%;}
.main .new-item .new-list li .con .ico{margin:0 0 20px;}
.main .new-item .new-list li .con .tit{line-height:1.2;font-size:18px;font-weight:700;color:#000;}
.main .new-item .new-list li .con .txt{margin:10px 0 0 0;line-height:1.2;font-size:14px;font-weight:500;color: #383838;letter-spacing: 0;}
.main .new-item .new-list li .img{position:absolute;z-index:0;top:50%;right: 0;transform:translateY(-50%);}
.main .new-item .new-list li .img img{}
.main .best-item{}
.main .best-item ul{display:grid;grid-template-columns:repeat(5,1fr);gap: 40px 5px;}
.main .best-item li{}
.main .best-item li a{display:block;}
.main .best-item li a:hover .prd-img img{transform:scale(1.1);}
.main .best-item li .prd-img{display:block;border-radius:15px;background:#fbfbfb;overflow:hidden;}
.main .best-item li .prd-img img{display: block;width: 100%;height: auto;mix-blend-mode: multiply;transition:all 0.3s;}
.main .best-item li .prd-con{padding:20px 0 0;}
.main .best-item li .prd-brand{margin:0 0 4px;line-height:1.2;font-size:12px;font-weight:400;color:#999;}
.main .best-item li .prd-name{margin:0 0 4px;line-height:1.2;font-size:16px;font-weight:700;color:#383838;}
.main .best-item li .prd-code{line-height:1.2;font-size:14px;font-weight:400;color:#757575;}
.main .best-item li .prd-price{margin:8px 0 0 0;display:flex;flex-wrap:wrap;align-items: center;gap: 6px;}
.main .best-item li .prd-price .rate{font-size:17px;color:#ff9000;}
.main .best-item li .prd-price .sale{font-size:17px;color:#000;}
.main .best-item li .prd-price .origin{font-size:15px;color:#c9c9c9;}
.main .best-item li .prd-badge{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:5px;}
.main .best-item li .prd-badge span{display:flex;align-items:center;justify-content:center;padding:0 5px;min-width: 50px;height:20px;font-size:12px;font-weight:500;color:#383838;border-radius:4px;border:1px solid #b0b0b0;background:#fff;}
.main .best-item li .prd-badge .badge-1{border-color:#2e75b6;color:#2e75b6;}
.main .best-item li .prd-badge .badge-2{border-color:#f00303;color:#f00303;}
.main .best-item li .prd-badge .badge-3{border-color:#8497b0;color:#8497b0;}
.main .best-item li .prd-badge .badge-4{border-color:#bf9000;color:#bf9000;}
.main .community{background:#f6f6f6;}

.product{position:relative;padding:50px 0;}
.product .prd-category{margin: 0 0 30px;border-top: 2px solid #000;}
.product .prd-category .head{display: flex;align-items: center;justify-content: space-between;padding: 20px;height: 56px;background: #123363;}
.product .prd-category .head .title{font-size:16px;font-weight:500;color:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.product .prd-category .head .expend{display: flex;align-items: center;gap: 4px;font-size: 16px;color: #fff;cursor: pointer;}
.product .prd-category .head .expend.is-closed:after{transform:rotate(180deg);}
.product .prd-category .head .expend:after{content:'';width:24px;height:24px;background:url("../../images/icon/ic_expend.png") no-repeat center / contain}
.product .prd-category .cont{display: grid;grid-template-columns: repeat(4,1fr);border: 1px solid #cbcbcb;border-top: 0;gap:1px;background: #cbcbcb;}
.product .prd-category .cont .cate-btn{display: flex;align-items: center;justify-content: center;height: 50px;background:#fff;font-size: 16px;color: #666;}
.product .prd-category .cont .cate-btn:nth-child(4n){border-right:0;}
.product .prd-category .cont .cate-btn:nth-child(1),
.product .prd-category .cont .cate-btn:nth-child(2),
.product .prd-category .cont .cate-btn:nth-child(3),
.product .prd-category .cont .cate-btn:nth-child(4){border-top:0;}
.product .prd-category .cont .cate-btn.on{font-weight: 600;color: #123363;background: #e7eaef;}
.product .prd-category .cont .cate-btn:hover{color:#123363;}
.product .prd-category .cont .cate-empty-btn{pointer-events:none;}
.product .prd-head{margin: 0 0 30px;display: flex;align-items: center;justify-content: space-between;}
.product .prd-head .left{display:flex;gap:20px;}
.product .prd-head .right{display:flex;gap:20px;}
.product .prd-head .count{font-size:16px;font-weight:500;}
.product .prd-head .count span{font-weight:700;color:#123363;}
.product .prd-head .sort{display:flex;align-items:center;gap:20px;}
.product .prd-head .sort .sort-item{font-size:16px;color:#666;}
.product .prd-head .sort .sort-item.on{font-weight:700;color:#123363;}
.product .prd-head .view{display:flex;border-radius: 6px;border:1px solid #cbcbcb;overflow: hidden;}
.product .prd-head .view .btn-view{display:flex;align-items:center;justify-content:center;width: 45px;height: 45px;}
.product .prd-head .view .btn-view i{width:24px;height:24px;}
.product .prd-head .view .btn-view.btn-grid i{background:url("../../images/grid_type_1.png") no-repeat center / contain;}
.product .prd-head .view .btn-view.btn-grid.on i{background:url("../../images/grid_type_1_on.png") no-repeat center / contain;}
.product .prd-head .view .btn-view.btn-list i{background:url("../../images/grid_type_2.png") no-repeat center / contain;}
.product .prd-head .view .btn-view.btn-list.on i{background:url("../../images/grid_type_2_on.png") no-repeat center / contain;}
.product .prd-head .view .btn-view.on{background: #e7eaef;}
.product .prd-list{}
.product .prd-list.grid-type ul{display:grid;grid-template-columns:repeat(5,1fr);gap: 40px 5px;}
.product .prd-list.grid-type ul li{display: flex;flex-direction:column;}
.product .prd-list.grid-type ul li .prd-box{display: flex;flex-direction: column;flex:1;}
.product .prd-list.grid-type ul li .prd-box:hover .prd-img img{transform:scale(1.1);}
.product .prd-list.grid-type ul li .prd-img{flex: 0 0 auto;display: flex;align-items: center;justify-content: center;border-radius:15px;background:#fbfbfb;overflow:hidden;}
.product .prd-list.grid-type ul li .prd-img img{display: block;width: 100%;height: auto;mix-blend-mode: multiply;transition:all 0.3s;}
.product .prd-list.grid-type ul li .prd-con{flex: 1;display: flex;flex-direction: column;}
.product .prd-list.grid-type ul li .prd-brand{margin:0 0 4px;line-height:1.2;font-size:12px;font-weight:400;color:#999;}
.product .prd-list.grid-type ul li .prd-name{margin:0 0 4px;line-height:1.2;font-size:16px;font-weight:700;color:#383838;}
.product .prd-list.grid-type ul li .prd-code{line-height:1.2;font-size:14px;font-weight:400;color:#757575;}
.product .prd-list.grid-type ul li .prd-price{margin:8px 0 0 0;display:flex;flex-wrap:wrap;align-items: center;gap: 6px;}
.product .prd-list.grid-type ul li .prd-price .rate{font-size:17px;color:#ff9000;}
.product .prd-list.grid-type ul li .prd-price .sale{font-size:17px;color:#000;}
.product .prd-list.grid-type ul li .prd-price .origin{font-size:15px;color:#c9c9c9;}
.product .prd-list.grid-type ul li .prd-badge{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:5px;}
.product .prd-list.grid-type ul li .prd-badge span{display:flex;align-items:center;justify-content:center;padding:0 5px;min-width: 50px;height:20px;font-size:12px;font-weight:500;color:#383838;border-radius:4px;border:1px solid #b0b0b0;background:#fff;}
.product .prd-list.grid-type ul li .prd-badge .badge-1{border-color:#2e75b6;color:#2e75b6;}
.product .prd-list.grid-type ul li .prd-badge .badge-2{border-color:#f00303;color:#f00303;}
.product .prd-list.grid-type ul li .prd-badge .badge-3{border-color:#8497b0;color:#8497b0;}
.product .prd-list.grid-type ul li .prd-badge .badge-4{border-color:#bf9000;color:#bf9000;}
.product .prd-list.grid-type ul li .prd-btn{display:flex;gap:5px;margin: 20px 0 0 0;}
.product .prd-list.grid-type ul li .prd-btn .btn{flex:1;display:flex;align-items: center;justify-content: center;height: 35px;border-radius: 6px;border: 1px solid #b0b0b0;font-size: 14px;font-weight: 500;}
.product .prd-list.grid-type ul li .prd-btn .btn.btn-1{color: #fff;border-color: #116cfb;background: #116cfb;}
.product .prd-list.grid-type ul li .prd-btn .btn.btn-2{color: #7c7c7c;border-color: #7c7c7c;background: #fff;}

.product .prd-list.list-type{}
.product .prd-list.list-type ul{position:relative;display:flex;flex-direction:column;}
.product .prd-list.list-type ul li{display:flex;flex-direction:row;}
.product .prd-list.list-type ul li > div{display:flex;align-items:center;justify-content:center;border-right:1px solid #c8c8c8;}
.product .prd-list.list-type ul li .prd-img{flex:0 0 auto;width:190px;}
.product .prd-list.list-type ul li .prd-info{flex:1;}
.product .prd-list.list-type ul li .prd-count{flex:0 0 auto;width:180px;}
.product .prd-list.list-type ul li .prd-sale{flex:0 0 auto;width:145px;}
.product .prd-list.list-type ul li .prd-btn{flex:0 0 auto;width:180px;}
.product .prd-list.list-type ul.head li{align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:700;color:#fff;background:#123363;}
.product .prd-list.list-type ul.head li > div{height:50px;}
.product .prd-list.list-type ul.body{}
.product .prd-list.list-type ul.body:before{content:'';position:absolute;inset:0;border:1px solid #c8c8c8;pointer-events:none;}
.product .prd-list.list-type ul.body li{border-bottom:1px solid #c8c8c8;}
.product .prd-list.list-type ul.body li .prd-img{}
.product .prd-list.list-type ul.body li .prd-img img{width:100%;height:100%;object-fit:cover;mix-blend-mode: multiply;}
.product .prd-list.list-type ul.body li .prd-info{display:flex;flex-direction:column;align-items:flex-start;padding:0 20px;}
.product .prd-list.list-type ul.body li .prd-info .prd-brand{margin:0 0 2px;line-height:1.2;font-size:12px;font-weight:400;color:#999;}
.product .prd-list.list-type ul.body li .prd-info .prd-name{margin:0 0 2px;line-height:1.2;font-size:16px;font-weight:700;color:#383838;}
.product .prd-list.list-type ul.body li .prd-info .prd-code{line-height:1.2;font-size:14px;font-weight:400;color:#757575;}
.product .prd-list.list-type ul.body li .prd-info .prd-price{margin:8px 0 0 0;display:flex;flex-wrap:wrap;align-items: center;gap: 6px;display:none;}
.product .prd-list.list-type ul.body li .prd-info .prd-price .rate{font-size:17px;color:#ff9000;}
.product .prd-list.list-type ul.body li .prd-info .prd-price .sale{font-size:17px;color:#000;}
.product .prd-list.list-type ul.body li .prd-info .prd-price .origin{font-size:15px;color:#c9c9c9;}
.product .prd-list.list-type ul.body li .prd-info .prd-badge{margin:5px 0 0;display:flex;flex-wrap:wrap;gap:5px;}
.product .prd-list.list-type ul.body li .prd-info .prd-badge span{display:flex;align-items:center;justify-content:center;padding:0 5px;min-width: 50px;height:18px;font-size:11px;font-weight:500;color:#383838;border-radius:4px;border:1px solid #b0b0b0;background:#fff;}
.product .prd-list.list-type ul.body li .prd-info .prd-badge .badge-1{border-color:#2e75b6;color:#2e75b6;}
.product .prd-list.list-type ul.body li .prd-info .prd-badge .badge-2{border-color:#f00303;color:#f00303;}
.product .prd-list.list-type ul.body li .prd-info .prd-badge .badge-3{border-color:#8497b0;color:#8497b0;}
.product .prd-list.list-type ul.body li .prd-info .prd-badge .badge-4{border-color:#bf9000;color:#bf9000;}
.product .prd-list.list-type ul.body li .prd-count{padding: 0 20px;flex-direction:column;align-items: stretch;text-align: center;}
.product .prd-list.list-type ul.body li .prd-count .count{font-size:18px;font-weight:600;line-height:24px;}
.product .prd-list.list-type ul.body li .prd-count .txt{border-top:1px solid #c8c8c8;padding:5px 0 0 0;line-height:1.3;font-size:13px;color:#666;}
.product .prd-list.list-type ul.body li .prd-count .txt span{display:block;}
.product .prd-list.list-type ul.body li .prd-sale{padding: 0 20px;flex-direction:column;align-items: stretch;text-align: center;}
.product .prd-list.list-type ul.body li .prd-sale .sale{font-size:18px;font-weight:600;line-height:24px;}
.product .prd-list.list-type ul.body li .prd-sale .txt{border-top:1px solid #c8c8c8;padding:5px 0 0 0;line-height:1.3;font-size:13px;color:#666;}
.product .prd-list.list-type ul.body li .prd-sale .txt span{display:block;}
.product .prd-list.list-type ul.body li .prd-btn{flex-direction:column;align-items: stretch;text-align: center;padding: 3px 30px;}
.product .prd-list.list-type ul.body li .prd-btn .qty{margin: 0 0 3px;border-radius:6px;border:1px solid #ccc;display:flex;width:100%;}
.product .prd-list.list-type ul.body li .prd-btn .qty .count-plus{flex:0 0 auto;width: 32px;height: 28px;display:flex;align-items:center;justify-content:center;}
.product .prd-list.list-type ul.body li .prd-btn .qty .count-plus:before{content:'';width:18px;height:18px;background:url("../../images/icon/ic_plus.png") no-repeat center / contain;}
.product .prd-list.list-type ul.body li .prd-btn .qty .count-minus{flex:0 0 auto;width: 32px;height: 28px;display:flex;align-items:center;justify-content:center;}
.product .prd-list.list-type ul.body li .prd-btn .qty .count-minus:before{content:'';width:18px;height:18px;background:url("../../images/icon/ic_minus.png") no-repeat center / contain;}
.product .prd-list.list-type ul.body li .prd-btn .qty .count-number{flex: 1;width: 45px;height: 28px;text-align:center;font-size: 14px;}
.product .prd-list.list-type ul.body li .prd-btn .act{display:flex;gap:3px;width:100%;flex-direction: column;}
.product .prd-list.list-type ul.body li .prd-btn .btn{flex:0 0 auto;display:flex;align-items: center;justify-content: center;height: 35px;border-radius: 6px;border: 1px solid #b0b0b0;font-size: 13px;font-weight: 500;}
.product .prd-list.list-type ul.body li .prd-btn .btn.btn-1{color: #fff;border-color: #116cfb;background: #116cfb;}
.product .prd-list.list-type ul.body li .prd-btn .btn.btn-2{color: #7c7c7c;border-color: #7c7c7c;background: #fff;}

.product-detail{position: relative;padding: 50px 0 150px;}
.product-detail .prd-head{margin:0 0 50px;display: flex;align-items: center;justify-content: space-between;padding: 20px;height: 56px;background: #123363;}
.product-detail .prd-head .title{font-size: 16px;font-weight: 500;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.product-detail .prd-info{display:flex;margin: 0 0 100px;}
.product-detail .prd-info .thumb{flex:0 0 auto;width: 390px;max-width:100%;display: flex;flex-direction: column;}
.product-detail .prd-info .thumb .big{flex: 1;width:100%;height:auto;display:flex;align-items:center;justify-content:center;border:1px solid #ccc;overflow:hidden;}
.product-detail .prd-info .thumb .big img{width:auto;max-width:100%;height:auto;}
.product-detail .prd-info .thumb .small{margin:10px 0 0;display:flex;gap:10px;}
.product-detail .prd-info .thumb .small img{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border:1px solid #ccc;overflow:hidden;opacity:0.5;cursor:pointer;}
.product-detail .prd-info .thumb .small img.active{opacity:1;}
.product-detail .prd-info .thumb .caution{line-height:1.5;margin:10px 0 0 0;font-size:15px;color: #da0000;}
.product-detail .prd-info .cont{flex:1;padding:0 25px;}
.product-detail .prd-info .cont .badge{display:flex;margin:0 0 15px;gap:10px;}
.product-detail .prd-info .cont .badge span{display:flex;align-items:center;justify-content:center;padding:0 10px;min-width:70px;height:28px;border-radius:4px;gap:6px;font-size: 14px;}
.product-detail .prd-info .cont .badge .badge-1{background:#3576f8;color:#fff;}
.product-detail .prd-info .cont .badge .badge-2{background:#fa3433;color:#fff;}
.product-detail .prd-info .cont .badge .badge-2:after{content:'';width: 17px;height: 18px;background: url("../../images/icon/ic_plane.svg") no-repeat center / contain;);}
.product-detail .prd-info .cont .name{margin: 0 0 10px;line-height: 1.2;font-size: 28px;font-weight:500;}
.product-detail .prd-info .cont .desc{margin: 0 0 10px;font-size: 20px;font-weight:500;color: #666;}
.product-detail .prd-info .cont .info{margin: 50px 0 20px;display: flex;flex-direction: column;gap: 4px;}
.product-detail .prd-info .cont .info + .info{margin-top:0;}
.product-detail .prd-info .cont .info dl{display:flex;line-height:30px;font-size:16px;}
.product-detail .prd-info .cont .info dl dt{width:25%;font-weight:600;color:#000;}
.product-detail .prd-info .cont .info dl dd{width:75%;font-weight:400;color:#666;}
.product-detail .prd-info .cont .info dl dd .down-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 10px;height:36px;border-radius:4px;border:1px solid #01509f;font-size:14px;color:#01509f;background:#fff;}
.product-detail .prd-info .cont .info dl dd .down-link:after{content:'';width:24px;height:24px;background:url("../../images/icon/ic_download.png") no-repeat center / contain;}
.product-detail .prd-info .cont .info dl dd .deli-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 10px;height:36px;border-radius:4px;border:1px solid #01509f;font-size:14px;color: #000;background:#e1f1ff;}
.product-detail .prd-info .cont .info dl dd .deli-link:before{content:'';width:24px;height:24px;background:url("../../images/icon/ic_shipping.svg") no-repeat center / contain;}
.product-detail .prd-info .cont .return{color:#da0000;}
.product-detail .prd-info .cont .return strong{display:flex;align-items:center;gap:4px;}
.product-detail .prd-info .cont .return strong:after{content:'';width: 19px;height: 17px;background:url("../../images/icon/ic_caution.png") no-repeat center / contain;}
.product-detail .prd-info .cont .return span{display: block;line-height: 1.5;font-size:12px;}
.product-detail .prd-info .payment{flex:0 0 auto;width:360px;padding: 0 0 0 20px;border-left:1px solid #ccc;}
.product-detail .prd-info .payment .unit{margin:0 0 20px;}
.product-detail .prd-info .payment .unit dl{display:flex;align-items:center;justify-content:space-between;}
.product-detail .prd-info .payment .unit dt{position:relative;flex:1;}
.product-detail .prd-info .payment .unit dd{position:relative;flex:1;}
.product-detail .prd-info .payment .unit .tit{margin: 0 0 20px;padding:0 20px;border-radius:10px;background:#f0f4f7;text-align:center;}
.product-detail .prd-info .payment .unit .tit dl{height:50px;}
.product-detail .prd-info .payment .unit .tit dt{font-size:14px;font-weight:600;color:#123363;}
.product-detail .prd-info .payment .unit .tit dt:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:2px;height:16px;background:#123363;}
.product-detail .prd-info .payment .unit .tit dd{font-size:14px;font-weight:600;color:#123363;}
.product-detail .prd-info .payment .unit .num{padding: 0 15px;}
.product-detail .prd-info .payment .unit .num dl{height: 32px;}
.product-detail .prd-info .payment .unit .num dt{color:#4070d6;text-align:left;}
.product-detail .prd-info .payment .unit .num dd{color:#000;text-align:right;}
.product-detail .prd-info .payment .count{margin: 0 0 15px;display:flex;align-items:center;justify-content:space-between;}
.product-detail .prd-info .payment .count .tit{font-size:16px;font-weight:500;color:#000;}
.product-detail .prd-info .payment .count .con{border-radius:6px;border:1px solid #ccc;display:flex;width: 155px;}
.product-detail .prd-info .payment .count .count-plus{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.product-detail .prd-info .payment .count .count-plus:before{content:'';width:24px;height:24px;background:url("../../images/icon/ic_plus.png") no-repeat center / contain;}
.product-detail .prd-info .payment .count .count-minus{flex:0 0 auto;width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.product-detail .prd-info .payment .count .count-minus:before{content:'';width:24px;height:24px;background:url("../../images/icon/ic_minus.png") no-repeat center / contain;}
.product-detail .prd-info .payment .count .count-number{flex:1;width:100%;height:40px;text-align:center;font-size: 16px;}
.product-detail .prd-info .payment .total{margin:0 0 20px;}
.product-detail .prd-info .payment .total dl{display:flex;align-items:center;justify-content:space-between;line-height: 32px;}
.product-detail .prd-info .payment .total dt{font-size:16px;font-weight:700;}
.product-detail .prd-info .payment .total dt small{font-size:14px;font-weight:400;color:#666;}
.product-detail .prd-info .payment .total dd{font-size:20px;font-weight:500;color:#116cfb;}
.product-detail .prd-info .payment .total dl.strong{}
.product-detail .prd-info .payment .total dl.strong dt{font-size:18px;}
.product-detail .prd-info .payment .total dl.strong dd{font-size:24px;}
.product-detail .prd-info .button{margin:0 0 20px;display:flex;align-items:center;justify-content:center;gap:10px;}
.product-detail .prd-info .button .btn{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;height: 56px;border-radius:6px;border:1px solid #e0e0e0;font-size:20px;font-weight:700;color:#000;}
.product-detail .prd-info .button .btn-1{background:#fff;border:1px solid #939395;color:#0b2296;}
.product-detail .prd-info .button .btn-2{background:#116cfb;border:1px solid #116cfb;color:#fff;}
.product-detail .prd-info .naverpay{}
.product-detail .prd-info .naverpay a{display:flex;align-items:center;justify-content:center;text-align:center;}
.product-detail .prd-detail{}
.product-detail .prd-detail .tab-btn{display:flex;margin: 0 0 25px;}
.product-detail .prd-detail .tab-btn .tab-item{position:relative;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;height:62px;background:#f0f4f7;font-size:15px;font-weight:500;color:#123363;border-bottom:1px solid #3f4346;}
.product-detail .prd-detail .tab-btn .tab-item:after{content:'';position:absolute;top:50%;right:0;width:1px;height:16px;background:#ccc;transform:translateY(-50%);}
.product-detail .prd-detail .tab-btn .tab-item:last-of-type:after{display:none;}
.product-detail .prd-detail .tab-btn .tab-item.on{color:#fff;background:#123363;}
.product-detail .prd-detail .tab-box{}
.product-detail .prd-detail .tab-box .description{padding:25px;}
.product-detail .prd-detail .tab-box .description h3{display:block;margin:0 0 15px;font-size:24px;}
.product-detail .prd-detail .tab-box .description table{text-align:left;}
.product-detail .prd-detail .tab-box .description table tr{height:48px;}
.product-detail .prd-detail .tab-box .description table th{padding:10px;width:150px;max-width:30%;border:1px solid #ccc;background:#eee;}
.product-detail .prd-detail .tab-box .description table td{padding:10px;width:200px;max-width:70%;border:1px solid #ccc;background:#fff;}
.product-detail .prd-detail .tab-box .description p{font-size:16px;}
.product-detail .prd-detail .tab-box .inquiry{}
.product-detail .prd-detail .tab-box .inquiry .inq-btn{display:flex;margin:0 0 20px;justify-content:flex-end;gap:10px;}
.product-detail .prd-detail .tab-box .inquiry .inq-btn a{display:flex;align-items:center;justify-content: center;text-align: center;min-width: 126px;height: 36px;border-radius: 6px;background: #026edd;font-size: 16px;color: #fff;}
.product-detail .prd-detail .tab-box .inquiry .inq-list{margin: 0 0 20px;}
.product-detail .prd-detail .tab-box .inquiry .inq-list table{width:100%;border-top:2px solid #000;}
.product-detail .prd-detail .tab-box .inquiry .inq-list table tr{height:50px;border-bottom: 1px solid #c6c6c6;text-align: center;}
.product-detail .prd-detail .tab-box .inquiry .inq-list table th{}
.product-detail .prd-detail .tab-box .inquiry .inq-list table td{}
.product-detail .prd-detail .tab-box .inquiry .inq-list table td a{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-align: left;}
.product-detail .prd-detail .tab-box .inquiry .inq-bottom{display:flex;align-items: center;justify-content: flex-end;}
.product-detail .prd-detail .tab-box .inquiry .inq-bottom .paging-info{display:flex;padding:0 20px;gap:20px;align-items:center;}
.product-detail .prd-detail .tab-box .inquiry .inq-bottom .paging-info .page-size{display:flex;gap:10px;align-items:center;}
.product-detail .prd-detail .tab-box .inquiry .inq-bottom .paging-info .page-size label{font-size:14px;color:#666;}
.product-detail .prd-detail .tab-box .inquiry .inq-bottom .paging-info .page-size input{width:50px;height:36px;border-radius:4px;border:1px solid #c6c6c6;text-align:center;}
.product-detail .prd-detail .tab-box .inquiry .inq-bottom .paging-info .page-total{font-size:14px;color:#666;}
.product-detail .prd-detail .tab-box .inquiry .inq-bottom .paging-info .page-total span{color:#000;}
.product-detail .prd-detail .tab-box .inquiry .inq-bottom .paging-wrap{margin: 0;}
.product-detail .prd-detail .tab-box .service{padding:100px 0;text-align:center;font-size:30px;font-weight:500;color:#ccc;}

.community{padding: 50px;background:#f6f6f6;}
.community .inner{display:flex;gap: 20px;}
.community .box{flex:1;}
.community .title-wrap{display:flex;align-items:center;justify-content:space-between;margin:0 0 30px;padding:0 0 5px;border-bottom:2px solid #383838;}
.community .title-wrap .main-title{margin:0;padding:0;font-size:30px;border-bottom:none;}
.community .main-title{margin:0 0 30px;padding: 0 0 5px;font-size: 30px;border-bottom:2px solid #383838;}
.community .more-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #cfcfcf;border-radius:999px;background:#fff;font-size:13px;font-weight:400;color:#666;transition:all 0.2s;}
.community .more-btn .arrow{font-size:12px;color:#999;}
.community .more-btn:hover{border-color:#383838;color:#000;}
.community .more-btn:hover .arrow{color:#000;}
.community .ntc-list{}
.community .ntc-list ul{}
.community .ntc-list li{}
.community .ntc-list li a{display:flex;line-height: 32px;}
.community .ntc-list li a .ntc-subject{flex:1;font-size: 15px;font-weight: 500;color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.community .ntc-list li a .ntc-date{flex:0 0 auto;font-size: 14px;font-weight: 400;color: #666666;}
.community .ntc-list li a:hover .ntc-subject{color:#000;text-decoration:underline;}
.community .faq-list{}
.community .faq-list ul{display:flex;flex-wrap:wrap;gap: 16px;}
.community .faq-list li{position:relative;width:calc(50% - 8px);padding:0 0 0 10px;}
.community .faq-list li:before{content:'';position:absolute;top: 7px;left:0;width: 2px;height: 2px;border-radius: 2px;background:#666;}
.community .faq-list li a{display:block;line-height:16px;font-size:15px;font-weight:500;color:#666;}
.community .faq-list li a:hover{color:#000;text-decoration:underline;}
.community .cs-info{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.community .cs-contact{flex:1;}
.community .cs-tel{display:flex;align-items:center;gap:10px;margin:0 0 10px;}
.community .cs-tel-icon{width:28px;height:28px;color:#111;flex:0 0 auto;}
.community .cs-tel-num{font-size:28px;font-weight:700;color:#111;letter-spacing:-0.5px;}
.community .cs-hours{margin:0;font-size:14px;color:#666;line-height:1.6;}
.community .cs-note{margin:0;font-size:14px;color:#666;line-height:1.6;}
.community .cs-actions{display:flex;flex-direction:column;gap:10px;flex:0 0 auto;}
.community .cs-btn{display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding:12px 24px;border:1px solid #cfcfcf;border-radius:6px;background:#fff;font-size:15px;font-weight:500;color:#333;transition:all 0.2s;}
.community .cs-btn:hover{border-color:#383838;background:#f7f7f7;color:#000;}
.community .cs-menu{text-align:center;}
.community .cs-menu .txt{margin:0 0 10px;font-size:15px;color:#666;}
.community .cs-menu .con{display:flex;gap:10px;}
.community .cs-menu .cs-link{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap: 10px;padding: 20px 0;}
.community .cs-menu .cs-link img{display: block;max-width: 100%;height: auto;}
.community .cs-menu .cs-link span{font-size: 13px;color: #666;}
.community .cs-menu .cs-link:hover span{color:#000;text-decoration:underline;}

.paging-wrap{margin:50px 0;display:flex;align-items:center;justify-content:center;gap:4px;}
.paging-wrap a{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #dedede;font-size:14px;font-weight:500;color:#383838;}
.paging-wrap a.current{color:#053170;border-color:#053170;}
.paging-wrap a.prev:before{content:'';width: 18px;height: 18px;background:url("../../images/pg_arrow.png") no-repeat center / contain;transform:rotate(180deg);opacity:0.5;}
.paging-wrap a.prev:hover:before{background:url("../../images/pg_arrow_on.png") no-repeat center / contain;}
.paging-wrap a.next:before{content:'';width: 18px;height: 18px;background:url("../../images/pg_arrow.png") no-repeat center / contain;opacity:0.5;}
.paging-wrap a.next:hover:before{background:url("../../images/pg_arrow_on.png") no-repeat center / contain;}
.paging-wrap a.start:before{content:'';width: 18px;height: 18px;background:url("../../images/pg_arrow_end.png") no-repeat center / contain;transform:rotate(180deg);opacity:0.5;}
.paging-wrap a.start:hover:before{background:url("../../images/pg_arrow_end_on.png") no-repeat center / contain;}
.paging-wrap a.end:before{content:'';width: 18px;height: 18px;background:url("../../images/pg_arrow_end.png") no-repeat center / contain;opacity:0.5;}
.paging-wrap a.end:hover:before{background:url("../../images/pg_arrow_end_on.png") no-repeat center / contain;}
.paging-wrap a:hover{color:#053170;border-color:#053170;}
.paging-wrap a:hover:before{opacity:1;}

@media (max-width:1180px) {

    html, body{overflow-x:hidden;}
    #wrap{width:100%;max-width:100%;overflow-x:hidden;}
    #wrap .inner{width:100%;max-width:100%;}
    #container, #header, #footer{width:100%;max-width:100%;overflow-x:hidden;}
    #top-banner, #top-banner .inner, #header .main, #header .main .inner, #header .gnb, #footer .footer, #footer .footer .inner{width:100%;max-width:100%;}
    #header{overflow:visible;}
    #header .main,
    #header .main .inner,
    #header .main .logo,
    #header .main .search,
    #header .main .search form,
    #header .main .menu{overflow:hidden;}

    #top-banner{}
    #top-banner .inner{height:44px;}
    #top-banner a{font-size:14px;}

    #header .top{padding:0 20px;display: none;}
    #header .top .inner{height:36px;}
    #header .top .social-link{margin-right:6px;}
    #header .top .social-link img{width:20px;}
    #header .top .social-link span{display:none;}
    #header .top .social-link:after{display:none;}
    #header .top .menu-link{font-size: 12px;}

    #header .main{padding: 10px 20px; height:auto; min-height:0;}
    #header .main .inner{display:flex;flex-wrap:wrap;height:auto;min-height:0;align-items:center;}
    #header .main .logo{order:1;height: 50px;display: flex;align-items: center;justify-content: center;flex:0 0 120px;min-width:0;max-width:120px;}
    #header .main .logo a{display:block;width:120px;max-width:100%;}
    #header .main .search{order:3;width: 100%;min-width:0;max-width:100%;height:auto;min-height:0;}
    #header .main .search form{display:flex;width:100%;max-width:100%;height:42px;min-height:0;}
    #header .main .search form input{min-width:0;height:100%;}
    #header .main .search form button img{width:24px;height:24px;max-width:none;}
    #header .main .search form button{width:24px;height:24px;flex:0 0 24px;display:flex;align-items:center;justify-content:center;overflow:visible;}
    #header .main .menu{order:2;display:flex;align-items:center;height: 50px;flex:1 1 auto;width:auto;min-width:0;max-width:calc(100% - 120px);justify-content:flex-end;gap: 10px;}
    #header .main .menu .menu-link{flex:0 0 auto;min-width:0;}
    #header .main .menu .menu-link img{margin:0;width:24px;height:24px;}
    #header .main .menu .menu-link span{display:none;}
    #header .main .menu .menu-link:before{display:none;}
    #header .main .menu .mobile-menu{display:flex;border-radius:4px;border:1px solid #c8c8c8;padding:6px;}
    #header .main .menu .mobile-menu img{width:16px;height:16px;object-fit:contain;}

    #header .gnb{padding:0 20px;overflow: hidden;display: none;}
    #header .gnb .dp1 .dl1{margin: 0 20px 0 0;white-space: nowrap;width: auto;}
    #header .gnb .dp1 .dl1 .da1{height: 50px;font-size:14px;}
    #header .gnb .dp1 .dl1 .da1 img{width:18px;height:18px;}

    #header .sitemap .depth{overflow:hidden;overflow-y: auto;max-height:60dvh;}
    #header .sitemap .depth.depth-1{width:30%;}
    #header .sitemap .depth.depth-2{width:70%;}
    #header .sitemap .depth .depth-menu{font-size: 13px;height: auto;}
    #header .sitemap .dp1{height: auto;}
    #header .sitemap .dp1 .dl1{width:50%;}
    #header .sitemap .dp1 .dl1 .da1{font-size:14px;}
    #header .sitemap .dp2{min-height:auto;}
    #header .sitemap .dp2 .dl2{}
    #header .sitemap .dp2 .dl2 .da2{padding: 5px 10px;height: auto;font-size:12px;}

    #quick-menu{position:fixed;margin:0;top: 50% !important;left:unset;right: 0;transform: translate(100%, -50%);transition;transition: all 0.3s;}
    #quick-menu.active{transform: translate(-10px, -50%);}
    #quick-menu .quick-open{position:absolute;z-index: 1;top:50%;right: calc(100% - 1px);width: 30px;height: 48px;background: #fff;border-radius: 8px 0 0 8px;display:flex;align-items:center;justify-content:center;transform: translateY(-50%);box-shadow: 0 0 6px rgb(0 0 0 / 12%);}
    #quick-menu .quick-open:before{content:'';width:24px;height:24px;background:url("../../images/aside_btn.png") no-repeat center / contain;}
    #quick-menu .quick-menu{width:90px;}
    #quick-menu .quick-menu-link{}
    #quick-menu .quick-menu-link span{font-size:12px;}


    #footer{}
    #footer .menu{padding: 10px 20px;flex-wrap:wrap;}
    #footer .menu .menu-link{font-size: 14px;}
    #footer .menu .menu-link:after{margin:0 6px;height:10px;}
    #footer .footer{padding:20px;}
    #footer .footer .inner{flex-direction:column;gap: 0;}
    #footer .footer .inner > div{padding:20px 0;border-bottom: 1px solid #c0c0c0;}
    #footer .footer .inner > div:last-of-type{border-bottom:0;}
    #footer .footer .cs .tel{line-height:30px;font-size:20px;}
    #footer .footer .cs .txt{font-size:14px;}
    #footer .footer .info .info-txt{font-size:14px;}
    #footer .footer .info .cite{font-size:14px;}
    #footer .footer .bank .num{line-height:30px;font-size:20px;}
    #footer .footer .bank .txt{font-size:14px;}

    .main{}
    .main .main-title{line-height: 36px;font-size: 24px;}
    .main .section{}
    .main .section.sec-2{padding:40px 20px;}
    .main .section.sec-3{padding:40px 20px;}
    .main .section.sec-4{padding:40px 20px;}
    .main .visual .box{flex-direction:column;align-items:stretch;padding:20px;height: auto;}
    .main .visual .box .text .sub{margin:0 0 10px;font-size:16px;}
    .main .visual .box .text .tit{margin:0 0 10px;font-size:30px;}
    .main .visual .box .text .txt{margin:0 0 10px;font-size:16px;}
    .main .visual .box .text .act{}
    .main .visual .box .text .act a{font-size:16px;}
    .main .visual .box .image{}
    .main .banner .bn{width:100%;}
    .main .banner .bn .con{padding:30px 20px;}
    .main .banner .bn .tit{font-size:20px;}
    .main .banner .bn .txt{font-size:16px;}
    .main .new-item{flex-direction:column;gap:20px;}
    .main .new-item .new-banner a{padding: 30px 20px;height: auto;}
    .main .new-item .new-banner .con .ico{margin:0 0 20px;}
    .main .new-item .new-banner .con .ico img{height:50px;}
    .main .new-item .new-banner .con .tit{font-size:24px;}
    .main .new-item .new-banner .con .txt{font-size:16px;}
    .main .new-item .new-banner .img{}
    .main .new-item .new-banner .img img{height:200px;}
    .main .new-item .new-box{flex-direction:column;}
    .main .new-item .new-list li{width:100%;}
    .main .tab-btn{flex-wrap:wrap;gap: 0 20px;gap: 0;}
    .main .tab-btn .tab-item{height:36px;font-size:14px;flex: 0 0 auto;width: 25%;}
    .main .best-item ul{grid-template-columns:repeat(2,1fr);}

    .product{padding: 20px 20px 50px;}
    .product .prd-category .head{padding:10px 20px;height:auto;}
    .product .prd-category .head .title{font-size:14px;}
    .product .prd-category .head .expend{text-indent:-999em;}
    .product .prd-category .cont{grid-template-columns:repeat(2, 1fr);}
    .product .prd-category .cont .cate-btn{font-size:13px;height:38px;}
    .product .prd-category .cont .cate-empty-btn{display:none;}
    .product .prd-head{flex-direction:column;align-items:stretch;gap:20px;}
    .product .prd-head .count{font-size:14px;}
    .product .prd-head .sort{flex:1;gap:10px;}
    .product .prd-head .sort .sort-item{font-size:14px;}
    .product .prd-head .view{border-radius:4px;}
    .product .prd-head .view .btn-view{width:30px;height:30px;}
    .product .prd-head .view .btn-view i{width:16px;height:16px;}
    .product .prd-list.grid-type ul{grid-template-columns:repeat(2,1fr);}
    .product .prd-list.list-type{}
    .product .prd-list.list-type ul li .prd-btn{width: 140px;}
    .product .prd-list.list-type ul.head{}
    .product .prd-list.list-type ul.head li{}
    .product .prd-list.list-type ul.head li > div{height:40px;font-size: 14px;}
    .product .prd-list.list-type ul.head li .prd-img{display:none;}
    .product .prd-list.list-type ul.head li .prd-sale{display:none;}
    .product .prd-list.list-type ul.head li .prd-count{display:none;}
    .product .prd-list.list-type ul.body{}
    .product .prd-list.list-type ul.body:before{display:none;}
    .product .prd-list.list-type ul.body li{padding:20px 0;}
    .product .prd-list.list-type ul.body li > div{border:0;}
    .product .prd-list.list-type ul.body li .prd-img{width: 80px;height: auto;background:#fafafa;border-radius:10px;overflow:hidden;}
    .product .prd-list.list-type ul.body li .prd-img img{object-fit:contain;}
    .product .prd-list.list-type ul.body li .prd-count{display:none;}
    .product .prd-list.list-type ul.body li .prd-sale{display:none;}
    .product .prd-list.list-type ul.body li .prd-info{padding: 10px;}
    .product .prd-list.list-type ul.body li .prd-info .prd-price{display:block;}
    .product .prd-list.list-type ul.body li .prd-btn{padding: 0;flex-direction:row;align-items:center;gap:10px;justify-content: flex-end;}
    .product .prd-list.list-type ul.body li .prd-btn .qty{}
    .product .prd-list.list-type ul.body li .prd-btn .qty .count-plus{width:24px;height:30px;}
    .product .prd-list.list-type ul.body li .prd-btn .qty .count-plus:before{width:16px;height:16px;}
    .product .prd-list.list-type ul.body li .prd-btn .qty .count-minus{width:24px;height:30px;}
    .product .prd-list.list-type ul.body li .prd-btn .qty .count-minus:before{width:16px;height:16px;}
    .product .prd-list.list-type ul.body li .prd-btn .qty .count-number{width:24px;height:30px;font-size:14px;}
    .product .prd-list.list-type ul.body li .prd-btn .act{flex-direction:column;height:100%;width: 54px;flex: 0 0 auto;}
    .product .prd-list.list-type ul.body li .prd-btn .btn{font-size:12px;}

    .product-detail{padding:40px 20px 80px;}
    .product-detail .prd-head .title{font-size:14px;}
    .product-detail .prd-info{flex-wrap:wrap;margin:0 0 40px;}
    .product-detail .prd-info .thumb{width:100%;}
    .product-detail .prd-info .cont{width:100%;padding: 25px 0;}
    .product-detail .prd-info .cont .name{font-size:20px;}
    .product-detail .prd-info .cont .desc{font-size:16px;}
    .product-detail .prd-info .cont .info{margin: 40px 0 20px;}
    .product-detail .prd-info .cont .info dl{font-size:14px;}
    .product-detail .prd-info .payment{width: 100%;border: 0;border-top: 1px solid #ccc;padding: 20px 0 0 0;}
    .product-detail .prd-detail .tab-box .description{padding:0;}
    .product-detail .prd-detail .tab-box .description h3{font-size:18px;}
    .product-detail .prd-detail .tab-box .description p{font-size:14px;}
    .product-detail .prd-detail .tab-box .description table{font-size:14px;}
    .product-detail .prd-detail .tab-box .inquiry .inq-list{overflow-x:auto;}
    .product-detail .prd-detail .tab-box .inquiry .inq-list table{white-space:nowrap;width:auto;}
    .product-detail .prd-detail .tab-box .inquiry .inq-list table tr{font-size:14px;}
    .product-detail .prd-detail .tab-box .inquiry .inq-list table td{padding:0 20px;}
    .product-detail .prd-detail .tab-box .inquiry .inq-bottom{flex-wrap:wrap;justify-content:Center;gap:20px 0;}

    .community{padding:40px 20px;}
    .community .inner{flex-direction:column;}
    .community .main-title{font-size:22px;}
    .community .title-wrap .main-title{font-size:22px;}
    .community .ntc-list li a .ntc-subject{font-size:14px;}
    .community .ntc-list li a .ntc-date{font-size:14px;}
    .community .faq-list li a{font-size:14px;}
    .community .cs-info{flex-direction:column;align-items:stretch;gap:20px;}
    .community .cs-tel-num{font-size:24px;}
    .community .cs-actions{flex-direction:row;}
    .community .cs-btn{flex:1;min-width:0;}

    table{width:100%;max-width:100%;}
    .main .tab-btn,
    .product .prd-head,
    .product-detail .prd-info,
    .consult-list .breadcrumb,
    .consult-list .info-bar,
    .consult-write .page-head,
    .order-cart .sub-title,
    .order-detail .sub-title{max-width:100%;}
}


/* ===============================
   PLANBNET page-scoped styles
   Moved from inline <style> blocks
   =============================== */


/* --- consult_list.html, onsult_list.html --- */
        /* ====== consult-list page styles ====== */
        .consult-list{position:relative;padding:50px 0 150px;}

        .consult-list .prd-category{margin: 0 0 30px;border-top: 2px solid #000;}
        .consult-list .prd-category .head{display: flex;align-items: center;justify-content: space-between;padding: 20px;height: 56px;background: #123363;}
        .consult-list .prd-category .head .title{font-size:16px;font-weight:500;color:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
        .consult-list .prd-category .head .expend{display: flex;align-items: center;gap: 4px;font-size: 16px;color: #fff;cursor: pointer;}
        .consult-list .prd-category .head .expend.is-closed:after{transform:rotate(180deg);}
        .consult-list .prd-category .head .expend:after{content:'';width:24px;height:24px;background:url("./img/icon/ic_expend.png") no-repeat center / contain}
        .consult-list .prd-category .cont{display: grid;grid-template-columns: repeat(4,1fr);border: 1px solid #cbcbcb;border-top: 0;gap:1px;background: #cbcbcb;}
        .consult-list .prd-category .cont .cate-btn{display: flex;align-items: center;justify-content: center;height: 50px;background:#fff;font-size: 16px;color: #666;}
        .consult-list .prd-category .cont .cate-btn:nth-child(4n){border-right:0;}
        .consult-list .prd-category .cont .cate-btn:nth-child(1),
        .consult-list .prd-category .cont .cate-btn:nth-child(2),
        .consult-list .prd-category .cont .cate-btn:nth-child(3),
        .consult-list .prd-category .cont .cate-btn:nth-child(4){border-top:0;}
        .consult-list .prd-category .cont .cate-btn.on{font-weight: 600;color: #123363;background: #e7eaef;}
        .consult-list .prd-category .cont .cate-btn:hover{color:#123363;}
        .consult-list .prd-category .cont .cate-empty-btn{pointer-events:none;}

        /* breadcrumb */
        .consult-list .breadcrumb{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;padding:14px 20px;background:#f0f4f7;border-radius:6px;}
        .consult-list .breadcrumb .crumb{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;}
        .consult-list .breadcrumb .crumb a{color:#666;}
        .consult-list .breadcrumb .crumb a:hover{color:#123363;}
        .consult-list .breadcrumb .crumb .sep{color:#bbb;}
        .consult-list .breadcrumb .crumb .current{font-weight:600;color:#123363;}
        .consult-list .breadcrumb .toggle{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#383838;cursor:pointer;background:transparent;border:0;}
        .consult-list .breadcrumb .toggle:hover{color:#123363;}
        .consult-list .breadcrumb .toggle:after{content:'';width:8px;height:8px;border:solid #383838;border-width:0 1.5px 1.5px 0;transform:rotate(-135deg);transition:transform 0.2s;}
        .consult-list .breadcrumb .toggle.is-closed:after{transform:rotate(45deg);margin-bottom:4px;}

        /* category tabs */
        .consult-list .cate-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;}
        .consult-list .cate-tabs .cate-btn{display:flex;align-items:center;justify-content:center;padding:0 18px;height:42px;font-size:14px;font-weight:500;color:#383838;border:1px solid #c8c8c8;border-radius:42px;background:#fff;}
        .consult-list .cate-tabs .cate-btn:hover{border-color:#123363;color:#123363;}
        .consult-list .cate-tabs .cate-btn.active{color:#fff;background:#123363;border-color:#123363;}

        /* page header */
        .consult-list .page-head{margin:0 0 30px;display:flex;align-items:center;justify-content:space-between;padding:20px;height:56px;background:#f0f4f7;}
        .consult-list .page-head .title{font-size:18px;font-weight:600;color:#383838;}
        .consult-list .page-head .desc{font-size:14px;color:#666;}

        /* sub-info bar */
        .consult-list .info-bar{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;flex-wrap:wrap;gap:10px;}
        .consult-list .info-bar .stats{display:flex;align-items:center;gap:18px;}
        .consult-list .info-bar .stats .stat{display:flex;align-items:center;gap:6px;font-size:14px;color:#383838;}
        .consult-list .info-bar .stats .stat .num{font-weight:700;color:#0b2296;}
        .consult-list .info-bar .stats .stat .lab{color:#666;}
        .consult-list .info-bar .search{display:flex;align-items:center;gap:0;border:1px solid #c8c8c8;border-radius:4px;overflow:hidden;background:#fff;}
        .consult-list .info-bar .search input{flex:1;width:240px;padding:0 12px;height:36px;font-size:14px;color:#000;border:0;outline:0;background:transparent;}
        .consult-list .info-bar .search button{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:40px;height:36px;background:#7c7c7c;border:0;color:#fff;cursor:pointer;}
        .consult-list .info-bar .search button:before{content:'';width:16px;height:16px;background:url("./img/icon/ic_search.png") no-repeat center / contain;filter:brightness(0) invert(1);}

        /* board table */
        .consult-list .board-table{width:100%;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
        .consult-list .board-table thead{background:#f0f4f7;}
        .consult-list .board-table thead th{padding:14px 8px;font-size:14px;font-weight:600;color:#123363;border-bottom:1px solid #d8d8d8;text-align:center;}
        .consult-list .board-table tbody td{padding:16px 8px;font-size:14px;color:#383838;border-bottom:1px solid #e8e8e8;text-align:center;vertical-align:middle;}
        .consult-list .board-table tbody tr:last-of-type td{border-bottom:0;}
        .consult-list .board-table tbody tr:hover{background:#fafafa;}
        .consult-list .board-table tbody td.text-start{text-align:left;}
        .consult-list .board-table tbody td a{color:#000;}
        .consult-list .board-table tbody td a:hover{color:#116cfb;text-decoration:underline;}
        .consult-list .board-table .status{display:inline-flex;align-items:center;width:80px;justify-content:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:4px;}
        .consult-list .board-table .status.s-1{color:#fff;background:#cccccc;}
        .consult-list .board-table .status.s-2{color:#fff;background:#3576f8;}
        .consult-list .board-table .status.s-3{color:#fff;background:#0b2296;}

        /* mobile board list */
        .consult-list .board-list-mobile{display:none;}

        /* pagination */
        .consult-list .table-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:20px;margin:20px 0 0;}
        .consult-list .table-pagination .page-limit{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;}
        .consult-list .table-pagination .page-limit input{width:60px;height:32px;padding:0 8px;font-size:14px;border:1px solid #c8c8c8;border-radius:4px;text-align:center;}
        .consult-list .table-pagination .page-count{font-size:13px;color:#666;}
        .consult-list .table-pagination .page-count strong{color:#000;font-weight:700;}
        .consult-list .table-pagination .pagination{display:flex;align-items:center;gap:4px;}
        .consult-list .table-pagination .pagination a{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;font-size:14px;font-weight:500;color:#666;border:1px solid #c8c8c8;border-radius:4px;background:#fff;}
        .consult-list .table-pagination .pagination a:hover{border-color:#123363;color:#123363;}
        .consult-list .table-pagination .pagination a.current{color:#fff;background:#123363;border-color:#123363;}
        .consult-list .table-pagination .pagination a.icon:before{content:'';display:inline-block;width:10px;height:10px;border:solid #666;border-width:0 1.5px 1.5px 0;}
        .consult-list .table-pagination .pagination a.first:before{transform:rotate(135deg);box-shadow:-3px 3px 0 -1.5px #666;}
        .consult-list .table-pagination .pagination a.prev:before{transform:rotate(135deg);}
        .consult-list .table-pagination .pagination a.next:before{transform:rotate(-45deg);}
        .consult-list .table-pagination .pagination a.last:before{transform:rotate(-45deg);box-shadow:3px -3px 0 -1.5px #666;}

        /* action button */
        .consult-list .action-row{display:flex;justify-content:flex-end;gap:10px;margin:30px 0 0;}
        .consult-list .action-row .btn-action{min-width:160px;display:flex;align-items:center;justify-content:center;height:48px;font-size:15px;font-weight:700;border-radius:6px;color:#fff;background:#116cfb;border:1px solid #116cfb;}
        .consult-list .action-row .btn-action:hover{background:#0b56ce;border-color:#0b56ce;}

        /* responsive */
        @media (max-width:1180px) {
            .consult-list{padding:30px 20px 80px;}
            .consult-list .breadcrumb{padding:10px 14px;flex-wrap:wrap;gap:6px;}
            .consult-list .breadcrumb .crumb{font-size:12px;}
            .consult-list .cate-tabs{margin:0 0 20px;gap:6px;}
            .consult-list .cate-tabs .cate-btn{padding:0 14px;height:36px;font-size:13px;}
            .consult-list .page-head{height:auto;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 20px;}
            .consult-list .page-head .title{font-size:16px;}
            .consult-list .page-head .desc{font-size:12px;}
            .consult-list .info-bar{flex-direction:column;align-items:stretch;}
            .consult-list .info-bar .stats{justify-content:space-between;}
            .consult-list .info-bar .search{width:100%;}
            .consult-list .info-bar .search input{width:100%;}

            /* hide pc table on mobile */
            .consult-list .board-table{display:none;}
            .consult-list .board-list-mobile{display:flex;flex-direction:column;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
            .consult-list .board-list-mobile .board-item{display:flex;flex-direction:column;gap:6px;padding:14px;border-bottom:1px solid #e8e8e8;}
            .consult-list .board-list-mobile .board-item:last-of-type{border-bottom:0;}
            .consult-list .board-list-mobile .board-item .row-1{display:flex;justify-content:space-between;align-items:center;gap:8px;}
            .consult-list .board-list-mobile .board-item .row-1 .status{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;font-size:11px;font-weight:500;color:#fff;border-radius:4px;background:#cccccc;}
            .consult-list .board-list-mobile .board-item .row-1 .status.s-2{background:#3576f8;}
            .consult-list .board-list-mobile .board-item .row-1 .status.s-3{background:#0b2296;}
            .consult-list .board-list-mobile .board-item .row-1 .date{font-size:12px;color:#999;}
            .consult-list .board-list-mobile .board-item .row-2{font-size:14px;font-weight:500;color:#000;line-height:1.4;}
            .consult-list .board-list-mobile .board-item .row-3{font-size:12px;color:#666;}

            .consult-list .table-pagination{justify-content:center;gap:12px;}
        }
    


/* --- consult_write.html --- */
        .consult-write{position:relative;padding:50px 0 150px;}
        .consult-write .prd-category{margin:0 0 30px;border-top:2px solid #000;}
        .consult-write .prd-category .head{display:flex;align-items:center;justify-content:space-between;padding:20px;height:56px;background:#123363;}
        .consult-write .prd-category .head .title{font-size:16px;font-weight:500;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
        .consult-write .prd-category .head .expend{display:flex;align-items:center;gap:4px;font-size:16px;color:#fff;cursor:pointer;}
        .consult-write .prd-category .head .expend:after{content:'';width:24px;height:24px;background:url("./img/icon/ic_expend.png") no-repeat center / contain;transition:transform .2s;}
        .consult-write .prd-category .head .expend.is-closed:after{transform:rotate(180deg);}
        .consult-write .prd-category .cont{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cbcbcb;border-top:0;gap:1px;background:#cbcbcb;}
        .consult-write .prd-category .cont .cate-btn{display:flex;align-items:center;justify-content:center;height:50px;background:#fff;font-size:16px;color:#666;}
        .consult-write .prd-category .cont .cate-btn.on{font-weight:600;color:#123363;background:#e7eaef;}
        .consult-write .prd-category .cont .cate-empty-btn{pointer-events:none;}

        .consult-write .page-head{margin:0 0 30px;display:flex;align-items:center;justify-content:space-between;padding:20px;height:56px;background:#f0f4f7;}
        .consult-write .page-head .title{font-size:18px;font-weight:600;color:#383838;}
        .consult-write .page-head .desc{font-size:14px;color:#666;}

        .consult-write .write-card{border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;background:#fff;}
        .consult-write .form-table{width:100%;table-layout:fixed;}
        .consult-write .form-table th,
        .consult-write .form-table td{padding:16px 20px;border-bottom:1px solid #e8e8e8;vertical-align:middle;}
        .consult-write .form-table tr:last-child th,
        .consult-write .form-table tr:last-child td{border-bottom:0;}
        .consult-write .form-table th{width:180px;background:#f8f9fb;font-size:14px;font-weight:600;color:#123363;text-align:left;}
        .consult-write .form-table th .req{color:#da0000;}
        .consult-write .form-table td{font-size:14px;color:#383838;}

        .consult-write .field,
        .consult-write .field-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
        .consult-write input[type="text"],
        .consult-write input[type="email"],
        .consult-write input[type="tel"],
        .consult-write input[type="password"],
        .consult-write select,
        .consult-write textarea{width:100%;padding:0 14px;border:1px solid #c8c8c8;border-radius:6px;background:#fff;font-size:14px;color:#111;}
        .consult-write input[type="text"],
        .consult-write input[type="email"],
        .consult-write input[type="tel"],
        .consult-write input[type="password"],
        .consult-write select{height:46px;}
        .consult-write textarea{padding:14px;min-height:240px;resize:vertical;line-height:1.6;}
        .consult-write .field-inline > *{flex:1;min-width:180px;}
        .consult-write .field-inline .field-fixed{flex:0 0 auto;min-width:auto;}
        .consult-write .email-split{flex:0 0 auto;color:#999;}
        .consult-write .form-help{display:block;margin-top:8px;font-size:13px;color:#777;line-height:1.5;}
        .consult-write .file-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
        .consult-write .file-box input[type="file"]{display:none;}
        .consult-write .btn-file,
        .consult-write .btn-line,
        .consult-write .btn-solid{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border-radius:6px;font-size:14px;font-weight:600;transition:all .2s;}
        .consult-write .btn-file,
        .consult-write .btn-line{color:#123363;border:1px solid #123363;background:#fff;}
        .consult-write .btn-file:hover,
        .consult-write .btn-line:hover{background:#eef3fb;}
        .consult-write .btn-solid{color:#fff;border:1px solid #116cfb;background:#116cfb;}
        .consult-write .btn-solid:hover{background:#0b56ce;border-color:#0b56ce;}
        .consult-write .privacy-box{padding:18px 20px;border:1px solid #d9e1ee;border-radius:8px;background:#f8fbff;}
        .consult-write .privacy-box .tit{margin:0 0 10px;font-size:15px;font-weight:700;color:#123363;}
        .consult-write .privacy-box ul{display:flex;flex-direction:column;gap:6px;}
        .consult-write .privacy-box li{position:relative;padding-left:10px;font-size:13px;color:#666;line-height:1.6;}
        .consult-write .privacy-box li:before{content:'';position:absolute;top:10px;left:0;width:3px;height:3px;border-radius:50%;background:#666;}
        .consult-write .agree-row{display:flex;align-items:center;gap:8px;}
        .consult-write .agree-row input{width:18px;height:18px;}
        .consult-write .action-row{display:flex;justify-content:center;gap:10px;margin:30px 0 0;}
        .consult-write .action-row a,
        .consult-write .action-row button{min-width:160px;}

        @media (max-width:1180px){
            .consult-write{padding:30px 20px 80px;}
            .consult-write .page-head{height:auto;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 20px;}
            .consult-write .page-head .title{font-size:16px;}
            .consult-write .page-head .desc{font-size:12px;}
            .consult-write .prd-category .cont{grid-template-columns:repeat(2,1fr);}
            .consult-write .form-table,
            .consult-write .form-table tbody,
            .consult-write .form-table tr,
            .consult-write .form-table th,
            .consult-write .form-table td{display:block;width:100%;}
            .consult-write .form-table th{padding:14px 16px 8px;border-bottom:0;}
            .consult-write .form-table td{padding:0 16px 14px;}
            .consult-write .field-inline{flex-direction:column;align-items:stretch;gap:8px;}
            .consult-write .field-inline > *{min-width:100%;}
            .consult-write .email-split{display:none;}
            .consult-write .action-row{flex-direction:column;}
            .consult-write .action-row a,
            .consult-write .action-row button{width:100%;min-width:100%;}
        }
    


/* --- login.html --- */
        .login-page{position:relative;padding:60px 0 150px;background:linear-gradient(180deg,#f5f8fc 0%,#ffffff 220px,#ffffff 100%);}
        .login-page .login-wrap{display:flex;justify-content:center;}
        .login-page .login-card{width:520px;max-width:100%;padding:42px;border:1px solid #d9e1ee;border-radius:20px;background:#fff;box-shadow:0 18px 60px rgba(18,51,99,.08);}
        .login-page .login-head{margin:0 0 28px;text-align:center;}
        .login-page .login-head .title{font-size:30px;font-weight:700;color:#123363;line-height:1.2;}
        .login-page .login-head .desc{margin:10px 0 0;font-size:15px;color:#666;line-height:1.6;}
        .login-page .brand-copy{display:flex;justify-content:center;margin-bottom:28px;}
        .login-page .brand-copy span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#eef3fb;font-size:13px;font-weight:600;color:#123363;}
        .login-page .brand-copy span:before{content:'';width:8px;height:8px;border-radius:50%;background:#116cfb;}
        .login-page .field-group{display:flex;flex-direction:column;gap:16px;}
        .login-page .field label{display:block;margin:0 0 8px;font-size:14px;font-weight:600;color:#123363;}
        .login-page .field input{width:100%;height:54px;padding:0 16px;border:1px solid #c8d1df;border-radius:10px;background:#fff;font-size:15px;color:#111;transition:border-color .2s, box-shadow .2s;}
        .login-page .field input:focus{border-color:#116cfb;box-shadow:0 0 0 4px rgba(17,108,251,.08);}
        .login-page .option-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 0;flex-wrap:wrap;}
        .login-page .option-row .chk{display:flex;align-items:center;gap:8px;font-size:14px;color:#555;}
        .login-page .option-row .chk input{width:18px;height:18px;}
        .login-page .option-row .find-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
        .login-page .option-row .find-links a{font-size:13px;color:#666;}
        .login-page .option-row .find-links a:hover{color:#123363;}
        .login-page .btn-login{display:flex;align-items:center;justify-content:center;width:100%;height:56px;margin:24px 0 0;border-radius:10px;border:1px solid #116cfb;background:#116cfb;font-size:16px;font-weight:700;color:#fff;transition:all .2s;}
        .login-page .btn-login:hover{background:#0b56ce;border-color:#0b56ce;}
        .login-page .join-box{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 0;padding:18px 20px;border-radius:12px;background:#f8fbff;border:1px solid #d9e7fb;}
        .login-page .join-box .txt strong{display:block;font-size:15px;font-weight:700;color:#123363;}
        .login-page .join-box .txt span{display:block;margin-top:6px;font-size:13px;color:#666;line-height:1.5;}
        .login-page .join-box .btn-join{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:42px;padding:0 18px;border-radius:8px;border:1px solid #123363;background:#fff;font-size:14px;font-weight:600;color:#123363;}
        .login-page .join-box .btn-join:hover{background:#eef3fb;}
        .login-page .sns-login{margin:28px 0 0;padding-top:24px;border-top:1px solid #ebedf1;}
        .login-page .sns-login .tit{margin:0 0 14px;text-align:center;font-size:14px;font-weight:600;color:#555;}
        .login-page .sns-list{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}
        .login-page .sns-list a{display:flex;align-items:center;justify-content:center;min-width:120px;height:46px;padding:0 16px;border-radius:10px;border:1px solid #d4dce9;background:#fff;font-size:14px;font-weight:600;color:#333;}
        .login-page .sns-list a.kakao{background:#fee500;border-color:#fee500;color:#3b1e1e;}
        .login-page .sns-list a.naver{background:#03c75a;border-color:#03c75a;color:#fff;}
        .login-page .sns-list a.email{background:#123363;border-color:#123363;color:#fff;}

        @media (max-width:1180px){
            .login-page{padding:30px 20px 80px;}
            .login-page .login-card{padding:30px 22px;border-radius:16px;}
            .login-page .login-head .title{font-size:24px;}
            .login-page .login-head .desc{font-size:14px;}
            .login-page .join-box{flex-direction:column;align-items:flex-start;}
            .login-page .join-box .btn-join{width:100%;}
            .login-page .sns-list a{flex:1;min-width:calc(50% - 6px);}
        }
    


/* --- member_acc1.html --- */
        /* ====== member-acc page styles ====== */
        .member-acc{position:relative;padding:50px 0 150px;}
        .member-acc .order-head{margin:0 0 40px;display:flex;align-items:center;justify-content:space-between;padding:20px;height:56px;background:#123363;}
        .member-acc .order-head .title{font-size:18px;font-weight:600;color:#fff;}
        .member-acc .order-head .desc{font-size:14px;color:#cfd8e6;}

        /* step flow */
        .member-acc .step-flow{display:flex;align-items:stretch;justify-content:space-between;margin:0 0 40px;border-radius:6px;overflow:hidden;border:1px solid #e1e1e3;}
        .member-acc .step-flow .step{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 10px;font-size:16px;font-weight:500;color:#999;background:#f0f4f7;}
        .member-acc .step-flow .step .num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:30px;background:#cccccc;color:#fff;font-size:14px;font-weight:700;}
        .member-acc .step-flow .step.active{color:#fff;background:#123363;}
        .member-acc .step-flow .step.active .num{background:#0b2296;}

        /* sub title */
        .member-acc .sub-title{position:relative;display:flex;align-items:center;justify-content:space-between;margin:30px 0 0;padding:14px 20px;background:#f0f4f7;border-top:2px solid #123363;}
        .member-acc .sub-title h3{font-size:16px;font-weight:700;color:#123363;}

        /* form card */
        .member-acc .form-card{padding:30px;border:1px solid #d8d8d8;border-top:0;background:#fff;}
        .member-acc .form-row{display:flex;flex-wrap:wrap;gap:20px 30px;margin:0 0 20px;align-items:flex-start;}
        .member-acc .form-row:last-child{margin:0;}
        .member-acc .form-row .form-col{flex:1;min-width:240px;display:flex;align-items:center;gap:15px;}
        .member-acc .form-row .form-col.full{flex:1 1 100%;}
        .member-acc .form-row .form-col label{flex:0 0 auto;width:140px;font-size:14px;font-weight:600;color:#000;}
        .member-acc .form-row .form-col label .req{color:#da0000;}
        .member-acc .form-row .form-col .field{flex:1;display:flex;align-items:center;gap:8px;width:100%;}
        .member-acc .form-row .form-col .field input[type="text"],
        .member-acc .form-row .form-col .field input[type="tel"]{flex:1;padding:0 12px;height:40px;font-size:14px;color:#000;border:1px solid #c8c8c8;border-radius:4px;background:#fff;}
        .member-acc .form-row .form-col .field input:focus{border-color:#123363;outline:none;}
        .member-acc .form-row .form-col .field .desc{font-size:13px;color:#666;line-height:1.5;}

        /* radio group */
        .member-acc .radio-group{display:flex;flex-wrap:wrap;gap:20px;align-items:center;}
        .member-acc .radio-group .radio-item{display:flex;align-items:center;gap:6px;cursor:pointer;}
        .member-acc .radio-group .radio-item input{width:18px;height:18px;}
        .member-acc .radio-group .radio-item span{font-size:15px;color:#383838;}

        /* checkbox */
        .member-acc .checkbox-row{display:flex;align-items:center;gap:8px;margin:0 0 12px;}
        .member-acc .checkbox-row input{width:18px;height:18px;}
        .member-acc .checkbox-row label{font-size:14px;font-weight:500;color:#000;cursor:pointer;}

        /* terms view */
        .member-acc .terms-view{margin:10px 0 0;padding:16px;height:200px;overflow-y:auto;border:1px solid #c8c8c8;border-radius:4px;background:#fafafa;}
        .member-acc .terms-view pre{margin:0;font-size:13px;color:#666;line-height:1.6;white-space:pre-wrap;font-family:inherit;}

        /* main action buttons */
        .member-acc .action-row{display:flex;justify-content:center;gap:10px;margin:50px 0 0 0;}
        .member-acc .action-row .btn-action{min-width:200px;display:flex;align-items:center;justify-content:center;height:60px;font-size:18px;font-weight:700;border-radius:8px;}
        .member-acc .action-row .btn-action.btn-line{color:#0b2296;background:#fff;border:1px solid #939395;}
        .member-acc .action-row .btn-action.btn-line:hover{border-color:#0b2296;background:#f0f4f7;}
        .member-acc .action-row .btn-action.btn-fill{color:#fff;background:#116cfb;border:1px solid #116cfb;}
        .member-acc .action-row .btn-action.btn-fill:hover{background:#0b56ce;border-color:#0b56ce;}

        /* responsive */
        @media (max-width:1180px) {
            .member-acc{padding:30px 20px 80px;}
            .member-acc .order-head{margin:0 0 25px;height:auto;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 20px;}
            .member-acc .order-head .title{font-size:16px;}
            .member-acc .order-head .desc{font-size:12px;}
            .member-acc .step-flow{margin:0 0 25px;}
            .member-acc .step-flow .step{padding:12px 6px;font-size:13px;flex-direction:column;gap:4px;}
            .member-acc .step-flow .step .num{width:24px;height:24px;font-size:12px;}
            .member-acc .sub-title{padding:12px 16px;margin:20px 0 0;}
            .member-acc .sub-title h3{font-size:14px;}
            .member-acc .form-card{padding:18px;}
            .member-acc .form-row{flex-direction:column;gap:14px;margin:0 0 14px;}
            .member-acc .form-row .form-col{flex:1 1 100%;flex-direction:column;align-items:flex-start;gap:6px;}
            .member-acc .form-row .form-col label{width:100%;font-size:13px;}
            .member-acc .form-row .form-col .field{width:100%;flex-direction:column;align-items:stretch;}
            .member-acc .radio-group{gap:14px;}
            .member-acc .terms-view{height:160px;}
            .member-acc .action-row{margin:30px 0 0 0;flex-direction:column;}
            .member-acc .action-row .btn-action{width:100%;height:54px;font-size:16px;}
        }
    


/* --- member_acc2.html --- */
        /* ====== member-acc-2 page styles ====== */
        .member-acc-2{position:relative;padding:50px 0 150px;}
        .member-acc-2 .order-head{margin:0 0 40px;display:flex;align-items:center;justify-content:space-between;padding:20px;height:56px;background:#123363;}
        .member-acc-2 .order-head .title{font-size:18px;font-weight:600;color:#fff;}
        .member-acc-2 .order-head .desc{font-size:14px;color:#cfd8e6;}

        /* step flow */
        .member-acc-2 .step-flow{display:flex;align-items:stretch;justify-content:space-between;margin:0 0 40px;border-radius:6px;overflow:hidden;border:1px solid #e1e1e3;}
        .member-acc-2 .step-flow .step{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 10px;font-size:16px;font-weight:500;color:#999;background:#f0f4f7;}
        .member-acc-2 .step-flow .step .num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:30px;background:#cccccc;color:#fff;font-size:14px;font-weight:700;}
        .member-acc-2 .step-flow .step.active{color:#fff;background:#123363;}
        .member-acc-2 .step-flow .step.active .num{background:#0b2296;}

        /* sub title */
        .member-acc-2 .sub-title{position:relative;display:flex;align-items:center;justify-content:space-between;margin:30px 0 0;padding:14px 20px;background:#f0f4f7;border-top:2px solid #123363;}
        .member-acc-2 .sub-title h3{font-size:16px;font-weight:700;color:#123363;}

        /* form card */
        .member-acc-2 .form-card{padding:30px;border:1px solid #d8d8d8;border-top:0;background:#fff;}
        .member-acc-2 .form-card .card-title{margin:0 0 20px;padding:0 0 12px;font-size:16px;font-weight:700;color:#000;border-bottom:1px solid #e8e8e8;}
        .member-acc-2 .form-card .card-title:not(:first-child){margin-top:30px;}

        .member-acc-2 .form-row{display:flex;flex-wrap:wrap;gap:20px 30px;margin:0 0 20px;align-items:flex-start;}
        .member-acc-2 .form-row:last-child{margin:0;}
        .member-acc-2 .form-row .form-col{flex:1;min-width:240px;display:flex;align-items:center;gap:15px;}
        .member-acc-2 .form-row .form-col.full{flex:1 1 100%;}
        .member-acc-2 .form-row .form-col label{flex:0 0 auto;width:140px;font-size:14px;font-weight:600;color:#000;}
        .member-acc-2 .form-row .form-col label .req{color:#da0000;}
        .member-acc-2 .form-row .form-col .field{flex:1;display:flex;align-items:center;gap:8px;width:100%;flex-wrap:wrap;}
        .member-acc-2 .form-row .form-col .field input[type="text"],
        .member-acc-2 .form-row .form-col .field input[type="email"],
        .member-acc-2 .form-row .form-col .field input[type="password"],
        .member-acc-2 .form-row .form-col .field input[type="tel"],
        .member-acc-2 .form-row .form-col .field input[type="file"],
        .member-acc-2 .form-row .form-col .field select{flex:1;padding:0 12px;height:40px;font-size:14px;color:#000;border:1px solid #c8c8c8;border-radius:4px;background:#fff;}
        .member-acc-2 .form-row .form-col .field input[type="file"]{padding:8px 12px;}
        .member-acc-2 .form-row .form-col .field input:focus,
        .member-acc-2 .form-row .form-col .field select:focus{border-color:#123363;outline:none;}
        .member-acc-2 .form-row .form-col .field .err{flex:1 1 100%;font-size:12px;color:#da0000;margin:4px 0 0;}
        .member-acc-2 .form-row .form-col .field .help{flex:1 1 100%;font-size:12px;color:#666;margin:4px 0 0;}
        .member-acc-2 .form-row .form-col .field .at{margin:0 6px;font-size:14px;color:#666;}
        .member-acc-2 .form-row .form-col .field .btn-find{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;height:40px;font-size:13px;font-weight:500;border-radius:4px;color:#fff;background:#7c7c7c;border:1px solid #7c7c7c;}
        .member-acc-2 .form-row .form-col .field .btn-find:hover{background:#5a5a5a;border-color:#5a5a5a;}

        /* main action buttons */
        .member-acc-2 .action-row{display:flex;justify-content:center;gap:10px;margin:50px 0 0 0;}
        .member-acc-2 .action-row .btn-action{min-width:200px;display:flex;align-items:center;justify-content:center;height:60px;font-size:18px;font-weight:700;border-radius:8px;}
        .member-acc-2 .action-row .btn-action.btn-line{color:#0b2296;background:#fff;border:1px solid #939395;}
        .member-acc-2 .action-row .btn-action.btn-line:hover{border-color:#0b2296;background:#f0f4f7;}
        .member-acc-2 .action-row .btn-action.btn-fill{color:#fff;background:#116cfb;border:1px solid #116cfb;}
        .member-acc-2 .action-row .btn-action.btn-fill:hover{background:#0b56ce;border-color:#0b56ce;}

        /* responsive */
        @media (max-width:1180px) {
            .member-acc-2{padding:30px 20px 80px;}
            .member-acc-2 .order-head{margin:0 0 25px;height:auto;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 20px;}
            .member-acc-2 .order-head .title{font-size:16px;}
            .member-acc-2 .order-head .desc{font-size:12px;}
            .member-acc-2 .step-flow{margin:0 0 25px;}
            .member-acc-2 .step-flow .step{padding:12px 6px;font-size:13px;flex-direction:column;gap:4px;}
            .member-acc-2 .step-flow .step .num{width:24px;height:24px;font-size:12px;}
            .member-acc-2 .sub-title{padding:12px 16px;margin:20px 0 0;}
            .member-acc-2 .sub-title h3{font-size:14px;}
            .member-acc-2 .form-card{padding:18px;}
            .member-acc-2 .form-card .card-title{font-size:14px;margin:0 0 16px;padding:0 0 10px;}
            .member-acc-2 .form-card .card-title:not(:first-child){margin-top:24px;}
            .member-acc-2 .form-row{flex-direction:column;gap:14px;margin:0 0 14px;}
            .member-acc-2 .form-row .form-col{flex:1 1 100%;flex-direction:column;align-items:flex-start;gap:6px;}
            .member-acc-2 .form-row .form-col label{width:100%;font-size:13px;}
            .member-acc-2 .form-row .form-col .field{width:100%;}
            .member-acc-2 .action-row{margin:30px 0 0 0;flex-direction:column;}
            .member-acc-2 .action-row .btn-action{width:100%;height:54px;font-size:16px;}
        }
    


/* --- my_order.html --- */
        /* ====== my-order page styles ====== */
        .my-order{position:relative;padding:50px 0 150px;}
        .my-order .order-head{margin:0 0 40px;display:flex;align-items:center;justify-content:space-between;padding:20px;height:56px;background:#123363;}
        .my-order .order-head .title{font-size:18px;font-weight:600;color:#fff;}
        .my-order .order-head .desc{font-size:14px;color:#cfd8e6;}

        /* dashboard */
        .my-order .dashboard{margin:0 0 40px;padding:30px;border:1px solid #d8d8d8;border-radius:8px;background:#fff;}
        .my-order .dashboard ul{display:flex;align-items:center;justify-content:space-between;}
        .my-order .dashboard li{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;position:relative;}
        .my-order .dashboard li:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:60px;background:#e8e8e8;}
        .my-order .dashboard li:last-of-type:after{display:none;}
        .my-order .dashboard li .num{font-size:36px;font-weight:700;color:#cccccc;line-height:1;}
        .my-order .dashboard li.active .num{color:#116cfb;}
        .my-order .dashboard li .label{font-size:14px;font-weight:500;color:#383838;}

        /* sub title */
        .my-order .sub-title{position:relative;display:flex;align-items:center;justify-content:space-between;margin:30px 0 15px;padding:0 0 12px;border-bottom:2px solid #123363;}
        .my-order .sub-title h3{font-size:20px;font-weight:700;color:#123363;}

        /* table tools */
        .my-order .table-tools{display:flex;align-items:center;justify-content:flex-end;margin:0 0 12px;gap:10px;}
        .my-order .table-tools .search{display:flex;align-items:center;gap:0;border:1px solid #c8c8c8;border-radius:4px;overflow:hidden;background:#fff;}
        .my-order .table-tools .search input{flex:1;width:240px;padding:0 12px;height:36px;font-size:14px;color:#000;border:0;outline:0;background:transparent;}
        .my-order .table-tools .search button{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:40px;height:36px;background:#7c7c7c;border:0;color:#fff;cursor:pointer;}
        .my-order .table-tools .search button:before{content:'';width:16px;height:16px;background:url("./img/icon/ic_search.png") no-repeat center / contain;filter:brightness(0) invert(1);}

        /* board table */
        .my-order .board-table{width:100%;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
        .my-order .board-table thead{background:#f0f4f7;}
        .my-order .board-table thead th{padding:14px 8px;font-size:14px;font-weight:600;color:#123363;border-bottom:1px solid #d8d8d8;text-align:center;}
        .my-order .board-table tbody td{padding:16px 8px;font-size:14px;color:#383838;border-bottom:1px solid #e8e8e8;text-align:center;vertical-align:middle;}
        .my-order .board-table tbody tr:last-of-type td{border-bottom:0;}
        .my-order .board-table tbody tr:hover{background:#fafafa;}
        .my-order .board-table tbody td.text-start{text-align:left;}
        .my-order .board-table tbody td a{color:#116cfb;text-decoration:none;}
        .my-order .board-table tbody td a:hover{text-decoration:underline;}
        .my-order .board-table .order-no{font-weight:600;color:#000;}
        .my-order .board-table .status{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:4px;}
        .my-order .board-table .status.s-1{color:#fff;background:#cccccc;}
        .my-order .board-table .status.s-2{color:#fff;background:#3576f8;}
        .my-order .board-table .status.s-3{color:#fff;background:#f08800;}
        .my-order .board-table .status.s-4{color:#fff;background:#16a07c;}
        .my-order .board-table .status.s-5{color:#fff;background:#0b2296;}

        /* mobile board list */
        .my-order .board-list-mobile{display:none;}

        /* pagination */
        .my-order .table-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:20px;margin:20px 0 0;}
        .my-order .table-pagination .page-limit{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;}
        .my-order .table-pagination .page-limit input{width:60px;height:32px;padding:0 8px;font-size:14px;border:1px solid #c8c8c8;border-radius:4px;text-align:center;}
        .my-order .table-pagination .page-count{font-size:13px;color:#666;}
        .my-order .table-pagination .page-count strong{color:#000;font-weight:700;}
        .my-order .table-pagination .pagination{display:flex;align-items:center;gap:4px;}
        .my-order .table-pagination .pagination a{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;font-size:14px;font-weight:500;color:#666;border:1px solid #c8c8c8;border-radius:4px;background:#fff;}
        .my-order .table-pagination .pagination a:hover{border-color:#123363;color:#123363;}
        .my-order .table-pagination .pagination a.current{color:#fff;background:#123363;border-color:#123363;}
        .my-order .table-pagination .pagination a.icon:before{content:'';display:inline-block;width:10px;height:10px;border:solid #666;border-width:0 1.5px 1.5px 0;}
        .my-order .table-pagination .pagination a.first:before{transform:rotate(135deg);box-shadow:-3px 3px 0 -1.5px #666;}
        .my-order .table-pagination .pagination a.prev:before{transform:rotate(135deg);}
        .my-order .table-pagination .pagination a.next:before{transform:rotate(-45deg);}
        .my-order .table-pagination .pagination a.last:before{transform:rotate(-45deg);box-shadow:3px -3px 0 -1.5px #666;}

        /* action button */
        .my-order .action-row{display:flex;justify-content:center;gap:10px;margin:50px 0 0 0;}
        .my-order .action-row .btn-action{min-width:200px;display:flex;align-items:center;justify-content:center;height:60px;font-size:18px;font-weight:700;border-radius:8px;color:#fff;background:#116cfb;border:1px solid #116cfb;}
        .my-order .action-row .btn-action:hover{background:#0b56ce;border-color:#0b56ce;}

        /* responsive */
        @media (max-width:1180px) {
            .my-order{padding:30px 20px 80px;}
            .my-order .order-head{margin:0 0 25px;height:auto;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 20px;}
            .my-order .order-head .title{font-size:16px;}
            .my-order .order-head .desc{font-size:12px;}

            .my-order .dashboard{margin:0 0 25px;padding:18px 10px;border-radius:6px;}
            .my-order .dashboard ul{flex-wrap:wrap;gap:10px 0;}
            .my-order .dashboard li{flex:0 0 33.333%;}
            .my-order .dashboard li:after{display:none;}
            .my-order .dashboard li .num{font-size:24px;}
            .my-order .dashboard li .label{font-size:12px;}

            .my-order .sub-title h3{font-size:16px;}
            .my-order .table-tools .search input{width:100%;}
            .my-order .table-tools{justify-content:stretch;}
            .my-order .table-tools form{flex:1;}

            /* hide pc table on mobile */
            .my-order .board-table{display:none;}
            .my-order .board-list-mobile{display:flex;flex-direction:column;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
            .my-order .board-list-mobile .board-item{display:flex;flex-direction:column;gap:8px;padding:14px;border-bottom:1px solid #e8e8e8;}
            .my-order .board-list-mobile .board-item:last-of-type{border-bottom:0;}
            .my-order .board-list-mobile .board-item .row-1{display:flex;justify-content:space-between;align-items:center;gap:8px;}
            .my-order .board-list-mobile .board-item .row-1 .order-no{font-size:13px;font-weight:700;color:#0b2296;}
            .my-order .board-list-mobile .board-item .row-1 .status{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;font-size:11px;font-weight:500;color:#fff;border-radius:4px;background:#cccccc;}
            .my-order .board-list-mobile .board-item .row-1 .status.s-2{background:#3576f8;}
            .my-order .board-list-mobile .board-item .row-1 .status.s-3{background:#f08800;}
            .my-order .board-list-mobile .board-item .row-1 .status.s-4{background:#16a07c;}
            .my-order .board-list-mobile .board-item .row-1 .status.s-5{background:#0b2296;}
            .my-order .board-list-mobile .board-item .row-2{font-size:12px;color:#666;}
            .my-order .board-list-mobile .board-item .row-3{display:flex;justify-content:space-between;align-items:center;gap:8px;}
            .my-order .board-list-mobile .board-item .row-3 .name{flex:1;font-size:14px;color:#000;font-weight:500;}
            .my-order .board-list-mobile .board-item .row-3 .price{font-size:14px;font-weight:700;color:#116cfb;}

            .my-order .table-pagination{justify-content:center;gap:12px;}
            .my-order .action-row{margin:30px 0 0 0;}
            .my-order .action-row .btn-action{width:100%;height:54px;font-size:16px;}
        }
    


/* --- my_orderDetail.html --- */
        /* ====== order-detail page styles ====== */
        .order-detail{position:relative;padding:50px 0 150px;}
        .order-detail .order-head{margin:0 0 40px;display:flex;align-items:center;justify-content:space-between;padding:20px;height:56px;background:#123363;}
        .order-detail .order-head .title{font-size:18px;font-weight:600;color:#fff;}
        .order-detail .order-head .desc{font-size:14px;color:#cfd8e6;}

        /* sub title */
        .order-detail .sub-title{position:relative;display:flex;align-items:center;justify-content:space-between;margin:40px 0 15px;padding:0 0 12px;border-bottom:2px solid #123363;}
        .order-detail .sub-title:first-of-type{margin-top:0;}
        .order-detail .sub-title h3{font-size:20px;font-weight:700;color:#123363;}

        /* status banner */
        .order-detail .status-banner{margin:0 0 30px;display:flex;flex-wrap:wrap;gap:0;padding:20px 24px;border:1px solid #d8d8d8;border-radius:6px;background:#f0f4f7;}
        .order-detail .status-banner .item{flex:1;min-width:200px;display:flex;align-items:center;gap:10px;font-size:15px;color:#000;}
        .order-detail .status-banner .item .lab{font-weight:600;color:#123363;}
        .order-detail .status-banner .item .val{font-weight:500;}

        /* product table */
        .order-detail .cart-table{width:100%;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
        .order-detail .cart-table thead{background:#f0f4f7;}
        .order-detail .cart-table thead th{padding:14px 6px;font-size:14px;font-weight:600;color:#123363;border-bottom:1px solid #d8d8d8;text-align:center;}
        .order-detail .cart-table tbody td{padding:18px 6px;font-size:14px;color:#383838;border-bottom:1px solid #e8e8e8;text-align:center;vertical-align:middle;}
        .order-detail .cart-table tbody tr:last-of-type td{border-bottom:0;}
        .order-detail .cart-table .prd-img{display:flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:8px;border:1px solid #e8e8e8;background:#fbfbfb;overflow:hidden;margin:0 auto;}
        .order-detail .cart-table .prd-img img{max-width:100%;max-height:100%;mix-blend-mode:multiply;}
        .order-detail .cart-table .prd-info{text-align:left;padding:0 10px;}
        .order-detail .cart-table .prd-info .badge-row{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 6px;}
        .order-detail .cart-table .prd-info .badge-row span{display:flex;align-items:center;justify-content:center;padding:0 8px;height:22px;font-size:12px;font-weight:500;border-radius:4px;gap:6px;}
        .order-detail .cart-table .prd-info .badge-row .badge-1{background:#3576f8;color:#fff;}
        .order-detail .cart-table .prd-info .badge-row .badge-2{background:#fa3433;color:#fff;}
        .order-detail .cart-table .prd-info .badge-row .badge-2:after{content:'';width:14px;height:14px;background:url("./img/icon/ic_plane.svg") no-repeat center / contain;}
        .order-detail .cart-table .prd-info .brand{font-size:13px;font-weight:500;color:#2e75b6;line-height:1.3;}
        .order-detail .cart-table .prd-info .name{margin:2px 0;font-size:15px;font-weight:700;color:#383838;line-height:1.3;}
        .order-detail .cart-table .prd-info .code{font-size:13px;color:#999;line-height:1.4;}
        .order-detail .cart-table .price{font-size:14px;font-weight:500;color:#000;}
        .order-detail .cart-table .total{font-size:15px;font-weight:700;color:#116cfb;}
        .order-detail .cart-table .ship{font-size:13px;color:#666;line-height:1.4;}
        .order-detail .cart-table .ship strong{display:block;color:#000;font-weight:600;margin:0 0 2px;}

        /* total summary */
        .order-detail .total-table{width:100%;margin:30px 0 0;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
        .order-detail .total-table thead th{padding:14px 10px;font-size:14px;font-weight:600;color:#123363;background:#f0f4f7;border-bottom:1px solid #d8d8d8;text-align:center;}
        .order-detail .total-table tbody td{padding:18px 10px;font-size:16px;font-weight:600;color:#000;text-align:center;}
        .order-detail .total-table tbody td.final{font-size:20px;font-weight:700;color:#116cfb;}

        .order-detail .cart-list-mobile{display:none;}

        /* form section */
        .order-detail .form-card{padding:30px;border:1px solid #d8d8d8;border-top:0;background:#fff;}
        .order-detail .form-row{display:flex;flex-wrap:wrap;gap:20px 30px;margin:0 0 20px;align-items:flex-start;}
        .order-detail .form-row:last-child{margin:0;}
        .order-detail .form-row .form-col{flex:1;min-width:240px;display:flex;align-items:center;gap:15px;}
        .order-detail .form-row .form-col.full{flex:1 1 100%;}
        .order-detail .form-row .form-col label{flex:0 0 auto;width:130px;font-size:14px;font-weight:600;color:#000;}
        .order-detail .form-row .form-col label .req{color:#da0000;}
        .order-detail .form-row .form-col .field{flex:1;display:flex;align-items:center;gap:8px;width:100%;}
        .order-detail .form-row .form-col .field input[type="text"],
        .order-detail .form-row .form-col .field input[type="email"],
        .order-detail .form-row .form-col .field input[type="tel"],
        .order-detail .form-row .form-col .field select,
        .order-detail .form-row .form-col .field textarea{flex:1;padding:10px 12px;font-size:14px;color:#000;border:1px solid #c8c8c8;border-radius:4px;background:#fff;line-height:1.4;}
        .order-detail .form-row .form-col .field input{height:40px;padding:0 12px;}
        .order-detail .form-row .form-col .field input:focus,
        .order-detail .form-row .form-col .field select:focus,
        .order-detail .form-row .form-col .field textarea:focus{border-color:#123363;outline:none;}
        .order-detail .form-row .form-col .field .btn-find{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;height:40px;font-size:13px;font-weight:500;border-radius:4px;color:#fff;background:#7c7c7c;border:1px solid #7c7c7c;}
        .order-detail .form-row .form-col .field .btn-find:hover{background:#5a5a5a;border-color:#5a5a5a;}

        /* customer view */
        .order-detail .info-grid{display:flex;flex-wrap:wrap;gap:0;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
        .order-detail .info-grid dl{flex:1 1 33.333%;display:flex;align-items:center;padding:18px 20px;border-right:1px solid #e8e8e8;}
        .order-detail .info-grid dl:last-of-type{border-right:0;}
        .order-detail .info-grid dt{flex:0 0 auto;width:100px;font-size:14px;font-weight:600;color:#123363;}
        .order-detail .info-grid dd{flex:1;font-size:15px;color:#000;}

        /* payment view */
        .order-detail .payment-view{padding:30px;border:1px solid #d8d8d8;border-top:0;background:#fff;text-align:center;}
        .order-detail .payment-view .row{margin:0 0 8px;font-size:15px;color:#000;}
        .order-detail .payment-view .row.tit{font-size:18px;font-weight:700;color:#123363;}
        .order-detail .payment-view .row .lab{display:inline-block;margin:0 6px 0 0;font-weight:600;color:#666;}
        .order-detail .payment-view .row .num{font-weight:700;color:#0b2296;}
        .order-detail .payment-view .row .deadline{color:#fa3433;font-weight:600;}

        /* control buttons */
        .order-detail .control-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 0;flex-wrap:wrap;}
        .order-detail .btn-line{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;height:38px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid #939395;color:#383838;background:#fff;}
        .order-detail .btn-line:hover{border-color:#123363;color:#123363;}

        /* main action buttons */
        .order-detail .action-row{display:flex;justify-content:center;gap:10px;margin:50px 0 0;}
        .order-detail .action-row .btn-action{min-width:160px;display:flex;align-items:center;justify-content:center;height:54px;font-size:16px;font-weight:700;border-radius:8px;}
        .order-detail .action-row .btn-action.btn-line{color:#0b2296;background:#fff;border:1px solid #939395;}
        .order-detail .action-row .btn-action.btn-line:hover{border-color:#0b2296;background:#f0f4f7;}
        .order-detail .action-row .btn-action.btn-dark{color:#fff;background:#383838;border:1px solid #383838;}
        .order-detail .action-row .btn-action.btn-dark:hover{background:#000;}
        .order-detail .action-row .btn-action.btn-fill{color:#fff;background:#116cfb;border:1px solid #116cfb;}
        .order-detail .action-row .btn-action.btn-fill:hover{background:#0b56ce;border-color:#0b56ce;}

        /* responsive */
        @media (max-width:1180px) {
            .order-detail{padding:30px 20px 80px;}
            .order-detail .order-head{margin:0 0 25px;height:auto;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 20px;}
            .order-detail .order-head .title{font-size:16px;}
            .order-detail .order-head .desc{font-size:12px;}
            .order-detail .sub-title{margin:30px 0 12px;}
            .order-detail .sub-title h3{font-size:16px;}

            .order-detail .status-banner{padding:14px 16px;flex-direction:column;gap:8px;}
            .order-detail .status-banner .item{font-size:13px;width:100%;}

            /* hide pc table on mobile */
            .order-detail .cart-table{display:none;}
            .order-detail .cart-list-mobile{display:block;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
            .order-detail .cart-list-mobile .cart-item{display:flex;flex-direction:column;padding:15px 10px;border-bottom:1px solid #e8e8e8;}
            .order-detail .cart-list-mobile .cart-item:last-of-type{border-bottom:0;}
            .order-detail .cart-list-mobile .cart-item .top-row{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;}
            .order-detail .cart-list-mobile .cart-item .top-row .prd-img{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:6px;border:1px solid #e8e8e8;background:#fbfbfb;overflow:hidden;}
            .order-detail .cart-list-mobile .cart-item .top-row .prd-img img{max-width:100%;max-height:100%;mix-blend-mode:multiply;}
            .order-detail .cart-list-mobile .cart-item .top-row .prd-info{flex:1;}
            .order-detail .cart-list-mobile .cart-item .top-row .prd-info .badge-row{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 4px;}
            .order-detail .cart-list-mobile .cart-item .top-row .prd-info .badge-row span{display:flex;align-items:center;justify-content:center;padding:0 6px;height:20px;font-size:11px;border-radius:4px;gap:4px;}
            .order-detail .cart-list-mobile .cart-item .top-row .prd-info .badge-row .badge-1{background:#3576f8;color:#fff;}
            .order-detail .cart-list-mobile .cart-item .top-row .prd-info .badge-row .badge-2{background:#fa3433;color:#fff;}
            .order-detail .cart-list-mobile .cart-item .top-row .prd-info .badge-row .badge-2:after{content:'';width:12px;height:12px;background:url("./img/icon/ic_plane.svg") no-repeat center / contain;}
            .order-detail .cart-list-mobile .cart-item .top-row .prd-info .brand{font-size:12px;font-weight:500;color:#2e75b6;}
            .order-detail .cart-list-mobile .cart-item .top-row .prd-info .name{margin:2px 0;font-size:14px;font-weight:700;color:#383838;line-height:1.3;}
            .order-detail .cart-list-mobile .cart-item .top-row .prd-info .code{font-size:12px;color:#999;}
            .order-detail .cart-list-mobile .cart-item .info-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:10px;background:#fafafa;border-radius:6px;}
            .order-detail .cart-list-mobile .cart-item .info-grid-2 dl{display:flex;align-items:center;justify-content:space-between;}
            .order-detail .cart-list-mobile .cart-item .info-grid-2 dt{font-size:12px;color:#666;}
            .order-detail .cart-list-mobile .cart-item .info-grid-2 dd{font-size:13px;font-weight:600;color:#000;text-align:right;}
            .order-detail .cart-list-mobile .cart-item .info-grid-2 dl.full{grid-column:1 / -1;}
            .order-detail .cart-list-mobile .cart-item .info-grid-2 .total dd{color:#116cfb;}

            .order-detail .total-table thead{display:none;}
            .order-detail .total-table tbody{display:flex;flex-direction:column;}
            .order-detail .total-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:0;}
            .order-detail .total-table tbody td{padding:10px;font-size:14px;text-align:left;border-bottom:1px solid #e8e8e8;}
            .order-detail .total-table tbody td:before{content:attr(data-label);display:block;font-size:12px;color:#666;font-weight:400;margin:0 0 2px;}
            .order-detail .total-table tbody td.final{grid-column:1/-1;text-align:right;font-size:18px;border-bottom:0;}

            .order-detail .info-grid dl{flex:1 1 100%;border-right:0;border-bottom:1px solid #e8e8e8;padding:12px 16px;}
            .order-detail .info-grid dl:last-of-type{border-bottom:0;}
            .order-detail .info-grid dt{font-size:13px;}
            .order-detail .info-grid dd{font-size:14px;}

            .order-detail .form-card{padding:18px;}
            .order-detail .form-row{flex-direction:column;gap:14px;margin:0 0 14px;}
            .order-detail .form-row .form-col{flex:1 1 100%;flex-direction:column;align-items:flex-start;gap:6px;}
            .order-detail .form-row .form-col label{width:100%;font-size:13px;}
            .order-detail .form-row .form-col .field{width:100%;}

            .order-detail .payment-view{padding:18px;}
            .order-detail .payment-view .row{font-size:13px;}
            .order-detail .payment-view .row.tit{font-size:16px;}

            .order-detail .control-row{flex-direction:column;gap:8px;}
            .order-detail .control-row .right{display:flex;width:100%;gap:8px;}
            .order-detail .control-row .right .btn-action{flex:1;}
            .order-detail .action-row{flex-direction:column;}
            .order-detail .action-row .btn-action{width:100%;}
        }
    


/* --- order_cart.html --- */
        /* ====== order-cart page styles ====== */
        .order-cart{position:relative;padding:50px 0 150px;}
        .order-cart .order-head{margin:0 0 50px;display:flex;align-items:center;justify-content:space-between;padding:20px;height:56px;background:#123363;}
        .order-cart .order-head .title{font-size:18px;font-weight:600;color:#fff;}
        .order-cart .order-head .desc{font-size:14px;color:#cfd8e6;}

        /* step flow */
        .order-cart .step-flow{display:flex;align-items:stretch;justify-content:space-between;margin:0 0 40px;border-radius:6px;overflow:hidden;border:1px solid #e1e1e3;}
        .order-cart .step-flow .step{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 10px;font-size:16px;font-weight:500;color:#999;background:#f0f4f7;position:relative;}
        .order-cart .step-flow .step + .step:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:12px solid #f0f4f7;z-index:1;}
        .order-cart .step-flow .step + .step:after{content:'';position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:13px solid #e1e1e3;z-index:0;}
        .order-cart .step-flow .step .num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:30px;background:#cccccc;color:#fff;font-size:14px;font-weight:700;}
        .order-cart .step-flow .step.active{color:#fff;background:#123363;}
        .order-cart .step-flow .step.active .num{background:#0b2296;}
        .order-cart .step-flow .step.active + .step:before{border-left-color:#f0f4f7;}
        .order-cart .step-flow .step.active:before{border-left-color:#123363 !important;}

        /* sub title */
        .order-cart .sub-title{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;padding:0 0 12px;border-bottom:2px solid #123363;}
        .order-cart .sub-title h3{font-size:20px;font-weight:700;color:#123363;}
        .order-cart .sub-title .all-select{display:flex;align-items:center;gap:8px;font-size:14px;color:#383838;cursor:pointer;}
        .order-cart .sub-title .all-select input{width:18px;height:18px;cursor:pointer;}

        /* cart table */
        .order-cart .cart-table{width:100%;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
        .order-cart .cart-table thead{background:#f0f4f7;}
        .order-cart .cart-table thead th{padding:14px 6px;font-size:14px;font-weight:600;color:#123363;border-bottom:1px solid #d8d8d8;text-align:center;}
        .order-cart .cart-table tbody td{padding:18px 6px;font-size:14px;color:#383838;border-bottom:1px solid #e8e8e8;text-align:center;vertical-align:middle;}
        .order-cart .cart-table tbody tr:last-of-type td{border-bottom:0;}
        .order-cart .cart-table .prd-img{display:flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:8px;border:1px solid #e8e8e8;background:#fbfbfb;overflow:hidden;margin:0 auto;}
        .order-cart .cart-table .prd-img img{max-width:100%;max-height:100%;mix-blend-mode:multiply;}
        .order-cart .cart-table .prd-info{text-align:left;padding:0 10px;}
        .order-cart .cart-table .prd-info .badge-row{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 6px;}
        .order-cart .cart-table .prd-info .badge-row span{display:flex;align-items:center;justify-content:center;padding:0 8px;height:22px;font-size:12px;font-weight:500;border-radius:4px;gap:6px;}
        .order-cart .cart-table .prd-info .badge-row .badge-1{background:#3576f8;color:#fff;}
        .order-cart .cart-table .prd-info .badge-row .badge-2{background:#fa3433;color:#fff;}
        .order-cart .cart-table .prd-info .badge-row .badge-2:after{content:'';width:14px;height:14px;background:url("./img/icon/ic_plane.svg") no-repeat center / contain;}
        .order-cart .cart-table .prd-info .brand{font-size:13px;font-weight:500;color:#2e75b6;line-height:1.3;}
        .order-cart .cart-table .prd-info .name{margin:2px 0;font-size:15px;font-weight:700;color:#383838;line-height:1.3;}
        .order-cart .cart-table .prd-info .code{font-size:13px;color:#999;line-height:1.4;}
        .order-cart .cart-table .prd-info .option{font-size:13px;color:#999;line-height:1.4;}
        .order-cart .cart-table .price{font-size:14px;font-weight:500;color:#000;}
        .order-cart .cart-table .total{font-size:15px;font-weight:700;color:#116cfb;}
        .order-cart .cart-table .qty-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap;}
        .order-cart .cart-table .qty-wrap .qty-num{font-size:14px;font-weight:600;color:#000;line-height:1;}
        .order-cart .cart-table input[type="checkbox"]{width:18px;height:18px;cursor:pointer;}

        /* small buttons */
        .order-cart .btn-sm-line{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;height:28px;font-size:12px;font-weight:500;border-radius:4px;border:1px solid #c8c8c8;color:#383838;background:#fff;}
        .order-cart .btn-sm-line:hover{border-color:#123363;color:#123363;}
        .order-cart .btn-sm-del{display:inline-flex;align-items:center;justify-content:center;padding:0 12px;height:30px;font-size:13px;font-weight:500;border-radius:4px;color:#fff;background:#0b2296;border:1px solid #0b2296;}
        .order-cart .btn-sm-del:hover{background:#1a347d;}

        /* total table */
        .order-cart .total-table{width:100%;margin:30px 0 0 0;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
        .order-cart .total-table thead th{padding:14px 10px;font-size:14px;font-weight:600;color:#123363;background:#f0f4f7;border-bottom:1px solid #d8d8d8;text-align:center;}
        .order-cart .total-table tbody td{padding:18px 10px;font-size:16px;font-weight:600;color:#000;text-align:center;}
        .order-cart .total-table tbody td.final{font-size:20px;font-weight:700;color:#116cfb;}

        /* mobile list */
        .order-cart .cart-list-mobile{display:none;}

        /* control buttons row */
        .order-cart .control-row{display:flex;align-items:center;justify-content:space-between;margin:20px 0 0 0;gap:10px;}
        .order-cart .control-row .left,
        .order-cart .control-row .right{display:flex;gap:8px;}
        .order-cart .btn-line{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;height:38px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid #939395;color:#383838;background:#fff;}
        .order-cart .btn-line:hover{border-color:#123363;color:#123363;}
        .order-cart .btn-fill{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;height:38px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid #0b2296;color:#fff;background:#0b2296;}
        .order-cart .btn-fill:hover{background:#1a347d;border-color:#1a347d;}

        /* main action buttons */
        .order-cart .action-row{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:10px;margin:50px 0 0 0;}
        .order-cart .action-row .btn-action{flex:1;min-width:200px;display:flex;align-items:center;justify-content:center;gap:8px;height:60px;font-size:18px;font-weight:700;border-radius:8px;border:1px solid #116cfb;color:#fff;background:#116cfb;}
        .order-cart .action-row .btn-action:hover{background:#0b56ce;border-color:#0b56ce;}
        .order-cart .action-row .btn-action.btn-outline{color:#0b2296;background:#fff;border-color:#0b2296;}
        .order-cart .action-row .btn-action.btn-outline:hover{background:#f0f4f7;}
        .order-cart .action-row .naver-buy{flex:1;min-width:200px;display:flex;align-items:center;justify-content:center;height:60px;border-radius:8px;background:#03c75a;}
        .order-cart .action-row .naver-buy a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
        .order-cart .action-row .naver-buy img{max-height:36px;}

        /* responsive */
        @media (max-width:1180px) {
            .order-cart{padding:30px 20px 80px;}
            .order-cart .order-head{margin:0 0 30px;height:auto;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 20px;}
            .order-cart .order-head .title{font-size:16px;}
            .order-cart .order-head .desc{font-size:12px;}

            .order-cart .step-flow{margin:0 0 25px;}
            .order-cart .step-flow .step{padding:12px 6px;font-size:13px;flex-direction:column;gap:4px;}
            .order-cart .step-flow .step .num{width:24px;height:24px;font-size:12px;}
            .order-cart .step-flow .step + .step:before{display:none;}
            .order-cart .step-flow .step + .step:after{display:none;}

            .order-cart .sub-title h3{font-size:16px;}

            /* hide table on mobile, show list */
            .order-cart .cart-table{display:none;}
            .order-cart .cart-list-mobile{display:block;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
            .order-cart .cart-list-mobile .cart-item{display:flex;flex-direction:column;padding:15px 10px;border-bottom:1px solid #e8e8e8;}
            .order-cart .cart-list-mobile .cart-item:last-of-type{border-bottom:0;}
            .order-cart .cart-list-mobile .cart-item .top-row{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;}
            .order-cart .cart-list-mobile .cart-item .top-row .check{flex:0 0 auto;padding-top:6px;}
            .order-cart .cart-list-mobile .cart-item .top-row .check input{width:18px;height:18px;}
            .order-cart .cart-list-mobile .cart-item .top-row .prd-img{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:6px;border:1px solid #e8e8e8;background:#fbfbfb;overflow:hidden;}
            .order-cart .cart-list-mobile .cart-item .top-row .prd-img img{max-width:100%;max-height:100%;mix-blend-mode:multiply;}
            .order-cart .cart-list-mobile .cart-item .top-row .prd-info{flex:1;}
            .order-cart .cart-list-mobile .cart-item .top-row .prd-info .badge-row{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 4px;}
            .order-cart .cart-list-mobile .cart-item .top-row .prd-info .badge-row span{display:flex;align-items:center;justify-content:center;padding:0 6px;height:20px;font-size:11px;border-radius:4px;gap:4px;}
            .order-cart .cart-list-mobile .cart-item .top-row .prd-info .badge-row .badge-1{background:#3576f8;color:#fff;}
            .order-cart .cart-list-mobile .cart-item .top-row .prd-info .badge-row .badge-2{background:#fa3433;color:#fff;}
            .order-cart .cart-list-mobile .cart-item .top-row .prd-info .badge-row .badge-2:after{content:'';width:12px;height:12px;background:url("./img/icon/ic_plane.svg") no-repeat center / contain;}
            .order-cart .cart-list-mobile .cart-item .top-row .prd-info .brand{font-size:12px;font-weight:500;color:#2e75b6;}
            .order-cart .cart-list-mobile .cart-item .top-row .prd-info .name{margin:2px 0;font-size:14px;font-weight:700;color:#383838;line-height:1.3;}
            .order-cart .cart-list-mobile .cart-item .top-row .prd-info .code{font-size:12px;color:#999;line-height:1.4;}
            .order-cart .cart-list-mobile .cart-item .top-row .prd-info .option{font-size:12px;color:#999;line-height:1.4;}
            .order-cart .cart-list-mobile .cart-item .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:10px;background:#fafafa;border-radius:6px;}
            .order-cart .cart-list-mobile .cart-item .info-grid dl{display:flex;align-items:center;justify-content:space-between;}
            .order-cart .cart-list-mobile .cart-item .info-grid dt{font-size:12px;color:#666;}
            .order-cart .cart-list-mobile .cart-item .info-grid dd{font-size:13px;font-weight:600;color:#000;}
            .order-cart .cart-list-mobile .cart-item .info-grid dd .cart-qty-text,
            .order-cart .cart-list-mobile .cart-item .info-grid dd .btn-sm-line{vertical-align:middle;}
            .order-cart .cart-list-mobile .cart-item .info-grid dd .btn-sm-line{white-space:nowrap;}
            .order-cart .cart-list-mobile .cart-item .info-grid .total dd{color:#116cfb;}
            .order-cart .cart-list-mobile .cart-item .actions{display:flex;justify-content:flex-end;margin:10px 0 0 0;gap:6px;}

            .order-cart .total-table thead{display:none;}
            .order-cart .total-table tbody{display:flex;flex-direction:column;}
            .order-cart .total-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:0;}
            .order-cart .total-table tbody td{padding:10px;font-size:14px;text-align:left;border-bottom:1px solid #e8e8e8;}
            .order-cart .total-table tbody td:before{content:attr(data-label);display:block;font-size:12px;color:#666;font-weight:400;margin:0 0 2px;}
            .order-cart .total-table tbody td.final{grid-column:1/-1;text-align:right;font-size:18px;border-bottom:0;}

            .order-cart .control-row{flex-wrap:wrap;}
            .order-cart .action-row{margin:30px 0 0 0;flex-direction:column;}
            .order-cart .action-row .btn-action,
            .order-cart .action-row .naver-buy{flex:none;width:100%;height:54px;font-size:16px;}
        }
    


/* --- order_completed.html --- */
        /* ====== order-completed page styles ====== */
        .order-completed{position:relative;padding:50px 0 150px;}
        .order-completed .order-head{margin:0 0 50px;display:flex;align-items:center;justify-content:space-between;padding:20px;height:56px;background:#123363;}
        .order-completed .order-head .title{font-size:18px;font-weight:600;color:#fff;}
        .order-completed .order-head .desc{font-size:14px;color:#cfd8e6;}

        /* step flow */
        .order-completed .step-flow{display:flex;align-items:stretch;justify-content:space-between;margin:0 0 40px;border-radius:6px;overflow:hidden;border:1px solid #e1e1e3;}
        .order-completed .step-flow .step{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 10px;font-size:16px;font-weight:500;color:#999;background:#f0f4f7;}
        .order-completed .step-flow .step .num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:30px;background:#cccccc;color:#fff;font-size:14px;font-weight:700;}
        .order-completed .step-flow .step.active{color:#fff;background:#123363;}
        .order-completed .step-flow .step.active .num{background:#0b2296;}

        /* 완료 배너 */
        .order-completed .complete-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;margin:0 0 40px;padding:60px 30px;border:1px solid #d8d8d8;border-radius:8px;background:#f0f4f7;text-align:center;}
        .order-completed .complete-banner .ico{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:88px;background:#116cfb;}
        .order-completed .complete-banner .ico:before{content:'';width:44px;height:44px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/></svg>") no-repeat center / contain;}
        .order-completed .complete-banner h2{font-size:28px;font-weight:700;color:#123363;line-height:1.3;}
        .order-completed .complete-banner p{font-size:15px;color:#666;line-height:1.5;}

        /* sub title */
        .order-completed .sub-title{position:relative;display:flex;align-items:center;justify-content:space-between;margin:40px 0 15px;padding:0 0 12px;border-bottom:2px solid #123363;}
        .order-completed .sub-title h3{font-size:20px;font-weight:700;color:#123363;}

        /* 주문 정보 테이블 */
        .order-completed .info-table{width:100%;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
        .order-completed .info-table tbody tr{border-bottom:1px solid #e8e8e8;}
        .order-completed .info-table tbody tr:last-of-type{border-bottom:0;}
        .order-completed .info-table tbody th{width:200px;padding:18px 20px;font-size:14px;font-weight:600;color:#123363;background:#f0f4f7;text-align:left;border-right:1px solid #e8e8e8;}
        .order-completed .info-table tbody td{padding:18px 20px;font-size:15px;color:#000;background:#fff;text-align:left;}
        .order-completed .info-table tbody td.highlight{font-size:18px;font-weight:700;color:#116cfb;}
        .order-completed .info-table tbody td.deadline{color:#fa3433;font-weight:600;}

        /* 안내 문구 */
        .order-completed .notice-box{margin:30px 0 0;padding:20px;border:1px dashed #c8c8c8;border-radius:6px;background:#fafafa;}
        .order-completed .notice-box .tit{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:14px;font-weight:700;color:#da0000;}
        .order-completed .notice-box ul{display:flex;flex-direction:column;gap:4px;}
        .order-completed .notice-box li{position:relative;padding:0 0 0 12px;font-size:13px;color:#666;line-height:1.5;}
        .order-completed .notice-box li:before{content:'';position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:4px;background:#999;}

        /* 컨트롤 버튼 */
        .order-completed .control-row{display:flex;justify-content:flex-end;gap:8px;margin:20px 0 0 0;}
        .order-completed .btn-line{display:inline-flex;align-items:center;justify-content:center;padding:0 18px;height:40px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid #939395;color:#383838;background:#fff;}
        .order-completed .btn-line:hover{border-color:#123363;color:#123363;background:#f0f4f7;}

        /* 메인 액션 버튼 */
        .order-completed .action-row{display:flex;justify-content:center;gap:10px;margin:50px 0 0 0;}
        .order-completed .action-row .btn-action{min-width:200px;display:flex;align-items:center;justify-content:center;height:60px;font-size:18px;font-weight:700;border-radius:8px;}
        .order-completed .action-row .btn-action.btn-line{color:#0b2296;background:#fff;border:1px solid #939395;}
        .order-completed .action-row .btn-action.btn-line:hover{border-color:#0b2296;background:#f0f4f7;}
        .order-completed .action-row .btn-action.btn-fill{color:#fff;background:#116cfb;border:1px solid #116cfb;}
        .order-completed .action-row .btn-action.btn-fill:hover{background:#0b56ce;border-color:#0b56ce;}

        /* responsive */
        @media (max-width:1180px) {
            .order-completed{padding:30px 20px 80px;}
            .order-completed .order-head{margin:0 0 25px;height:auto;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 20px;}
            .order-completed .order-head .title{font-size:16px;}
            .order-completed .order-head .desc{font-size:12px;}

            .order-completed .step-flow{margin:0 0 25px;}
            .order-completed .step-flow .step{padding:12px 6px;font-size:13px;flex-direction:column;gap:4px;}
            .order-completed .step-flow .step .num{width:24px;height:24px;font-size:12px;}

            .order-completed .complete-banner{padding:40px 20px;gap:14px;}
            .order-completed .complete-banner .ico{width:70px;height:70px;}
            .order-completed .complete-banner .ico:before{width:36px;height:36px;}
            .order-completed .complete-banner h2{font-size:22px;}
            .order-completed .complete-banner p{font-size:13px;}

            .order-completed .sub-title{margin:30px 0 12px;}
            .order-completed .sub-title h3{font-size:16px;}

            .order-completed .info-table tbody tr{display:flex;flex-direction:column;}
            .order-completed .info-table tbody th{width:100%;padding:10px 14px;font-size:13px;border-right:0;border-bottom:1px solid #e8e8e8;}
            .order-completed .info-table tbody td{padding:14px;font-size:14px;}
            .order-completed .info-table tbody td.highlight{font-size:16px;}

            .order-completed .control-row{justify-content:center;}
            .order-completed .action-row{margin:30px 0 0 0;flex-direction:column;}
            .order-completed .action-row .btn-action{width:100%;height:54px;font-size:16px;}
        }
    


/* --- order_payment.html --- */
        /* ====== order-payment page styles ====== */
        .order-payment{position:relative;padding:50px 0 150px;}
        .order-payment .order-head{margin:0 0 50px;display:flex;align-items:center;justify-content:space-between;padding:20px;height:56px;background:#123363;}
        .order-payment .order-head .title{font-size:18px;font-weight:600;color:#fff;}
        .order-payment .order-head .desc{font-size:14px;color:#cfd8e6;}

        /* step flow */
        .order-payment .step-flow{display:flex;align-items:stretch;justify-content:space-between;margin:0 0 40px;border-radius:6px;overflow:hidden;border:1px solid #e1e1e3;}
        .order-payment .step-flow .step{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 10px;font-size:16px;font-weight:500;color:#999;background:#f0f4f7;}
        .order-payment .step-flow .step .num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:30px;background:#cccccc;color:#fff;font-size:14px;font-weight:700;}
        .order-payment .step-flow .step.active{color:#fff;background:#123363;}
        .order-payment .step-flow .step.active .num{background:#0b2296;}

        /* sub title */
        .order-payment .sub-title{position:relative;display:flex;align-items:center;justify-content:space-between;margin:40px 0 15px;padding:0 0 12px;border-bottom:2px solid #123363;}
        .order-payment .sub-title h3{font-size:20px;font-weight:700;color:#123363;}
        .order-payment .sub-title .desc{font-size:13px;color:#666;}
        .order-payment .sub-title .req{color:#da0000;}

        /* payment method tabs */
        .order-payment .pay-tabs{display:flex;align-items:stretch;justify-content:flex-start;margin:0 0 40px;border:1px solid #c8c8c8;border-radius:6px;overflow:hidden;}
        .order-payment .pay-tabs .tab-btn{flex:1;display:flex;align-items:center;justify-content:center;height:64px;font-size:16px;font-weight:600;color:#666;background:#fff;border-right:1px solid #c8c8c8;cursor:pointer;}
        .order-payment .pay-tabs .tab-btn:last-of-type{border-right:0;}
        .order-payment .pay-tabs .tab-btn.active{color:#fff;background:#123363;}

        /* order list table */
        .order-payment .cart-table{width:100%;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
        .order-payment .cart-table thead{background:#f0f4f7;}
        .order-payment .cart-table thead th{padding:14px 6px;font-size:14px;font-weight:600;color:#123363;border-bottom:1px solid #d8d8d8;text-align:center;}
        .order-payment .cart-table tbody td{padding:18px 6px;font-size:14px;color:#383838;border-bottom:1px solid #e8e8e8;text-align:center;vertical-align:middle;}
        .order-payment .cart-table tbody tr:last-of-type td{border-bottom:0;}
        .order-payment .cart-table .prd-img{display:flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:8px;border:1px solid #e8e8e8;background:#fbfbfb;overflow:hidden;margin:0 auto;}
        .order-payment .cart-table .prd-img img{max-width:100%;max-height:100%;mix-blend-mode:multiply;}
        .order-payment .cart-table .prd-info{text-align:left;padding:0 10px;}
        .order-payment .cart-table .prd-info .badge-row{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 6px;}
        .order-payment .cart-table .prd-info .badge-row span{display:flex;align-items:center;justify-content:center;padding:0 8px;height:22px;font-size:12px;font-weight:500;border-radius:4px;gap:6px;}
        .order-payment .cart-table .prd-info .badge-row .badge-1{background:#3576f8;color:#fff;}
        .order-payment .cart-table .prd-info .badge-row .badge-2{background:#fa3433;color:#fff;}
        .order-payment .cart-table .prd-info .badge-row .badge-2:after{content:'';width:14px;height:14px;background:url("./img/icon/ic_plane.svg") no-repeat center / contain;}
        .order-payment .cart-table .prd-info .brand{font-size:13px;font-weight:500;color:#2e75b6;line-height:1.3;}
        .order-payment .cart-table .prd-info .name{margin:2px 0;font-size:15px;font-weight:700;color:#383838;line-height:1.3;}
        .order-payment .cart-table .prd-info .code{font-size:13px;color:#999;line-height:1.4;}
        .order-payment .cart-table .prd-info .option{font-size:13px;color:#999;line-height:1.4;}
        .order-payment .cart-table .price{font-size:14px;font-weight:500;color:#000;}
        .order-payment .cart-table .total{font-size:15px;font-weight:700;color:#116cfb;}

        .order-payment .total-table{width:100%;margin:30px 0 0 0;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
        .order-payment .total-table thead th{padding:14px 10px;font-size:14px;font-weight:600;color:#123363;background:#f0f4f7;border-bottom:1px solid #d8d8d8;text-align:center;}
        .order-payment .total-table tbody td{padding:18px 10px;font-size:16px;font-weight:600;color:#000;text-align:center;}
        .order-payment .total-table tbody td.final{font-size:20px;font-weight:700;color:#116cfb;}

        .order-payment .cart-list-mobile{display:none;}

        /* form section */
        .order-payment .form-card{padding:30px;border:1px solid #d8d8d8;border-top:0;background:#fff;}
        .order-payment .form-row{display:flex;flex-wrap:wrap;gap:20px 30px;margin:0 0 20px;align-items:flex-start;}
        .order-payment .form-row:last-child{margin:0;}
        .order-payment .form-row .form-col{flex:1;min-width:240px;display:flex;align-items:center;gap:15px;}
        .order-payment .form-row .form-col.full{flex:1 1 100%;}
        .order-payment .form-row .form-col label{flex:0 0 auto;width:130px;font-size:14px;font-weight:600;color:#000;}
        .order-payment .form-row .form-col label .req{color:#da0000;}
        .order-payment .form-row .form-col .field{flex:1;display:flex;align-items:center;gap:8px;width:100%;}
        .order-payment .form-row .form-col .field input[type="text"],
        .order-payment .form-row .form-col .field input[type="email"],
        .order-payment .form-row .form-col .field input[type="tel"],
        .order-payment .form-row .form-col .field input[type="date"],
        .order-payment .form-row .form-col .field select{flex:1;padding:0 12px;height:40px;font-size:14px;color:#000;border:1px solid #c8c8c8;border-radius:4px;background:#fff;}
        .order-payment .form-row .form-col .field input:focus,
        .order-payment .form-row .form-col .field select:focus{border-color:#123363;outline:none;}
        .order-payment .form-row .form-col .field .checkbox-wrap{display:flex;align-items:center;gap:8px;}
        .order-payment .form-row .form-col .field .checkbox-wrap input{width:18px;height:18px;}
        .order-payment .form-row .form-col .field .checkbox-wrap label{flex:none;width:auto;font-weight:400;color:#383838;}
        .order-payment .form-row .form-col .field .radio-group{display:flex;flex-wrap:wrap;gap:15px;align-items:center;}
        .order-payment .form-row .form-col .field .radio-group .radio-item{display:flex;align-items:center;gap:6px;cursor:pointer;}
        .order-payment .form-row .form-col .field .radio-group .radio-item input{width:16px;height:16px;}
        .order-payment .form-row .form-col .field .radio-group .radio-item span{font-size:14px;color:#383838;}
        .order-payment .form-row .form-col .field .btn-find{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;height:40px;font-size:13px;font-weight:500;border-radius:4px;color:#fff;background:#7c7c7c;border:1px solid #7c7c7c;}
        .order-payment .form-row .form-col .field .btn-find:hover{background:#5a5a5a;border-color:#5a5a5a;}
        .order-payment .form-row .form-col .field .btn-link-line{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;height:32px;font-size:13px;font-weight:500;border-radius:4px;color:#383838;background:#fff;border:1px solid #c8c8c8;}
        .order-payment .form-divider{margin:20px 0;height:1px;background:#e8e8e8;}

        /* main action buttons */
        .order-payment .action-row{display:flex;justify-content:center;gap:10px;margin:50px 0 0 0;}
        .order-payment .action-row .btn-action{min-width:180px;display:flex;align-items:center;justify-content:center;height:60px;font-size:18px;font-weight:700;border-radius:8px;}
        .order-payment .action-row .btn-action.btn-line{color:#0b2296;background:#fff;border:1px solid #939395;}
        .order-payment .action-row .btn-action.btn-line:hover{border-color:#0b2296;background:#f0f4f7;}
        .order-payment .action-row .btn-action.btn-fill{color:#fff;background:#116cfb;border:1px solid #116cfb;}
        .order-payment .action-row .btn-action.btn-fill:hover{background:#0b56ce;border-color:#0b56ce;}

        /* responsive */
        @media (max-width:1180px) {
            .order-payment{padding:30px 20px 80px;}
            .order-payment .order-head{margin:0 0 25px;height:auto;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 20px;}
            .order-payment .order-head .title{font-size:16px;}
            .order-payment .order-head .desc{font-size:12px;}

            .order-payment .step-flow{margin:0 0 25px;}
            .order-payment .step-flow .step{padding:12px 6px;font-size:13px;flex-direction:column;gap:4px;}
            .order-payment .step-flow .step .num{width:24px;height:24px;font-size:12px;}

            .order-payment .sub-title h3{font-size:16px;}
            .order-payment .sub-title{margin:30px 0 12px;}

            .order-payment .pay-tabs{flex-wrap:wrap;border-radius:6px;}
            .order-payment .pay-tabs .tab-btn{flex:0 0 33.333%;height:48px;font-size:13px;border-bottom:1px solid #c8c8c8;}
            .order-payment .pay-tabs .tab-btn:last-of-type{border-right:0;}

            /* hide pc table, show mobile list */
            .order-payment .cart-table{display:none;}
            .order-payment .cart-list-mobile{display:block;border-top:2px solid #123363;border-bottom:1px solid #c8c8c8;}
            .order-payment .cart-list-mobile .cart-item{display:flex;flex-direction:column;padding:15px 10px;border-bottom:1px solid #e8e8e8;}
            .order-payment .cart-list-mobile .cart-item:last-of-type{border-bottom:0;}
            .order-payment .cart-list-mobile .cart-item .top-row{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;}
            .order-payment .cart-list-mobile .cart-item .top-row .prd-img{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:6px;border:1px solid #e8e8e8;background:#fbfbfb;overflow:hidden;}
            .order-payment .cart-list-mobile .cart-item .top-row .prd-img img{max-width:100%;max-height:100%;mix-blend-mode:multiply;}
            .order-payment .cart-list-mobile .cart-item .top-row .prd-info{flex:1;}
            .order-payment .cart-list-mobile .cart-item .top-row .prd-info .badge-row{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 4px;}
            .order-payment .cart-list-mobile .cart-item .top-row .prd-info .badge-row span{display:flex;align-items:center;justify-content:center;padding:0 6px;height:20px;font-size:11px;border-radius:4px;gap:4px;}
            .order-payment .cart-list-mobile .cart-item .top-row .prd-info .badge-row .badge-1{background:#3576f8;color:#fff;}
            .order-payment .cart-list-mobile .cart-item .top-row .prd-info .badge-row .badge-2{background:#fa3433;color:#fff;}
            .order-payment .cart-list-mobile .cart-item .top-row .prd-info .badge-row .badge-2:after{content:'';width:12px;height:12px;background:url("./img/icon/ic_plane.svg") no-repeat center / contain;}
            .order-payment .cart-list-mobile .cart-item .top-row .prd-info .brand{font-size:12px;font-weight:500;color:#2e75b6;}
            .order-payment .cart-list-mobile .cart-item .top-row .prd-info .name{margin:2px 0;font-size:14px;font-weight:700;color:#383838;line-height:1.3;}
            .order-payment .cart-list-mobile .cart-item .top-row .prd-info .code{font-size:12px;color:#999;}
            .order-payment .cart-list-mobile .cart-item .top-row .prd-info .option{font-size:12px;color:#999;}
            .order-payment .cart-list-mobile .cart-item .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:10px;background:#fafafa;border-radius:6px;}
            .order-payment .cart-list-mobile .cart-item .info-grid dl{display:flex;align-items:center;justify-content:space-between;}
            .order-payment .cart-list-mobile .cart-item .info-grid dt{font-size:12px;color:#666;}
            .order-payment .cart-list-mobile .cart-item .info-grid dd{font-size:13px;font-weight:600;color:#000;}
            .order-payment .cart-list-mobile .cart-item .info-grid .total dd{color:#116cfb;}

            .order-payment .total-table thead{display:none;}
            .order-payment .total-table tbody{display:flex;flex-direction:column;}
            .order-payment .total-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:0;}
            .order-payment .total-table tbody td{padding:10px;font-size:14px;text-align:left;border-bottom:1px solid #e8e8e8;}
            .order-payment .total-table tbody td:before{content:attr(data-label);display:block;font-size:12px;color:#666;font-weight:400;margin:0 0 2px;}
            .order-payment .total-table tbody td.final{grid-column:1/-1;text-align:right;font-size:18px;border-bottom:0;}

            .order-payment .form-card{padding:18px;}
            .order-payment .form-row{flex-direction:column;gap:14px;margin:0 0 14px;}
            .order-payment .form-row .form-col{flex:1 1 100%;flex-direction:column;align-items:flex-start;gap:6px;}
            .order-payment .form-row .form-col label{width:100%;font-size:13px;}
            .order-payment .form-row .form-col .field{width:100%;}
            .order-payment .form-row .form-col .field .radio-group{gap:10px;}

            .order-payment .action-row{margin:30px 0 0 0;flex-direction:column;}
            .order-payment .action-row .btn-action{width:100%;height:54px;font-size:16px;}
        }
    


/* --- PLANBNET utility cleanup (moved from inline style attributes) --- */
.mt-24{margin-top:24px !important;}
.mw-200{max-width:200px !important;}
.mw-240{max-width:240px !important;}
.fw-700{font-weight:700 !important;}
col.col-w-50{width:50px;}
col.col-w-60{width:60px;}
col.col-w-80{width:80px;}
col.col-w-90{width:90px;}
col.col-w-100{width:100px;}
col.col-w-110{width:110px;}
col.col-w-120{width:120px;}
col.col-w-140{width:140px;}
col.col-w-160{width:160px;}
col.col-w-170{width:170px;}
col.col-w-200{width:200px;}

/* PLANBNET publishing form pages */
.page-pj-register .pj-form-wrap { padding: 30px 0 60px; }
.page-pj-register .pj-form-wrap *,
.page-pj-register .pj-form-wrap *::before,
.page-pj-register .pj-form-wrap *::after { box-sizing: border-box; }
.page-pj-register .pj-section { border: 1px solid #d0d0d0; border-radius: 4px; margin-bottom: 16px; overflow: hidden; background: #fff; }
.page-pj-register .pj-section .pj-head { display: flex; align-items: center; justify-content: space-between; padding: 11px 18px; font-size: 15px; font-weight: 700; color: #fff; background: #1a3a7a; }
.page-pj-register .pj-section .pj-head .pj-sub-note { margin-left: 8px; font-size: 12px; font-weight: 400; color: #a8c0ff; }
.page-pj-register .pj-btn-add { padding: 4px 14px; font-size: 13px; font-weight: 700; color: #1a3a7a; border: 1.5px solid #7a9ddc; border-radius: 4px; background: #fff; cursor: pointer; transition: background .15s; }
.page-pj-register .pj-btn-add:hover { background: #e8f0ff; }
.page-pj-register .pj-applicant { padding: 20px 24px 24px; background: #fff; }
.page-pj-register .pj-table { width: 100%; border-collapse: collapse; }
.page-pj-register .pj-col-label { width: 100px; }
.page-pj-register .pj-table td { padding: 8px 6px; vertical-align: middle; }
.page-pj-register .pj-label { width: 100px; white-space: nowrap; font-size: 13px; font-weight: 700; color: #333; }
.page-pj-register .pj-label::before { content: '* '; color: #e8254a; }
.page-pj-register .pj-field { padding-right: 20px; }
.page-pj-register .pj-field.full { padding-right: 0; }
.page-pj-register .pj-field input { width: 100%; height: 36px; padding: 0 10px; font-size: 13px; color: #333; border: 1px solid #c8c8c8; border-radius: 3px; outline: none; transition: border-color .15s; }
.page-pj-register .pj-field input:focus { border-color: #1a3a7a; }
.page-pj-register .pj-form-btns { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
.page-pj-register .pj-btn-primary,
.page-pj-register .pj-btn-secondary,
.page-pj-register .pj-btn-quote,
.page-pj-register .pj-btn-cancel { border: none; border-radius: 4px; color: #fff; cursor: pointer; transition: background .15s; }
.page-pj-register .pj-btn-primary,
.page-pj-register .pj-btn-secondary { padding: 10px 32px; font-size: 14px; font-weight: 700; }
.page-pj-register .pj-btn-primary,
.page-pj-register .pj-btn-quote { background: #1a3a7a; }
.page-pj-register .pj-btn-primary:hover,
.page-pj-register .pj-btn-quote:hover { background: #0e2558; }
.page-pj-register .pj-btn-secondary,
.page-pj-register .pj-btn-cancel { background: #888; }
.page-pj-register .pj-btn-secondary:hover,
.page-pj-register .pj-btn-cancel:hover { background: #666; }
.page-pj-register .pj-quote-body { display: flex; align-items: center; justify-content: center; min-height: 60px; padding: 20px 24px; font-size: 13px; color: #aaa; border: 1px solid #d0d0d0; border-top: none; background: #f8faff; }
.page-pj-register .pj-bottom-btns { display: flex; justify-content: center; gap: 12px; margin-top: 28px; }
.page-pj-register .pj-btn-quote,
.page-pj-register .pj-btn-cancel { padding: 12px 48px; font-size: 15px; font-weight: 700; }

.pcb-form-wrap { padding: 30px 0 60px; }
.pcb-form-wrap *,
.pcb-form-wrap *::before,
.pcb-form-wrap *::after { box-sizing: border-box; }
.pcb-form-section { background: #fff; border-bottom: 2px solid #1a73e8; }
.pcb-form-header { padding: 14px 24px; font-size: 16px; font-weight: 700; color: #fff; background: #1f2e44; }
.pcb-form-body { border: 1px solid #d8d8d8; border-top: none; }
.pcb-row { display: flex; align-items: stretch; min-height: 64px; border-bottom: 1px solid #e5e5e5; }
.pcb-row:last-child { border-bottom: none; }
.pcb-row-label { display: flex; align-items: center; gap: 6px; flex-shrink: 0; width: 200px; padding: 14px 18px; font-size: 14px; font-weight: 700; line-height: 1.4; color: #222; background: #fff; }
.pcb-row-label .label-text { display: inline-flex; flex-direction: column; }
.pcb-row-label .label-en { font-size: 13px; font-weight: 400; color: #444; }
.pcb-row-label .req { margin-left: 2px; color: #e8254a; }
.pcb-row-label.req-front::before { content: '*'; margin-right: 4px; font-weight: 700; color: #e8254a; }
.pcb-row-label .info-ic { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin-left: 4px; font-size: 10px; font-style: italic; font-weight: 700; color: #888; border: 1px solid #b8b8b8; border-radius: 50%; cursor: help; }
.pcb-row-content { display: flex; align-items: center; flex: 1; flex-wrap: wrap; gap: 10px; padding: 12px 20px; }
.pcb-row-content.col { flex-direction: column; align-items: stretch; gap: 6px; }
.pcb-input { height: 38px; padding: 0 12px; font-size: 13px; color: #333; border: 1px solid #c8c8c8; border-radius: 3px; outline: none; background: #fff; transition: border-color .15s; }
.pcb-input:focus { border-color: #1a3a7a; }
.pcb-input.full { flex: 1; min-width: 200px; }
.page-pcb-quote .pcb-input.size-input { width: 130px; }
.page-pcb-quote .pcb-input.qty-input { flex: 1; min-width: 180px; max-width: 360px; }
.page-smt-quote .pcb-input.qty-input,
.page-harness-quote .pcb-input.qty-input { width: 360px; max-width: 100%; }
.pcb-pill { min-width: 90px; height: 38px; padding: 0 18px; font-size: 13px; color: #333; white-space: nowrap; border: 1px solid #c8c8c8; border-radius: 19px; background: #fff; cursor: pointer; transition: all .15s; }
.pcb-pill:hover { color: #1a3a7a; border-color: #1a3a7a; }
.pcb-pill.active { font-weight: 700; color: #fff; border-color: #1a4d9c; background: #1a4d9c; }
.pcb-file-row { display: flex; align-items: center; flex: 1; }
.page-smt-quote .pcb-file-row,
.page-harness-quote .pcb-file-row { min-width: 320px; }
.pcb-file-input { flex: 1; height: 38px; padding: 0 12px; font-size: 13px; color: #999; border: 1px solid #c8c8c8; border-radius: 3px; background: #fff; outline: none; }
.pcb-file-btn { height: 38px; min-width: 96px; margin-left: 8px; padding: 0 22px; font-size: 13px; font-weight: 600; border-radius: 3px; cursor: pointer; transition: all .15s; }
.page-pcb-quote .pcb-file-input { border-right: none; border-radius: 3px 0 0 3px; }
.page-pcb-quote .pcb-file-btn { min-width: 0; margin-left: 0; padding: 0 24px; font-weight: 500; color: #fff; border: 1px solid #888; border-radius: 0 3px 3px 0; background: #888; }
.page-pcb-quote .pcb-file-btn:hover { border-color: #666; background: #666; }
.page-smt-quote .pcb-file-btn { color: #333; border: 1px solid #b8b8b8; background: #fff; }
.page-smt-quote .pcb-file-btn:hover { color: #1a3a7a; border-color: #1a3a7a; background: #f4f6fa; }
.page-harness-quote .pcb-file-btn { color: #fff; border: none; background: #5c6b82; }
.page-harness-quote .pcb-file-btn:hover { background: #3d4f66; }
.pcb-file-note { margin-left: 10px; font-size: 12px; color: #e8254a; white-space: nowrap; }
.pcb-sub-note { width: 100%; padding-top: 2px; font-size: 12px; color: #888; }
.page-harness-quote .pcb-sub-note { line-height: 1.7; }
.pcb-unit { font-size: 13px; color: #555; }
.pcb-help-text { margin-left: 6px; font-size: 12px; color: #666; }
.pcb-textarea { width: 100%; min-height: 120px; padding: 10px 12px; font-family: inherit; font-size: 13px; line-height: 1.5; color: #333; border: 1px solid #c8c8c8; border-radius: 3px; outline: none; background: #fff; resize: vertical; transition: border-color .15s; }
.pcb-textarea:focus { border-color: #1a3a7a; }
.page-harness-quote .pcb-textarea { min-height: 160px; }
.page-pcb-quote .pcb-size-group { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.page-pcb-quote .pcb-size-group .x-mark { padding: 0 4px; font-weight: 700; }
.page-pcb-quote .pcb-size-group .unit { font-size: 13px; color: #555; }
.pcb-file-inline-group { display: flex; align-items: center; width: 100%; flex-wrap: wrap; gap: 10px; }
.pcb-hidden-file { display: none; }
.pcb-bottom-btns { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.pcb-btn-primary,
.pcb-btn-secondary { padding: 12px 44px; font-size: 15px; font-weight: 700; border: none; border-radius: 4px; cursor: pointer; transition: background .15s; }
.pcb-btn-primary { color: #fff; background: #1a4d9c; }
.pcb-btn-primary:hover { background: #0e3578; }
.pcb-btn-secondary { color: #333; background: #d8d8d8; }
.pcb-btn-secondary:hover { background: #b8b8b8; }

@media (max-width: 768px) {
    .page-pj-register .pj-applicant { padding: 16px; }
    .page-pj-register .pj-section,
    .pcb-form-section,
    .pcb-form-body,
    .pcb-row,
    .pcb-row-content,
    .pcb-file-inline-group { max-width: 100%; overflow-x: hidden; }
    .page-pj-register .pj-table,
    .page-pj-register .pj-table tbody,
    .page-pj-register .pj-table tr,
    .page-pj-register .pj-table td { display: block; width: 100%; }
    .page-pj-register .pj-table td { padding: 4px 0; }
    .page-pj-register .pj-label { width: 100%; padding-bottom: 4px; }
    .page-pj-register .pj-field { padding-right: 0; padding-bottom: 8px; }
    .page-pj-register .pj-btn-quote,
    .page-pj-register .pj-btn-cancel { padding: 12px 24px; font-size: 14px; }

    .pcb-row { flex-direction: column; }
    .pcb-row-label { width: 100%; padding: 10px 16px; border-bottom: 1px solid #e5e5e5; background: #f4f6fa; }
    .pcb-row-content { padding: 12px 16px; }
    .page-pcb-quote .pcb-input.size-input { width: calc(50% - 22px); }
    .pcb-input.qty-input { width: 100%; max-width: 100%; }
    .pcb-input.full { min-width: 0; }
    .pcb-file-row { min-width: 0; width: 100%; }
    .pcb-file-note { width: 100%; margin-left: 0; margin-top: 6px; }
    .pcb-bottom-btns { padding: 0 4px; }
    .pcb-btn-primary,
    .pcb-btn-secondary { flex: 1; padding: 12px 24px; font-size: 14px; }
}