*{margin:0; padding:0;}
li{list-style: none;}
a{ text-decoration: none;
    color:#333;}
body{
    color:#333;
    font-family:sans-serif;
}
.wrap{
    width: 100%;
}
.header{
    width: 100%;
    height: 140px;
    margin:0 auto;
    top:0;
    position: fixed;
    z-index: 9999999;
    /* background:rgba(255,255,255,0.8); */
    background: #fff;
    /* border-bottom: 1px solid #666; */
}

.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{
    top:40%;
    left:50%;
    transform: translate(-50% , -50%);
    line-height: 130px;
    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;
}
/* .nav_L> li:first-child{
    color:#ff5858;
}
.nav_L> li:nth-child(2){
    color:#ff880b;
} */
.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;
    /* border: 1px solid #666; */
    /* border-top:none; */
    
}
#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 ,.h_m_d:hover{
font-weight: bold;
cursor: pointer;
}
.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: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;
}

.main_slide{
    width: 100%;
    height: 750px;
    position: relative;
    background: lemonchiffon;
    margin-top: 140px;
    overflow: hidden;
    cursor: pointer;
}
.slide{
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:-100%;
    margin:0 auto
}
.indicator {
    position: absolute;
    bottom: 10px;
    left: 0;
    /* left: 50%;
    transform: translateX(-50%); */
    width: 100%;
    height: 50px;
    text-align: center;
    /* background: pink  */
}
.circle {
    width: 15px;
    height: 15px;
    border: 1px solid #444;
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
}
.circle:hover { 
    background:#000;
}
#pic_1{
    background:url(../img/andarimg/190703_main.jpg) center / cover;
}
#pic_2{
    background: url(../img/andarimg/190610_itzy2.jpg) center / cover;
}
#pic_3{
    background:url(../img/andarimg/190618_rash.jpg)center / cover;
}
#pic_4{
    background: url(../img/andarimg/190513_aircooling_pc_02.jpg) center / cover;
}
#pic_5{
    background: url(../img/andarimg/190624_main_pc.jpg) center / cover;
}
#pic_6{
    background: url(../img/andarimg/main_190718.jpg) center / cover;
}
.kakao > img {
    width: 130px;
    height: 150px;
    position: fixed;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
.second_banner{
    width: 100%;
    height: 1290px;
    /* background: lavender; */
    position: relative;
}
.item{
    width: 100%;
    height: 80px;
    /* background:lavender; */
    text-align: center;
    font-size: 35px;
    position: relative;
    line-height: 80px;
    top: 60px;
}
.border{
    position: absolute;
    border:0.5px solid;
    width:130px;
    top:50%;
    left:50%;
    transform: translate(-50% , -50%);
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s;
}
.second_banner:hover .border{
    opacity: 1;
    transform:translate(-50% , -50%) scale(1.5);
}
.best_item_pic {
    
    width: 100%;
    height: 450px;
    position: relative;
    top:100px;
    
}
.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: 410px; */
    /* background: lightsalmon; */
}
.best_img_desc{
    width: 100%;
    /* height:70px; */
    bottom: 0;
    /* background:khaki; */
   
    /* padding:0 5px; */
}
.best_item_img > img{
    width: 100%;
    /* height: 100%; */
}
.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;
}

.third_banner{
    width: 100%;
    height:850px;
    
    /* background: lightcoral; */
    
    /* position: relative; */
}
.third_banner_box{
    float: left;
    width:calc((100% - (25px * 2 * 3)) / 3 );
    margin:25px;
    /* height:600px; */
    /* background: #ff5858; */
    margin-top: 60px;
    cursor: pointer;
    margin-top: 100px;
    border:1px solid #aaa;
    box-sizing: border-box;
}
.third_banner_box:hover .p_4{
    color:#ff5858;
    transition: all 0.5s;
}
.t_border{
    position: absolute;
    border:0.5px solid;
    width:170px;
    top:50%;
    left:50%;
    transform: translate(-50% , -50%);
    opacity: 0;
    transform: scale(0);
    transition: all 1s;
}
.third_banner:hover .t_border{
    opacity: 1;
    transform:translate(-50% , -50%) scale(1.5);
}
.t_banner_img{
    width: 100%;
    /* height: 65%; */
    /* background:lightgreen; */
    transition: all 0.3s;
}
.t_banner_img:hover{
    opacity: 0.8;
}
.t_banner_img > img{
    width: 100%;
    height: 100%;
}

.t_banner_desc{
    width: 100%;
    /* height: 35%; */
    /* background:lightblue; */
    bottom: 0;
   
}
.t_banner_desc > p{
    margin:20px;
}
.p_1{
    font-size: 13px;
}
.p_2{
    font-size: 25px;
}
.p_3 , .p_4{
    font-size: 15px;
}

.video_banner{
    width: 100%;
    /* background: lightseagreen; */
}
.video_banner > iframe{
    margin-top: 100px;
    width: 100%;
    height: 800px;
}
footer{
    margin-top:100px;
    width: 100%;
}
footer > img{
    width: 100%;
    height: 350px;
}