@charset "UTF-8";
/* 폰트 */
@import url('https://webfontworld.github.io/TheJamsil/TheJamsil.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css');
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('../font/Pretendard-Bold.woff');
}
@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('Pretendard-ExtraBold.woff');
}
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('../font/Pretendard-ExtraLight.woff');
}
@font-face {
    font-family: 'Pretendard-Light';
    src: url('../font/Pretendard-Light.woff');
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('../font/Pretendard-Medium.woff');
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('../font/Pretendard-Regular.woff');
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('../font/Pretendard-SemiBold.woff');
}
@font-face {
    font-family: 'Pretendard-Pretendard-Thin';
    src: url('../font/Pretendard-Thin.woff');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 400;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'),
        url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'),
        url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 700;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'),
        url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'),
        url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 300;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'),
        url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'),
        url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}
.nanumbarungothic * {
    font-family: 'NanumBarunGothic', sans-serif;
}

/* 컨테이너 */
.at-wrapper.main .container_fix {
    width: 1630px !important;
}

.container_fix.header {
    width: 1630px !important;
}

.text-center .pagination li:first-child a,
.text-center .pagination-sm li a {
    font-family: inherit !important;
}

.at_go.at-go .go-btn {
    width: 82px;
    height: 82px;
    background: transparent;
    line-height: 130px;
    display: block;
    bottom: unset;
    right: unset;
}
@media (max-width: 991px) {
    .at_go.at-go .go-btn {
        width: 45px;
        height: 45px;
        line-height: unset;
        position: relative;
    }
    .at_go.at-go .go-btn img {
        display: block;
        width: 100%;
        height: 100%;
    }
}

.quick-menu {
    position: fixed;
    bottom: 150px;
    right: 50px;
    z-index: 999;
}
@media (max-width: 991px) {
    .quick-menu {
        right: 15px;
        bottom: 25px;
    }
}
.quick-menu ul {
    border: 1px solid #eeeeee;
    border-radius: 50px;
    width: 80px;
    height: 440px;
    padding: 0 10px;
    position: relative;
    padding-top: 80px;
    margin-bottom: 0px;
    background-color: white;
}
@media (max-width: 991px) {
    .quick-menu ul {
        background-color: transparent;
        border-radius: 0;
        padding: 0;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: 45px;
        border: 0px solid transparent;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6px;
    }
	.quick-menu ul li{
        height: 45px;
        width: 45px;
        padding: 0;
	}
    .quick-menu ul li:not(.btn) {
        display: none;
    }
    .quick-menu ul.open li {
        display: block !important;
    }
    .quick-menu ul.open li.btn img {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.1s;
        transition: all 0.1s;
    }
}
.quick-menu ul span.icon {
    background-color: #e86d26;
    -webkit-box-shadow: 3px 3px 8px 8px rgba(232, 109, 38, 0.1019607843);
    box-shadow: 3px 3px 8px 8px rgba(232, 109, 38, 0.1019607843);
    border-radius: 100%;
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.quick-menu ul li:not(:nth-of-type(1)) {
    height: 100px;
}
@media (max-width: 991px) {
    .quick-menu ul li a {
        width: 100%;
        height: 100%;
        display: block !important;
    }
    .quick-menu ul li a img {
        width: 100% !important;
        height: 100% !important;
        margin: unset !important;
    }
	.quick-menu ul li:not(:nth-of-type(1)) {
		height: 45px;
	}
    .quick-menu ul li.btn {
        background-color: #ee610a;
        border-radius: 100% !important;
    }
    .quick-menu ul li.btn a {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .quick-menu ul li.btn a img {
        display: block;
        width: 13px !important;
        height: 13px !important;
        -webkit-transition: all 0.1s;
        transition: all 0.1s;
    }
}
.quick-menu ul li + li {
    border-top: 1px solid #eee;
}
@media (max-width: 991px) {
    .quick-menu ul li + li {
        border-top: 0px solid transparent;
    }
}
.quick-menu ul li:nth-of-type(1) {
    height: 50px;
}
@media (max-width: 991px) {
    .quick-menu ul li:nth-of-type(1) {
        height: unset;
    }
}
.quick-menu ul li:nth-of-type(1) a {
    padding-top: 0px;
}
.quick-menu ul li:not(:nth-of-type(1)) a {
    padding-top: 15px;
}
@media (max-width: 991px) {
    .quick-menu ul li:not(:nth-of-type(1)) a {
        padding-top: unset;
    }
}
.quick-menu ul li:nth-of-type(3) a,
.quick-menu ul li:nth-of-type(4) a {
    padding-top: 15px;
}
@media (max-width: 991px) {
    .quick-menu ul li:nth-of-type(3) a,
    .quick-menu ul li:nth-of-type(4) a {
        padding-top: unset;
    }
}
.quick-menu ul li a {
    font-size: 14px;
    color: #222222;
    font-family: 'Pretendard';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.quick-menu ul li a.kakao img {
    width: 43px;
}
.quick-menu ul li a span {
    margin-top: 10px;
}

.links {
    background-color: #f9f9f9;
    border-top: 1px solid #e1e1e1;
}
.links .container_fix {
    padding: 18px 15px;
}
.links .container_fix .fix_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}
.links .container_fix .fix_links li + li {
    position: relative;
}
.links .container_fix .fix_links li + li::after {
    display: block;
    width: 1px;
    height: 11px;
    background-color: #d9d9d9;
    position: absolute;
    top: 2px;
    left: -20px;
    content: '';
}
.links .container_fix .fix_links li a {
    font-size: 14px;
    color: #666;
    font-family: 'Pretendard';
}
@media (max-width: 991px) {
    .links .container_fix .fix_links li a {
        font-size: 12.5px;
    }
}

.fix-footer.fix_footer {
    background-color: #f9f9f9;
    margin-top: 0;
    padding: 53px 0 70px 0;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer {
        padding: 38px 0 0 0;
        border-top: 1px solid #e1e1e1;
    }
}
.fix-footer.fix_footer:not(i) {
    font-family: 'Pretendard';
}
@media (max-width: 991px) {
    .fix-footer.fix_footer {
        background: #f9f9f9;
    }
}
.fix-footer.fix_footer > .container_fix {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer > .container_fix > div {
        padding-bottom: 35px;
        position: relative;
        width: 100%;
    }
    .fix-footer.fix_footer > .container_fix > div:not(:first-of-type)::after {
        display: block;
        width: calc(100% + 30px);
        top: 0px;
        left: -15px;
        content: '';
        position: absolute;
        background-color: #e1e1e1;
        height: 1px;
    }
    .fix-footer.fix_footer > .container_fix > div + div {
        padding-top: 35px;
    }
}
.fix-footer.fix_footer .ft_service {
    margin-left: 0;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_service {
        margin-top: 25px;
    }
}
.fix-footer.fix_footer .ft_service p.tel {
    font-weight: 700;
    font-size: 30px;
    color: #333333;
    margin-top: 25px;
    font-family: 'Pretendard';
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_service p.tel {
        font-size: 26px;
        margin: 0;
    }
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_service .time_box {
        margin-top: 20px;
    }
}
.fix-footer.fix_footer .ft_service .time_box * {
    font-size: 13px;
    color: #888888;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_service .time_box * {
        font-size: 12.5px;
    }
}
.fix-footer.fix_footer .ft_service .time_box span {
    font-weight: 400;
}
.fix-footer.fix_footer .ft_service .btn_box {
    margin-top: 20px;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_service .btn_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 5.5px;
    }
}
.fix-footer.fix_footer .ft_service .btn_box a.btn_service {
    background: #f1f1f1;
    padding: 0px;
    width: 170px;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_service .btn_box a.btn_service {
        width: 50%;
    }
}
.fix-footer.fix_footer .ft_service .btn_box a.btn_service span {
    font-size: 12px;
    color: #666666;
    line-height: 30px;
    width: 100%;
    text-align: center;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_service .btn_box a.btn_service span {
        line-height: 35px;
    }
}
.fix-footer.fix_footer .ft_service .btn_box a.btn_service span img {
    margin-right: 5px;
}
.fix-footer.fix_footer h5.tit {
    font-size: 18px;
    color: #222;
    font-family: 'Pretendard';
    font-weight: 700;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer h5.tit {
        font-size: 16px;
    }
}
.fix-footer.fix_footer .ft_box02 .ft_info {
    float: none;
}
.fix-footer.fix_footer .ft_box02 .ft_info .info_ul * {
    color: #888888;
    font-size: 13px;
    font-family: 'Pretendard';
    font-weight: 400;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_box02 .ft_info .info_ul * {
        font-size: 12px;
    }
}
.fix-footer.fix_footer .ft_box02 .ft_info .info_ul.top {
    margin-top: 27px;
    margin-bottom: 23px;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_box02 .ft_info .info_ul.top {
        margin-top: 23px;
        margin-bottom: 6px;
    }
}
.fix-footer.fix_footer .ft_box02 .fix_infos_box {
    padding: 0;
}
.fix-footer.fix_footer .ft_box02 h4 {
    font-size: 13px;
    color: #888888;
    font-family: 'Pretendard';
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_box02 h4 {
        font-size: 11.5px;
        margin-top: 20px;
    }
}
.fix-footer.fix_footer .ft_box03 .account-box {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 19px 23px;
    margin-top: 27px;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_box03 .account-box {
        border: 0px solid transparent;
        padding: 0;
    }
}
.fix-footer.fix_footer .ft_box03 .account-box * {
    font-size: 13px;
    color: #444;
    font-family: 'Pretendard';
}
.fix-footer.fix_footer .ft_box03 .account-box ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.fix-footer.fix_footer .ft_box03 .account-box ul li span {
    width: 80px;
}
.fix-footer.fix_footer .ft_box03 .account-box ul li + li {
    margin-top: 12px;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_box03 .account-box ul li + li {
        margin-top: 6px;
    }
}
.fix-footer.fix_footer .ft_box04 ul {
    margin-top: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px;
}
@media (max-width: 991px) {
    .fix-footer.fix_footer .ft_box04 ul {
        margin-top: 0;
    }
}

/* 헤더 */
.at-header.at_header {
    display: none;
}
@media (max-width: 991px) {
    .at-header.at_header {
        display: block;
    }
}
.tnb{border-bottom:1px solid #e4e4e4;}
.tnb ul{display:flex;justify-content:end;padding:10px 0;gap:15px;}
.tnb ul li{display:flex;gap:15px;}
.tnb ul li:not(:first-child):before{width:1px;height:10px;background:#a9a9a9;content:"";display:block;}
.at-menu.at_menu {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
}
.at-menu.at_menu.scroll-hidden {
    position: relative;
}
.at-menu.at_menu .pc-menu {
    height: 100px;
}
.at-menu.at_menu .pc-menu .sub-icon::after {
    display: none !important;
}
.at-menu.at_menu .pc-menu .nav-visible {
    height: 100%;
}
.at-menu.at_menu .pc-menu .nav-visible > .container_fix {
    height: 100%;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative;
    padding: 0;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .lnb_box {
    height: 100%;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .lnb_box .lnb_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 38px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .lnb_box .lnb_list > li {
	text-align:Center;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .lnb_box .lnb_list > li a:hover{
	color:#000;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .lnb_box .lnb_list > li img{
	height:23px;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .lnb_box .lnb_list > li p{
	padding-top:10px;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .lnb_box .lnb_list > li.search_btn{
	color:#e86d26;
	cursor:pointer;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .lnb_box li.lang {
    position: relative;
	cursor:pointer;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .lnb_box li.lang:hover ul {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .lnb_box li.lang ul {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    padding: 12px 20px;
    position: absolute;
    top: 110%;
    background-color: #e86d26;
    border-radius: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .lnb_box li.lang ul li {
    line-height: 1.8;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .lnb_box li.lang ul a {
    color: white;
    text-align: center;
    font-size: 15px;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .nav-height {
    line-height: 100px !important;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .sub-2div {
    display: none !important;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .menu-ul {
    height: 100%;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .menu-ul li {
    height: 100%;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .menu-ul li a {
    height: 100%;
    font-family: 'Pretendard';
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .menu-ul li a span {
    height: 100%;
    font-family: 'Pretendard';
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .menu-ul li .sub-1div {
    border: 0px solid transparent;
    border-radius: 15px;
    background: #e86d26;
    padding: 18px 10px;
    z-index: 999;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .menu-ul li .sub-1div li a {
    color: #fedcc2;
    border-bottom: 0px solid transparent;
    padding: 5px 0px;
    word-break: keep-all;
    font-family: 'Pretendard';
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .menu-ul li .sub-1div .sub-1da:hover {
    background-color: transparent;
    border-radius: initial;
    border-bottom: 0px solid transparent;
}
.at-menu.at_menu .pc-menu .nav-visible .nav-top .menu-ul li .sub-1div .sub-1da:hover li a {
    color: white;
}

.m_header {
    padding: 14px 0 !important;
}
.m_header .container_fix .right_menu .right_list li.lang-drop img {
    width: 20px;
    height: 20px;
}
.m_header .container_fix .right_menu .right_list li.search img {
    width: 20px;
    height: 19px;
}
.m_header .container_fix .right_menu .right_list li.mcategory_f img {
    width: 21px;
    height: 19.5px !important;
}

/******************************************
메인시작
*******************************************/
.layout.container_fix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.27%;
    width: 1630px;
}
@media (max-width: 991px) {
    .layout.container_fix {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }
}
.layout.container_fix .left-box {
    width: 84.4%;
    border-radius: 30px;
    overflow: hidden;
}
@media (max-width: 991px) {
    .layout.container_fix .left-box {
        width: 100%;
        border-radius: unset;
    }
}
.layout.container_fix .right-box {
    width: 15.625%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 991px) {
    .layout.container_fix .right-box {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.layout.container_fix .right-box .mini-banner {
    border-radius: 20px;
    overflow: hidden;
}

h2.sec-tit {
    font-size: 50px;
    color: #222;
    font-family: 'Pretendard' !important;
    margin-bottom: 40px;
    font-weight: 600;
}
@media (max-width: 991px) {
    h2.sec-tit {
        font-size: 30px;
        margin-bottom: 30px;
    }
}

.products {
    margin-top: 160px;
}
@media (max-width: 991px) {
    .products {
        margin-top: 75px;
    }
}
.products .up-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
@media (max-width: 991px) {
    .products .up-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.products .up-box .product-box {
    width: 50%;
    background-color: #f7f7f7;
    border-radius: 25px;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}
.products .up-box .product-box > a {
    display: block;
}
.products .up-box .product-box img {
    display: block;
    /*margin-left: 10px;*/
}
@media (max-width: 991px) {
    .products .up-box .product-box img {
        margin-left: 0 !important;
    }
}
.products .up-box .product-box img.hover {
    display: none;
}
.products .up-box .product-box img.black {
    display: block;
}
.products .up-box .product-box:hover img.hover {
    display: block;
}
.products .up-box .product-box:hover img.black {
    display: none;
}
@media (max-width: 991px) {
    .products .up-box .product-box {
        width: 100%;
        padding: 25px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.products .up-box .product-box .txts span {
    font-size: 14px;
    color: #999999;
    font-family: 'Pretendard';
}
@media (max-width: 991px) {
    .products .up-box .product-box .txts span {
        font-size: 11.5px;
        word-break: keep-all;
    }
}
.products .up-box .product-box .txts h5 {
    font-size: 28px;
    font-family: 'Pretendard';
    color: #222222;
    font-weight: 600;
    margin: 20px 0 40px 0;
}
@media (max-width: 991px) {
    .products .up-box .product-box .txts h5 {
        font-size: 18.5px;
        word-break: keep-all;
        line-height: 1.2;
    }
}
.products .up-box .product-box .txts a {
    font-family: 'Pretendard';
    font-size: 16px;
    color: #222222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
@media (max-width: 991px) {
    .products .up-box .product-box .txts a {
        font-size: 0px;
        gap: 0;
    }
}
.products .up-box .product-box > a > img {
    width: 121px;
    height: 121px;
}
@media (max-width: 991px) {
    .products .up-box .product-box > a > img {
        width: 75px;
        height: 75px;
    }
}
.products .up-box .product-box:hover img.hover {
    display: block;
}
.products .up-box .product-box:hover img.black {
    display: none;
}
.products .bottom-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
@media (max-width: 991px) {
    .products .bottom-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.products .bottom-box .product-box {
    width: 33.33%;
    background-color: #f9f9f9;
    border-radius: 25px;
    padding: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .products .bottom-box .product-box {
        width: 100%;
        padding: 25px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.products .bottom-box .product-box img {
    display: block;
    /*margin-left: 10px;*/
}
@media (max-width: 991px) {
    .products .bottom-box .product-box img {
        margin-left: 0 !important;
    }
}
.products .bottom-box .product-box img.hover {
    display: none;
}
.products .bottom-box .product-box img.black {
    display: block;
}
.products .bottom-box .product-box:hover img.hover {
    display: block;
}
.products .bottom-box .product-box:hover img.black {
    display: none;
}
.products .bottom-box .product-box .txts span {
    font-size: 14px;
    color: #999999;
    font-family: 'Pretendard';
}
@media (max-width: 991px) {
    .products .bottom-box .product-box .txts span {
        font-size: 11.5px;
        word-break: keep-all;
    }
}
.products .bottom-box .product-box .txts h5 {
    font-size: 28px;
    font-family: 'Pretendard';
    color: #222222;
    font-weight: 600;
    margin: 20px 0 40px 0;
}
@media (max-width: 991px) {
    .products .bottom-box .product-box .txts h5 {
        font-size: 18.5px;
        word-break: keep-all;
        line-height: 1.2;
    }
}
.products .bottom-box .product-box .txts a {
    font-family: 'Pretendard';
    font-size: 16px;
    color: #222222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
@media (max-width: 991px) {
    .products .bottom-box .product-box .txts a {
        font-size: 0px;
        gap: 0;
    }
}
.products .bottom-box .product-box > a > img {
    width: 121px;
    height: 121px;
}
@media (max-width: 991px) {
    .products .bottom-box .product-box > a > img {
        width: 75px;
        height: 75px;
    }
}
.products .bottom-box .product-box:hover img.hover {
    display: block;
}
.products .bottom-box .product-box:hover img.black {
    display: none;
}

.container_fix.help {
    margin-top: 160px;
}
@media (max-width: 991px) {
    .container_fix.help {
        margin-top: 40px;
    }
    .container_fix.help h2.sec-tit {
        font-size: 22.5px;
    }
}
.container_fix.help .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
@media (max-width: 991px) {
    .container_fix.help .layout {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }
}
.container_fix.help .layout > div {
    width: 50%;
}
@media (max-width: 991px) {
    .container_fix.help .layout > div {
        width: 100%;
    }
}
.container_fix.help .layout > div.left-box {
    background-color: #f7f7f7;
    border-radius: 25px;
    padding: 100px 60px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
@media (max-width: 1630px) {
    .container_fix.help .layout > div.left-box {
        width: 100%;
    }
}
.container_fix.help .layout > div.left-box .banner-box {
    display: -webkit-box;
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-pack: justify; */
    /*-ms-flex-pack: justify;*/
    /*justify-content: space-between;*/
    -webkit-box-align: end;
    /*-ms-flex-align: end;*/
    /*align-items: flex-end;*/
}
@media (max-width: 991px) {
    .container_fix.help .layout > div.left-box .banner-box {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.container_fix.help .layout > div.left-box .banner-box > img {
    /*margin-top: 60px; */
    margin-right: 80px;
    width: 80px;
}

@media (max-width: 991px) {
    .container_fix.help .layout > div.left-box .banner-box > img {
        margin-top: -10px;
        max-width: 87.5px;
    }
}
@media (max-width: 991px) {
    .container_fix.help .layout > div.left-box .banner-box .txts {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .container_fix.help .layout > div.left-box {
        padding: 30px 25px;
    }
}
.container_fix.help .layout > div.left-box h5 {
    font-size: 28px;
    color: #000;
    font-family: 'Pretendard';
    font-weight: 600;
    margin-bottom: 40px;
}
@media (max-width: 991px) {
    .container_fix.help .layout > div.left-box h5 {
        font-size: 19px;
        line-height: 1.2;
        margin-bottom: 22.5px;
    }
}
.container_fix.help .layout > div.left-box a {
    font-size: 18px;
    color: #000;
    font-family: 'Pretendard';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
@media (max-width: 991px) {
    .container_fix.help .layout > div.left-box a {
        font-size: 12px;
    }
    .container_fix.help .layout > div.left-box a img {
        width: 20px;
        height: 20px;
    }
}
.container_fix.help .layout > div.left-box a .black {
    display: block;
}
.container_fix.help .layout > div.left-box a .hover {
    display: none;
}
.container_fix.help .layout > div.left-box a:hover .black {
    display: none;
}
.container_fix.help .layout > div.left-box a:hover .hover {
    display: block;
}
.container_fix.help .layout > div.right-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 991px) {
    .container_fix.help .layout > div.right-box {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 15px;
    }
}
.container_fix.help .layout > div.right-box > div {
    border-radius: 25px;
    background-color: #f7f7f7;
    padding: 33px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991px) {
    .container_fix.help .layout > div.right-box > div {
        width: 50%;
        padding: 25px;
    }
}
.container_fix.help .layout > div.right-box > div .txts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.container_fix.help .layout > div.right-box > div .txts h5 {
    font-size: 28px;
    color: #222;
    font-family: 'Pretendard';
    font-weight: 600;
}
@media (max-width: 991px) {
    .container_fix.help .layout > div.right-box > div .txts h5 {
        font-size: 11.5px;
    }
}
.container_fix.help .layout > div.right-box > div a {
    font-size: 16px;
    color: #222;
    font-family: 'Pretendard';
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
@media (max-width: 991px) {
    .container_fix.help .layout > div.right-box > div a {
        font-size: 0px;
    }
}
@media (max-width: 991px) {
    .container_fix.help .layout > div.right-box > div a img {
        width: 20px;
        height: 20px;
    }
}
.container_fix.help .layout > div.right-box > div a .black {
    display: block;
}
.container_fix.help .layout > div.right-box > div a .hover {
    display: none;
}
.container_fix.help .layout > div.right-box > div a:hover .black {
    display: none;
}
.container_fix.help .layout > div.right-box > div a:hover .hover {
    display: block;
}

@-webkit-keyframes backgroundAnimateLeft {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -10000px 0;
    }
}

@keyframes backgroundAnimateLeft {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -10000px 0;
    }
}
@-webkit-keyframes backgroundAnimateRight {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 10000px 0;
    }
}
@keyframes backgroundAnimateRight {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 10000px 0;
    }
}
.brand {
    z-index: 100;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
    background: linear-gradient(to bottom, #fff 0%, #fafafa 100%);
    padding-bottom: 160px;
    margin-top: 170px;
}
@media (max-width: 991px) {
    .brand {
        width: 100%;
        margin-top: 75px;
    }
    .brand h2.sec-tit {
        font-size: 22.5px;
        line-height: 1.2;
    }
}
.brand .brand-row {
    height: 143px;
    position: relative;
    display: block;
}
.brand .brand-row:not(:first-of-type) {
    margin-top: 22px;
}
.brand .brand-row.row1 a {
    display: block;
    background: url('../img/brand-row-01.png');
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 143px;
    background-repeat: repeat-x;
    background-position: 0 0;
    -webkit-animation: backgroundAnimateLeft 200s linear infinite;
    animation: backgroundAnimateLeft 200s linear infinite;
}
.brand .brand-row.row2 a {
    display: block;
    background: url('../img/brand-row-02.png');
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 143px;
    background-repeat: repeat-x;
    background-position: 0 0;
    -webkit-animation: backgroundAnimateRight 200s linear infinite;
    animation: backgroundAnimateRight 200s linear infinite;
}
.brand .brand-row.row3 a {
    display: block;
    background: url('../img/brand-row-03.png');
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 143px;
    background-repeat: repeat-x;
    background-position: 0 0;
    -webkit-animation: backgroundAnimateLeft 200s linear infinite;
    animation: backgroundAnimateLeft 200s linear infinite;
}
.brand .brand-row.row4 a {
    display: block;
    background: url('../img/brand-row-04.png');
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 143px;
    background-repeat: repeat-x;
    background-position: 0 0;
    -webkit-animation: backgroundAnimateRight 200s linear infinite;
    animation: backgroundAnimateRight 200s linear infinite;
}
.brand a.more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    margin: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #222;
    background-color: white;
    width: 270px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    gap: 15px;
    margin-top: 60px;
}
@media (max-width: 991px) {
    .brand a.more-btn {
        width: 172.5px;
        height: 42.5px;
        line-height: 42.5px;
        font-size: 12px;
        gap: 8.5px;
        margin-top: 40px;
    }
    .brand a.more-btn img {
        width: 20px;
        height: 20px;
    }
}
.brand a.more-btn img.black {
    display: block;
}
.brand a.more-btn img.hover {
    display: none;
}
.brand a.more-btn:hover {
    background-color: #e86d26;
    color: white;
}
.brand a.more-btn:hover img.hover {
    display: block;
}
.brand a.more-btn:hover img.black {
    display: none;
}

.widget_box .item_list .item_image {
    border: 1px solid #f1f1f1;
    border-radius: 8px;
}
.widget_box .item_list .item_content {
    padding: 25px 0 20px 0 !important;
}
@media (max-width: 991px) {
    .widget_box .item_list .item_content {
        padding: 0 !important;
    }
}
.widget_box .item_list .item_content strong {
    font-size: 16px;
    font-family: 'Pretendard';
    color: #222;
}
.widget_box .item_list .item-detail-box {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 17px 0;
    max-width: 305px;
}
.widget_box .item_list .item-detail-box li b,
.widget_box .item_list .item-detail-box li span {
    font-size: 14px;
    font-family: 'Pretendard';
    display: inline-block;
}
@media (max-width: 991px) {
    .widget_box .item_list .item-detail-box li b,
    .widget_box .item_list .item-detail-box li span {
        font-size: 12px;
    }
}
.widget_box .item_list .item-detail-box li b {
    color: #222;
    width: 55px;
}
.widget_box .item_list .item-detail-box li span {
    color: #666666;
    width: calc(100% - 55px);
}
.widget_box .item_list .item-detail-box li:not(:last-of-type) {
    margin-bottom: 10px;
}
@media (max-width: 991px) {
    .widget_box .item_list .item-detail-box li:not(:last-of-type) {
        margin-bottom: 8.5px;
    }
}
.widget_box .item_list .item_price_box {
    margin-top: 20px;
}
@media (max-width: 991px) {
    .widget_box .item_list .item_price_box {
        margin-top: 15px;
    }
}
.widget_box .item_list .item_price_box h5 {
    font-size: 20px !important;
    font-family: 'Pretendard';
    color: #222;
    font-weight: 700;
}
@media (max-width: 991px) {
    .widget_box .item_list .item_price_box h5 {
        font-size: 16.5px !important;
    }
}
.widget_box .item_list .item_price_box h5 span {
    font-size: 20px !important;
    font-family: 'Pretendard';
    color: #222;
    font-weight: 700;
}
@media (max-width: 991px) {
    .widget_box .item_list .item_price_box h5 span {
        font-size: 16.5px !important;
    }
}

.best-widget {
    margin-top: 160px;
}
@media (max-width: 991px) {
    .best-widget {
        margin-top: 70px;
    }
    .best-widget h2.sec-tit {
        font-size: 22.5px;
        margin-bottom: 0 !important;
    }
}
.best-widget > .container_fix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.best-widget > .container_fix h2.sec-tit {
    margin-bottom: 0 !important;
}
.best-widget > .container_fix a {
    font-size: 16px;
    color: #666;
}
.best-widget .main_cont10.best {
    margin-top: 70px;
}
.best-widget a.more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: auto;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #222;
    font-family: 'Pretendard';
    background-color: #f9f9f9;
    line-height: 60px;
    border-radius: 30px;
    width: 270px;
    gap: 15px;
    margin-top: 60px;
}
@media (max-width: 991px) {
    .best-widget a.more-btn {
        width: 172.5px;
        height: 42.5px;
        line-height: 42.5px;
        font-size: 12px;
        gap: 10px;
        margin-top: 40px;
    }
    .best-widget a.more-btn img {
        width: 20px;
        height: 20px;
    }
}
.best-widget a.more-btn img.black {
    display: block;
}
.best-widget a.more-btn img.hover {
    display: none;
}
.best-widget a.more-btn:hover {
    background-color: #e86d26;
    color: white;
}
.best-widget a.more-btn:hover img.black {
    display: none;
}
.best-widget a.more-btn:hover img.hover {
    display: block;
}

.choice-widget {
    margin-top: 160px;
}
@media (max-width: 991px) {
    .choice-widget {
        margin-top: 75px;
    }
    .choice-widget h2.sec-tit {
        font-size: 22.5px;
        word-break: keep-all;
        line-height: 1.2;
        margin-bottom: 40px;
    }
}
.choice-widget a.more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: auto;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #222;
    font-family: 'Pretendard';
    background-color: #f9f9f9;
    line-height: 60px;
    border-radius: 30px;
    width: 270px;
    gap: 15px;
    margin-top: 60px;
}
@media (max-width: 991px) {
    .choice-widget a.more-btn {
        width: 172.5px;
        height: 42.5px;
        line-height: 42.5px;
        font-size: 12px;
        gap: 10px;
        margin-top: 40px;
    }
    .choice-widget a.more-btn img {
        width: 20px;
        height: 20px;
    }
}
.choice-widget a.more-btn img.black {
    display: block;
}
.choice-widget a.more-btn img.hover {
    display: none;
}
.choice-widget a.more-btn:hover {
    background-color: #e86d26;
    color: white;
}
.choice-widget a.more-btn:hover img.black {
    display: none;
}
.choice-widget a.more-btn:hover img.hover {
    display: block;
}

.mid-banner {
    margin-top: 100px;
}
@media (max-width: 991px) {
    .mid-banner {
        margin-top: 15px;
    }
}

.item_sticker {
    font-size: 12px !important;
}

.item_sticker.best {
    background-color: #ede9f9 !important;
    color: #7552cc;
}

.item_sticker.discount {
    background-color: #ddf0f8 !important;
    color: #00a4e4;
}

/******************************************
서브시작
*******************************************/
.at-body {
}
.at-body.item-page {
    margin-top: 0;
}
.at-body.item-page > .container_fix {
    width: 1230px;
}
.at-body.board-page {
    margin-top: 0;
}
.at-body.login {
    padding: 133px 0;
}
@media (max-width: 991px) {
    .at-body.login {
        padding: 50px 0;
    }
}
.at-body.hid .container_fix {
    width: 1430px;
}
.at-body.board-page .container_fix {
    width: 1430px;
}

.shop-list-tit-box {
    width: 1230px;
    padding: 0 15px;
    max-width: 100%;
    margin: auto;
    text-align: center;
    padding-bottom: 130px;
}
@media (max-width: 991px) {
    .shop-list-tit-box {
        padding-bottom: 0;
    }
}
.shop-list-tit-box h1.shop-tit {
    font-size: 34px;
    color: #222222;
    font-family: 'TheJamsil' !important;
    font-weight: 600;
    margin: 100px 0 24px 0;
}
@media (max-width: 991px) {
    .shop-list-tit-box h1.shop-tit {
        font-size: 21px;
        margin: 45px 0 20px 0;
    }
}
.shop-list-tit-box span {
    font-size: 16px;
    color: #666666;
    font-family: 'Pretendard';
    font-weight: 400;
}

.top_banner {
    margin-top: 133px;
}
@media (max-width: 991px) {
    .top_banner {
        margin-top: 45px;
    }
}
.top_banner.header-relative{margin-top:0;}
.top_banner > .container_fix {
    width: 1430px;
}
.top_banner .menu_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}
.top_banner .menu_nav a,
.top_banner .menu_nav p {
    color: #999;
    font-size: 14px;
    font-family: 'Pretendard';
}
@media (max-width: 991px) {
    .top_banner .menu_nav a,
    .top_banner .menu_nav p {
        font-size: 12px;
    }
}
.top_banner .menu_nav p {
    line-height: 15px;
}
.top_banner .menu_nav .home img {
    position: relative;
    bottom: 2px;
}
@media (max-width: 991px) {
    .top_banner .menu_nav .home img {
        width: 11px;
    }
}
.top_banner .menu_nav .menu-angle {
    margin: 0 10px;
    width: 5px;
    height: 8px;
    display: block;
    position: relative;
    bottom: 1px;
}
.top_banner .title_box {
    padding: 100px 0 40px 0;
}
@media (max-width: 991px) {
    .top_banner .title_box {
        padding: 50px 0 20px 0;
    }
}
.top_banner .title_box h1 {
    font-size: 50px;
    color: #222;
    font-family: 'TheJamsil' !important;
    font-weight: 600;
}
@media (max-width: 991px) {
    .top_banner .title_box h1 {
        font-size: 32.5px;
    }
}

.title_box.listtype {
    margin: 200px 0 80px 0;
}
@media (max-width: 991px) {
    .title_box.listtype {
        margin: 28.5px 0 75px 0;
    }
}
.title_box.listtype h1 {
    font-size: 34px;
    color: #222;
    font-family: 'TheJamsil' !important;
    font-weight: 600;
    text-align: center;
}
@media (max-width: 991px) {
    .title_box.listtype h1 {
        font-size: 32.5px;
    }
}

.sub_menu_box.sub-menu-box {
    background-color: white;
}
.sub_menu_box.sub-menu-box > .container_fix {
    width: 1430px;
}
.sub_menu_box.sub-menu-box > .container_fix .cate_ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 15px;
}
.sub_menu_box.sub-menu-box > .container_fix .cate_ul li {
    line-height: 44px;
    width: unset;
    background-color: #f9f9f9;
    border-radius: 30px;
}
.sub_menu_box.sub-menu-box > .container_fix .cate_ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #999999;
    font-size: 16px;
    font-family: 'Pretendard';
    line-height: 44px;
    padding: 0 25px;
    background-color: transparent;
    border: 0px solid transparent;
}
.sub_menu_box.sub-menu-box > .container_fix .cate_ul li.on {
    background-color: #e86d26;
}
.sub_menu_box.sub-menu-box > .container_fix .cate_ul li.on a {
    color: white;
    font-weight: 400;
}
.sub_menu_box.sub-menu-box .m_sub_menu.custom .dropdown {
    background-color: #e86d26;
    border-radius: 30px;
    height: 42.5px;
    line-height: 42.5px;
    margin-bottom: 55px;
}
.sub_menu_box.sub-menu-box .m_sub_menu.custom .dropdown > a {
    color: white;
    font-size: 14px;
    font-family: 'Pretendard';
    display: block;
    height: 100%;
    line-height: 42.5px !important;
    padding: 0;
}
.sub_menu_box.sub-menu-box .m_sub_menu.custom .dropdown > a:focus {
    outline: unset !important;
}
.sub_menu_box.sub-menu-box .m_sub_menu.custom .dropdown > a:active {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}
.sub_menu_box.sub-menu-box .m_sub_menu.custom .dropdown .dropdown-menu {
    min-width: unset;
    width: 100%;
    border: 0px solid transparent;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding: 15px;
    border-radius: unset;
}
.sub_menu_box.sub-menu-box .m_sub_menu.custom .dropdown .dropdown-menu li a {
    font-size: 14px;
    color: #999;
    font-family: 'Pretendard';
    text-align: center;
    padding: 10px 0;
}
.sub_menu_box.sub-menu-box .m_sub_menu.custom .dropdown .dropdown-menu li a:hover {
    background-color: white;
    color: #111;
}
.sub_menu_box.sub-menu-box.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 30px 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    border-bottom: 1px solid #f1f1f1;
}
.sub_menu_box.sub-menu-box.fixed .cate_ul {
    margin-bottom: 0;
}

.filter-wrap.filter_wrap {
    width: 190px !important;
    margin-right: 80px !important;
}
.filter-wrap.filter_wrap .lest_menu .left_category_ul .left_category_li > a.left_category_a {
    color: #999;
    font-size: 14px;
    font-family: 'Pretendard';
    background-color: white;
    padding: 12px 14px;
    border-radius: 30px;
    overflow: hidden;
}
.filter-wrap.filter_wrap .lest_menu .left_category_ul .left_category_li > a.left_category_a img {
    opacity: 0.5;
}
.filter-wrap.filter_wrap .lest_menu .left_category_ul .left_category_li > a.left_category_a.all {
    background-color: #e86d26;
    color: white;
}
.filter-wrap.filter_wrap .lest_menu .left_category_ul .left_category_li > a.left_category_a.active {
    background-color: #e86d26;
    color: white;
    font-weight: 400;
}
.filter-wrap.filter_wrap .lest_menu .left_category_ul .left_category_li > a.left_category_a.active img {
    -webkit-filter: brightness(100) !important;
    filter: brightness(100) !important;
    opacity: 1;
}
.filter-wrap.filter_wrap .lest_menu .left_category_ul .category_sub_ul {
    padding: 10px 0;
    border: 0px solid transparent;
}
.filter-wrap.filter_wrap .lest_menu .left_category_ul .category_sub_ul .category_sub_li > a.category_sub_a {
    font-family: 'Pretendard';
    font-size: 14px;
    color: #999999;
    padding-left: 30px;
}
.filter-wrap.filter_wrap .lest_menu .left_category_ul .category_sub_ul .category_sub_li > a.category_sub_a.active {
    background-color: white;
    color: #222222;
}
.filter-wrap.filter_wrap
    .lest_menu
    .left_category_ul
    .category_sub_ul
    .category_ssub_ul
    .category_ssub_li
    a.category_ssub_a {
    padding-left: 45px !important;
}
.filter-wrap.filter_wrap + .item-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.filter-wrap.filter_wrap + .item-wrap .item-list .item-image {
    border: 1px solid #f1f1f1;
    border-radius: 8px;
}
.filter-wrap.filter_wrap + .item-wrap .item-list .item-content {
    padding: 25px 0 20px 0 !important;
}
.filter-wrap.filter_wrap + .item-wrap .item-list .item-content strong {
    font-size: 16px;
    font-family: 'Pretendard';
    color: #222;
}
.filter-wrap.filter_wrap + .item-wrap .item-list .item-detail-box {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 17px 0;
}
.filter-wrap.filter_wrap + .item-wrap .item-list .item-detail-box li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.filter-wrap.filter_wrap + .item-wrap .item-list .item-detail-box li b,
.filter-wrap.filter_wrap + .item-wrap .item-list .item-detail-box li span {
    font-size: 14px;
    font-family: 'Pretendard';
    width: 50%;
    display: inline-block;
}
.filter-wrap.filter_wrap + .item-wrap .item-list .item-detail-box li b {
    color: #222;
}
.filter-wrap.filter_wrap + .item-wrap .item-list .item-detail-box li span {
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.filter-wrap.filter_wrap + .item-wrap .item-list .item-detail-box li:not(:last-of-type) {
    margin-bottom: 5px;
}
.filter-wrap.filter_wrap + .item-wrap .item-list .item_price_box {
    margin-top: 20px;
}
.filter-wrap.filter_wrap + .item-wrap .item-list .item_price_box h5 {
    font-size: 20px !important;
    font-family: 'Pretendard';
    color: #222;
    font-weight: 500;
}
.filter-wrap.filter_wrap + .item-wrap .item-list .item_price_box h5 span {
    font-size: 20px !important;
    font-family: 'Pretendard';
    color: #222;
    font-weight: 500;
}
@media (max-width: 991px) {
    .filter-wrap.filter_wrap .filter_category .m_filter_box .filter_li .star_box > ul > li input:checked + label {
        background-color: #e86d26;
    }
}

#sit_pvi_big.thumb_big {
    border: 1px solid #f1f1f1 !important;
    border-radius: 8px;
}

.pc-menu .header_search {
    position: absolute;
    top: 100px;
    width: 100%;
    text-align: center;
    background: #fff;
    padding: 40px 0 60px 0;
    background: white;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    border-top: 1px solid #f1f1f1;
}
.pc-menu .search_btn{width:40px;}
.pc-menu .search_btn img.closed {
    display: none;
}
.pc-menu .search_btn p.closed {
    display: none;
}
.pc-menu .search_btn .open {
    display: block;
	margin:0 auto;
}
.search_closed{color:#333;}
.pc-menu .search_btn.open .closed {
    display: block;
	margin:0 auto;
}
.pc-menu .search_btn.open .open,.pc-menu .search_btn.open p.open {
    display: none;
}

.pc-menu .header_search > .container_fix {
    max-width: 830px;
}

.pc-menu .header_search.active {
    opacity: 1;
    visibility: visible;
}

.pc-menu .header_search .search {
    width: 800px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #222;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pc-menu .header_search .search input {
    width: 740px;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: 0px solid transparent;
}

.pc-menu .header_search .search input::-webkit-input-placeholder {
    color: #999;
    font-size: 16px;
    font-family: 'Pretendard';
}

.pc-menu .header_search .search input::-moz-placeholder {
    color: #999;
    font-size: 16px;
    font-family: 'Pretendard';
}

.pc-menu .header_search .search input:-ms-input-placeholder {
    color: #999;
    font-size: 16px;
    font-family: 'Pretendard';
}

.pc-menu .header_search .search input::-ms-input-placeholder {
    color: #999;
    font-size: 16px;
    font-family: 'Pretendard';
}

.pc-menu .header_search .search input::placeholder {
    color: #999;
    font-size: 16px;
    font-family: 'Pretendard';
}

.pc-menu .header_search .search button {
    width: 35px;
    height: 35px;
    text-align: center;
    position: relative;
    background: #222222;
    border-radius: 100%;
    border: 0;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pc-menu .header_search .search button > div {
    width: 20px;
    height: 21px;
    position: relative;
}

.pc-menu .header_search .search button span.circle {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 2px;
    left: 1px;
    border: 2px solid #fff;
    border-radius: 50%;
}

.pc-menu .header_search .search button span.line {
    width: 2px;
    height: 5px;
    display: block;
    position: absolute;
    bottom: 3px;
    right: 4px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pc-menu .header_search .miso-keyword {
    margin-top: 20px;
}

.pc-menu .header_search .miso-keyword > a {
    color: #999;
    font-size: 14px;
}

.pc-menu .header_search .miso-keyword > a:hover {
    color: #fff;
}

.pc-menu .header_search .miso-keyword > a::after {
    display: none;
}

.pc-menu .header_search h4 {
    font-size: 16px;
    color: #111;
    font-family: 'Pretendard';
    font-weight: 500;
    text-align: left;
    margin-top: 40px;
}

.item-form-footer.item_form_footer .long-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px;
}
.item-form-footer.item_form_footer .long-btn > li {
    width: 100% !important;
}
.item-form-footer.item_form_footer .long-btn > li.estimate {
    border: 1px solid #e86d26 !important;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.item-form-footer.item_form_footer .long-btn > li.estimate a {
    background-color: white;
    width: inherit;
    color: #e86d26;
    border: 0px solid transparent !important;
    text-align: unset !important;
    font-size: 17px;
    font-family: 'Pretendard';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    gap: 10px;
}
.item-form-footer.item_form_footer p.estimate-notice {
    font-size: 14px;
    text-align: right;
    color: #515151;
    margin-top: 20px;
    font-weight: 500;
}

/* 1차 고객검수 */
.at-menu.at_menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a {
    font-size: 18px;
}

@media (max-width: 1200px) {
    .at-menu.at_menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a {
        font-size: 14px;
        padding: 0 20px;
    }
}
.bg-green {
    background-color: #e86d26 !important;
}

.estimate_write2 .flex-box .in_box .inquiry_box.name {
    max-width: 680px;
}

.estimate_write2 .info_box ul.info.time li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0 !important;
}

.estimate_write2 .info_box ul.info.time li h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.estimate_write2 .info_box ul.info.time li span {
    line-height: 1.6;
    font-size: 16px;
    padding-left: 15px !important;
    position: relative;
}
.estimate_write2 .info_box ul.info.time li span::after {
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    content: '';
    position: absolute;
    top: 11px;
    left: 6px;
    background: #222;
}

.top-banner-img {
    margin-bottom: 80px;
    max-width: 100%;
}
@media (max-width: 991px) {
    .top-banner-img {
        margin-bottom: 40px;
    }
}
.top-banner-img img {
    width: 1920px;
    margin: auto;
    display: block;
}
@media (max-width: 991px) {
    .top-banner-img img {
        width: 100%;
    }
}

.fix_category .category_tab_wrap .prev-page {
    position: absolute;
    left: 0;
    top: 11px;
    padding: 9px;
}
.fix_category .category_tab_wrap .prev-page img {
    height: 9px;
    width: 6px;
}
.fix_category .category_tab_wrap .ca_frame {
    padding-left: 25px;
}

html {
    overflow-x: hidden !important;
} /*# sourceMappingURL=style.css.map */
