@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&display=swap');

/* 공통 css */
ul,ol{list-style:none}
body{font-size:16px; line-height:1; color:#333}

/*********************************************************************
	탑배너. html > page > top_banner.php
*********************************************************************/
.sub_text{margin:0; padding:58px 0 54px}
@media (max-width:991px){
	.sub_text.ca_it_mb{padding:0}
}
@media (max-width:768px){
	.sub_text{padding:50px 0 30px;}
}

/* 헤더 */
.pc_header{position: absolute; top: 0; left: 0; z-index: 900; padding: 0;}
.pc_header.active{position: relative;}
.pc_header .pc_header_top{position: relative; padding: 20px 0; }
.pc_header .pc_header_bottom{border-top: 1px solid rgba(255,255,255,0.2);}
.pc_header .pc_header_top .container_fix{display: flex; justify-content: space-between; align-items: center; width: 1750px;}
.pc_header .pc_header_top .container_fix > div.logo_box{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto;}
.pc_header .pc_header_top .container_fix > div.logo_box img{height: 36px;}
.pc_header .pc_header_top .container_fix .search_box{display: flex; align-items: center;}
.pc_header .pc_header_top .container_fix .search_box .header_search{display: flex; justify-content: space-between; padding: 0 20px; margin-right: 14px; width: 250px; height: 35px; line-height: 35px; background: #f5f5f5; border-radius: 50px;}
.pc_header .pc_header_top .container_fix .search_box .header_search input{border: 0; background: none; font-size: 16px; width: 90%; font-family: 'Urbanist', sans-serif;}
.pc_header .pc_header_top .container_fix .search_box .header_search input::placeholder{color: #a7a7a7;}
.pc_header .pc_header_top .container_fix .search_box .header_search button{border: 0; background: none;}
.pc_header .pc_header_top .container_fix .header_right{display: flex; align-items: center;}
.pc_header .pc_header_top .container_fix .header_right > div + div{margin-left: 30px;}
.pc_header .pc_header_top .container_fix .header_right .login_box{display: flex; position: relative; }
.pc_header .pc_header_top .container_fix .header_right .login_box a{position: relative; font-size: 15px; color: #333333;}
.pc_header .pc_header_top .container_fix .header_right .login_box a + a{margin-left: 12px; padding-left: 12px;}
.pc_header .pc_header_top .container_fix .header_right .login_box a + a::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: #333333;}
.pc_header:hover, .pc_header.on{background: #ffffff;}
.pc_header:hover .pc_header_bottom, 
.pc_header.on .pc_header_bottom,
.pc_header.active .pc_header_bottom{border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
.at-menu{border: 0; background: none;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul{display: flex; justify-content: center;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{padding: 0 50px; font-size: 18px; font-weight: 400;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{padding: 27px 0; top: 65px; border: 0; width: 183px; border-top: 1px solid #f0f0f0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dli + .sub-1dli .sub-1da{margin-top: 25px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{padding: 0; border: 0; line-height: 1; font-size: 16px; color: #999999;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover{border: 0; background: none; color: #00b24f;}


/* 220413 kmj 1차 피드백 수정 사항 */
.pc_header .pc_header_top .container_fix > div.logo_box img{height: 48px;}
/* 220415 kmj 3차 피드백 수정 사항 */
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{font-weight: 500;}

@media(max-width: 991px){
	.m_header{position: absolute; top: 0; left: 0; z-index: 999; padding: 11px 0; border-bottom: 1px solid rgba(255,255,255,0.2);}
	.m_header.active{position: relative;}
	.m_header .blog_box{position: absolute; top: 50%; left: 15px; transform: translateY(-50%);}
	.m_header .blog_box img{height: 25px;}
	.m_header a.center_logo img{height: 27px;}
	.m_header .right_menu{top: 50%; transform: translateY(-50%);}
	.m_header .right_menu > a:first-child{margin-right: 12px;}
	.m_header .right_menu .left_search img{height: 21px;}
	.m_header .right_menu .m_all_menu img{height: 19px;}
}


/* 전체메뉴 */
.at-menu .pc-menu .all_menu{position: fixed; right: 0; top: 0; z-index: 999; width: 36.458%; height: 100vh; background: url(../img/all_menu_bg.jpg) no-repeat center center; background-size: cover;}
.at-menu .pc-menu .all_menu .all_menu_wrap{display: flex; align-items: center; padding-left: 75px; width: 100%; height: 100%;}
.at-menu .pc-menu .all_menu .all_menu_wrap .all_close_btn{position: absolute; top: 50px; right: 50px; cursor: pointer;}
.at-menu .pc-menu .all_menu .all_ul{padding: 0;}
.at-menu .pc-menu .all_menu .all_ul > .all_li{margin: 0; padding-left: 20px; float: none; width: auto; height: auto; text-align: left;}
.at-menu .pc-menu .all_menu .all_ul > .all_li + .all_li{margin-top: 80px;}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_a{position: relative; border: 0; padding: 0;  margin: 0; margin-bottom: 30px;  font-size: 30px; font-weight: 600; color: #ffffff;}
.at-menu .pc-menu .all_menu .all_ul > .all_li:hover > .all_a{color: #ffffff;}
.at-menu .pc-menu .all_menu .all_ul > .all_li:hover > .all_a::before{content: ''; position: absolute; top: 50%; left: -20px; width: 6px; height: 6px; background: #ffffff; border-radius: 50px;}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div .all_sub_ul{display: flex;}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div .all_sub_li + .all_sub_li a{margin-left: 30px;}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div a{padding: 0; font-size: 18px; font-weight: 400; color: #f9ffea;}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div .all_sub_li:hover a{font-weight: 500; color: #ffffff;}

/* 공통 */
.sub_link_box .sub_link_txt h2{margin-bottom: 20px; 
  /* font-family: 'S-CoreDream'; */
   font-size: 24px; font-weight: 500; color: #333333;}
.sub_link_box .sub_link_txt h3{margin-bottom: 70px; 
  /* font-family: 'S-CoreDream'; */
   font-size: 54px; font-weight: 500; color: #333333;}
.sub_link_box .sub_link_txt p{font-size: 20px; color: #666666;}
.sub_link_box .sub_link_btn{display: flex; align-items: center; margin-top: 110px;}
.sub_link_box .sub_link_btn a{position: relative; display: flex; align-items: center; padding-bottom: 18px; width: auto; height: 45px; border-bottom: 2px solid #929394}
.sub_link_box .sub_link_btn a + a{margin-left:50px;}
.sub_link_box .sub_link_btn a::before{content: ''; position: absolute; top: 7px; right: 30px; background: url(../img/sub_arrow.png) no-repeat; width: 21px; height: 10px; transition: all 0.5s; opacity: 0;}
.sub_link_box .sub_link_btn a:hover::before{right: 5px; opacity: 1;}
.sub_link_box .sub_link_btn a span{margin-left: 15px; font-size: 16px; font-weight: 500; color: #333333;}

/* 220414 kmj 2차 피드백 수정 사항 */
.sub_link_box .sub_link_btn a span{font-size: 32px; white-space:nowrap;}

@media(max-width: 991px){
	.sub_link_box .sub_link_txt h2{margin-bottom: 14px; font-size: 14px; }
	.sub_link_box .sub_link_txt h3{margin-bottom: 25px; font-size: 30px;}
	.sub_link_box .sub_link_txt p{font-size: 14px;}
	.sub_link_box .sub_link_btn{display: block; margin-top: 70px;}
	.sub_link_box .sub_link_btn a{padding-bottom: 10px; width: 50%; height: auto; font-size: 14px; border-bottom-width: 1px;}
	.sub_link_box .sub_link_btn a::before{background-size: 16px; width: 16px; height: 10px;}
	.sub_link_box .sub_link_btn a:hover::before{right: 10px;}
	.sub_link_box .sub_link_btn a img{height: 18px;}
	.sub_link_box .sub_link_btn a + a{margin-left: 0; margin-top: 25px;}
	.sub_link_box .sub_link_btn a .img_box{width: 30px;}
	.sub_link_box .sub_link_btn a span{margin-left: 0; width: calc(100% - 30px); font-size: 14px; }
  .mc01_visual .swiper-slide span.w_br {
    display: none;
}
}


/* mc02 */
.mc02{padding: 190px 0; background: url(../img/mc02_bg.jpg) no-repeat center center; background-size: cover;}
.mc02 .mc02_tit{margin-bottom: 140px; text-align: center;}
.mc02 .mc02_tit h2{margin-bottom: 40px; font-size: 48px; font-weight: 500; color: #333333;}
.mc02 .mc02_tit p{font-size: 18px; color: #666666; line-height: 1.5;}
.mc02 .mc02_wrap{display: flex;}
.mc02 .mc02_wrap .mc02_box{position: relative; width: 33.3333%; text-align: center;}
.mc02 .mc02_wrap .mc02_box + .mc02_box{border-left: 1px solid #edebd0;}
.mc02 .mc02_wrap .mc02_box .num{margin-bottom: 40px; font-size: 40px; font-weight: 500; color: #333333;}
.mc02 .mc02_wrap .mc02_box .num span{font-family: 'Urbanist', sans-serif; font-size: 90px; font-weight: 800; color: #afd655;}
.mc02 .mc02_wrap .mc02_box .txt{font-size: 20px; color: #666666;}
@media(max-width: 991px){
	.mc02{padding: 81px 0; background: url(../img/mmc02_bg.jpg) no-repeat center center; background-size: cover;}	
	.mc02 .mc02_tit{margin-bottom: 40px;}
	.mc02 .mc02_tit h2{margin-bottom: 20px; font-size: 30px;}
	.mc02 .mc02_tit p{font-size: 14px;}
	.mc02 .mc02_wrap{flex-wrap: wrap; padding: 0 15px;}
	.mc02 .mc02_wrap .mc02_box{display: flex; align-items: center; width: 100%;}
	.mc02 .mc02_wrap .mc02_box + .mc02_box{padding-top: 25px; margin-top: 25px; border-top: 1px solid #edebd0; border-left: 0;}
	.mc02 .mc02_wrap .mc02_box .num{display: flex; flex-direction: column; margin-bottom: 0; width: 50%; font-size: 15px;}
	.mc02 .mc02_wrap .mc02_box .num span{margin-bottom: 3px; font-size: 52px;}
	.mc02 .mc02_wrap .mc02_box .txt{width: 50%; font-size: 15px; text-align: left;}
}

/* mc03 */
.mc03{padding: 260px 0; background: url(../img/mc03_bg.jpg) no-repeat center center; background-size: cover;}
@media(max-width: 991px){
	.mc03{padding: 140px 0; background: url(../img/mmc03_bg.jpg) no-repeat center center; background-size: cover;}	
}

/* mc04 */
.mc04{padding: 304px 0; background: url(../img/mc04_bg.jpg) no-repeat center center; background-size: cover;}
.mc04 .container_fix{display: flex; justify-content: flex-end;}
.mc04 .sub_link_box{padding-left: 20px; width: 680px;}
.mc04 .sub_link_box .sub_link_btn a{
  width: 33%;
}
@media(max-width: 991px){
	.mc04{padding: 175px 0; background: url(../img/mmc04_bg.jpg) no-repeat center center; background-size: cover;}	
	.mc04 .container_fix{justify-content: flex-start;}
	.mc04 .sub_link_box{padding-left: 0; width: 100%;}
  .mc04 .sub_link_box .sub_link_btn a{
    width: 50%;
  }
}


/* mc05 */
.mc05{padding: 325px 0; background: url(../img/mc05_bg.jpg) no-repeat center center; background-size: cover;}
.mc05 .sub_link_box{max-width: 660px;}
.mc05 .sub_link_box .sub_link_txt h3{color: #ffffff}
.mc05 .sub_link_box .sub_link_txt p{color: #ffffff;}
.mc05 .sub_link_box .sub_link_btn a{border-bottom: 2px solid rgba(255,255,255,0.5);}
.mc05 .sub_link_box .sub_link_btn a::before{background: url(../img/sub_arrow02.png) no-repeat;}
.mc05 .sub_link_box .sub_link_btn a span{color: #ffffff;}
.mc05 .sub_link_box .sub_link_btn a{
  width: 33%;
}
@media(max-width: 991px){
	.mc05{padding: 197px 0; background: url(../img/mmc05_bg.jpg) no-repeat center center; background-size: cover;}
	.mc05 .sub_link_box{width: 100%;}	
	.mc05 .sub_link_box .sub_link_btn a{border-bottom-width: 1px}
	.mc05 .sub_link_box .sub_link_btn a::before{background-size: 16px;}
  .mc05 .sub_link_box .sub_link_btn a{
    width: 50%;
  }
}

/* mc06 */
.mc06{padding: 370px 0; background: url(../img/mc06_bg.jpg) no-repeat center center; background-size: cover;}
.mc06 .container_fix{display: flex; justify-content: flex-end;}
.mc06 .sub_link_box{width: 440px;}
.mc06 .sub_link_box .sub_link_txt h3{color: #ffffff}
.mc06 .sub_link_box .sub_link_txt p{color: #ffffff;}
.mc06 .sub_link_box .sub_link_btn a{width: 50%; border-bottom: 2px solid rgba(255,255,255,0.5);}
.mc06 .sub_link_box .sub_link_btn a::before{background: url(../img/sub_arrow02.png) no-repeat;}
.mc06 .sub_link_box .sub_link_btn a span{color: #ffffff;}
@media(max-width: 991px){
	.mc06{padding: 232px 0; background: url(../img/mmc06_bg.jpg) no-repeat center center; background-size: cover;}
	.mc06 .container_fix{justify-content: flex-start;}
	.mc06 .sub_link_box{width: 100%;}
	.mc06 .sub_link_box .sub_link_btn a{border-bottom-width: 1px;}
	.mc06 .sub_link_box .sub_link_btn a::before{background-size: 16px;}
}


/* 푸터 */
.fix_footer{position: relative; margin: 0; padding: 48px 0 37px; border-top: 1px solid #f5f5f5;}
.fix_footer .container_fix{display: flex; width: 1750px;}
.fix_footer .fix_infos_box{padding: 0; margin-left: 68px;}
.fix_footer .fix_infos_box .fix_links{display: flex; margin-bottom: 30px;}
.fix_footer .fix_infos_box .fix_links li + li{margin-left: 20px;}
.fix_footer .fix_infos_box .fix_links li a{font-size: 14px; font-weight: 500; color: #111111;}
.fix_footer .fix_contact{position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
.fix_footer .fix_contact p:first-child{margin-bottom: 18px; font-family: 'S-CoreDream'; font-size: 16px; font-weight: 500; color: #999999;}
.fix_footer .fix_contact p:last-child{font-size: 14px; font-weight: 500; color: #111111;}
.fix_footer .top_btn{position: absolute; top: -25.5px; right: 100px; cursor: pointer;}

@media(max-width: 991px){
	.fix_footer{padding: 40px 0;}	
	.fix_footer .container_fix{display: block;}
	.fix_footer .fix_logo{margin-bottom: 27px;}
	.fix_footer .fix_logo img{height: 31px;}
	.fix_footer .fix_infos_box{margin-left: 0;}
	.fix_footer .fix_infos_box .fix_links li a,
	.fix_footer .fix_infos_box .info_ul > li a{font-size: 13px;}
	.fix_footer .fix_infos_box .info_ul{margin-bottom: 10px;}
	.fix_footer .fix_infos_box .info_ul > li{display: inline-block; font-size: 13px;}
	.fix_footer .fix_infos_box .info_ul > li + li{margin-top: 0; margin-left: 10px; padding-left: 10px;}
	.fix_footer .fix_infos_box .info_ul > li + li::before{content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background: #666666;}
	.fix_footer .fix_infos_box .info_ul:nth-child(2) > li:last-child{display: block; padding: 0; margin: 0; margin-top: 10px;}
	.fix_footer .fix_infos_box .info_ul:nth-child(2) > li:last-child::before{display: none;}
	.fix_footer .fix_infos_box h4{font-size: 13px; margin-top: 15px;}
	.fix_footer .fix_contact{position: relative; top: 0; right: 0; transform: none; margin-top: 26px;}
	.fix_footer .fix_contact p:first-child{margin-bottom: 10px; font-size: 13px; }
	.fix_footer .fix_contact p:last-child{font-size: 13px;}
	.fix_footer .top_btn{right: 15px;}
	.fix_footer .top_btn img{height: 51px;}
}

/* 견적문의 */
.fixed_inquiry{position: fixed; right: 100px; top: 66%; transform: translateY(-50%); z-index: 999;}
.fixed_inquiry a{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 140px; height: 140px; border-radius: 50%; background: #00b24f; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.fixed_inquiry a span{margin-top: 10px; font-family: 'S-CoreDream'; font-size: 17px; font-weight: 600; color: #ffffff;}

@media(max-width: 991px){
    .fixed_inquiry{right: 15px; top: auto; bottom: 93px; transform: none;}
    .fixed_inquiry a{padding-top: 1px; width: 50px; height: 50px;}
    .fixed_inquiry a img{height: 22px;}
}


/*********************************************************************
	상품 상세페이지 - 기존 클래스 'item_detail'  사용
*********************************************************************/

/* 모바일 상품상세페이지 상단*/
.mob_shop_top{padding:15px 0}
.mob_shop_top:after{display:block; content:""; clear:both}
.mob_shop_top > a{display:block; height:15px}
.mob_shop_top .btn_back{float:left}
.mob_shop_top .btn_share{float:right}
.mob_shop_top > a img{display:block; height:100%}

/* 상품상세 페이지_ 베스트상품 위젯 */
.best_list_wrap{margin-bottom:90px}
.best_list_wrap .best_list_tit{margin-bottom:30px; font-size:27px; color:#222}
.shop_best_item.shop_container .item-list{border:0;}
.shop_best_item.shop_container .item-image{background-color:#f8f8f8}
.shop_best_item.shop_container .item-icon{display:none; position:absolute; left:10px; top:10px; z-index:1}
.shop_best_item.shop_container .item-icon img{display:inline-block; margin-right:8px; margin-bottom:5px}
.shop_best_item.shop_container .item-content{padding:0; padding-top:16px; height:auto !important; text-align:left}
.shop_best_item.shop_container .item-content strong{font-weight:500; font-size:14px; line-height:1.2; color:#222}
.shop_best_item.shop_container .item-content .item-desc{font-size:13px; line-height:1.2; color:#777}
.shop_best_item.shop_container .item_price_box{margin-top:12px; text-align:left}
.shop_best_item.shop_container .item_price_box .percent{display:none; margin-left:4px; font-weight:500; font-size:14px; color:#e0062a}
.shop_best_item.shop_container .item_price_box .sale_cont{display:inline-block; margin-left:5px}
.shop_best_item.shop_container .item_price_box .sale_cont strike{font-size:13px; color:#999}
.shop_best_item.shop_container .item_price_box > h5{display:inline-block; font-size:15px; color:#222}
.shop_best_item.shop_container .item_price_box > h5 span{display:inline-block; font-weight:500}
.shop_best_item.shop_container .item-info, .shop_best_item .label-cap{display:none;}
.shop_container .owl-carousel .owl-controls .owl-buttons div{display:none !important; background-color:transparent; width:14px; height:34px}
@media (max-width:768px){
	.shop_best_item.shop_container{overflow:visible}
	.shop_best_item.shop_container .owl-show{overflow:visible}
	.responsive .shop_best_item.shop_container .owl-container{overflow:visible; margin-right:-15px !important}
	.shop_best_item.shop_container .item-list{margin-right:15px !important}
	.shop_best_item.shop_container .item-wrap{margin-right:15px !important}
	.best_list_wrap{padding-top:28px; border-top:1px solid #222; margin-bottom:40px}
	.best_list_wrap .best_list_tit{margin-bottom:17px; font-size:15px}
	.best_list_wrap .best_list_con{margin:0 15px}
	.shop_best_item.shop_container .item-icon{left:5px; top:5px}
	.shop_best_item.shop_container .item-icon img{width:auto; height:12px; margin:0 5px 5px 0}
	.shop_best_item.shop_container .item-content{padding-top:15px; text-align:left}
	.shop_best_item.shop_container .item-content strong{font-size:13px}
	.shop_best_item.shop_container .item-content .item-desc{font-size:12px}
	.shop_best_item.shop_container .item_price_box{margin-top:10px; text-align:left}
	.shop_best_item.shop_container .item_price_box .sale_cont strike{font-size:12px}
	.shop_best_item.shop_container .item_price_box > h5{font-size:14px}
	.shop_container .owl-carousel .owl-controls .owl-buttons div{display:block !important; Width:8px; height:18px}
	.shop_container .owl-carousel .owl-controls .owl-buttons .owl-prev{left:-15px !important}
	.shop_container .owl-carousel .owl-controls .owl-buttons .owl-next{right:-5px !important}
	.shop_container .owl-carousel .owl-controls .owl-buttons div img{display:block; height:100%}
}

/*상품상세페이지 html > skin > apms > item > miso-baisc4 > item.skin.php */
.item_detail .img-container{width:50%;}
.item_detail .item-head{border:0; margin-bottom:265px; background:#fff !important}
.item_detail .label-band{display:none}
.item_detail #sit_pvi{padding:0px; width:100%}
.item_detail #sit_pvi_thumb{overflow:visible; width:100%; padding:10px 80px; margin:0 auto; border:0}
.item_detail #sit_pvi_thumb > ul li{display:table-cell; float:none; white-space:nowrap}
.item_detail #sit_pvi_thumb > ul li a{margin:0 7px 0}
.item_detail #sit_pvi_thumb > ul li a img{border:1px solid transparent}
.item_detail #sit_pvi_thumb > ul li a img:hover{border:1px solid transparent}
.item_detail #sit_pvi_thumb > ul li.active a img{border:1px solid #222}
.item_detail .thumb_tab_wrap{position:relative}
.item_detail .thumb_tab_wrap button{display:block; position:absolute; top:0; width:80px; height:117px; border:0; background-color:#fff}
.item_detail .thumb_tab_wrap .btn_prev{left:0}
.item_detail .thumb_tab_wrap .btn_next{right:0}
.item_detail .form-container{width:50%}
.item_detail .item-head .text{padding:0; padding-left:80px}
.item_detail .label-tack{display:none; position:static; padding-bottom:20px}
.item_detail .label-tack img + img{margin-left:5px}
.item_detail .item-head h1{margin:0; font-weight:400; font-size:30px; color:#222; line-height:1.2; letter-spacing:-0.5px;}
.item_detail .item-head .desc{font-size:16px; line-height:1.3; color:#666; padding-top:12px;}
.item_detail .item-head .tag{margin-top:15px}
.item_detail .item-head .tag > a{display:inline-block; font-size:16px; line-height:1.2; color:#777}
.item_detail .item-head .tag > a:hover{color:#777}
.item_detail .item-head .tag > a + a{margin-left:3px}
.item_detail .item-head .price{margin-top:35px; margin-bottom:20px} 
.item_detail .item-head .price > .pull-right{display:block; position:relative}
.item_detail .item-head .price > .pull-right .btn_recommend{padding:0; line-height:26px}
.item_detail .item-head .price > .pull-left{position:relative}
.item_detail .item-head .pull-left b{ font-weight:500; font-size:26px; color:#222}
.item_detail .item-head .pull-left .won{font-weight:300; font-size:20px}
.item_detail .item-head .pull-left strike{display:none; font-size:20px; color:#666}
.item_detail .item-head .pull-left span.dc_percent{display:none; width:50px; height:25px; line-height:23px; color:#ff0000; position:relative; top:-3px; font-size:15px; border:1px solid #ff0000; text-align:center; border-radius:10px; font-weight:500; margin-left:5px;}
.item_detail .item-head .pull-left .unit{font-size:26px}
.item_detail .item-head .price .dc{display:none}
.item_detail .item-head .option-line{margin:15px 0; border-top:1px solid #222}
.item_detail .item-head .option-tbl .option-line{border-top:1px solid #eee}
.item_detail .item-head .option-tbl{margin-bottom:30px; font-size:15px; color:#666}
.item_detail .item-head .option-tbl .price_tr strike{font-size:15px; line-height:22px; color:#666}
.item_detail .item-head .option-tbl .price_tr .won{font-size:15px}
.item_detail .item-head .option-tbl .price_tr .red{margin-left:6px; font-weight:600; font-size:18px; line-height:22px; color:#222}
.item_detail .item-head .option-tbl .price_tr .dc_percent{margin-left:6px; font-weight:600; font-size:22px; line-height:22px; color:#fa193e}
.item_detail .item-head .option-tbl th{width:155px; padding-top:20px; font-weight:500; font-size:16px; color:#222}
.item_detail .item-head .option-tbl td{padding-top:20px; font-weight:400}
.item_detail .item-head .option-tbl select.input-sm{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .pay_con .pay_tab > label{margin-bottom:5px}
.item_detail .pay_con .pay_tab > select.input-sm{margin-bottom:5px}
.item_detail .list-group-item{padding:8px 20px; border: 1px solid #f1f1f1; background:#fafafa}
.item_detail .list-group-item .col_tit{width:calc(100% - 155px); margin-top:5px; padding-bottom:5px}
.item_detail .list-group-item .col_count{width:155px}
.item_detail .item-head .list-group-item .col-sm-6 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .item-head .list-group-item .col-sm-5 input, .item_detail .item-head .list-group-item .col-sm-5 input{-webkit-box-shadow:0 0 0 #fff; box-shadow:0 0 0 #fff}
.item_detail .list-group-item .row .col-sm-7{width:55.333333%}
.item_detail .list-group-item .row .col-sm-5{width:44.666667%}
.item_detail .item-head .it_opt_subj{font-size:15px; line-height:1.2; color:#666}
.item_detail .item-head .price-sum{margin:33px 0; font-weight:400; font-size:16px; color:#222}
.item_detail .item-head .price-sum b{margin-left:10px}
.item_detail .item-head .price-sum span{font-weight:500; font-size:25px}
.item_detail .item-head .price-sum .won{font-weight:300; font-size:20px}
.item_detail .item-head ul.item-form-btn{margin:0}
.item_detail .item-head ul.item-form-btn li.btn_b{width:calc(50% - 5px)}
.item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:10px}
.item_detail .item-head ul.item-form-btn li a{padding:0; border:1px solid #222; font-weight:500; font-size:17px; line-height:60px}
.item_detail .item-head ul.item-form-btn li input{padding:0; border:1px solid #222; background-color:#fff; font-weight:400; font-size:17px; line-height:60px; color:#222}
.item_detail .item-head ul.item-form-btn li input.black_btn{background-color:#222; color:#fff}
.item_detail .item-form-footer{margin-top:50px}
.item_detail .item-tab .tabs .tab-content{border:0}
.item_detail_tab .tab-content>.tab-pane{display:block}

.item_detail .item_detail_tab .tabs_box{width:100%; border-bottom:1px solid #ddd; background-color:#fff; text-align:center}
.item_detail .item_detail_tab .tabs_box.fixed{position:fixed; top:0; left:50%; z-index:10; width:100%; max-width:100%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%)}
.item_detail .item_detail_tab .tabs ul.tabs-top{display:inline-block; width:auto; border:0; margin:0 0 -3px}
.item_detail .item_detail_tab .tabs ul.tabs-top li{width:auto; margin:0; text-align:center; cursor:pointer}
.item_detail .item_detail_tab .tabs ul.tabs-top li + li{margin-left:12px}
.item_detail .item_detail_tab .tabs ul.tabs-top li span{display:block; position:relative; padding:0 30px; border:0; background-color:transparent; font-size:18px; line-height:58px; color:#999}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span{font-weight:500; background:#fff; color:#222}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span:after{display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#222}
.item_detail .item_detail_tab .tabs ul.tabs-top li .orangered{font-weight:400; color:#333}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on .orangered{font-weight:500; color:#fff}
.item_detail .panel{margin-bottom:80px}
.item_detail .link_con{margin-top:100px}
.item_detail .link_con.it_detail_qa{margin-bottom:30px}
.item_detail .tab_etc{margin-bottom:50px}
.item_detail .use-btn{margin:12px 0 10px}
.item_detail .item_rel_tit{padding:0; border:0; border-bottom:2px solid #222; padding-bottom:20px; margin-bottom:30px;}
.item_detail .item_rel_tit h3{ font-size:27px; color:#222;}
.item_detail .panel-body{padding:0;}

@media (max-width:991px){
	.item_detail #sit_pvi_thumb{padding:10px 45px}
	.item_detail #sit_pvi_thumb > ul li a img{display:inline-block; width:50px; height:50px}
	.responsive .item_detail .item-head .form-container{border:0}
	.item_detail .thumb_tab_wrap button{width:45px; height:70px}
	.item_detail .item-head ul.item-form-btn li.btn_b{width:50%}
	.item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:0}
	.item_detail .item-head ul.item-form-btn li a{font-size:15px; line-height:46px}
	.item_detail .item-head ul.item-form-btn li input{font-size:15px; line-height:46px}
	.item_detail .item-form-footer{margin-top:1px}
	.item_detail .item_detail_tab .tabs_box{margin:0; padding:0}
	.item_detail .item_detail_tab .tabs{margin:0 -15px}
	.item_detail .item_detail_tab .tabs ul.tabs-top li + li{margin-left:0}
	.item_detail .item_detail_tab .tabs ul.tabs-top li span{display:inline-block; padding:0 10px; font-size:13px; line-height:42px}
	.item_detail .item_rel_tit{padding-bottom:15px; margin-bottom:20px; margin-top:30px;}
	.item_detail .item_rel_tit h3{font-size:15px; padding-bottom:0;}
}
@media (max-width:768px){
	.item_detail .img-container{width:100%;}
	.responsive .item_detail .item-head{margin-bottom:0}
	.item_detail #sit_pvi_thumb{ padding:10px 45px}
	.item_detail #sit_pvi_thumb a{margin:0 5px 0}
	.item_detail #sit_pvi_thumb img{width:60px; height:60px}
	.item_detail .swiper-button-next, .item_detail .swiper-container-rtl .swiper-button-prev{width:45px; height:60px}
	.item_detail .swiper-button-prev, .item_detail .swiper-container-rtl .swiper-button-next{width:45px; height:60px}
	.responsive .item_detail .item-head .form-container{width:100%; border-top:0}
	.responsive .item_detail .item-head .text{padding:30px 0 10px}
	.item_detail .item-head h1{font-size:20px}
	.item_detail .item-head .desc{font-size:14px; padding-top:8px;}
	.item_detail .item-head .tag{margin-top:10px}
	.item_detail .item-head .tag > a{font-size:12px}
	.item_detail .item-head .price{margin-top:23px; margin-bottom:13px} 
	.item_detail .item-head .pull-left b{font-weight:600; font-size:17px}
	.item_detail .item-head .pull-left .won{font-size:16px}
	.item_detail .item-head .option-line{margin:10px 0}
	.item_detail .item-head .option-tbl{margin-bottom:10px; font-size:12px}
	.item_detail .item-head .option-tbl .price_tr strike{font-size:12px; line-height:15px}
	.item_detail .item-head .option-tbl .price_tr .won{font-size:13px}
	.item_detail .item-head .option-tbl .price_tr .red{font-size:13px; line-height:15px}
	.item_detail .item-head .option-tbl .price_tr .dc_percent{font-size:15px; line-height:15px}
	.item_detail .item-head .option-tbl th{width:100px; padding-top:10px; font-size:12px;}
	.item_detail .item-head .option-tbl td{padding-top:10px}
	.item_detail .item-head .option-tbl label{line-height:32px}
	.item_detail .item-head .option-tbl select.input-sm{height:32px; line-height:32px; font-size:13px}
	.item_detail .list-group-item{padding:10px 0}
	.item_detail .list-group-item .col_tit{width:100%; margin-top:0}
	.item_detail .list-group-item .col_count{width:100%}
	.item_detail .list-group-item .row .col-sm-7{width:100%; padding:0 15px 10px; line-height:15px}
	.item_detail .list-group-item .row .col-sm-5{width:100%}
	.item_detail .item-head .it_opt_subj{font-size:12px}
	.item_detail .item-head .it_opt_prc{font-size:12px}
	.item_detail .item-head .price-sum{margin:20px 0 10px; font-size:14px}
	.item_detail .item-head .price-sum span{font-size:24px;}
	.item_detail .item-head .price-sum .won{font-size:18px}
	.item_detail .item-head ul.item-form-btn li.btn_b{width:50%}
	.item_detail .item-head ul.item-form-btn li.btn_b + li.btn_b{margin-left:0}
	.item_detail .item-head ul.item-form-btn li a{font-size:15px; line-height:46px}
	.item_detail .item-head ul.item-form-btn li input{font-size:15px; line-height:46px}
	.item_detail .item-form-footer{margin-top:0}
	.item_detail .panel{margin-bottom:40px}
	.item_detail .link_con{margin-top:30px}
	/* 구매버튼 변경 */
	.item_detail .pay_con{bottom:0}
	.item_detail .pay_con .pay_tab > label{width:100px; font-size:13px; line-height:30px}
	.item_detail .pay_con .pay_tab > select.input-sm{width:calc(100% - 100px); margin-left:-4px; font-size:13px}
	.item_detail .pay_con .btn_payview{margin-bottom:0}
}

/* 공유하기 버튼 변경_pc 동일하게 변경 */
.share_popup_wrap{display:none; position:fixed; top:50%; left:50%; z-index:102; margin-left:-172px; transform: translateY(-50.3%);}
.share_popup_wrap .it_share_popup{position:relative; min-width:345px; padding:15px 15px 30px; border:1px solid #959595; background-color:#fff}
.it_share_popup .share_title{margin-bottom:25px}
.it_share_popup .share_title .title{font-size:15px; color:#222}
.it_share_popup .share_content .share_ul{text-align:center}
.it_share_popup .share_ul > li{display:inline-block; padding:0 6px}
.it_share_popup .share_ul > li > a{display:inline-block; overflow:hidden; border-radius:50%}
.it_share_popup .btn_close{display:block; position:absolute; top:10px; right:15px; padding:5px; cursor:pointer}
.it_share_popup .input_url{border:none; width:1px; height:1px; position:absolute; top:0; left:0; background:transparent; }
.dim_layer{display:none; position:fixed; top:0; left:0; z-index:101; width:100%; height:100%; background-color:rgba(0,0,0,0.2)}

@media (max-width:768px){
	.share_popup_wrap{position:fixed; width:290px; margin-left:-145px}
	.share_popup_wrap .it_share_popup{min-width:100%; padding:15px 15px 24px}
	.it_share_popup .share_title .title{font-size:13px}
	.it_share_popup .share_ul > li{padding:0 5px}
	.it_share_popup .share_ul > li > a{width:45px}
	.it_share_popup .share_ul > li > a img{display:inline-block; width:100%}
	.it_share_popup .btn_close{right:13px}
	.it_share_popup .btn_close img{width:12px}
}

/*********************************************************************
 상품상세 하단_ 리뷰
 ㄴ skin.에있는 하단리뷰 타이틀 모두 리뷰스킨안으로 넣기
*********************************************************************/
.item_detail .review_banner{margin-bottom:62px; padding:45px 0 50px; background-color:#fafafa; text-align:center}
.item_detail .review_banner .txt{font-size:18px; line-height:29px; color:#222}
.item_detail .review_banner .btn_write{display:inline-block; margin-top:24px; padding:0 109px; background-color:#000022}
.item_detail .review_banner .btn_write > span{display:block; font-size:17px; line-height:56px; color:#fff}
.responsive .fix_panel .fix_panel_head, .qa_panel .panel-heading h3{ font-size:27px; color:#222; font-weight:400; padding-bottom:20px}
.m-review-panel .review-body > div .table-row .table-cell{padding:40px 0}
.m-review-panel .review-body > div .table-row .table-cell + .table-cell{border-left:1px solid #ddd}
.m-review-panel .review-body > div .table-row .table-cell.table_cell_star{width:55.018%}
.responsive .fix_panel .m-review-panel .grade_total{margin-bottom:25px; color:#666; font-weight:400; font-size:20px}
.responsive .fix_panel .m-review-panel .grade_total > span{font-weight:600; color:#000}
.m-review-panel .review-body .cnt-wrap:after {display:none}
.m-review-panel .review-body .cnt-wrap .grade_star {display:inline-block; max-width:200px}
.m-review-panel .review-body .cnt-wrap .grade_star .fa{margin-left:-2px; font-size:38px;}
.m-review-panel .review-body .cnt-wrap .grade_num{display:inline-block; margin-left:10px}
.m-review-panel .review-body .cnt-wrap .grade_num .grade{margin:0}
.m-review-panel .review-body .cnt-wrap .grade_num .grade .cur{display:inline-block; font-weight:600; line-height:1}
.m-review-panel .review-body > div {border-right:0}
.m-review-panel .review-body > div + div{border-left:1px solid #ddd}
.m-review-panel .review-body .item-simple-review {width:31%; padding:0 55px}
.responsive .item-simple-review .simple_wrap > div.left_text{width:75px; font-size:15px; font-weight:500;}
.item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{padding:0 20px; border:1px solid #222; border-radius:0 !important; background-color:#fff; font-weight:400; font-size:14px; line-height:37px; color:#222}
.item_detail .use-btn .btn-box .review_btn, #itemqa .qa-btn .btn-group .btn-color{background-color:#222; color:#fff}
.qa_panel .list-board .board-list{margin-bottom:22px}

@media (max-width:991px){
	.item_detail .review_banner{margin-bottom:40px; padding:35px 0 40px}
	.item_detail .review_banner .txt{font-size:12px; line-height:1.6}
	.item_detail .review_banner .btn_write{margin-top:15px; padding:0 45px}
	.item_detail .review_banner .btn_write > span{font-size:13px; line-height:35px}
	.qa_panel.panel .panel-heading{margin-bottom:0}
	.responsive .fix_panel .fix_panel_head, .qa_panel .panel-heading h3{font-size:15px; padding-bottom:15px}
	.m-review-panel .review-body > div .table-row .table-cell{padding:10px 0}
	.m-review-panel .review-body > div .table-row .table-cell + .table-cell{border-left:0}
	.m-review-panel .review-body > div .table-row .table-cell.table_cell_star{width:50%}
	.responsive .fix_panel .m-review-panel .grade_total{margin-bottom:15px}
	.m-review-panel .review-body .cnt-wrap.table .grade_star {display:inline-block; max-width:100%}
	.m-review-panel .review-body .cnt-wrap .grade_star .fa{font-size:20px;}
	.m-review-panel .review-body .cnt-wrap .grade_num{display:block; margin-left:0}
	.item_detail .m-review-panel .review-body .cnt-wrap.table .grade_num .grade{margin:10px 0}
	.m-review-panel .review-body > div .table-row .table-cell ul{max-width:150px}
	.m-review-panel .review-body > div + div{border-left:0}
	.m-review-panel .review-body .item-simple-review {width:100%}
	.responsive .fix_panel .m-review-panel{border-bottom:0}
	.item_detail .use-btn .btn-box .btn, #itemqa .qa-btn .btn-group .btn{padding:0 17px; font-size:12px; line-height:28px}
}

/* .sub_link_box .sub_link_btn a{border-bottom:0 !important;} */
/* .sub_link_box .sub_link_btn a::before{display:none !important;} */


.leng_select_box{
  list-style: none;
  color: #00b24f !important;
}
.leng_select_box img{
  margin-bottom: 2px;
}
.leng_select{
  display: none;
  flex-direction: column;
  position: absolute;
  top: 28px;
  right: -10px;
  padding: 16px 19px;
  background: #fff;
  border: 1px solid #eee;
  z-index: 5;
}
.pc_header .pc_header_top .container_fix .header_right .login_box .leng_select a + a::before{
  content: none;

}
.pc_header .pc_header_top .container_fix .header_right .login_box .leng_select a + a{
  margin: 0;
  padding: 0;
}
.pc_header .pc_header_top .container_fix .header_right .login_box .leng_select a{
  color: #999;
}
.pc_header .pc_header_top .container_fix .header_right .login_box .leng_select a:hover{
  color: #00b24f;
}
.pc_header .pc_header_top .container_fix .header_right .login_box .leng_select a:nth-child(2){
  padding: 15px 0;
}
.sub_link_box .sub_link_btn a span{
  /* font-size: 16px; */
}

/* 220602 JYJ */
.at-html .at-menu .nav-height{
  height: 65px !important;
  line-height: 65px !important;
}
.pc-menu, .pc-menu .nav-full-back, .pc-menu .nav-full-height{
  height: 65px ! important;
}
.pc_header .pc_header_top .container_fix .header_right .login_box a.leng_select_box:before{
  content: none;
}

#sidebar-box .sidebar-menu .leng_box{
  display:flex;
  margin-top: 35px;
}
#sidebar-box .sidebar-menu .leng_box a{
  line-height: unset;
  padding: 0;
  padding-bottom: 4px;
  border-bottom: 1px solid #b2b2b2;

}
#sidebar-box .sidebar-menu .leng_box a.on{
  color: #00b24f;
  border-bottom: 1px solid #00b24f;
}
#sidebar-box .sidebar-menu .leng_box a:nth-child(2){
  margin: 0 23px;
}


/* 220613 kyj 유지보수 */
.sub_link_box .sub_link_btn a,
.mc05 .sub_link_box .sub_link_btn a,
.mc06 .sub_link_box .sub_link_btn a{border-bottom:0}
.sub_link_box .sub_link_btn a::before{display:none}