@charset "utf-8";

/* font */
@font-face{font-family:'Pretendard';font-weight:900;src:local('Pretendard Black'),url(./font/Pretendard-Black.woff2) format('woff2'),url(./font/Pretendard-Black.woff) format('woff');}
@font-face{font-family:'Pretendard';font-weight:800;src:local('Pretendard ExtraBold'),url(./font/Pretendard-ExtraBold.woff2) format('woff2'),url(./font/Pretendard-ExtraBold.woff) format('woff');}
@font-face{font-family:'Pretendard';font-weight:700;src:local('Pretendard Bold'),url(./font/Pretendard-Bold.woff2) format('woff2'),url(./font/Pretendard-Bold.woff) format('woff');}
@font-face{font-family:'Pretendard';font-weight:600;src:local('Pretendard SemiBold'),url(./font/Pretendard-SemiBold.woff2) format('woff2'),url(./font/Pretendard-SemiBold.woff) format('woff');}
@font-face{font-family:'Pretendard';font-weight:500;src:local('Pretendard Medium'),url(./font/Pretendard-Medium.woff2) format('woff2'),url(./font/Pretendard-Medium.woff) format('woff');}
@font-face{font-family:'Pretendard';font-weight:400;src:local('Pretendard Regular'),url(./font/Pretendard-Regular.woff2) format('woff2'),url(./font/Pretendard-Regular.woff) format('woff');}
@font-face{font-family:'Pretendard';font-weight:300;src:local('Pretendard Light'),url(./font/Pretendard-Light.woff2) format('woff2'),url(./font/Pretendard-Light.woff) format('woff');}
@font-face{font-family:'Pretendard';font-weight:200;src:local('Pretendard ExtraLight'),url(./font/Pretendard-ExtraLight.woff2) format('woff2'),url(./font/Pretendard-ExtraLight.woff) format('woff');}
@font-face{font-family:'Pretendard';font-weight:100;src:local('Pretendard Thin'),url(./font/Pretendard-Thin.woff2) format('woff2'),url(./font/Pretendard-Thin.woff) format('woff');}
@font-face{font-family:'Montserrat';font-weight:100 900;src:url(./font/Montserrat.woff2) format('woff2');}

/* reset */
*{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
body{-webkit-font-smoothing:antialiased;font-family:'Pretendard',sans-serif;font-size:17px;font-weight:400;line-height:1.3em;color:#111;word-break:keep-all;word-wrap:break-word;}
body,p,h1,h2,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul,ol,li{display:block;list-style:none;}
img{border:0px none;max-width:100%;}
img,input,button,label,select{vertical-align:middle;}
input[type='submit'],input[type='button'],button{cursor:pointer;overflow:visible;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#313131;}
a:hover{text-decoration:none;}
table{border-spacing:0;table-layout:fixed;width:100%;}
table table{width:auto;}
caption{overflow:hidden;width:1px;height:1px;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-9999px;}

/* common */
html,body{overflow-x:hidden;}
body{position:relative;}
.inner{margin:0 auto;width:1410px;}

/* header */
#header{position:relative;top:0;left:0;right:0;background:#fff;border-bottom:1px solid #eee;z-index:2;}
#header .inner{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100px;}
#header .inner > div{display:flex;flex-direction:row;align-items:center;}
#header h1{display:block;width:163px;font-size:16px;}
#gnb{display:flex;flex-direction:row;}
#gnb li{position:relative;transition:transform 0.3s ease;}
#gnb li:hover{transform:scale(1.05);}
#gnb li a{display:block;padding:0 35px;font-size:18px;color:#111;font-weight:700;transition:all 0.3s ease;position:relative;}
#gnb li a::before{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(135deg,#232C99,#1a2175);transition:width 0.4s ease;border-radius:1px;}
#gnb li a:hover::before{width:80%;}
#gnb li a:hover{color:#232C99;text-decoration:none;transform:translateY(-2px);}
#gnb li.active > a{color:#232C99;font-weight:800;position:relative;}
/* #gnb li.active > a::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:60%;height:3px;background:linear-gradient(135deg,#232C99,#1a2175);border-radius:2px;animation:slideIn 0.5s ease;} */
#btnInquery{display:block;margin-left:50px;width:140px;height:45px;border-radius:25px;background:linear-gradient(135deg,#232C99,#1a2175);font-size:18px;font-weight:700;line-height:45px;color:#fff;text-align:center;transition:all 0.3s ease;box-shadow:0 2px 10px rgba(35,44,153,0.3);}
#btnInquery:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(35,44,153,0.4);background:linear-gradient(135deg,#1a2175,#232C99);}

@keyframes slideIn{from{width:0;}to{width:60%;}}

/* 서브페이지 공통 레이아웃 */
#subPageSection{padding:50px 0 100px;min-height:600px;}
.sub-title-area{padding:50px 0 40px;text-align:center;background-color:#FBFBFC;}
.sub-title-area h2{font-size:42px;font-weight:800;margin-bottom:35px;}
.sub-title-area p{font-size:18px;color:#666;}

/* 브레드크럼 */
.breadcrumb{text-align:center;padding:20px 0;}
.breadcrumb a{color:#666;text-decoration:none;}
.breadcrumb a:hover{color:#232C99;text-decoration:underline;}
.breadcrumb span{color:#111;font-weight:600;}

/* 게시판 콘텐츠 */
.board-content{width:100%;margin:0 auto;}
.board-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 5px;}
.board-info .total-count{color:#666;font-size:16px;}
.board-info .total-count strong{color:#232C99;font-weight:700;}
.board-search{display:flex;align-items:center;gap:5px;}
.board-search select,.board-search input[type="text"]{height:42px;padding:0 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;font-family:'Pretendard',sans-serif;color:#333;}
.board-search select{width:120px;}
.board-search input[type="text"]{width:250px;}
.board-search .btn-search{width:90px;height:42px;background-color:#333;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color 0.3s;}
.board-search .btn-search:hover{background-color:#232C99;}

/* 게시판 테이블 */
.board-table{border-top:2px solid #111;border-bottom:1px solid #ddd;}
.board-table col.col-num{width:10%;}
.board-table col.col-title{width:auto;}
.board-table col.col-author{width:15%;}
.board-table col.col-date{width:15%;}
.board-table col.col-views{width:10%;}
.board-table th,.board-table td{padding:18px 10px;text-align:center;vertical-align:middle;font-size:16px;}
.board-table th{background-color:#fbfbfc;font-weight:600;border-bottom:1px solid #ddd;}
.board-table td{border-top:1px solid #eee;color:#333;}
.board-table .title-cell{text-align:left;padding-left:20px;}
.board-table .title-cell a{color:#111;font-weight:500;}
.board-table .title-cell a:hover{text-decoration:underline;color:#232C99;}
.board-table tr.is-notice td{background-color:#fbfbfc;font-weight:500;}
.notice-badge{display:inline-block;padding:3px 10px;background-color:#232C99;color:#fff;font-size:13px;border-radius:4px;font-weight:500;margin-right:8px;}

/* 페이지네이션 */
.board-bottom{display:flex;justify-content:center;align-items:center;margin-top:40px;}
.pagination{display:flex;justify-content:center;align-items:center;gap:5px;}
.pagination a{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border:1px solid #ddd;color:#666;font-size:15px;text-decoration:none;transition:border-color 0.3s,background-color 0.3s;}
.pagination a.arrow{font-weight:bold;}
.pagination a.num:hover{border-color:#333;}
.pagination a.active{background-color:#111;color:#fff;border-color:#111;font-weight:700;}

/* 게시판 상세 콘텐츠 */
.board-detail-content{width:100%;margin:0 auto;}
.post-info-table{border-top:2px solid #111;border-bottom:1px solid #ddd;margin-bottom:40px;}
.post-info-table th,.post-info-table td{padding:20px;border-bottom:1px solid #eee;font-size:16px;}
.post-info-table th{background-color:#fbfbfc;font-weight:600;width:120px;text-align:center;}
.post-info-table td{color:#333;}
.post-title{font-weight:600;font-size:20px;color:#111;}
.post-meta{color:#666;font-size:14px;}
.post-meta span{margin-right:20px;}
.post-content{min-height:400px;padding:40px 20px;border-bottom:1px solid #ddd;line-height:1.8;font-size:16px;}
.post-content img{max-width:100%;height:auto;margin:20px 0;}
.post-content h3{font-size:18px;font-weight:600;margin:30px 0 15px;color:#111;}
.post-content p{margin-bottom:20px;}
.post-content ul,.post-content ol{margin:20px 0;padding-left:30px;}
.post-content li{margin-bottom:8px;list-style-type:disc;}

/* 첨부파일 */
.attach-files{padding:20px;background-color:#fbfbfc;border-bottom:1px solid #ddd;}
.attach-files h4{font-size:16px;font-weight:600;margin-bottom:15px;color:#111;}
.file-list{display:flex;flex-direction:column;gap:8px;}
.file-item{display:flex;align-items:center;padding:10px;background-color:#fff;border:1px solid #eee;border-radius:4px;}
.file-item .file-icon{width:20px;height:20px;margin-right:10px;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDJINkM5IDIgNiAyIDYgNlYxOEM2IDIwIDcgMjEgOSAyMUgxNUM5IDIxIDE4IDIwIDE4IDE4VjlMMTMgMloiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzIDJWOUgyMCIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K') no-repeat center;}
.file-item .file-info{flex:1;}
.file-item .file-name{font-weight:500;color:#111;}
.file-item .file-size{font-size:14px;color:#666;margin-left:10px;}
.file-item .download-btn{padding:5px 15px;background-color:#232C99;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color 0.3s;}
.file-item .download-btn:hover{background-color:#1a2175;}

/* 이전글/다음글 네비게이션 */
.post-navigation{border-bottom:1px solid #ddd;}
.post-nav-item{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;transition:background-color 0.3s;}
.post-nav-item:last-child{border-bottom:none;}
.post-nav-item:hover{background-color:#fbfbfc;}
.post-nav-label{width:80px;font-weight:600;color:#666;font-size:14px;}
.post-nav-title{flex:1;color:#111;}
.post-nav-title a{color:#111;text-decoration:none;}
.post-nav-title a:hover{color:#232C99;text-decoration:underline;}
.post-nav-meta{color:#999;font-size:14px;}
.no-post{color:#999;font-style:italic;}

/* 버튼 영역 */
.post-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:40px;}
.btn-list{padding:12px 30px;background-color:#333;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;text-decoration:none;transition:background-color 0.3s;}
.btn-list:hover{background-color:#232C99;color:#fff;}
.post-actions{display:flex;gap:10px;}
.btn-edit,.btn-delete{padding:10px 20px;border:1px solid #ddd;background-color:#fff;color:#333;border-radius:4px;font-size:14px;cursor:pointer;text-decoration:none;transition:all 0.3s;}
.btn-edit:hover{border-color:#232C99;color:#232C99;}
.btn-delete:hover{border-color:#e74c3c;color:#e74c3c;}

/* 카테고리 탭 */
.category-tabs{display:flex;justify-content:center;gap:5px;margin-bottom:30px;padding:0 20px;}
.category-tab{padding:12px 24px;background-color:#fff;border:2px solid #eee;border-radius:25px;font-size:16px;font-weight:500;color:#666;cursor:pointer;transition:all 0.3s;font-family:'Pretendard',sans-serif;}
.category-tab:hover{border-color:#232C99;color:#232C99;}
.category-tab.active{background-color:#232C99;border-color:#232C99;color:#fff;font-weight:600;}

/* 제품 목록 스타일 */
.product-content{width:100%;margin:0 auto;}
.product-filter{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background-color:#fbfbfc;border-radius:8px;border:1px solid #eee;}
.filter-left{display:flex;align-items:center;gap:20px;}
.filter-right{display:flex;align-items:center;gap:15px;}
.category-filter select{height:42px;padding:0 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;font-family:'Pretendard',sans-serif;color:#333;width:160px;}
.product-search{display:flex;align-items:center;gap:0;}
.product-search input[type="text"]{height:42px;padding:0 15px;border:1px solid #ddd;border-right:none;border-radius:4px 0 0 4px;font-size:16px;font-family:'Pretendard',sans-serif;color:#333;width:250px;outline:none;}
.product-search input[type="text"]:focus{border-color:#232C99;}
.product-search .btn-search{width:90px;height:42px;background-color:#333;color:#fff;border:1px solid #333;border-radius:0 4px 4px 0;font-size:16px;font-weight:500;cursor:pointer;transition:background-color 0.3s;font-family:'Pretendard',sans-serif;}
.product-search .btn-search:hover{background-color:#232C99;border-color:#232C99;}
.view-toggle{display:flex;border:1px solid #ddd;border-radius:4px;overflow:hidden;}
.view-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:none;cursor:pointer;color:#666;transition:all 0.3s;}
.view-btn:first-child{border-right:1px solid #ddd;}
.view-btn.active{background-color:#232C99;color:#fff;}

/* 제품 그리드 */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-bottom:50px;}
.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;}
.product-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,0.15);}
.product-image{position:relative;width:100%;height:200px;overflow:hidden;}
.product-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.product-card:hover .product-image img{transform:scale(1.05);}
.product-badge{position:absolute;top:10px;right:10px;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600;color:#fff;}
.product-badge.new{background-color:#e74c3c;}
.product-badge.sale{background-color:#f39c12;}
.product-badge.popular{background-color:#232C99;}
.product-info{padding:20px;}
.product-category{color:#666;font-size:14px;margin-bottom:8px;font-weight:500;}
.product-title{font-size:18px;font-weight:700;color:#111;margin-bottom:8px;line-height:1.3;}
.product-description{color:#666;font-size:14px;line-height:1.5;min-height: 40px;margin-bottom:15px;}
.product-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;}
.feature{display:inline-block;padding:3px 8px;background-color:#f8f9fa;color:#666;font-size:12px;border-radius:4px;border:1px solid #e9ecef;}
.product-footer{display:flex;justify-content:space-between;align-items:center;}
.product-price{font-size:18px;font-weight:700;color:#232C99;}
.original-price{text-decoration:line-through;color:#999;font-size:14px;margin-right:8px;}
.sale-price{color:#e74c3c;}
.btn-detail{padding:8px 20px;background-color:#333;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color 0.3s;}
.btn-detail:hover{background-color:#232C99;}

/* 제품 리스트 */
.product-list{display:flex;flex-direction:column;gap:20px;margin-bottom:50px;}
.product-list-item{display:flex;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;}
.product-list-item:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,0,0,0.15);}
.product-image-small{position:relative;width:150px;height:120px;flex-shrink:0;}
.product-image-small img{width:100%;height:100%;object-fit:cover;}
.product-info-list{flex:1;padding:20px;display:flex;flex-direction:column;}
.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.product-info-list .product-title{margin-bottom:10px;}
.product-info-list .product-description{margin-bottom:15px;flex:1;}

/* 제품 상세페이지 */
.product-main-info{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px;}
.product-images{display:flex;flex-direction:column;gap:15px;}
.main-image{position:relative;width:100%;height:500px;border:1px solid #eee;border-radius:8px;overflow:hidden;}
.main-image img{width:100%;height:100%;object-fit:cover;}
.thumbnail-images{display:flex;gap:10px;}
.thumb{width:100px;height:80px;border:2px solid #eee;border-radius:4px;cursor:pointer;object-fit:cover;transition:border-color 0.3s;}
.thumb.active{border-color:#232C99;}
.thumb:hover{border-color:#666;}
.product-subtitle{font-size:18px;color:#666;margin-bottom:20px;line-height:1.5;}
.product-rating{display:flex;align-items:center;gap:10px;margin-bottom:25px;}
.stars .star{color:#ddd;font-size:20px;}
.stars .star.filled{color:#ffc107;}
.rating-text{color:#666;font-size:14px;}
.current-price{font-size:28px;font-weight:800;color:#232C99;margin-right:15px;}
.discount-rate{font-size:16px;color:#e74c3c;font-weight:600;}
.product-features{margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;}
.product-features h3{font-size:18px;font-weight:700;margin-bottom:15px;color:#111;}
.product-features ul{list-style:none;padding:0;margin:0;}
.product-features li{display:flex;align-items:center;margin-bottom:10px;font-size:15px;color:#333;}
.feature-icon{margin-right:10px;font-size:16px;}
.product-options{margin-bottom:30px;}
.option-group{margin-bottom:20px;}
.option-group label{display:block;font-weight:600;margin-bottom:8px;color:#111;}
.option-group select{width:100%;height:45px;padding:0 15px;border:1px solid #ddd;border-radius:4px;font-size:16px;color:#333;}
.quantity-selector{display:flex;align-items:center;width:120px;}
.qty-btn{width:35px;height:45px;border:1px solid #ddd;background-color:#fff;cursor:pointer;font-size:18px;font-weight:bold;}
.qty-btn:hover{background-color:#f5f5f5;}
.quantity-selector input{width:50px;height:45px;text-align:center;border:1px solid #ddd;border-left:none;border-right:none;font-size:16px;}
.product-actions{display:flex;gap:10px;margin-bottom:30px;}
.btn-cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    padding: 0 24px;
    background-color: #fff;
    border: 2px solid #232C99;
    color: #232C99;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
    box-sizing: border-box;
}

.btn-cart:hover {
    background-color: #232C99;
    color: #fff;
}
.btn-buy{flex:1;height:50px;background-color:#232C99;border:2px solid #232C99;color:#fff;font-size:16px;font-weight:600;border-radius:4px;cursor:pointer;transition:all 0.3s;}
.btn-buy:hover{background-color:#1a2175;border-color:#1a2175;}
.btn-wishlist{width:50px;height:50px;background-color:#fff;border:1px solid #ddd;color:#666;font-size:20px;border-radius:4px;cursor:pointer;transition:all 0.3s;}
.btn-wishlist:hover{color:#e74c3c;border-color:#e74c3c;}
.product-meta{border-top:1px solid #eee;padding-top:20px;}
.meta-item{display:flex;margin-bottom:8px;}
.meta-label{width:100px;color:#666;font-weight:500;}
.meta-value{color:#111;}

/* 제품 상세 탭 */
.product-detail-tabs{margin-bottom:60px;}
.tab-menu{display:flex;border-bottom:2px solid #eee;margin-bottom:30px;}
.tab-btn{padding:15px 30px;background:none;border:none;font-size:16px;font-weight:500;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all 0.3s;}
.tab-btn.active{color:#232C99;border-bottom-color:#232C99;font-weight:700;}
.tab-btn:hover{color:#232C99;}
.tab-panel{display:none;padding:20px 0;line-height:1.6;}
.tab-panel.active{display:block;}
.description-content h3,.description-content h4{color:#111;margin:30px 0 15px;}
.description-content h3{font-size:24px;font-weight:700;}
.description-content h4{font-size:20px;font-weight:600;}
.description-content p{margin-bottom:20px;color:#333;}
.description-content ul{margin:20px 0;padding-left:20px;}
.description-content li{margin-bottom:8px;color:#333;}
.specs-table table{width:100%;border-collapse:collapse;border:1px solid #ddd;}
.specs-table th,.specs-table td{padding:15px;text-align:left;border-bottom:1px solid #eee;}
.specs-table th{background-color:#f8f9fa;font-weight:600;color:#111;width:200px;}
.specs-table td{color:#333;}

/* 리뷰 */
.reviews-summary{margin-bottom:30px;padding:30px;background-color:#f8f9fa;border-radius:8px;}
.rating-overview{display:flex;gap:50px;align-items:center;}
.avg-rating{text-align:center;}
.rating-score{font-size:48px;font-weight:800;color:#232C99;display:block;}
.stars-large .star{font-size:24px;color:#ddd;}
.stars-large .star.filled{color:#ffc107;}
.review-count{font-size:14px;color:#666;margin-top:10px;display:block;}
.rating-bars{flex:1;}
.rating-bar{display:flex;align-items:center;gap:15px;margin-bottom:8px;}
.rating-bar span:first-child{width:30px;font-size:14px;color:#666;}
.rating-bar span:last-child{width:30px;font-size:14px;color:#666;text-align:right;}
.bar{flex:1;height:8px;background-color:#eee;border-radius:4px;overflow:hidden;}
.fill{height:100%;background-color:#ffc107;transition:width 0.3s;}
.reviews-list{border-top:1px solid #eee;padding-top:20px;}
.review-item{padding:20px 0;border-bottom:1px solid #f0f0f0;}
.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.reviewer-info{display:flex;align-items:center;gap:10px;}
.reviewer-name{font-weight:600;color:#111;}
.review-stars .star{font-size:14px;color:#ddd;}
.review-stars .star.filled{color:#ffc107;}
.review-date{color:#999;font-size:14px;}
.review-content p{color:#333;line-height:1.6;margin:0;}

/* 문의 */
.qna-item{border-bottom:1px solid #eee;padding:20px 0;}
.question,.answer{display:flex;gap:15px;margin-bottom:10px;}
.q-label,.a-label{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0;}
.q-label{background-color:#232C99;color:#fff;}
.a-label{background-color:#28a745;color:#fff;}
.q-content,.a-content{flex:1;}
.q-content p,.a-content p{margin:0 0 8px;color:#111;font-weight:500;}
.q-date,.a-date{font-size:13px;color:#999;}

/* 배송/교환 */
.delivery-info h3{font-size:20px;font-weight:700;color:#111;margin:30px 0 15px;border-bottom:1px solid #eee;padding-bottom:10px;}
.delivery-info ul{margin-bottom:30px;padding-left:20px;}
.delivery-info li{margin-bottom:8px;color:#333;}

/* 관련 제품 */
.related-products{margin-top:60px;padding-top:40px;border-top:1px solid #eee;}
.related-products h3{font-size:24px;font-weight:700;margin-bottom:30px;color:#111;}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}
.related-item{text-align:center;padding:20px;border:1px solid #eee;border-radius:8px;transition:transform 0.3s,box-shadow 0.3s;cursor:pointer;}
.related-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.related-item img{width:100%;height:150px;object-fit:cover;border-radius:4px;margin-bottom:15px;}
.related-item h4{font-size:16px;font-weight:600;margin-bottom:8px;color:#111;}
.related-item p{font-size:16px;font-weight:700;color:#232C99;margin:0;}


/* 회사소개 섹션 스타일 */
.company-section{padding:80px 0 100px;}
.company-overview{line-height:1.6;}
.company-overview h3{font-size:36px;color:#232C99;margin-bottom:38px;font-weight:600;}
.company-overview > p{margin-bottom:70px;font-size:20px;color:#111;line-height:1.5em;}
.company-overview > p b{font-weight:700;}
.company-row{justify-content:space-between;margin-bottom:140px;}
.company-row-second{margin-bottom:180px;}
.company-row:last-child{margin-bottom:0;}
.company-row h4{font-size:24px;color:#000;margin-bottom:15px;font-weight:700;}

.business-list{padding:10px 0;width:943px;display:flex;gap:51px;position:relative;}
.business-list:before{content:'';position:absolute;left:-83px;top:-380px;bottom:-50px;right:-2000px;background:#f5f5fa;z-index:-1;}
.business-list > li{text-align:center;}
.business-list > li img{margin-bottom:15px;}
.business-list > li span{display:flex;justify-content:center;align-items:center;height:60px;font-weight:600;font-size:20px;color:#000;line-height:1.5em;text-align:center;}

.business-list2{padding:10px 0;width:943px;display:flex;gap:51px;position:relative;}
.business-list2:before{content:'';position:absolute;left:-83px;top:-380px;bottom:0px;right:-2000px;background:#f5f5fa;z-index:-1;}

.value-list{padding-top:55px;width:100%;display:flex;gap:30px;justify-content:center;}
.value-list > li{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;flex-shrink:0;width:230px;height:230px;font-weight:600;font-size:20px;color:#111;text-align:center;background:url('../images/bg_value1.png') no-repeat center;background-size:contain;padding:20px;box-sizing:border-box;}
.value-list > li.item2{background-image:url('../images/bg_value1.png');}
.value-list > li.item3{background-image:url('../images/bg_value1.png');}
.value-list > li.item4{background-image:url('../images/bg_value1.png');}
.value-list > li img{margin-bottom:10px;max-width:60px;max-height:60px;}

/* 인사말 섹션 */
.greeting-section{position:relative;padding:93px 0 64px;background:#f8f8f8;}
.greeting-section .greeting-content{position:relative;width:calc(50% - 86px);z-index:2;}
.greeting-section h3{margin-bottom:45px;font-size:36px;color:#232C99;font-weight:600;}
.greeting-section p{color:#111;line-height:1.5em;margin-bottom:20px;}
.greeting-section .highlight{display:inline-block;margin:10px 0;padding:1px 2px;font-size:18px;color:#fff;background:#232C99;}
.greeting-section .signature{display:inline-block;margin-top:10px;font-size:14px;color:#666;}

/* footer */
#footer{padding:85px 0;background-color:#111;color:#fff;line-height:140%;}
#footer .inner{display:flex;flex-direction:row;justify-content:space-between;}
#footer .right-area{text-align:right;font-size:16px;}
#footer .right-area span{display:inline-block;padding-left:28px;}
#footer .right-area p{padding-top:18px;color:#ccc;}

/* 반응형 */
@media screen and (max-width:1410px){.inner{padding:0 3%;width:auto;}}
@media screen and (max-width:1024px){
#gnb li a{padding:0 15px;font-size:15px;}
#btnInquery{margin-left:15px;width:120px;height:40px;line-height:40px;font-size:16px;}
.sub-title-area h2{font-size:35px;}
.sub-title-area p{font-size:16px;}
.post-info-table th,.post-info-table td{padding:15px;}
.post-title{font-size:18px;}
.post-content{padding:30px 15px;}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}
.product-main-info{grid-template-columns:1fr;gap:40px;}
.rating-overview{flex-direction:column;gap:20px;text-align:center;}
.company-row{flex-direction:column;}
.business-list{gap:10px;width:auto;}
.value-list{flex-wrap:wrap;justify-content:center;width:auto;}
}
@media screen and (max-width:768px){
#header .inner{padding:10px 3%;flex-direction:column;align-items:start;}
#gnb{padding-top:10px;justify-content:center;width:100%;}
#gnb li a{padding:0 8px;font-size:15px;}
#btnInquery{position:absolute;top:15px;right:3%;}
.sub-title-area h2{font-size:25px;}
.sub-title-area p{font-size:14px;}
.board-info{flex-direction:column;gap:15px;align-items:center;}
.board-search{justify-content:center;}
.board-search input[type="text"]{width:200px;}
.board-table th,.board-table td{padding:12px 5px;font-size:14px;}
.board-table .title-cell{padding-left:10px;}
.pagination a{width:32px;height:32px;font-size:14px;}
.post-info-table{font-size:14px;}
.post-info-table th{width:80px;font-size:13px;}
.post-info-table th,.post-info-table td{padding:12px 10px;}
.post-title{font-size:16px;}
.post-content{padding:20px 10px;font-size:15px;}
.post-buttons{flex-direction:column;gap:20px;align-items:stretch;}
.post-actions{justify-content:center;}
.post-nav-item{flex-direction:column;align-items:flex-start;gap:8px;}
.post-nav-label{width:auto;}
.product-filter{flex-direction:column;gap:15px;align-items:stretch;}
.filter-left,.filter-right{justify-content:center;}
.category-tabs{flex-wrap:wrap;gap:8px;}
.category-tab{padding:10px 18px;font-size:14px;}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;}
.product-list-item{flex-direction:column;}
.product-image-small{width:100%;height:180px;}
.category-filter select{width:140px;}
.product-search input[type="text"]{width:180px;}
.product-search .btn-search{width:80px;}
.current-price{font-size:24px;}
.tab-menu{overflow-x:auto;white-space:nowrap;}
.tab-btn{padding:12px 20px;font-size:14px;}
.product-actions{flex-direction:column;}
.btn-cart,.btn-buy{width:100%;}
.related-grid{grid-template-columns:repeat(2,1fr);}
.menu-tab ul{gap:20px;}
.menu-tab li a{font-size:16px;}
.company-section{padding:40px 0;}
.company-overview h3{font-size:24px;}
.company-overview > p{font-size:16px;margin-bottom:40px;}
.company-row{margin-bottom:40px;}
.company-row-second{margin-bottom:10px;}
.company-row h4{font-size:20px;}
.business-list > li span{height:50px;font-size:16px;}
.value-list > li{width:140px;height:140px;font-size:16px;}
.greeting-section{padding:40px 0;}
.greeting-section .greeting-content{width:auto;}
.greeting-section h3{font-size:24px;}
.greeting-section .highlight{font-size:16px;}
#footer{padding:50px 0;}
#footer .inner{flex-direction:column;align-items:center;}
#footer .left-area{margin-bottom:20px;}
#footer .left-area,#footer .right-area{text-align:center;font-size:14px;}
#footer .right-area p{padding-top:10px;}
}
@media screen and (max-width:480px){
.product-grid{grid-template-columns:1fr;}
.thumbnail-images{flex-wrap:wrap;}
.thumb{width:80px;height:64px;}
.related-grid{grid-template-columns:1fr;}
}