*{margin:0; padding:0;}
li{list-style: none;}
a{ text-decoration: none;
    color:#333}
body{
    color:#333;
    font-family:sans-serif;
    /* font: 0.75em Verdana,Dotum,AppleGothic,sans-serif; */
}
.wrap{
    width: 100%;
}
.header{
    width: 100%;
    height: 140px;
    margin:0 auto;
    top:0;
    z-index: 9999999; 
    position: fixed;
    /* background:rgba(255,255,255,0.8); */
    background: #fff;
}
.top_banner_slide{
    width: 100%;
    height: 40px;
    position: relative;
    background: aquamarine;
    overflow: hidden;
}
.top_check{
    cursor: pointer;
    position: absolute;
    width: 40px;
    height: 40px;
    background:lightgrey;
    right:20px;
}
.top_line{
    width: 20px;
    height:2px;
    background: #000;
    margin:0 auto;
    padding:0 3px;
    transform: translateX(-1px) translateY(19px) rotate(-45deg);
    } 
.top_line:nth-child(2){
    margin-top:10px;
    padding:0 3px;
    transform: translateX(-1px) translateY(7px) rotate(45deg);
}
.top_slide{
    position: absolute;
    width: 100%;
    height: 100%;
    top:-100%;
}
.top_slide:nth-child(1) {
    top: 0;
}
#top_img1{
    background:url(../img/andarimg/header/190718header.jpg) center ;
}
#top_img2{
    background:url(../img/andarimg/header/kakao.jpg) center;
}
#top_img3{
    background: url(../img/andarimg/header/190729-header2.jpg) center;
}
#top_img4{
    background: url(../img/andarimg/header/190618_header2.jpg)center;
}
#top_img5{
    background: url(../img/andarimg/header/190610_header2.jpg)center;
}
#top_img6{
    background: url(../img/andarimg/header/190513_join01_pc2.jpg)center;
}
#top_img7{
    background: url(../img/andarimg/header/190513_join02_pc.jpg)center;
}
#top_img8{ 
    background: url(../img/andarimg/header/1908_payco_header.jpg)center;
    
}
#top_img9{
   background: url(../img/andarimg/header/190513_header_pc.jpg)center;
}
.container{
    position: relative;
    width:100%;
    height: 100%;
    margin:0 auto;
    max-width: 1200px;
}
.logo{
    /* background:pink; */
    /* top:40%; */
    text-align: center;
    top:40%;
    left:50%;
    transform: translate(-50% , -50%);
    line-height: 106px;
    position: absolute;
    z-index:999999999999;
}
.nav{
    /* position: relative; */
    width: 100%;
    height: 100px;
    float: left;
    line-height: 100px;
   
    /* background: skyblue; */
}
.nav_L{
    position: absolute;
    float: left;
    z-index: 99999;
}
.nav_L> li{
    cursor: pointer;
    font-size: 14px;
    float: left;
    width: calc(60% / 7);
    text-align: center;
}
.nav_L> li:hover{
    color:#ff5858;
}
.nav_R > li:hover{
    color:#ff5858;
}
.inner > li{
    color:#000;
    line-height:30px;
    padding:0 5px;
    border-bottom: 1px solid #aaa;
    color:#555;
    font-size: 13px;
}
.inner > li:hover{
    font-weight: bold;
}
.inner > li:last-child{
    border-bottom: none;
}
.ul_box{
    background: #fff;
    margin-left: -15px;
    margin-top: -25px;
    border: 1px solid #aaa;
    height: 0;
    overflow: hidden;
    width: 140px;
    text-align: center;
    pointer-events: none;
    visibility: hidden;
}
.nav_L > li:hover .ul_box , .inner{
    opacity: 1;
    pointer-events: auto;
    visibility:visible;
    height: 100%;

}
.nav_R > li:hover .ul_box , .inner{
    opacity: 1;
    pointer-events: auto;
    visibility:visible;
    height: 100%;

}
.nav_R{
    position: relative;
    float: right;  
    margin-right:90px;
    z-index: 99999;
}
.nav_R > li{
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px;
    float: left;
    width: calc(60% / 4);
    text-align: center;
}
.nav_text{
    margin-top:30px;
    position: relative;
    cursor: pointer;
    /* background: lightsalmon; */
}
.nav_text_box{
    position: absolute;
    right: 35px; 
    padding:0 10px;
    
}
.nav_text_box > input{
    width: 80px;
    height: 10px;
    padding:10px;
    float: left;
    border:none;
    border-bottom: 1px solid;
    
}

.nav_check{
    float: right;
    line-height: 10px;
}
.nav_check > img{
    width: 22px;
    line-height: 7px;
    margin-top: 9px;
}
.nav_text_box > .check:hover{
    cursor: pointer;
}
.hamberg {
    position: absolute;
    top: 40%;
    right: 0;
    transform: translateY(-100%);
    width: 20px;
    height: 10px;
    cursor: pointer;
}
.line{
    position: absolute;
    right:0;
    width: 100%;
    height: 2px;
    background: #000;
}
#line_top {
    top: 0;
}
#line_mid {
    top:5px;
}
#line_bot {
    top: 10px;
}
#line_bot_2{
    top: 15px;
}
.ham_menu{
    width: 100%;
    height: 455px;
    z-index: 9999;
    transition: all 0.5s;
    position: absolute;
    top: 100px;
    transform:translate(100%);
    opacity: 0;
    
}
#chk_1{
    display: none;
}
.ham_menu_inner{
    width: 100%;
    height:100%;
    float: left;
    background: #fff;   
    
} 
.h_menu_desc{
    /* float: left;
    text-align: left;
    margin:20px;
    width: calc((100% - (20px * 2 * 5)) / 5); */

    float: left;
    text-align: left;
    margin: 5px; 
    width: calc((100% - (5px * 2 * 5)) / 5);
}
.ham_border{
    /* margin-top:10px;
    width: 120px;
    border:0.5px solid #aaa; */
}
.h_m_d_bold{
    font-weight: bold;
    font-size: 15px;

    border-bottom: 0.5px solid #aaa;
    padding: 0 10px 10px 10px;
}
.h_m_d{
    font-size: 13px;
    margin:6px;
    color:#333;
}
.h_m_d_bold ,.h_m_d:hover{
    font-weight: bold;
    cursor: pointer;
    }
#h_m_d_1{
    clear: both;
}
.h_menu_desc_R{
    float: left;
    text-align: left;
    margin: 5px;
    margin-left: 33px;
    
}
.h_border{
    width:0;
    /* margin-top:40px;
    margin-left: 27px; */
    height: 410px;
    border:0.5px solid #aaa;
    float: left;
}
.inner_L{
    width: 60%;
    height: 500px;
    float: left;
    margin: 0 30px;
    
    /* background: steelblue; */
}

.inner_R{
    width: 35%;
    height: 500px;
    /* background: #ff5858; */
    right: 0;
    position:absolute;
}
.h_menu_sale_img > img{
    margin-top: 100px;
    width: 320px;
    height: 145px;
    margin-left: 25px;
}
.outer_items{
    width: 100%;
    height: 1350px;
    /* background: saddlebrown; */
}
.items_top{
    margin-top: 150px;
    width: 100%;
    /* height: 100px; */
    /* background: pink; */
    /* position: relative; */
}
.outer_font , .outer_font_1 {
    font-size: 40px;
    text-align: center;
    margin-top: 100px;
    left: 0;
    top: 100px;
    width: 100%;
    display: none;
    position: absolute;
}
.outer_font_2{
    /* width: 100%; */
    font-size: 15px;
    text-align: center;
    width: 100%;
    /* left: 0; */
    margin-top: -80px;
    position: absolute;

}
.outer_category_box{
    width: 100%;

    /* background: pink; */
    text-align: center;
    margin-top: 358px;
}

.outer_category > li {
    width: 100px;

    padding:0 20px;    
    /* background: red; */
    display: inline-block;
    font-size: 15px;
    color:#222;
    cursor: pointer;
} 
.outer_category > li:first-child{
    font-weight: bold;
}
.outer_box{
    position: relative;
    width: 100%;
    /* height: 2000px; */

}
.best_item_pic{
    width: 100%;
    height: 450px;
    position: relative;
    left: 0;
    top:100px;
    display:none;

}
.best_item_pic:nth-child(1){
    display: block;
}

.outer_font:nth-child(1){
    display: block;
}
.item_box{

    width: 100%;
    top: 100px;
    left: 0;
}

.best_li{ 
    width:calc((100% - (20px * 2 * 4)) / 4 );
    margin:20px;
    height: 480px;
    margin-bottom: 60px;
    /* border:1px solid;
    box-sizing: border-box; */
    float: left;
    cursor: pointer;
}
.best_item_img{
    width:100%;
    height: 390px;
    background: lightsalmon;
}  
#best_img_1{
    background: url(../img/andarimg/dd93039997cba4bb329897fccbf93793.jpg) no-repeat center /cover;
}
#best_img_2{
    background: url(../img/andarimg/92bd69dfdf2da842cce8465b73804507.jpg)no-repeat center /cover;
}
#best_img_3{
    background: url(../img/andarimg/abfa5d527a3ff75e491fc56c13fe060c.jpg)no-repeat center /cover;
}
#best_img_4{
    background: url(../img/andarimg/0ed91dcf0f37a56021ea879219b669c0.jpg)no-repeat center /cover;
}
#best_img_5{
    background: url(../img/andarimg/7d40cc7ac245080129d4983bc3de69a5.jpg)no-repeat center /cover;
}
#best_img_6{
    background: url(../img/andarimg/2509b0c7b8ff93797e45f99e421286bd.jpg)no-repeat center /cover;
}
#best_img_7{
    background: url(../img/andarimg/f0d1f372487c86344072b00d85b6ba6d.jpg)no-repeat center /cover;
}
#best_img_8{
    background: url(../img/andarimg/9c05aff5dde8e44269868585e0395ffd.jpg)no-repeat center /cover;
}
#zipup_img1{
    background: url(../img/andarimg/b1109033d3d2c6658cc41cdec817db98.jpg) no-repeat center /cover;
}
#zipup_img2{
    background: url(../img/andarimg/73127b9f919360e8e7f704fd6e6b97d1.jpg)no-repeat center /cover;
}
#zipup_img3{
    background: url(../img/andarimg/8d33d0d6769d3432547e0198cfcb5c73.jpg)
    no-repeat center /cover;
}
#zipup_img4{
    background: url(../img/andarimg/2e838096ddfda43865a23ad279c2acb4.jpg)
    no-repeat center /cover;
}
#zipup_img5{
    background: url(../img/andarimg/37fe386517a9f95be377c005f67a059c.jpg)
    no-repeat center /cover;
}
#zipup_img6{
    background: url(../img/andarimg/30597fc08d0e5b0932736f0bdb1af89d.jpg)
    no-repeat center /cover;
}
#zipup_img7{
    background: url(../img/andarimg/08f5989ca05ecf23fdeaf18f7290f8cf.jpg)
    no-repeat center /cover;
}
#zipup_img8{
    background: url(../img/andarimg/37e4010cd7d7f845ad3eae8f0be2889c.jpg)
    no-repeat center /cover;
}
#cardigan_img1{
    background: url(../img/andarimg/1c9a98bd97f457588347742fd0be211e.jpg)
    no-repeat center /cover;
}
#cardigan_img2{
    background: url(../img/andarimg/c9e74bd6b92ac969b9e20597cf94251d.jpg)
    no-repeat center /cover;
}
#cardigan_img3{
    background: url(../img/andarimg/fe09c054f85d6062266aac7de6a2d43c.jpg)
    no-repeat center /cover;
}

#cardigan_img4{
    background: url(../img/andarimg/b4fabb11faee2c2382e35d51572aafc0.jpg)
    no-repeat center /cover;
     
}
#cardigan_img5{
    background: url(../img/andarimg/6d361fcfe8acc3003fe94561963da05a.jpg)
    no-repeat center /cover;
}
#cardigan_img6{
    background: url(../img/andarimg/5c7a782c41fd21bf744127b3f67db5aa.jpg)
    no-repeat center /cover;
}
#cardigan_img7{
    background: url(../img/andarimg/aa20cda5faeb17a84a283aad96be54bc.jpg)
    no-repeat center /cover;
}
#cardigan_img8{
    background: url(../img/andarimg/98e687fb07415be9168233dccb4b6c61.jpg)
    no-repeat center /cover;
}

.best_img_esc{
    width: 100%;
    height:70px;
    bottom: 0;
    /* background:khaki; */
   
    /* padding:0 5px; */
}
.best_item_img > img{
    width: 100%;
    /* height: 100%; */
    transition:all 0.3s;
}
.best_item_img > img:hover{
    opacity: 0;
    transition: all 0.3s;
}
.best_img_desc > span{
    font-size: 15px;
    color:#222;
}
.desc_box_1{
    width: 100%;
    margin-top:10px;
    float: left;
    position: relative;
}
.desc_box{
    width: 40px;
    position: absolute;
    border:1px solid;
    text-align: center;
    color:#ff5858;
    font-size: 13px;
}
.desc_box:nth-child(2){
    color:#555;
    width:55px;
    left:45px;
    float: right;
}
.desc_border{
    margin-top:15px;
    width:100%;
    height:1px;
    background: #555;
}
.desc_box_2{
    color:#222;
    float: right;
    font-size: 13px;
}
footer{
    width: 100%;
    height:100%;
}
footer > img{
    width: 100%;
    height: 350px;
    margin-top: 100px;
}