*{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;
    position: fixed;
    z-index: 9999999;
    /* 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); */
    cursor: pointer;
    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;
}
.h_m_d_bold{
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    border-bottom: 0.5px solid #aaa;
    padding: 0 10px 10px 10px;
}
.h_m_d{
    cursor: pointer;
    font-size: 13px;
    margin:6px;
    color:#333;
}
#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;
}
.event_items{
    width: 100%;
}
.item_top{
    width: 100%;
    margin-top:150px;
    /* background: paleturquoise; */
    text-align: center;
    font-size: 40px;
}
h1{
    font-size: 40px;
    font-weight: normal;
}
.event_top > li{
  font-size: 20px;
  
}
.item_top > li{
    font-size: 15px;
    margin-top:30px;
}
.items_box{
    margin-top: 100px;
    width: 100%;
    height: 250px;
}
.event_li{
    margin-top:100px;
    float: left;
    width: calc((100% - (5px * 2 * 9)) / 9);
    margin:5px;
    height: 250px;
    margin-bottom: 100px;
    /* border:1px solid;
    box-sizing: border-box; */
}
.event_li:hover{
    cursor: pointer;
}

.event_img{
    width: 100%;
    /* height: 55%;
    background: sandybrown; */
    overflow: hidden;
    
}
.event_img > img{
    width: 100%;
    /* height: 100%; */
    transform: scale(1);
}
.event_img:hover> img{
    transition: all 0.3s;
    transform: scale(1.1);
}
.event_desc{
    width: 100%;
    height: 45%;
    /* background: #ff5858; */
    bottom: 0;
}
.event_desc > span{
    width: 100%;
    font-size: 12px;
    color:#777;
}
.p_2{
    font-size: 13px;
    color:#222;
}
.event_box{
    width: 100%;
}
.event_ul{
    width: 100%;
    height:1850px;
    position: relative;
    left: 0;
    display: none;
}
.event_ul:nth-child(1){
    display:block;
}
.event_ul:nth-child(2){
    margin-top:150px;
    height: 1750px;
}
.event_ul:nth-child(3){
    margin-top:150px;
    height: 1750px;
}
.event_box_li{
    float: left;
    width: calc((100% - (10px * 2 * 4)) / 4);
    margin:10px;
    height: 400px;
    cursor: pointer;
    /* background: #ddd; */
}
.event_box_img{
    width: 100%;
    /* height: 80%; */
    /* background: slategray; */
}
.event_box_desc{
    width: 100%;
    height: 20%;
    bottom: 0;
    /* background: skyblue; */
}
.event_box_img > img{
    width: 100%;
    /* height: 100%; */
}
.event_box_img > img:hover{
    opacity: 0.8;
}

.event_box_desc > p{
    width: 100%;
    margin:10px 0 10px;
    font-size: 15px;   
    font-weight: bold;
}
.p_event{
    font-size:13px;
}
.event_bot{
    margin-top:10px;
    width: 100%;
    height: 100px;
    position: relative;
    /* background: lightsalmon; */
}
.text_box{
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    float: left;
    padding:0 60px;
    margin-top:10px;
}
.text_box > input{
    width:300px;
    height: 44px;
    padding: 10px;
    box-sizing: border-box;
    border: none;
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
}
/* .text_search{
    float: left;
    width: 100px;
    height: 44px;
    background:#6d86af;
    color:#fff;
    text-align: center;
    line-height: 40px;
} */

.check{
    float: right;
    width: 44px;
    height: 44px;
    border: 1px solid #a9a9a9;
    box-sizing: border-box;
}
.check > img{
    width: 50%;
    height: 50%;
    margin-top: 10px;
    margin-left: 10px
}
.text_box > .check:hover{
    cursor: pointer;
}
.text_select{
    float: left;
}
.search{
    width: 100px;
    height: 44px;
    cursor: pointer;
}
.event_num{
    width: 100%;
    /* height: 100%; */
    /* background: pink; */
    text-align: center;
    
}
.event_num > li > a  {
    display: inline-block;
    padding:0 10px;
    cursor: pointer;
    color:#222;
}
footer{
    margin-top:100px;
    width: 100%;
}
footer > img{
    width: 100%;
    height: 350px;
}