@charset "utf-8";
/*공통*/
area, map{outline: none !important; text-decoration: none !important; border-radius: 0 !important;}
.mapwrap {position: relative !important; width: 100% !important; padding-bottom: 49.5% !important;}
.mapwrap > iframe {position: absolute !important;width: 100% !important; height: 100% !important;}
#sidebar-box .bg-navy, #sidebar-box .btn-navy{background-color:#9d0031  !important; border-color:#9d0031  !important;}
#sidebar-box .btn-group.btn-group-justified > a{border-color:#fff !important;}
/* pagination, sidebar*/
.text-center .pagination>.active>a, .text-center .pagination>.active>span, .text-center .pagination>.active>a:hover, 
.text-center .pagination>.active>span:hover, .text-center .pagination>.active>a:focus, .text-center .pagination>.active>span:focus
.list-wrap .text-center .pagination .active a, .view-wrap .text-center .pagination .active a,
.board-list .list-wrap .pagination .active a, .view-wrap .pagination .active a{background-color:#9d0031  !important;; border-color:#9d0031  !important;}
#sidebar-box #sidebar-menu .sidebar-menu .ca-head.active > a, #sidebar-box #sidebar-menu .sidebar-menu .ca-sub li.on a{color:#9d0031  !important; font-weight:500 !important;}
#sidebar-box #sidebar-menu .sidebar-menu a:hover, #sidebar-box #sidebar-user .sidebar-list a:hover{color:#9d0031  !important;}
aside#sidebar-btn{display:none;}
.container_fix{width:1230px; padding:0 15px; margin:0 auto; max-width:100%;}
.container_img{overflow-x:hidden;}
.container_wide{width:100%; margin:0 auto;}

.margin_top{margin-top:4.204%}
.margin_bottom{margin-bottom:4.204%;}
@media (min-width:2000px){
	.container_img img{display:block; width:100%;}
}
@media (max-width:1900px){
	.container_img img{display:block; width:100%;}
}
@media (max-width:991px){
	.margin_bottom{margin-bottom:8.4%;}
	.margin_top{margin-top:8.4%;}
}

#fs-topbanner{width:100%; background-color:#9d0031; text-align:center; }
#fs-topbanner a{color:#fff; font-size:16px;}
#fs-topbanner .pc, #fs-topbanner .mobile{padding:8.5px 0;}
#fs-topbanner .container_fix{position:relative;}
#fs-topbanner .tp_reject{position:absolute; top:50%; right:15px; transform:translateY(-50%);}
#fs-topbanner a span{font-weight:600;}

@media (max-width:500px){
	#fs-topbanner a{color:#fff; font-size:13px;}
}

/*header*/
.fix_header{width:100%;}
.fix_header .top_lnb{width:100%; height:43px; line-height:43px; border-bottom:1px solid #dcdcdc;}
.fix_header .top_lnb .left_favorite{float:left;}
.fix_header .top_lnb .left_favorite a{color:#666; font-size:14px; display:inline-block;}
.fix_header .top_lnb .left_favorite a img{margin-right:5px; display:inline-block;}
.fix_header .top_lnb .right_lnb{float:right; text-align:left; list-style:none;}
.fix_header .top_lnb .right_lnb > li{display:inline-block; position:relative;}
.fix_header .top_lnb .right_lnb > li:after{content:"·"; position:absolute; right:-3px; top:43%; transform:translateY(-50%); font-size:14px; color:#666;}
.fix_header .top_lnb .right_lnb > li:last-child:after{display:none;}
.fix_header .top_lnb .right_lnb > li > a{padding:0 13px; color:#666666; font-size:14px;}
.fix_header .top_lnb .right_lnb > li:last-child > a{padding:0 0 0 13px;}
.fix_header .middle_logo{width:100%;}
.fix_header .middle_logo .container_fix{position:relative; padding:40px 15px;}
.fix_header .middle_logo .small_banner{position:absolute; left:15px; top:50%; transform:translateY(-50%); width:280px;}
.small_banner .small_banner_btn{position:absolute; right: 0; width:40px; z-index:100; bottom:5px; height:13px;}
.small_banner .small_banner_btn:after{content:""; height:15px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1px; background-color:#d2d2d2;}
.small_banner .carousel-control .glyphicon-chevron-left, .small_banner .carousel-control .glyphicon-chevron-right, 
.small_banner .carousel-control .icon-prev, .small_banner .carousel-control .icon-next{width:8px; height:13px; margin-top:0; top:0;}
.small_banner .carousel-control .icon-prev, .small_banner .carousel-control .glyphicon-chevron-left{left:0; margin-left:0;}
.small_banner .carousel-control{opacity:1;}
.small_banner .carousel-control .glyphicon-chevron-right, .small_banner .carousel-control .icon-next{right:0; margin-right:0;}
.fix_header .middle_logo .main_logo{margin:0 auto; text-align:center;}
.fix_header .middle_logo .main_logo > a{display:block; width:311px; margin:0 auto; text-align:center;}
.fix_header .middle_logo .right_search{position:absolute; right:15px; top:50%; transform:translateY(-50%); width:300px;}
.fix_header .middle_logo .right_search .search_input{width:100%; border:0; border-bottom:2px solid #313131; outline:none; box-shadow:none; padding:12px 0 12px 12px; font-size:18px; color:#313131;}
.fix_header .middle_logo .right_search .search_input::placeholder{font-size:18px; color:#313131;}
.fix_header .middle_logo .right_search .search_btn{position:absolute; right:0; top:50%; transform:translateY(-50%); outline:none; box-shadow:none; border:0; background-color:transparent;}

/*m_menu*/

@media (max-width:991px){
	.m_header{width:100%; position:relative;}
	.m_header .right_menu{position:absolute; right:15px;}
	
}
@media (max-width:768px){
	.m_header img{height:80px;}
}
@media (max-width:500px){
	.m_header img{height:70px;}
}


/*menu*/
.fix_nav .fix_menu .nav_home{width:30px; float:left; text-align:left;}
.fix_nav .pc-menu .fix_menu .nav-top.nav-both  .menu-ul{display:block; text-align:left;}
.fix_nav .pc-menu .fix_menu .nav-top.nav-both .menu-li{display:inline-block; position:relative;}
.fix_nav .pc-menu .fix_menu .nav-top.nav-both .menu-li > a:after{content:"|"; position:absolute; right:-4px; top:47%; transform:translateY(-50%); color:#cacaca; z-index:1;}
.fix_nav .pc-menu .fix_menu .nav-top.nav-both .menu-li:last-child > a:after{display:none;}
.fix_nav .pc-menu .fix_menu .nav-top.nav-both .menu-li > a{padding:0 20px; position:relative;}
.fix_nav .at-menu{position:relative;}
.fix_nav .fix_menu .sub-1dul span{display:block;}
.fix_nav .pc-menu{background-color:#fff;}
.fix_nav .pc-menu .fix_menu .nav-top.nav-both .menu-a{background-color:#fff; font-size:17px; color:#222222; font-weight:400}
.fix_nav .pc-menu .fix_menu .nav-top .menu-li:hover .menu-a, .fix_nav .pc-menu .nav-top .menu-li.on .menu-a{background-color:#fff;}
.fix_nav .pc-menu .fix_menu .nav-top .sub-1div{border-top:0; background-color:rgba(255,255,255,0.95); background:rgba(255,255,255,0.95);}
.fix_nav .pc-menu .fix_menu .nav-top.nav-both .sub-1div::before { display:none;}
.fix_nav .pc-menu .fix_menu .nav-top .sub-1da { display:block; color:#333; padding:5px 10px; line-height:22px; border-bottom: 1px solid rgb(238, 238, 238); }
.fix_nav .pc-menu .fix_menu .nav-top .sub-1dli.on .sub-1da,
.pc-menu .nav-top .sub-1dli:hover .sub-1da {font-weight:500 !important; color:#333; text-decoration:underline; background-color:transparent;  border-bottom: 1px solid rgb(238, 238, 238);}
.fix_nav .at-menu.fixed{position:fixed; top:0; width:100%; z-index:1000;}

@media (max-width:1200px){
	body, html{overflow-x:hidden;}
	.fix_nav .pc-menu .fix_menu .nav-top.nav-both .menu-li > a{padding:0 15px;}
	.fix_nav .pc-menu .nav-top{left:15px;}
}

/*all_menu*/
.all_menu_box{width:100%; position:absolute; z-index:101; top:70px; background-color:#f5f5f5; display:none;}
.all_menu_box .container_fix{background-color:#fff; width:1200px; margin:30px auto; padding:0; }
.all_menu > ul {list-style:none; width:100%; border:1px solid #d2d2d2; border-top:0;}
.all_menu > ul > li{width:20%; float:left; height:350px; border-right:1px solid #d2d2d2;}
.all_menu > ul > li > a{text-align:center; display:block; padding:20px 0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; color:#333333; font-size:17px; font-weight:500;}
.all_menu > ul > li .sub-slide{padding-left:25px; padding-top:20px;}
.all_menu > ul > li .sub-slide a{font-size:14px; color:#333333; font-weight:500; margin-bottom:10px; display:block;}
.all_menu > ul > li .sub-slide a:hover{color:#9d0031;}
.all_menu > ul > li .sub-slide a span.br{display:block;}
.all_menu > ul > li:nth-child(5), .all_menu > ul > li:nth-child(10){border-right:0;}

/*index_cont01*/
.index_cont01 .carousel-indicators li{width:20px; height:6px; background-color:#fff; border:0; border-radius:0; margin:0 11px}
.index_cont01 .carousel-indicators li.active{width:20px; height:6px; border:0; background-color:#9d0031; border-radius:0; margin:0 11px;}

/*index_cont02*/
.index_cont02{width:100%;}
.index_cont02 .top_cont02{width:100%; margin-bottom:2%;}
.index_cont02 .top_cont02 > a{width:32%; margin-right:2%; float:left; position:relative; display:block;}
.index_cont02 .top_cont02 > a > p{position:absolute; left:35px; bottom:20px; color:#fff; font-weight:500; font-size:20px;}
.index_cont02 .top_cont02 > a:last-child{margin-right:0;}
.index_cont02 .bot_cont02{width:100%;}
.index_cont02 .bot_cont02 > a{width:49%; margin-right:2%; float:left; position:relative; display:block;}
.index_cont02 .bot_cont02 > a:last-child{margin-right:0;}
.index_cont02 .bot_cont02 > a > p{position:absolute; left:35px; bottom:20px; color:#fff; font-weight:500; font-size:20px;}

/*mindex_cont02*/
@media (max-width:991px){
	.mindex_cont02{width:100%; list-style:none;}
	.mindex_cont02 > li{width:48%; float:left; margin-right:4%; margin-bottom:4%;}
	.mindex_cont02 > li:nth-child(2n){margin-right:0;}
	.mindex_cont02 > li:last-child{margin-right:0; width:100%; margin-bottom:0;}
	.mindex_cont02 > li > a{display:block; width:100%; position:relative;}
	.mindex_cont02 > li > a > p{position:absolute; left:35px; bottom:20px; color:#fff; font-weight:500; font-size:20px;}
}

@media (max-width:500px){
	.mindex_cont02 > li > a > p{left:15px; bottom:15px; font-size:16px;}
}

/*shop_container*/
.index_cont03{width:100%;}
h2.title{text-align:center; color:#333333; font-size:30px; font-weight:600; position:relative;}
h2.title:before{content:""; position:absolute; top:59%;  left:40%; transform: rotate(45deg) translate(-50%,-50%); width:19px; height:19px; border:1px solid #9d0031; box-shadow:3px 3px 0px 0px rgba(192,193,195,1); }
h2.title:after{content:""; position:absolute; top:59%;  right:40%; transform: rotate(45deg) translate(-50%,-50%); width:19px; height:19px; border:1px solid #9d0031; box-shadow:3px 3px 0px 0px rgba(192,193,195,1); }
.shop_container.miso-item .item-list{border:0;}
.shop_container.miso-item-slider .item-list{border:0;}
.shop_container.shop-list .item-list{border:0;}
.shop_container.shop-relation .item-list{border:0;}
.shop_container.shop-search .item-list{border:0;}
.shop_container .item-icon{display:none;}
.shop_container .label-cap{display:none;}
.shop_container .item-info.en{display:none;}
.shop_container .fix_item_content{padding:20px 0;}
.shop_container .fix_item_content h3{font-size:18px; color:#333333; margin-bottom:10px;}
.shop_container .fix_item_content .fix_price strike{color:#666666; font-size:16px; display:inline-block; margin-right:10px;}
.shop_container .fix_item_content .fix_price p{color:#333333; font-size:18px; display:inline-block;}

@media (max-width:991px){
	h2.title:before{left:30%;}
	h2.title:after{right:30%;}

}

@media (max-width:500px){
	h2.title:before{left:30%; width:14px; height:14px;}
	h2.title:after{right:30%; width:14px; height:14px;}
	h2.title{font-size:20px;}
	.shop_container .fix_item_content h3{font-size:15px; margin-bottom:5px;}
	.shop_container .fix_item_content .fix_price strike{font-size:13px;}
	.shop_container .fix_item_content .fix_price p{font-size:15px;}
	.shop_container.miso-item .item-list, .shop_container.miso-item-slider .item-list, .shop_container.shop-list .item-list, 
	.shop_container.shop-search .item-list, .shop_container.shop-relation .item-list{margin-bottom:10px !important; }

}

/*index_cont04*/
.index_cont04{width:100%;}
.index_cont04 .owl-carousel .owl-controls.clickable .owl-buttons div{display:block !important;}
.index_cont04 .owl-carousel .owl-controls .owl-buttons div{width:70px; height:70px; background-color:transparent; border:1px solid #dcdcdc; border-radius:50%; margin-top:0; transform:translateY(-50%);}
.index_cont04 .miso-item-slider, .index_cont04 .owl-show, .index_cont04 .owl-container{overflow:inherit !important;}
.index_cont04 .owl-carousel .owl-controls .owl-buttons div.owl-prev{left:-110px;}
.index_cont04 .owl-carousel .owl-controls .owl-buttons div.owl-next{right:-85px !important;}
.index_cont04 .owl-carousel .owl-wrapper-outer{padding:0 1px;}

@media (max-width:1500px){
	.index_cont04 .owl-carousel .owl-controls .owl-buttons div.owl-prev{left:0; top:-60px;}
	.index_cont04 .owl-carousel .owl-controls .owl-buttons div.owl-next{right:25px !important; top:-60px;}
}
@media (max-width:991px){
	.index_cont04 .owl-carousel .owl-controls .owl-buttons div{width:30px; height:30px; background-color:rgba(255,255,255,0.7); top:38% !important; line-height:inherit;}
	.index_cont04 .owl-carousel .owl-controls .owl-buttons div img{width:100%;}
}


/*wing*/
.wing-right{ position:absolute; width:90px; right:-140px; top:0px; background-color:#fff;}
.wing-right > ul{list-style:none; border:1px solid #d2d2d2; }
.wing-right > ul > li{width:100%; border-bottom:1px solid #d2d2d2; text-align:center;}
.wing-right > ul > li > a{display:block; font-size:14px; color:#666666; padding:10px 0;}
.wing-right > ul > li > a img{display:inline-block; padding:13px 0;}
.wing-right > ul > li:last-child{border-bottom:0;}
.wing-right > ul > li:last-child{background-color:#333333; border:0;}
.wing-right > ul > li:last-child a{color:#fff; font-weight:600;}

/*footer*/
.fix_footer{width:100%; background-color:#272727; padding:2.628%  0;}
.fix_footer .left_logo{float:left; width:19.084%; margin-right:3.334%;}
.fix_footer .right_text{float:left; width:77.582%;}
.fix_footer .right_text > ul{list-style:none; text-align:left;}
.fix_footer .right_text > ul > li{display:inline-block; padding:0 5px; position:relative;}
.fix_footer .right_text > ul > li:last-child{padding:0 0 0 5px;}
.fix_footer .right_text > ul > li:first-child{padding:0 5px 0 0;}
.fix_footer .right_text > ul > li, .fix_footer .right_text > ul > li > a{color:#999999; font-size:13px; line-height:20px;}
.fix_footer .right_text > ul > li:after{content:"|"; right:-4px; top:50%; transform:translateY(-50%); color:#999; position:absolute;}
.fix_footer .right_text > ul > li:last-child:after{display:none;}
span.m_br{display:none;}
.at-go{display:none !important;}
@media (max-width:991px){
	
	.fix_footer{padding:5% 0;}
	.fix_footer .left_logo{float:none; width:100%; margin-right:0; margin-bottom:20px;}
	.fix_footer .right_text{float:none; width:100%;}
	.fix_footer .right_text > ul > li:after{display:none;}
	span.m_br{display:block;}
	.fix_footer .right_text > ul > li{padding:0 !important; padding-right:5px !important;}
	.at-go #go-btn{bottom:15px; right:15px;}
}

/* 200217 요일메뉴 자동표시 */
.fix_nav .pc-menu .fix_menu .nav-top .sub-1dli.today .sub-1da{color:#9d0031} /* 헤더_PC */
.all_menu > ul > li .sub-slide .sub-1dli.today a{color:#9d0031} /* 전체메뉴_PC */
#sidebar-box .sidebar-menu .ca-sub li.today a{color:#9d0031} /* 헤더_모바일 */


/* 210602 psj 유지보수 */
h2.title:before,
h2.title:after{visibility:hidden;}


/* 220511 kyj 유지보수(단순 css로만 숨김처리 진행) */
#ch-plugin.notranslate{display:none !important}

/* 240529 msh 유지보수 */
#fregister .sns-wrap.sns-wrap-join {max-width:500px; margin:auto; margin-top:80px;}
#fregister .sns-wrap.sns-wrap-join a{display:flex; justify-content:center; width:100%; gap:20px; line-height:60px; border-radius:5px; align-items:center; position:relative; font-size:16px; font-weight:500;}
#fregister .sns-wrap.sns-wrap-join a.sns-kakao{background:#ffe800; color:#3a2020;}
#fregister .sns-wrap.sns-wrap-join a.sns-kakao img{width:23px; height:22px; position:absolute; left:36px;}
#fregister .sns-wrap.sns-wrap-join a.sns-naver{border:1px solid #ddd; }
#fregister .sns-wrap.sns-wrap-join a.sns-naver img{width:23px; height:22px; position:absolute; left:36px;}
#fregister .sns-wrap.sns-wrap-join .text-center{margin-bottom:15px; width:100%; line-height:60px; height:60px; background:white; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
#fregister .sns-wrap.sns-wrap-join .text-center button{display:block; width:100%; height:100%; background:white; color:black !important; border:none; font-size:16px; font-weight:500;}
#fregister .sns-wrap.sns-wrap-join .or-text{position:relative; text-align:center; display:block; margin:auto; font-size:16px; color: #999; margin:50px 0;}
#fregister .sns-wrap.sns-wrap-join .or-text span{display:block;overflow:visible; width:fit-content; margin:auto;}
#fregister .sns-wrap.sns-wrap-join .or-text::after{position:absolute; left:0; top:50%; content:""; width:calc(50% - 30px); height:1px; background:#e3e3e3;}
#fregister .sns-wrap.sns-wrap-join .or-text::before{position:absolute; right:0; top:50%; content:""; width:calc(50% - 30px); height:1px; background:#e3e3e3;}