@charset "utf-8";
/* SHINING 독립 사용 */

body{background:#fff;font-size:0.81em;font-family:'Nanum Gothic'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Nanum Gothic'} 
*{-webkit-text-size-adjust:none}

#sh_wrapper{min-width:1070px;background:repeat-x top center}

/* header */
#sh_hd{z-index:10;position:relative;min-width:1070px;font-family:'notokr-regular'} 
#sh_hd_wrapper{position:relative;width:1070px;height:112px;margin:0 auto;padding:0;zoom:1}
#sh_hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

/* index 전체 */
#main_index{width:1070px;margin:0 auto;padding:0;}
#main_index *{box-sizing:border-box;}
#main_index img{display:block;border:0;max-width:100%;}
#main_index a{text-decoration:none;}

/* 메인 상단 */
.main_top{display:flex;width:840px;gap:10px;align-items:flex-start;}
.main_visual{width:600px;overflow:hidden;}
.main_board{width:230px;}
.main_board .board_box{width: 210px;margin-bottom:25px;}

/* 게시판 */
.board_tit{position:relative;margin:0 0 10px;padding:0 0 8px;font-size:15px;font-weight:bold;color:#333;border-bottom:1px solid #ddd;}
.board_tit a{position:absolute;right:0;top:2px;font-size:11px;font-weight:normal;color:#888;}
.board_list{width:100%;}
.board_list p{margin:0;padding:4px 0;border-bottom:1px dotted #ddd;}
.board_list p a{display:block;overflow:hidden;font-size:12px;color:#666;white-space:nowrap;text-overflow:ellipsis;}
.board_list p a:hover{color:#333;}

/* 상품 전체 */
.product_area{width:840px;margin-top:10px;}
.product_main_title{width:840px;}
.product_main_title img{display:block;width:840px;height:40px;}

/* 상품 섹션 */
.product_section{position:relative;min-width:0;}
.product_full{width:840px;}
.section_title{display:block;width:100%;}
.section_title img{display:block;width:100%;height:40px;object-fit:fill;}

/* 상품 리스트 */
.product_items{display:grid;width:100%;min-height:120px;padding:10px 0;}
.product_items6{grid-template-columns:repeat(6,1fr);}
.product_items3{grid-template-columns:repeat(3,1fr);}

/* 임시 상품 */
.product_item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;color:#555;text-align:center;}
.product_img{display:flex;align-items:center;justify-content:center;width: 120px;height: 120px;background:#f5f5f5;border:1px solid #ddd;font-size:11px;color:#aaa;}
.product_name{display:block;margin-top:5px;font-size:12px;color: #466C8A;}
.product_item:hover .product_name{color:#111;}

/* 상품 GRID */
.product_grid{display:grid;width:840px;}
.product_grid.grid2{grid-template-columns:repeat(2,415px);gap:10px;}
.product_grid.grid4{grid-template-columns:repeat(4,1fr);gap:10px;}
.product_grid.grid5{grid-template-columns:repeat(5,160px);gap:10px;}

/* 2단 */
.grid2>.product_section{width:415px;}

/* 5단 */
.grid5>.product_section{width:160px;}

/* 단일 상품 영역 */
.grid5>.product_section>.product_item{min-height:120px;}
.grid4>.product_section>.product_item{min-height:120px;}

/* 섹션 간격 */
.product_full+.product_full{margin-top:0;}
.product_grid+.product_grid{margin-top:0;}
.product_full+.product_grid{margin-top:0;}
.product_grid+.product_full{margin-top:0;}

/* cont */
#sh_container{z-index:5;position:relative;min-width:1070px}
#sh_container_wrapper{position:relative;z-index:5;margin:0 auto;width:1070px;zoom:1}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

/* snb */
#sh_aside{float:left;margin:0;width:220px}
#sh_content{z-index:4;position:relative;float:right;padding:25px 0;width:820px;min-height:500px;height:auto !important;height:500px;zoom:1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}

/* cont tit */
#sh_content_tit{overflow:hidden;margin-bottom:30px;font-size:14px;font-family:'notokr-regular'}
#sh_content_tit h3{float:left;font-size:24px;font-weight:normal;color:#222;letter-spacing:-.3px;font-family:'notokr-medium'}
#sh_content_tit span{float:right}

/* footer */
#sh_ft{position:relative;min-width:1070px;font-family:'notokr-regular';z-index: -2;} 
#sh_ft_wrapper{position:relative;width:1070px;margin:0 auto;padding:10px 0;font-size:13px;line-height:1.7;letter-spacing:-.2px;text-align:center;color:#666;z-index: -1;}
#sh_ft .bar{position: relative;margin-bottom:30px;z-index: -9999;}
#sh_ft strong{font-weight:normal;font-family:'notokr-medium'}
#sh_ft_icon{position:absolute;width:180px;right:0px;bottom:10px}
#sh_ft_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

/* 사이트맵 */
a{text-decoration:none !important}
a:hover{text-decoration:none !important}

#sh_site_map{width:100%;position:relative;min-height:500px;height:500px auto;margin:0 auto}
.sh_site_map01{width:30%;float:left;margin-right:3%;min-height:200px;height:200px auto}
.sh_site_map_title{font-size:1.4em;color:#515151}
.sh_site_map_title a{color:#515151}
.sh_site_map_line{border-bottom:2px solid #8b8b8b;margin:10px 0}
.sh_site_map_box{width:90%;margin:0 auto;background:#f7f7f7;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;min-height:80px}
.sh_site_map_txt{font-size:1em;line-height:1.2em;color:#666;font-weight:bold;padding:5px}
.sh_site_map_txt a{color:#666}

#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none} 

.board_box{ margin-bottom:22px}
.board_tit{position:relative;height:36px;line-height:36px;margin:0 0 12px;padding:0 18px;border: 1px solid #d3d1fa;border-radius:18px;background:#f5f5f5;box-sizing:border-box;font-size: 13px;font-weight:bold;color:#3d5e7a;}
.board_tit span{ display:inline-block}
.board_tit .more_btn{ position:absolute;right:14px;top:50%; transform:translateY(-50%); display:block; line-height:0}
.board_tit .more_btn img{ display:block;border:0}
.board_list { padding:0 4px}
.board_list p { position:relative; margin:0; border-bottom:1px solid #ddd}
.board_list p:last-child { border-bottom:0; }
.board_list p a { display:block; position:relative; padding:9px 8px 9px 18px; font-size:14px; color:#666; text-decoration:none; box-sizing:border-box}
.board_list p a:before { content:"↘"; position:absolute; left:0; top:9px; font-size:11px; color:#8d95d8}
.board_list p a:hover { color:#333; }

.board_box { width:100%; margin-bottom:18px; }
.board_tit {position:relative;width:100%;height:40px;line-height:38px;margin:0 0 10px;padding:0 20px;border:1px solid #cfc9f4;border-radius:20px;background:#f7f7f7;box-sizing:border-box;box-shadow: inset 0 0 0 3px #ffffff;}
.board_tit span { display:inline-block; font-size:13px; font-weight:bold; color:#466b9c; }
.board_tit .more_btn { position:absolute; right:18px; top:50%; transform:translateY(-50%); display:block; line-height:0; }
.board_tit .more_btn img { display:block; border:0; }
.board_list { padding:6px 2px 0 2px; }
.board_list p:last-child { border-bottom:0; }
.board_list p a { display:block; position:relative; padding:8px 6px 8px 18px; font-size:14px; color:#666; text-decoration:none; }
.board_list p a:before { content:"↘"; position:absolute; left:0; top:8px; font-size:11px; color:#7d95d8; }

/*롤링*/
.product_wrap{overflow:hidden}
.product_rolling{display: flex;gap: 12px;width:max-content;animation: productRolling 18s linear infinite}
.product_rolling span:nth-child(1){border:2px solid #ff6699}


@keyframes productRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}