@charset "utf-8";

/*초기화*/
				
    @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=c0b172be-0c6e-457e-8c3c-272ba6ad3397&fontids=1489424,1489430,1489436,1489444,1489452,1489460,1489468,1489474");
    @font-face{
        font-family:"Helvetica LT W01 Light";
        src:url("Fonts/1489424/37953885-0443-4c72-a693-9152a9f5a901.woff2") format("woff2"),url("Fonts/1489424/fcce277c-07e2-4c88-ad8b-a71b484e2cbe.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica LT W01 Light Oblique";
        src:url("Fonts/1489430/0976eae4-2818-43ff-8f87-70dcbb0f9ea9.woff2") format("woff2"),url("Fonts/1489430/a26a74ab-9781-4c48-bcfb-e2e63bc068d5.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica LT W01 Roman";
        src:url("Fonts/1489436/89294146-207c-4803-91fe-338f0d0094bd.woff2") format("woff2"),url("Fonts/1489436/57055fe4-c2d3-4287-bac2-eece43fdcbd3.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica LT W01 Obliqu1489444";
        src:url("Fonts/1489444/ac4134ce-b28e-4df9-b88c-a67db965774e.woff2") format("woff2"),url("Fonts/1489444/6389110a-e983-4d95-8d1f-5a87de018aac.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica LT W01 Bold";
        src:url("Fonts/1489452/7ce0a2f5-eb00-46aa-919c-5b3f3667646c.woff2") format("woff2"),url("Fonts/1489452/cad22c74-45b4-4c49-9e6a-0cd3768a7bc7.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica LT W01 Bold O1489460";
        src:url("Fonts/1489460/3e13f208-91f2-41ec-b1bf-e5b29d486821.woff2") format("woff2"),url("Fonts/1489460/17d3cf02-3e99-48c3-953a-b26082b28949.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica LT W01 Black";
        src:url("Fonts/1489468/140cbf94-b441-4980-b031-0a614cdee9a8.woff2") format("woff2"),url("Fonts/1489468/c13f2d0e-112f-4829-96e7-573d38f83066.woff") format("woff");
    }
    @font-face{
        font-family:"Helvetica LT W01 Black Oblique";
        src:url("Fonts/1489474/471483bd-1422-4548-a1cf-a7fa9fdf5b59.woff2") format("woff2"),url("Fonts/1489474/07818719-eb0b-475f-ab2b-3cb4ee66e0d9.woff") format("woff");
    }			


*{margin: 0; padding: 0;}
body {
    font: 12px "Helvetica A1" ; 
    font-family: 'Helvetica A1', sans-serif;
    color: #333; }
li{list-style: none;}
a {color: #333; text-decoration: none;}
img {border: none;}

#wrap {width: 100%; position: relative;}

/*헤더 스타일*/


/* 상단 메뉴*/


section.header {
   /* position: fixed;*/
    top: 0;
    z-index: 100;
    overflow: hidden;
    width: 90%;
    padding: 8px 5%;
    display: flex;
    justify-content: space-between;
    transition: all 0.2s ease;
}

.header_on {
    background: #fff;
}


section.header > div {
    float: left;
}


.menu {
    width: 9%;
}

.menu >img {
    width: 100%;
}


.logo {
    width: 30%;
}
.logo > a {
    display: block;
    width: 100%;
}
.logo > a > img {
    width: 100%;
}


.mainslide {
    position: relative;
    overflow: hidden;
}


.menu:hover {
    cursor: pointer;
}

.search {
    width: 8%;
    float: right;
} 

.search > a {
    display: block;
    width: 100%;
}

.search > a > img {
    width: 100%;
}

.search_bar {
    width: 80%;
    float: left;
    margin: 10px 15px; 

}

form.search_form {
    overflow: hidden;
        
}




.search_Box {
    float: left;
    width: 70%;
    margin: 5px 15px 0 10px;
}


.search_Box > input {
    line-height: 18px;
    border: 1px solid #767676;
    border-radius: 10px;
    width: 100%;
    display: block;
    padding: 5px 0;
    
}

form.search_form > a {
    float: left;
    width: 12%;
    margin-top: 3px;
}

form.search_form > a > img {
    width: 100%;
}

.search_tab {
    width: 96%;
    position: fixed;
    background: #fff;
    padding: 10px 2%;
    left: 100%;
    top: 0;
    z-index: 2;
}

.search_tab > form {
    float: left;
    overflow: hidden;
    width: 100%;
}

.search_tab > form > div  {
    float: left;
    margin: 0 5px;
    width: 55%;
}

.search_tab > form > a {
    float: left;
    margin: 0 5px;
    width: 25%;
}

.S_close {
    width: 25px;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-top: 10px;
    float: right;
    
}
.S_close > img {
    width: 100%;
}
/*상단 메뉴 끝*/



/* 메뉴 탭 스타일*/

.mainslide{
    position: relative;
    width: 95%;
    margin: 0 auto;
    
}

.menu_tab {
    position: fixed;
    z-index: 102;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    left: -100%;
}


.menu_H {
    overflow: hidden;
    width: 96%;
    margin:25px auto 0;
    
}


.close {
    float: left;
    margin-right: 2%;
    cursor: pointer;
    width: 9%;
}

.close > img {
    width: 100%;
    display: block;
}

.cart_btn {
    float: left;
    width:9%;
}

.cart_btn > a > img {
    width: 100%;
}

.member_tab {
    float: right;
    overflow: hidden;
    width: 55%;
}

.member_tab > ul {
    width: 100%;
}



.member_tab > ul > li {
    float: left;
    width: 33%;
}



.member_tab > ul > li:nth-child(2) {
    float: left;
    width: 42%;
}


.member_tab > ul > li:last-child {
    float: left;
    width: 25%;

}

.member_tab > ul > li > a {
    
    font-size: 12px;
    margin: 0 1.5%;
    text-align: center;
    display: block;
}


        /*메뉴 선택 부분*/

.menu_Selcet {
    width: 80%;
    margin: 0 auto;
    overflow-y: auto;
    margin-top: 30px;
    margin-bottom: 50px;
}


.menu_Selcet > ul > li > a {
    font-size: 18px;
    padding: 10px 0;
    display: block;
}

.menu_Selcet > ul > li > span > a {
    font-size: 18px;
    padding: 10px 0;
    display: block;
}

            /*메뉴 > 세부 메뉴 부분*/


.box_list {
    margin: 15px 25px ;

}

.box_list > ul > li > a {
    display: block;
    font-size: 16px;
    padding: 15px 10px;
}

.box_list > ul > li:hover > a {
    background: #000;
    color: #fff;
}

    .Mgnb_box.Mgnb_box_on {
        font-weight: bold;
    }


        /* 메뉴 > 세부 메뉴 끝*/



    /*메뉴 선택 부분 끝*/


.main_text {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    margin: 5px 0 15px;
    position: absolute;
    right: 5%;
    z-index: 10;
    bottom: 0;
}





.only {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin: 5px 0 15px;
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 5%;
}



.MDs {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin: 10px 0 15px;
        position: absolute;
    bottom: 0;
    z-index: 10;
    left: 5%;
}






/*푸터 부분*/

footer {
    overflow: hidden;
    margin-top: 150px;
    
}

footer > section {
    width: 44%;
    margin: 0 3%;
    float: left;
}



            /* 쇼핑 가이드 부분*/


.guide_Box > ul {
    display: block;
    overflow: hidden;
    margin-top: 25px;
}


.guide_Box > ul > li {
    width: 50%;
    float: left;
}


.guide_Box > ul > li:last-child {
    width: 100%;
    margin-top: 20px;
}


.title_line {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #d4d4d4;
    padding: 15px 0;
    width: 100%;
}


.guide_Box > ul > li > a {
    display: block;
    text-align: center;
    
}

.guide_name {
    font-size: 9px;
}






        /*인포*/

.info_box1:first-child > .title_line{
    border-top: 2px solid #696969;
}

.info_box1:last-child > .title_line{
    border-bottom: 2px solid #696969;
}



.info_box1 > .title_line {
    border-left: none;
    border-right: none
}



.info_con1 > span {
    display: block;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    margin: 20px 0; 
}

.info_con1 > p {
    text-align: center;
    display: block;
    margin: 15px 0;
}


.info_con1 > p > img {
    width: 100%;
}



.span_txt {
    font-size: 13px;
    font-weight: normal;
    display: block;
}

.Fselected {
    background: #191919;
    cursor: default;
    color: #fff;
    font-size: 15px;
}







.F_infoBox {
    width: 70%;
    margin: 60px 15% 20px;
}

.Ftitle_line {
    display: flex;
    justify-content: space-between;
     overflow: hidden;
    width: 100%;
}

.Ftitle_line > p{
    display: block;
}

.Ftitle_line > p > a {
    font-size: 9px;
}






/* 푸터 끝*/


.go_top {
    position: fixed;
    bottom: 30px;
    right: 5%;
    display: none;
    z-index: 5;
}
div.go_top a {
    color: #000;
    background: rgba(240,240,240,0.8);
    padding: 10px;
    border: 0.5px solid #eee;
}
div.go_top:hover a {color: #000; background: rgba(240,240,240,0.5);}













@media (max-width: 410px) and (min-width: 375px) {
    
    
    
  
        
        
        
        
}





@media (max-width: 374px) and (min-width: 360px) {
    
    
    
 
        
        
        
        
}











@media (max-width: 359px) and (min-width: 320px) {
    
    
.search_bar {
    width: 80%;
    float: left;
    margin: 10px;
}
        
        
        
        
        
}