/*
	CSS : header
*/

/* at-lnb */
.at-lnb .pull-right > ul > li > a {color:#999; font-size:13px; font-weight:400;}
.at-lnb .pull-right > ul > li.int-icon > a {color:#666;}
.at-lnb .pull-right > ul > li.int-icon::after {color:#666;}

/*header 전체적인 틀*/
.pc-header .at-container {display: table;width: 100%;}
.pc-header .at-container .table-css {display: table-cell;vertical-align: middle;}
.pc-header .at-container .right-box,
.pc-header .at-container .left-box {width: 22.9%;}
.pc-header .at-container .right-box .form{width: 260px;}
.pc-header .at-container .left-box {text-align: left;}
.pc-header .at-container .center-box {width: 60%;}
.pc-header .at-container .center-box div{width: 217px; margin: auto;}

/*검색부분*/
.pc-header .at-container .right-box .input-group {border: 3px solid #dcdcdc;border-radius: 50px;}
.pc-header .at-container .right-box .input-group .form-control {border: none;box-shadow: none;background: transparent; font-size: 16px;}
.pc-header .at-container .right-box .input-group .btn {background: transparent;}
.pc-header .at-container .right-box .input-group .btn i {vertical-align: top;margin-top: 2px;color:#5a5250; font-size: 19px; margin-right: 5px;}

/*메뉴 좌측의 카테고리*/
.all_menu {position: absolute;left: 0;top: 53px;border: 1px solid #ddd;display: none;}
.menu-li_left {width: 200px;height: 50px;line-height: 50px;background-color: #fff;padding-left: 25px;font-size: 16px;border-bottom: 1px solid #ddd;position: relative;}
.menu-li_left:last-child {border: none;}
.menu-li_left:hover {background-color: #ff4900;}
.menu-li_left a {display: block;}
.menu-li_left:hover a {color: #fff;}
.icon_menu {display: inline-block;float: right;padding-right: 25px;}

.menu-li_left .sub-slide {position: absolute;right: -200px;background-color: #fff;top: -1px;padding-left: 30px;width: 200px;height: 170px;border: 1px solid #ddd;display: none;z-index: 10;}
.menu-li_left .sub-slide .sub-1dli {height: 30px;}
.menu-li_left .sub-slide a {color: #333;}
.menu-li_left .sub-slide a:hover {color: #ff4900;font-weight: bold;}

/*메뉴 좌측의 카테고리*/
.left_menu {width:55px;height: 53px;line-height: 50px;color: #333;font-size: 18px;text-align: left;cursor: pointer;z-index: 11;float: left;position: relative; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; box-sizing:border-box; text-align: center;}
.left_menu img {}
.all_menu ul.all_menu_ul {overflow: hidden;height: inherit}
.all_menu ul.all_menu_ul > li {width: 25%;float: left;padding: 30px;border-right: 1px solid #ddd;height: inherit;}
.all_menu ul.all_menu_ul > li:last-child {border-right: none;}
.all_menu ul.all_menu_ul > li .sub-title {font-size: 16px;font-weight: bold;margin-bottom: 19px;}
.all_menu ul.all_menu_ul > li a {font-size: 12px;display: block;}
.icon_menu {display: inline-block;float: right;padding-right: 25px;}
.menu_img {position: absolute;bottom: 0;}

/* 서브메뉴 위치표시 */
.amina-header {padding:10px 0;background:#f7f7f7;}
.vs-box .vs-title .close-bt {float: right;}
.img-box img {width: 100%;}

.more-view {display: none;width: 100%;padding: 10px 0; background-color: #ff4900;position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%;color: #fff;text-align: center;font-size: 16px;}
.item-image:hover .more-view {display: block; z-index:1;}
.best-item .item-image:hover .more-view {display: none !important;}

/* 레이어 팝업 */
#comparechoicebox {position: fixed;bottom: -100px;left: 35%;border: 1px solid #ddd; border-top: 0 none;z-index: 10;opacity: 0;transition: 1s;}
#comparechoicebox.show {opacity: 1;bottom: 0;}
.popup_01 h2 {color: #FFF;background-color: #ff4900;width: 500px;height: 50px;line-height: 50px !important;vertical-align: middle;margin: 0;padding: 0 30px;font-size: 24px;}
.popup_01 .compareitemguide {padding: 20px;background-color: #F7F7F7;}
.compareitemlist {overflow: hidden;vertical-align: middle;}
.compareitemlist ul {list-style: none;margin: 0;padding: 0 0 0 0;}
.compareitemlist li {padding: 0;float: left;position: relative;margin-right: 10px;width: 100px;}
.compareitemlist > li {width: 340px;height: 100px;}
.compareitemlist li ul li {margin: 0 10px 0 0;float: left;position: relative;background-color: #FFF;width: 100px;height: 100px;}
.compareitemlist li .cloes-phon {position: absolute;right: 0;font-size: 12px;background-color: #333;color: #fff;border-radius: 100%;width: 20px;height: 20px;text-align: center;line-height: 20px;cursor: pointer;}
.popup_01 .closebtn {cursor: pointer;float: right;}
.comparestartbtn {
color: #ffffff;
border: solid 1px #ff4900;
background: #ff4900;
display: inline-block;
vertical-align: middle;
outline: none;
cursor: pointer;
font-size: 16px;
text-align: center;
text-decoration: none;
width: 120px;
height: 60px;
margin-top: 20px;
}
.compareitemlist img {height: 100px;display:block;margin:0 auto;}

.vs-box {position: fixed; left: 50%;top:50%;width: 100%;max-width: 800px;z-index: 10;display: none;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);}
.vs-title {background-color: #ff4900;color: #fff;font-size: 26px;padding: 15px;width: 100%;text-align: center;}

.vs-box .phon-wrap {padding: 0;}
.vs-box .left-box {background-color: #f5f5f5;width: 20%;float: left;}
.vs-box .right-box {width: 80%;float: left;position: relative;display: table;}
.vs-box .left-box > div,
.vs-box .right-box > div {font-size: 14px;border-bottom: 1px solid #ddd; height:55px; padding: 10px;text-align: center;}

.vs-box .right-box > div {display: table-cell;width: 33.333%;}
.vs-box .right-box > div > div {font-size: 14px;border-bottom: 1px solid #ddd; height: 55px; padding: 10px;}
.vs-box .left-box > div {display: flex;justify-content: center;align-items: center; height:55px; }
.vs-box .left-box > div:nth-child(1),
.vs-box .right-box > div > div:nth-child(1) {height: 250px;position: relative;text-align: center;}
.vs-box .right-box .data-box {overflow-y:scroll !important;}
.phon-wrap {height: auto!important;padding: 0!important;}
.phon-wrap select { text-align: center  !important; text-align-last: center !important;}
/* .data-box {overflow-y: scroll;} */

.form-box:after {display: block;content: '';clear: both;}
.input-box {width: 100%;height: 35px;}
.phon-box .img-box {width: 90px;text-align: center;margin: 0 auto;}
.ca-box {position: absolute;left: 10px;top: 10px;}
.apply-box {width: 140px;height: 30px;line-height: 30px;display: inline-block;text-align: center;color: #fff!important;background-color: #ff4900;margin-top: 10px;margin-right: 10px;}
.box-bg {position: fixed;width: 100%;height: 100vh;background-color: rgba(0,0,0,0.5);top: 0;display: none;z-index: 10;left: 0;}

.pc-menu {background-color: #fff;}
.pc-menu.on {position: fixed;top: 0;width: 100%;left: 0;}
.pc-menu .nav-top.nav-float .menu-li:nth-child(4) .menu-a >img,
.pc-menu .nav-right {transition: 0.4s;}
.pc-menu.on .nav-top.nav-float .menu-li:nth-child(4) .menu-a >img,
.pc-menu.on .nav-right .reserve2 {opacity: 0;}

.at-body {max-width: 1200px;margin: 0 auto;}

/*관리자 메뉴*/
.at-lnb ul > li.script_menu {position: relative;}
.at-lnb ul > li.script_menu .adm_menu {position: absolute;width: 109px;left: 0;background: #f2f2f2;display: none;top: 35px;}
.at-lnb ul > li.script_menu .adm_menu a {display: block;margin: 5px 0;}

@media (max-width:1919px) {
	/* .vs-box {height: 90vh;overflow-y: scroll;} */
}
@media (max-width:1300px) { 
	/* .pc-header .at-container {padding: 0 10px;} */
}
@media (max-width:991px) {
	.amina-header{margin-top: 66px; padding-left:10px; padding-right:10px;}
/* 	.at-body{padding:0 10px;} */
	.m-icon .fa-bars{font-size: 27px; vertical-align:middle;}
}
@media (max-width:767px) { 
    .box-bg,.vs-box,#comparechoicebox {display: none!important;}
}