/* BASIC css start */
body{
    opacity:0;
    min-width:1800px;
    font-family:'Montserrat','Noto Sans KR',sans-serif;
}


/* =========================
   HEADER COMMON
========================= */

#header :is(*){
    font-family:'Montserrat','Noto Sans KR',sans-serif;
}

#header{
    width:100%;
    background-color:transparent;
    position:fixed;
    height:max-content;
    top:0;
    margin:0 auto;
    z-index:10;
    transition:all .4s;
}

#header.scroll{
    background-color:rgba(255,255,255,.85);
}

#header.click.show{
    background-color:#fff;
    box-shadow:0 0 38px 1px #8989891f;
}

#header.click.show .head_inner .head_left .head_left_sub{
    transform:translateX(0px);
    opacity:1;
}

#header.click.show .head_inner .head_middle nav ul.sub_m{
    transform:translateY(0px);
    opacity:1;
}

#header .event{
    display:none;
    transition:all .4s;
    height:0;
}

#header.click .event{
    display:block;
    height:fit-content;
}

#header.show .event{
    height:auto;
}

#header.show .head_inner{
    padding-bottom:50px;
}

#header .head_inner{
    width:1800px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    transition:all .4s;
    height:auto;
}

#header .head_inner>div{
    transition:all .3s;
    height:fit-content;
}


/* =========================
   »ó´Ü ÁÂÃø
========================= */

#header .head_inner .head_left{
    width:320px;
    min-width:320px;
    flex:0 0 320px;
}

#header .head_inner .head_left .head_left_fix{
    display:flex;
    align-items:center;
    gap:20px;
    height:80px;
    padding-left:20px;
    box-sizing:border-box;
}


/* =========================
   Çܹö°Å
========================= */

#header .head_inner .head_left .head_left_fix .ham a{
    width:20px;
    height:16px;
    display:block;
    position:relative;
    transition:all .4s;
}

#header .head_inner .head_left .head_left_fix .ham a span{
    position:absolute;
    left:0;
    width:100%;
    height:2px;
    transform-origin:center center;
    background-color:#000;
    border-radius:4px;
    transition:all .4s;
}

#header .head_inner .head_left .head_left_fix .ham a span:nth-of-type(1){
    top:0;
    transform-origin:left center;
}

#header .head_inner .head_left .head_left_fix .ham a span:nth-of-type(2){
    top:6.5px;
}

#header .head_inner .head_left .head_left_fix .ham a span:nth-of-type(3){
    bottom:0;
    transform-origin:left center;
}

#header .head_inner .head_left .head_left_fix .ham a.active-1 span:nth-of-type(1){
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}

#header .head_inner .head_left .head_left_fix .ham a.active-1 span:nth-of-type(2){
    left:200%;
    opacity:0;
    -webkit-animation:active-menu-bar06 .8s forwards;
    animation:active-menu-bar06 .8s forwards;
}

#header .head_inner .head_left .head_left_fix .ham a.active-1 span:nth-of-type(3){
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
}

@-webkit-keyframes active-menu-bar06{
    100%{
        height:0;
    }
}

@keyframes active-menu-bar06{
    100%{
        height:0;
    }
}


/* =========================
   ·Î°í
========================= */

#header .head_inner .head_left .head_left_fix h1.logo a{
    display:flex;
    align-items:center;
    justify-content:center;
}

#header .head_inner .head_left .head_left_fix h1.logo a img{
    max-height:30px;
    max-width:300px;
}

/* =========================
   HEADER MEMBERSHIP
========================= */

#header .head_inner .head_left .head_left_sub .header_membership{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-top:28px;
    padding:14px 0;

    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;

    box-sizing:border-box;
}

#header .head_inner .head_left .head_left_sub .header_membership .membership_label{
    font-family:'Montserrat',sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:.5px;
    color:#999;
}

#header .head_inner .head_left .head_left_sub .header_membership .membership_grade{
    font-family:'Noto Sans KR',sans-serif;
    font-size:13px;
    font-weight:500;
    color:#111;
}


/* =========================
   ÁÂÃø Æîħ ¿µ¿ª
========================= */

#header .head_inner .head_left .head_left_sub{
    width:290px;
    margin-left:30px;
    transform:translateX(-30px);
    opacity:0;
    transition:all .6s;
    box-sizing:border-box;
}


/* =========================
   Çì´õ °Ë»ö ¿µ¿ª
========================= */

#header .head_inner .head_left .head_left_sub .search{
    border-bottom:3px solid #000;
    margin-bottom:20px;
}

#header .head_inner .head_left .head_left_sub .search fieldset{
    position:relative;
    transition:all .5s;
}

#header .head_inner .head_left .head_left_sub .search fieldset input{
    background:none !important;
    border:none;
    width:263px;
    height:45px;
    font-size:14px;
    font-weight:400;
    font-family:'Montserrat','Noto Sans KR',sans-serif;
}

#header .head_inner .head_left .head_left_sub .search fieldset .search_icon{
    display:inline-block;
}

#header .head_inner .head_left .head_left_sub .search fieldset input::placeholder{
    color:#ababab;
    font-size:15px;
    font-weight:400;
    font-family:'Noto Sans KR',sans-serif;
}


/* =========================
   LOGIN / USER MENU
========================= */

#header .head_inner .head_left .head_left_sub ul.user_m{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

#header .head_inner .head_left .head_left_sub ul.user_m li{
    transition:opacity .5s;
    opacity:0;
}

#header.show .head_inner .head_left .head_left_sub ul.user_m li{
    opacity:1;
}

#header .head_inner .head_left .head_left_sub ul.user_m li a{
    font-family:'Montserrat',sans-serif;
    display:block;
    color:#7d7d7d;
    font-size:13px;
    font-weight:500;
}

#header .head_inner .head_left .head_left_sub ul.user_m li a:hover{
    text-decoration:underline;
}


/* =========================
   ETC MENU
   ¿µ¹® ¡æ HOVER ÇѱÛ
========================= */

#header .head_inner .head_left .head_left_sub ul.etc_m{
    display:flex;
    margin:24px 0 40px;
    flex-wrap:wrap;
}

#header .head_inner .head_left .head_left_sub ul.etc_m li{
    width:50%;
    transition:transform .4s,opacity .5s;
    opacity:0;
    transform:translateX(-60px);
}

#header.show .head_inner .head_left .head_left_sub ul.etc_m li{
    transform:translateX(0px);
    opacity:1;
}

#header .head_inner .head_left .head_left_sub ul.etc_m li a{
    position:relative;
    display:block;
    height:40px;
    line-height:40px;
    color:#494949;
    font-size:14px;
    font-weight:500;
    overflow:hidden;
}


/* ¿µ¹® */

#header .head_inner .head_left .head_left_sub ul.etc_m li a .en{
    display:block;
    font-family:'Montserrat',sans-serif;
    opacity:1;
    transform:translateY(0);
    transition:
        opacity .25s ease,
        transform .25s ease;
}


/* ÇÑ±Û */

#header .head_inner .head_left .head_left_sub ul.etc_m li a .ko{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    font-family:'Noto Sans KR',sans-serif;
    color:#000;
    opacity:0;
    transform:translateY(5px);
    transition:
        opacity .25s ease,
        transform .25s ease;
}


/* ¸¶¿ì½º ¿À¹ö */

#header .head_inner .head_left .head_left_sub ul.etc_m li a:hover .en{
    opacity:0;
    transform:translateY(-5px);
}

#header .head_inner .head_left .head_left_sub ul.etc_m li a:hover .ko{
    opacity:1;
    transform:translateY(0);
}


/* =========================
   »ó´Ü Áß¾Ó
========================= */

#header .head_inner .head_middle{
    flex:1 1 auto;
    min-width:0;
    max-width:none;
    max-height:60vh;
    overflow-y:auto;
}

#header .head_inner .head_middle nav{
    width:100%;
}


/* =========================
   ¸ÞÀÎ Ä«Å×°í¸® ¹­À½
========================= */

#header .head_inner .head_middle nav ul.main_m{
    display:flex;

    width:max-content;
    max-width:none;

    margin:0 auto;
    padding:0;

    gap:50px;

    flex-wrap:nowrap;
    align-items:flex-start;
    justify-content:center;

    transform:translateX(55px);
}


/* =========================
   ´ëºÐ·ù
   Á¦¸ñ ±æÀÌ¿¡ µû¶ó Æø ÀÚµ¿
========================= */

#header .head_inner .head_middle nav ul.main_m>li{
    flex:0 0 auto;

    width:auto;
    min-width:90px;
    max-width:none;

    position:relative;

    text-align:center;
    white-space:nowrap;

    overflow:visible;
    text-overflow:clip;
}


/* =========================
   ¸ÞÀÎ Ä«Å×°í¸®
========================= */

#header .head_inner .head_middle nav ul.main_m>li>a{
    display:inline-block;
    width:auto;

    transition:all .2s;

    line-height:80px;
    position:relative;

    font-family:'Montserrat','Noto Sans KR',sans-serif;

    padding-bottom:5px;

    color:#000;
    font-size:18px;
    font-weight:500;
}


/* =========================
   ¸ÞÀÎ Ä«Å×°í¸® HOVER LINE
========================= */

#header .head_inner .head_middle nav ul.main_m>li:hover>a::after{
    width:100%;
}

#header .head_inner .head_middle nav ul.main_m>li>a::after{
    position:absolute;

    width:0;

    transition:width .3s;

    bottom:0;
    left:50%;

    transform:translateX(-50%);
    transform-origin:center center;

    background-color:#000;

    height:3px;

    content:"";
    display:block;
}


/* =========================
   Áß¾Ó ¼­ºê ¸Þ´º
========================= */

#header .head_inner .head_middle nav ul.sub_m{
    transform:translateY(-10px);
    opacity:0;
    transition:all .1s;
    text-align:center;
}

#header .head_inner .head_middle nav ul.sub_m>li{
    transition:transform .6s,opacity .5s;

    opacity:0;
    transform:translateY(-60px);

    margin-bottom:20px;

    width:100%;
    min-width:0;
    max-width:none;

    white-space:normal;
    overflow:visible;
}

#header.show .head_inner .head_middle nav ul.sub_m>li{
    transform:translateY(0px);
    opacity:1;
}

#header .head_inner .head_middle nav ul.sub_m>li>a{
    white-space:normal;

    color:#939393;

    transition:color .1s;

    font-size:14px;
    font-family:'Montserrat','Noto Sans KR',sans-serif;
    font-weight:500;
}

#header .head_inner .head_middle nav ul.sub_m>li>a:hover{
    color:#000;
}


/* =========================
   »ó´Ü ¿ìÃø
========================= */

#header .head_inner .head_right{
    width:180px;
    min-width:180px;
    flex:0 0 180px;
}

#header .head_inner .head_right ul.user_icon{
    height:80px;
    line-height:80px;

    display:flex;
    align-items:center;

    gap:35px;

    justify-content:flex-end;

    padding-right:20px;
    padding-left:0;

    box-sizing:border-box;
}

#header .head_inner .head_right ul.user_icon li a:has(span){
    position:relative;
    padding-right:9px;
}

#header .head_inner .head_right ul.user_icon li a:has(span) span{
    position:absolute;
    display:inline-block;

    font-weight:500;

    background-color:#000;

    font-family:'Montserrat',sans-serif;

    color:#fff;

    font-size:10px;

    width:18px;
    height:18px;

    text-align:center;
    line-height:18px;

    border-radius:50%;

    bottom:-2px;
    right:1px;
}


/* =========================
   Çì´õ ½ºÅ©·Ñ¹Ù
========================= */

#header :is(*)::-webkit-scrollbar{
    width:2px;
    height:4px;
    background-color:transparent;
}

#header :is(*)::-webkit-scrollbar-thumb{
    background-color:#333;
}

#header :is(*)::-webkit-scrollbar-track{
    background-color:rgb(243,243,243);
    margin-top:40px;
}


/* =========================
   ´Ùã´Ù ÀÚµ¿¿Ï¼º
========================= */

.search-auto-complete-list{
    display:none;

    z-index:1;

    position:absolute;

    top:40px;
    left:0;

    border:1px solid #ddd;
    border-top:1px solid #000;

    line-height:14px;

    background:#fff;

    font-family:'Montserrat','Noto Sans KR',sans-serif;
}

.search-auto-complete-list ul{
    width:202px;

    padding:4px 0 6px;

    border-bottom:1px solid #ddd;
}

.search-auto-complete-list ul li{
    text-align:left;
}

.search-auto-complete-list ul li.on{
    background:#f3f3f3;
}

.search-auto-complete-list ul li a{
    display:block;

    padding:8px 14px 7px;

    color:#000;
    background:none;

    font-family:'Montserrat','Noto Sans KR',sans-serif;

    font-size:12px;

    letter-spacing:-1px;
}

.search-auto-complete-list ul li a strong{
    color:#ab3e41;
}

.search-auto-complete-list ul li a:hover{
    background:#f2f2f2;
}

.search-auto-complete-list ul li a:hover span{
    border-bottom:1px solid #000;
}

.search-auto-complete-list .search-list-close{
    display:block;

    padding:10px 11px;

    text-align:right;

    color:#999;

    font-size:11px;
}


/* =========================
   ´Ùã´Ù °Ë»ö ÆÄÀδõ
========================= */

#allfinder-layer{
    z-index:9999;

    position:fixed;

    top:50px;
    right:110px;

    width:1000px;

    zoom:1;

    overflow:hidden;

    font-family:'Montserrat','Noto Sans KR',sans-serif;
}

#allfinder-layer .finder-body{
    display:none;

    z-index:1;

    position:relative;

    width:998px;

    *width:918px;

    padding:35px 40px 5px;

    max-height:800px;

    overflow-x:hidden;
    overflow-y:auto;

    box-sizing:border-box;

    border:1px solid #666;

    background:#fff;
}

#allfinder-layer .finder-body .finder-close{
    position:absolute;

    top:15px;
    right:10px;

    font-size:24px;

    color:#000;

    *width:19px;
    *height:24px;

    *background:url('/images/common/btn_h11_close.gif') no-repeat center center;
    *background-size:19px 24px;
}

#allfinder-ctr{
    z-index:10000;

    position:fixed;

    top:50px;
    right:0;

    width:103px;
    height:86px;
}

#allfinder-ctr a{
    display:block;

    width:100%;
    height:100%;

    background:url('/images/common/allfinder_ctrl_pc.png') no-repeat right top;

    border:none;
    outline:none;

    font-size:0;
}


/* =========================
   Finder Table
========================= */

.all-finder-layer .finder-body .finder-tbl table{
    border:1px solid #ccc;
    border-top:1px solid #000;
}

.all-finder-layer .finder-body .finder-tbl th,
.all-finder-layer .finder-body .finder-tbl td{
    height:40px;

    border-top:1px solid #e5e5e5;

    font-size:13px;

    font-family:'Montserrat','Noto Sans KR',sans-serif;

    color:#000;
}

.all-finder-layer .finder-body .finder-tbl tr:first-child th,
.all-finder-layer .finder-body .finder-tbl tr:first-child td{
    border-top:none;
}

.all-finder-layer .finder-body .finder-tbl th{
    padding:5px 0;

    background:#f4f4f4;

    text-align:left;
    vertical-align:top;
}

.all-finder-layer .finder-body .finder-tbl th .txt-l{
    position:relative;

    height:34px;
    line-height:34px;

    padding:0 20px;

    margin:3px 0;
}

.all-finder-layer .finder-body .finder-tbl th .txt-l .fa{
    position:absolute;

    top:50%;
    right:15px;

    margin-top:-6px;
}

.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-tooltip-btn{
    display:inline-block;

    width:20px;
    height:20px;

    line-height:22px;

    border:1px solid #cecece;
    border-radius:20px;

    color:#666;

    font-size:11px;

    background:#fff;

    text-align:center;

    outline:none;
}

.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer{
    display:none;

    position:absolute;

    top:33px;
    left:52px;

    width:270px;

    padding:0 20px 18px;

    border:1px solid #000;

    background:#fff;

    text-align:left;

    font-weight:normal;

    color:#000;

    z-index:1;
}

.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-btn-close{
    display:inline-block;

    position:absolute;

    top:14px;
    right:20px;

    margin:0;

    font-size:21px;

    color:#000;

    outline:none;

    *width:19px;
    *height:22px;

    *background:url('/images/common/btn_h11_close.gif') no-repeat center center;
}

.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-tit{
    padding:18px 0;

    border-bottom:1px solid #e5e5e5;

    font-size:15px;

    font-weight:bold;

    line-height:15px;
}

.all-finder-layer .finder-body .finder-tbl th .txt-l .finder-comm-layer .finder-layer-cnt{
    padding-top:16px;

    line-height:1.5;

    font-size:13px;
}

.all-finder-layer .finder-body .finder-tbl td{
    padding:5px 10px;
}

.all-finder-layer .finder-body .txt-input{
    height:21px;

    line-height:21px;

    padding:0 5px;

    font-size:13px;

    font-family:'Montserrat','Noto Sans KR',sans-serif;
}


/* =========================
   Finder Category
========================= */

.all-finder-layer .finder-body .finder-category{
    height:40px;
    overflow:hidden;
}

.all-finder-layer .finder-body .finder-category.open{
    height:100%;
    overflow:visible;
}

.all-finder-layer .finder-body tr.finder-child-category{
    display:none;
}

.all-finder-layer .finder-body tr.finder-child-category th,
.all-finder-layer .finder-body tr.finder-child-category td{
    border-top:none;
}

.all-finder-layer .finder-body tr.finder-child-category td{
    background:#fbfbfb;
}

.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2{
    display:inline-block;

    margin:3px 5px 3px 0;

    padding:5px 10px;

    cursor:pointer;

    line-height:22px;

    vertical-align:top;

    word-break:break-all;

    color:#9a9a9a;
}

.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2 .fa-check{
    display:none;
}

.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on{
    font-weight:bold;

    color:#000;

    border:0;
    border-radius:0;

    box-shadow:unset;
}

.all-finder-layer .finder-body tr.finder-child-category td .finder-category2 .finder-cate2.on .fa-check{
    display:inline-block;

    margin-right:3px;
}


/* =========================
   Finder Color / Price / Search
========================= */

.all-finder-layer .finder-body .finder-color{
    padding-left:10px;
}

.all-finder-layer .finder-body .finder-price .finder-price-input{
    display:inline-block;
    padding-top:5px;
}

.all-finder-layer .finder-body .finder-price .finder-price-input label{
    display:inline-block;

    width:110px;

    padding:0 10px;

    border:1px solid #ccc;
    border-radius:3px;

    color:#666;
}

.all-finder-layer .finder-body .finder-price .finder-price-input label .txt-input{
    display:inline-block;

    width:90px;
    height:29px;

    line-height:29px;

    padding:0;

    border:none;

    background:none;

    color:#333;

    text-align:right;
}

.all-finder-layer .finder-body .finder-search{
    position:relative;

    padding-left:5px;
}

.all-finder-layer .finder-body .finder-search label{
    display:inline-block;

    width:320px;

    padding:0 10px;

    border:1px solid #ccc;
    border-radius:3px;
}

.all-finder-layer .finder-body .finder-search label .txt-input{
    display:block;

    width:100%;

    height:29px;
    line-height:29px;

    padding:0;

    border:none;

    background:none;

    color:#333;

    text-align:left;
}


/* =========================
   Finder Button
========================= */

.all-finder-layer .finder-body .finder-btn-c{
    padding:30px 0;

    text-align:center;
}

.all-finder-layer .finder-body .finder-btn-c a.reset{
    display:inline-block;

    width:140px;
    height:60px;

    line-height:57px;

    border:none;
    border-radius:3px;

    background:#999;

    color:#fff;

    font-size:18px;

    font-weight:bold;

    letter-spacing:1px;

    font-family:'Montserrat','Noto Sans KR',sans-serif;

    margin-right:15px;
}

.all-finder-layer .finder-body .finder-btn-c button{
    display:inline-block;

    height:60px;

    line-height:57px;

    padding:0 30px;

    *padding:0;

    border:none;
    border-radius:3px;

    background:#000;

    color:#fff;

    font-size:18px;

    font-weight:bold;

    letter-spacing:-0.5px;

    font-family:'Montserrat','Noto Sans KR',sans-serif;

    cursor:pointer;
}

.all-finder-layer .finder-body .finder-btn-c button span.ico-search{
    visibility:visible;

    display:inline-block;

    width:16px;
    height:15px;

    margin-right:10px;
    margin-top:-4px;

    *margin-top:0;

    vertical-align:middle;

    background:url('/images/common/btn_h15_search.png') no-repeat 0 0;
}

.all-finder-layer .finder-body .finder-btn-c button span.finder-count{
    visibility:visible;

    display:inline-block;

    height:60px;

    color:#ffd800;

    font-size:23px;

    *vertical-align:middle;
}

.all-finder-layer .finder-body .finder-btn-c button span.finder-count-toggle{
    visibility:visible;

    display:none;
}


/* =========================
   Finder Options
========================= */

.all-finder-layer .finder-body .finder-options{
    display:inline-block;

    margin:3px 5px 3px 0;

    padding:5px 10px;

    cursor:pointer;

    line-height:22px;

    border:1px solid #fff;

    vertical-align:top;

    word-break:break-all;
}

.all-finder-layer .finder-body .finder-options.on{
    font-weight:bold;

    border:1px solid #000;
    border-radius:20px;

    box-shadow:2px 2px 3px #d2d2d2;
}

.all-finder-layer .finder-body .finder-option-color em{
    display:inline-block;

    width:22px;
    height:22px;

    border-radius:20px;

    font-size:0;

    vertical-align:top;
}

.all-finder-layer .finder-body .finder-option-color.color-picker{
    width:22px;
    height:22px;

    padding:0;

    border:none;
}

.all-finder-layer .finder-body .finder-option-color.color-picker.on{
    border:none;
}

.all-finder-layer .finder-body .finder-option-color.color-picker .fa-check{
    display:none;

    width:22px;
    height:22px;

    margin-top:-17px;

    color:#fff;

    text-align:center;
}

.all-finder-layer .finder-body .finder-option-color.color-picker.on .fa-check{
    display:block;
}

.all-finder-layer .finder-body .finder-option-color.color-picker.on.finder-option-color-white .fa-check{
    color:#000;
}


/* =========================
   Finder Colors
========================= */

.all-finder-layer .finder-body .finder-option-color.finder-option-color-black em{
    background-color:#000;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-white em{
    background-color:#FFF;

    width:20px;
    height:20px;

    border:1px solid #e5e5e5;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-gray em{
    background-color:#808080;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-beige em{
    background-color:#e5d0b2;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-brown em{
    background-color:#aa6810;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-navy em{
    background-color:#425583;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-blue em{
    background-color:#0000ff;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-blue em{
    background-color:#62acff;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-red em{
    background-color:#ff0000;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-orange em{
    background-color:#ffa500;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-yellow em{
    background-color:#ffff00;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-pink em{
    background-color:#ffc0cb;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-purple em{
    background-color:#800080;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-jaju em{
    background-color:#a63f7f;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-khaki em{
    background-color:#2f5e2f;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-green em{
    background-color:#008000;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-green em{
    background-color:#72dd95;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-silver em{
    background-color:#dfdfdf;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-gold em{
    background-color:#cfbc4e;
}

.all-finder-layer .finder-body .finder-option-color.finder-option-color-apricot em{
    background-color:#fbceb1;
}


/* =========================
   Finder ÀÚµ¿¿Ï¼º
========================= */

.all-finder-layer .finder-body .search-auto-complete-list{
    display:none;

    z-index:1;

    position:absolute;

    top:30px;
    left:5px;

    border:1px solid #ddd;

    line-height:14px;

    background:#fff;
}

.all-finder-layer .finder-body .search-auto-complete-list ul{
    width:340px;

    padding:4px 0 6px;

    border-bottom:1px solid #ddd;
}

.all-finder-layer .finder-body .search-auto-complete-list ul li{
    text-align:left;
}

.all-finder-layer .finder-body .search-auto-complete-list ul li.on{
    background:#f3f3f3;
}

.all-finder-layer .finder-body .search-auto-complete-list ul li a{
    display:block;

    padding:8px 14px 7px;

    color:#000;

    background:none;

    font-family:'Montserrat','Noto Sans KR',sans-serif;

    font-size:12px;

    letter-spacing:-1px;
}

.all-finder-layer .finder-body .search-auto-complete-list ul li a strong{
    color:#ab3e41;
}

.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover{
    background:#f2f2f2;
}

.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover span{
    border-bottom:1px solid #000;
}

.all-finder-layer .finder-body .search-auto-complete-list .search-list-close{
    display:block;

    padding:10px 11px;

    text-align:right;

    color:#999;

    font-size:11px;
}


/* =========================
   Àû¿ëµÈ °Ë»ö Á¶°Ç
========================= */

.all-finder-layer .finder-body .finder-search-data .finder-options{
    border:1px solid #e5e5e5;
    box-shadow:none;
}

.all-finder-layer .finder-body .finder-search-data .finder-options .fa-close{
    margin-left:10px;
    color:#999;
}




/* =========================
   HEADER SAMPLE REQUEST
========================= */

#header .head_inner .head_left .head_left_sub .header_sample{
    margin-top:10px;
    padding-top:22px;
    border-top:1px solid #e5e5e5;
}

#header .head_inner .head_left .head_left_sub .header_sample a{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;

    width:100%;

    color:#111;

    transition:opacity .2s;
}

#header .head_inner .head_left .head_left_sub .header_sample a:hover{
    opacity:.55;
}

#header .head_inner .head_left .head_left_sub .header_sample .sample_en{
    font-family:'Montserrat',sans-serif;
    font-size:12px;
    font-weight:500;
    letter-spacing:.4px;
}

#header .head_inner .head_left .head_left_sub .header_sample .sample_ko{
    font-family:'Noto Sans KR',sans-serif;
    font-size:13px;
    font-weight:500;
    text-align:right;
}
/* BASIC css end */