/* BASIC css start */
/* ¼½¼Ç °øÅë */
#contents { width: 100%; min-width: 320px; max-width: 850px; margin: 0 auto; } 
section { width: 100%; margin: 0 auto; margin-bottom: 45px; } 
section .sec_inner { padding:4% } 
section h2 { text-align: center; font-family: 'Red Hat Display', sans-serif; font-size: 19px; color: #555; font-weight: 500; margin-bottom: 24px; } 

/* sec1 */
#sec1 { } 
#sec1 .swiper { margin-bottom: 10px; } 
#sec1 .swiper ul { } 
#sec1 .swiper ul li { width: 100%; } 
#sec1 .swiper ul li a { display: block; width: 100%; } 
#sec1 .swiper ul li a img { width: 100%; } 
#sec1 .swiper-pagination-fraction { left: unset !important; right: 0 !important; } 
#sec1 .swiper-pagination { font-family: 'Red Hat Display', sans-serif !important; color: #aaa; font-weight: 600; } 
#sec1 .swiper-pagination-current { color: #000 !important; } 
#sec1 .swiper-pagination-total { } 
#sec1 .swiper-horizontal>.swiper-scrollbar { width: 100% !important; left: 0 !important; bottom:0 !important; height:3px !important } 
#sec1 .swiper-scrollbar-drag { background: rgba(0, 0, 0, 0.25); } 
#sec1 .menu_wrap { width: 100%; min-width: 320px; max-width: 850px; border-top: 1px solid #ddd; } 
#sec1 .menu_wrap ul { width: 100%; display: flex; flex-wrap: wrap; } 
#sec1 .menu_wrap ul li { width: 25%; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
#sec1 .menu_wrap ul li:nth-child(4n) { border-right:none !important } 
#sec1 .menu_wrap ul li a { display: block; padding: 10px 0; color:#333; font-size:11.8px; font-family: 'Noto Sans KR', sans-serif; font-weight:400 } 

/* °Ô½ÃÆÇ ¿µ¿ª */
.board_wrap { position: relative; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; padding: 0 10px; } 
.board_wrap .board_cont { width: 49%; border: 1px solid #e8e8e8; padding: 10px 7px; } 
.board_wrap .board_cont h1 { font-size: 13px; color: #171717; display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #000; font-family: 'Noto Sans KR', sans-serif; } 
.board_wrap .board_cont h1 a { font-size: 18px; } 
.board_wrap .board_cont dl { position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } 
.board_wrap .board_cont dl:last-child{margin-bottom:0;}
.board_wrap .board_cont dl dt { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
.board_wrap .board_cont dl dt a { font-size: 12px; color: #171717; font-family: 'Noto Sans KR', sans-serif; } 
.board_wrap .board_cont dl dt a:hover { color:#000; } 
.board_wrap .board_cont dl dd { display: none; font-size: 14px; color: #171717; font-family: 'Noto Sans KR', sans-serif; } 

/* sec3 */
#sec3 { } 
#sec3>div { } 
#sec3>div>div { } 
#sec3>div>div a { display: block; } 
#sec3>div>div a img { } 
#sec3 .sec3_L { padding-right: 7%; } 
#sec3 .sec3_L .thumb1 { width:100% } 
#sec3 .sec3_L .thumb1 a { display:block; width:100% } 
#sec3 .sec3_L .thumb1 a img { width:100% } 
#sec3 .sec3_R { padding-left: 13%; padding-top:13% } 
#sec3 .sec3_R .thumb2 { width:100% } 
#sec3 .sec3_R .thumb2 a { display:block; width:100% } 
#sec3 .sec3_R .thumb2 a img { width:100% } 

/* sec4 */
#sec4 { margin-top:100px } 
#sec4 .sec_inner { } 
#sec4 .sec_inner h2 { } 
#sec4 .sec_inner .sec4_cate { } 
#sec4 .sec_inner .sec4_cate ul { display:flex } 
#sec4 .sec_inner .sec4_cate ul li { display: inline-block; width:auto !important; border:1px solid #ccc; } 
#sec4 .sec_inner .sec4_cate ul li:not(:last-child) { border-right:none } 
#sec4 .sec_inner .sec4_cate ul li.on { background-color:#f6f8fa } 
#sec4 .sec_inner .sec4_cate ul li a { display:block; width:100%; text-align:center; font-family: 'Red Hat Display', sans-serif; color:#aaa; font-size: 11.5px; font-weight: 600; letter-spacing: -.3px; transition: color .4s, border-color .3s, font-weight .3s; padding: 12px 35px; } 
#sec4 .sec_inner .sec4_cate ul li.on>a { color: #000 !important; } 
#sec4 .sec4_prd { } 
#sec4 .sec4_prd>div { display: none; position:relative; padding-top: 50px; } 
#sec4 .sec4_prd>div ul { display:flex; flex-wrap:wrap } 
#sec4 .sec4_prd>div.show { display: block; } 

/* sec5 */
#sec5 { } 
#sec5 .banner { width: 100%; } 
#sec5 .banner a { display: block; width: 100%; } 
#sec5 .banner a img { width: 100%; } 

/* sec6 */
#sec6 { margin-top:60px } 
#sec6 .sec_inner { padding:6% !important } 
#sec6 .sec_inner h2 { } 
#sec6 .sec_inner .rev_sec { position:relative; } 
#sec6 .sec_inner .rev_sec .swiper { padding-bottom: 40px; width:77% !important; } 
#sec6 .sec_inner .rev_sec .swiper ul { width: 100%; } 
#sec6 .sec_inner .rev_sec .swiper ul li { height:75vh; border: 1px solid #eee; } 
#sec6 .sec_inner .rev_sec .swiper ul li .rv_thumb { width: 100%; height: 70%; } 
#sec6 .sec_inner .rev_sec .swiper ul li .rv_thumb a { display: block; width: 100%; height: 100%; } 
#sec6 .sec_inner .rev_sec .swiper ul li .rv_thumb a img { width: 100%; height: 100%; object-fit: cover; } 
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt { height: 30%; padding: 20px; } 
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .prd_name { color: #555; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; letter-spacing: -.7px; margin-bottom: 10px; } 
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_cont { } 
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_cont p { line-height:1.5; font-size: 13px; color: #bbb; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; letter-spacing: -.7px; } 
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score { margin-top: 14px; } 
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score>span { } 
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score .heart { } 
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score .heart img { display: inline-block; transform: scale(.66) } 
#sec6 .sec_inner .rev_sec .swiper ul li .rv_txt .rv_score .score { color: #daae97; font-size: 13px; font-family: 'Red Hat Display', sans-serif; font-weight: 500; } 
#sec6 .swiper_btn_prev { position: absolute; top: 50%; transform: translateY(-50%); left: -1%; z-index: 9; cursor: pointer; } 
#sec6 .swiper_btn_next { position: absolute; top: 50%; transform: translateY(-50%); right: -1%; z-index: 9; cursor: pointer; } 
#sec6 .swiper_btn_prev img { transform: scale(.66); transform-origin: center left } 
#sec6 .swiper_btn_next img { transform: scale(.66); transform-origin: center right } 


/* BASIC css end */