@charest "utf-8";
/********************************************************
■ 공통 부분 시작 html > css > solution.css
********************************************************/

span.bold{font-weight:500;}

/*기본 컨텐츠 넓이 값 조정 *****중요함***** */
.container_wide{width:100%; margin:0 auto;}
.container_fix{width:1330px; padding:0 15px; margin:0 auto; max-width:100%; position:relative;}

/* 이미지 처리시 반응형*/
.container_img{overflow-x:hidden;}
@media (min-width:2000px){
	.container_img img{display:block; width:100%;}
}
@media (max-width:1900px){
	.container_img img{display:block; width:100%;}
}

/*body , html overflow-y*/
body, html{overflow-x:hidden;}

/*display:none block*/
.display_pc{display:block;}
.display_mobile{display:none;}
@media (max-width:991px){
	.display_pc{display:none;}
	.display_mobile{display:block;}
}

/*스크롤바 제어*/
html{scrollbar-3dLight-Color: #fff;  scrollbar-base-color: #fff; scrollbar-Face-Color: #fff; scrollbar-Track-Color: #f0f0f0; 
scrollbar-DarkShadow-Color: #fff; scrollbar-Highlight-Color: #fff;}
::-webkit-scrollbar {background:#fff; width:4px; float:left; position:absolute; left:0; height:5px;  border-radius:10px;}
::-webkit-scrollbar-button:start:decrement {display: block; height: 10px; background:#f0f0f0; background-position:center;}
::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#f0f0f0; background-position:center;}
::-webkit-scrollbar-button {background:transparent; color:#fff;}
::-webkit-scrollbar-track {background:#f5f5f5;}
::-webkit-scrollbar-thumb {height:50px; width:6px; border-radius:10px;} 

/*이미지맵 라인 제거*/
area, map{outline: none !important; text-decoration: none !important; border-radius: 0 !important;}

/*input, button, textarea, select css*/
input, button, textarea, select{outline:none; box-shadow:none; border-radius:0; border:1px solid #e5e5e5;}
input::placeholder, textarea::placeholder{color:#666;}

/*톱니바퀴 모양 클릭 시 가려지는 현상 제거*/
.p10{overflow:hidden;}

/*마진, 패딩 값 공통 조절*/
.margin_bottom{margin-bottom:60px;}
.margin_top{margin-top:60px;}
.padding_bottom{padding-bottom:60px;}
.padding_top{padding-top:60px;}

/*줄바꿈*/
span.w_br{display:block;}
span.m_br{display:none;}

/*강제 안보임 처리*/
aside#sidebar-btn{display:none;}

/*포인트 컬러 조정*/
a:hover, a:focus, a:active{color:#ff7f00; text-decoration:none;}
.main_text{color:#ff7f00;}
.main_bg{background:#ff7f00; border:1px solid #ff7f00; color:#fff;}
.main_btn{background:#ff7f00; color:#fff;}
.main_btn_border{border:1px solid #ff7f00 !important;}
.main_hover:hover{background:#ff7f00; color:#fff;}
.main_hover_border:hover{background:#ff7f00; border:1px solid #ff7f00; color:#fff;}

/*포인트 컬러 지정된 곳*/
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a, .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a,
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div a:hover,
.at-menu .pc-menu .all_menu .all_ul > .all_li:hover .all_a,
.index_cont06 .fix_review .review_info .review_star i, .item_detail .thema-color, .item_detail .item-head .price-sum span, 
.modal-box .modal-score i, .use-content .star-wrap.thema-color, .myinfo-wrap .quart-box .quart-description,
.board_style .list-board .list-body li > div a:hover, .board_style .list-board .list-body li > div a:focus, 
.board_style .list-board .list-body li > div a:active,
.review_list .media-info .fa-star, .review_list .media-info .fa-star-o,
.fix_category .list_sort .right_sort > a.on,
.review_modal .review_content .review_text_box .text_box_top .right_text .item_star,
.use_form_box .use_form_star .star_contents i{color:#ff7f00;}

.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a span:after, 
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a span:after,
.at-menu .m-menu .m-nav ul li.active a:after,
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active,
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span:after, .btn.btn-login, .register-form .regbtn-wrap .regbtn,
.regbtn-wrap #display_pay_button input,
.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active,
.review_modal .review_content .review_img_box .review_slider .slick-dots > li.slick-active{ background:#ff7f00;}

.index_cont04 .frame ul li.active, .m-review-panel .review-body > div .table-row .table-cell ul li.active:before,
.m-review-panel .review-body > div .table-row .table-cell ul li.active:after,
.item_detail .m-review-panel .review-body > div .table-row .table-cell ul li.active:before,
.item_detail .m-review-panel .review-body > div .table-row .table-cell ul li.active:after,
.password_confirm .confirm_input .confirm_btn_box .btn_confirm{background-color:#ff7f00;}

.cart-wrap .shop-btn:hover {border: 1px solid #ff7f00;background-color: #ff7f00;color: #fff;}
.simple_reviews .table-row .contents div input:checked + label{border: 0; background-color: #ff7f00; color:#fff;}
.btn.btn-color{border: 1px solid #ff7f00; background: #ff7f00;}
.password_confirm .btn_back > a{border-bottom:1px solid #ff7f00; color:#ff7f00;}
.item_detail .item_detail_tab .tabs ul.tabs-top li.on span{background:#ff7f00; color:#fff;}
.faq_box .div-panel .faq_a_content .faq_icon span{background:#ff7f00; border:1px solid #ff7f00;}
html{scrollbar-arrow-color: #ff7f00; scrollbar-Shadow-Color: #ff7f00}
::-webkit-scrollbar-thumb{background:#ff7f00;}

.ppay_wrap .ppay-box .order_price{color:#ff7f00}

@media (max-width:991px){
	.item_detail .item_detail_tab .tabs ul.tabs-top li.on span{color:#ff7f00;}
}

/*서브 컬러 조정*/
.black, .black *, .black a{color:#333;}
.light_grey, .light_grey *, .light_grey, .light_grey a{color:#999;}
.grey, .grey *, .grey a{color:#999;}
.sub_btn{background:#999; color:#fff;}
.sub_btn_border{border:1px solid #999;}
.black_btn{background:#333; color:#fff;}

/*이미 되어있는 부분들 강제로 정리*/
#sidebar-box .bg-navy, #sidebar-box .btn-navy{background-color:#ff7f00 !important; border-color:#ff7f00 !important;}
#sidebar-box .btn-group.btn-group-justified > a{border-color:#fff !important;}
.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:transparent !important;; border-color:transparent !important;}
#sidebar-box #sidebar-menu .sidebar-menu .ca-head.active > a, #sidebar-box #sidebar-menu .sidebar-menu .ca-sub li.on a{color:#ff7f00 !important; font-weight:500 !important;}
#sidebar-box #sidebar-menu .sidebar-menu a:hover, #sidebar-box #sidebar-user .sidebar-list a:hover{color:#ff7f00 !important;}
/*//이미 되어있는 부분들 강제로 정리*/


/********************************************************
■ //공통 부분 끝
********************************************************/


/********************************************************
■ 메인 페이지 시작
********************************************************/

/* html > page > top_top_banner.php 탑배너 부분 관리*/
#fs_topbanner{width:100%;}
#fs_topbanner .pc, #fs_topbanner .mobile{position:relative;}
#fs_topbanner .pc .bg, #fs_topbanner .mobile .bg{background-repeat:no-repeat; background-size:cover;}
#fs_topbanner .pc .tp_reject, #fs_topbanner .mobile .tp_reject{position:absolute; top:50%; transform:translateY(-50%); right:17.5%;}
#fs_topbanner .pc .tp_reject img, #fs_topbanner .mobile .tp_reject img{width:auto;}

/* html > thema > fivesense-basic > shop.head.php */

/*at_lnb*/
.at_lnb{width:100%;}
.at_lnb .left_lnb{float:left;}
.at_lnb > div > div > ul{list-style:none; text-align:left;}
.at_lnb > div > div > ul > li{display:inline-block; padding:0 8px; position:relative; height:30px; line-height:30px;}
.at_lnb > div > div > ul > li:first-child{padding: 0 8px 0 0;}
.at_lnb > div > div > ul > li:last-child{padding:0 0 0 8px;}
.at_lnb > div > div > ul > li:after{content:""; position:absolute; display:block; top:50%; transform:translateY(-50%); 
right:-2px; width:1px; height:15px; background:#ccc;}
.at_lnb > div > div > ul > li:last-child:after{display:none;}
.at_lnb > div > div > ul > li > a{font-size:13px; display:block;}
.at_lnb > div > div.right_lnb{float:right;}
.at_lnb > div > div.right_lnb > ul{list-style:none; text-align:right;}

/*pc_header*/
.pc_header{width:100%; padding:40px 0 30px;}
.pc_header .container_fix{display:table;}
.pc_header .container_fix > div{display:table-cell; vertical-align:middle;}
.pc_header .container_fix > div.logo_box{width:275px;}
.pc_header .container_fix > div.logo_box > a{display:inline-block;}
.pc_header .container_fix > div.search_box{width:calc(100% - 500px);}
.pc_header .container_fix > div.search_box > form{width:490px; max-width:100%; display:block;}
.pc_header .container_fix > div.search_box > form .header_search{width:100%; position:relative;}
.pc_header .container_fix > div.search_box > form .header_search input{width:100%; display:block; border:0; border-bottom:2px solid #222222;
color:#333; font-size:18px; height:50px; line-height:50px;}
.pc_header .container_fix > div.search_box > form .header_search button{position:absolute; right:10px; top:50%; transform:translateY(-50%);
background:none; border:0;}
.pc_header .container_fix > div.header_icon_box{width:350px;}
.pc_header .container_fix > div.header_icon_box > ul{list-style:none; text-align:right;}
.pc_header .container_fix > div.header_icon_box > ul li{display:inline-block; text-align:center; padding:0 14px;}
.pc_header .container_fix > div.header_icon_box > ul li:first-child{padding:0 14px 0 0;}
.pc_header .container_fix > div.header_icon_box > ul li:last-child{padding:0 0 0 14px;}
.pc_header .container_fix > div.header_icon_box > ul li img{display:block; margin:0 auto;}
.pc_header .container_fix > div.header_icon_box > ul li p{font-size:15px; margin-top:7px;}

/*menu | html > thema > fivesense-basic > menu.php 배분형 기준*/
.at-menu{width:100%; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#fff;}
.at-menu .pc-menu{background:none; box-shadow:none; -webkit-box-shadow:none;}
.at-menu .pc-menu .nav-top{padding:0 15px;}
.at-menu .pc-menu .nav-top ul{list-style:none;}
.at-menu .pc-menu .nav-top.nav-both .menu-a{background:none; color:#333; font-weight:500; font-size:19px;}
.at-menu .pc-menu .nav-top .menu-li:hover .menu-a, .at-menu .pc-menu .nav-top .menu-li.on .menu-a{background:none;}
.at-menu .pc-menu .nav-top .menu-li.all_menu_btn > a{display:block; width:61px; height:61px; text-align:center; position:relative; padding:0 !important;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li{display:inline-block; position:relative; z-index:1;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-child{margin-right:22px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a{display:block; padding:0 22px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1div{position:absolute; left:50%; transform:translateX(-50%); border:1px solid #e5e5e5; top:76px;
width:170px; text-align:center; box-shadow:none; -webkit-box-shadow:none;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.last_li .sub-1div{width:130px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a span{position:relative;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.on > a span:after,
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:hover > a span:after{left:50%; transform:translateX(-50%); bottom:-5px; content:""; position:absolute; width:100%; height:1px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da{padding:0; font-size:14px; display:block; padding:10px;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1dli:last-child .sub-1da{border-bottom:0;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li .sub-1da:hover{background:#666; color:#fff; border-bottom:1px solid #666;}
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li.last_li{float:right; width:130px; border-left:1px solid #d7d7d7;
border-right:1px solid #d7d7d7; padding:0; }
.at-menu .pc-menu .all_menu{width:100%; background:#fff; border:1px solid #d7d7d7; position:absolute; display:none; top:76px;}
.at-menu .pc-menu .all_menu .all_ul{list-style:none; overflow:hidden; padding:40px 40px 0 40px;}
.at-menu .pc-menu .all_menu .all_ul > .all_li{width:23%; float:left; text-align:center; height:200px; margin-right:2.666666666667%;}
.at-menu .pc-menu .all_menu .all_ul > .all_li:nth-child(4n){margin-right:0;}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_a{display:block; font-size:16px; font-weight:500; border-bottom:1px solid #333;
padding-bottom:10px; margin-bottom:5px;}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div{}
.at-menu .pc-menu .all_menu .all_ul > .all_li > .all_sub_div a{display:block; padding:5px; color:#666; font-size:14px;}

/*메인 슬라이더 html > thema > fivesense-basic > main > main-shop-basic-wide.php || html > thema > fivesense-basic > widget > miso-title-map.php */
.index_cont01{margin-top:20px;}
.map_btn_box{width:100%; position:relative; height:40px; text-align:right; margin:20px auto;}
.map_btn_box .map_paging{font-size:14px; color:#999; display:inline-block; height:40px; line-height:40px; vertical-align:top;
margin-right:15px;}
.map_btn_box .map_paging > span{color:#222} 
.map_btn_box .map_btn{position:relative; width:80px; height:40px; display:inline-block;}
.map_btn_box .map_btn .carousel-control{display:block; width:50%; height:100%; opacity:1;}
.map_btn_box .map_btn .carousel-control .glyphicon{position:static; width:100%; height:100%; margin:0; border:1px solid #d7d7d7;}
.map_btn_box .map_btn .carousel-control .glyphicon-chevron-right{border-left:0;}

/*메인페이지 텍스트*/
.main_text_box{margin-bottom:50px; text-align:center}
.main_text_box h2{position:relative; margin-bottom:20px; font-weight:600; font-size:28px; color:#222}
.main_text_box h2:after{display:block; content:""; position:absolute; top:50%; left:0; width:100%; height:1px; border-bottom: 1px dashed #999;}
.main_text_box h2 span{display:inline-block; position:relative; z-index:1; padding:0 60px; background-color:#fff}
.main_text_box p{font-size:18px; line-height:1.8; color:#666}
/*
.main_con .btn_box{text-align:center}
.main_con .btn_box .btn_more{display:inline-block; margin-top:60px; padding:0 83px; border:2px solid #fff}
.main_con .btn_box .btn_more > span{display:inline-block; font-weight:500; font-size:20px; line-height:61px; color:#fff}
*/

/*샵페이지 공통 부분 || 추천테마*/
.shop_container.shop_basic{}
.shop_container.shop_basic .item-list{border:0;}
.shop_container.shop_basic .item-content{padding:0; padding-top:17px; height:auto !important; text-align:left;}
.shop_container.shop_basic .item-icon{position:relative; left:auto; top:auto; margin-bottom:5px;}
.shop_container.shop_basic .item-icon img{margin-right:5px; margin-bottom:5px; display:inline-block;}
.shop_container.shop_basic .item-content strong{font-size:16px; color:#666666;}
.shop_container.shop_basic .item-price b .font-18{font-size:22px; color:#333;}
.shop_container.shop_basic .item_price_box{width:100%; margin-top:5px;}
.shop_container.shop_basic .item_price_box .sale_cont{display:inline-block; margin-right:5px;}
.shop_container.shop_basic .item_price_box .sale_cont span{font-size:16px; display:none;}
.shop_container.shop_basic .item_price_box .sale_cont strike{font-size:14px;}
.shop_container.shop_basic .item_price_box > h5{font-size:16px; color:#333333; display:inline-block;}
.shop_container.shop_basic .item_price_box > h5 span{font-weight:600; font-size:22px;}
.shop_container.shop_basic .item-content .item-desc{display:none;}
.shop_container .item-info, .shop_container .labe