*{margin: 0; padding: 0;}
a{text-decoration: none; color: #333; cursor: pointer;}
ul,li{list-style: none;}
hr{max-width: 1222px; opacity: 0.2; margin: 0 auto; }

.nav1, .nav3, section, footer{font-family: -apple-system,BlinkMacSystemFont,Roboto,AppleSDGothicNeo-Regular,NanumBarunGothic,NanumGothic,나눔고딕,Segoe UI,Helveica,Arial,Malgun Gothic,Dotum,sans-serif;}


/* 더보기버튼 */
.dubogi>p{max-width: 100px; height: 40px; line-height: 40px; background-color: #fff; border: 1px solid #d3d3d3; margin: 0 auto; border-radius: 10px; text-align: center; font-size: 14px; margin-top: 28px; margin-bottom: 54px;}


/* 타이틀폰트 */
.ct_title{max-width: 1222px; margin: 0 auto;}
.ct_title>p:nth-child(1){color: #000; font-size: 17px; font-weight: 700; padding-top: 40px;}
.ct_title>p:nth-child(2){color: rgba(34,34,34,.5); font-size: 16px; padding-bottom: 16px;}


/* 서브폰트 */
.font1{font-size: 14px; color: #222; font-weight: 800; padding: 5px 0;}
.font2{font-size: 13px; color: #222;}
.font3{font-size: 14px; color: #222; font-weight: 600; padding-top: 12px;}
.font4{font-size: 11px; color: rgba(34,34,34,.5); padding-top: 4px;}

#wrap{width: 100%; margin: 0 auto;}



/* header_nav */
header{max-width: 100%; margin: 0 auto;}

nav{max-width: 1222px; margin: 0 auto;}

.nav1>ul{max-width: 1222px; height: 40px; font-size: 12px; gap: 18px; color: rgba(34,34,34,.8);  display: flex; justify-content: right; align-items: center;}

.nav2{max-width: 1222px; height: 40px; font-size: 18px; display: flex; justify-content: space-between; align-items: center;}
.nav2_right>ul{display: flex; justify-content: right; align-items: center; gap: 25x;}
.nav2_right>ul>li{padding-left: 30px; font-style: normal;}

.home{font-weight: 800;}

.red_title{color: rgb(250, 37, 93);}
.nav3>ul{max-width: 1222px; height: 44px; font-size: 16px; display: flex; justify-content: left; align-items: center; gap: 20px; padding-top: 14px;}
.nav3>ul>li>a>b{border-bottom: 2px solid black; padding-bottom: 9px;}

.logo{padding-top: 4px;}
.surch{padding-top: 4px;}



/* 메인화면슬라이더 main_slider */
.mySwiper{max-width: 1920px; height: 480px;}
.swiper-slide>img{width: 100%;}


.swiper-button-next::after,.swiper-button-prev::after {display: none;}




/* container1 */
.container1{max-width: 100%; height: 340px;  margin: 0 auto; text-align: center; display: flex; justify-content: center; align-items: center; padding-bottom: 38px;}

.ct1_bigbox {
    max-width: 1222px;
    padding-top: 30px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 0 auto;
    row-gap: 19px;
    column-gap: 12px;
}

.ct1_bigbox img {
    width: 100%;
    border-radius: 8px;
}

.ct1_bigbox>div>p{font-size: 15px; color: #333; padding-top: 4px;}




/* container2 */

.container2{max-width: 100%; display: flex; justify-content: center; align-items: center;}

.ct2_bigbox{
    max-width: 1222px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0 auto;
    row-gap: 19px;
    column-gap: 12px;
}


.ct2_bigbox img {width: 100%; border-radius: 10px;}

.first_shoes1{background-color: #ebf0f5;}
.first_shoes2{background-color: #f6eeed;}




/* container3 */
.container3{width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 72px;}
.ct3_box3{   
    text-align: center; 
    max-width: 1222px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 0 auto;
    row-gap: 19px;
    column-gap: 12px;}

.ct3_box3>div>div>img{width: 100%; border-radius: 8px;}
.ct3_box3>div>p{font-size: 15px; color: #333;}




/* container4 */
.container4{max-width: 100%; height: 480px; text-align: center; background-color: rgb(30, 133, 226);}
.container4>img{max-width: 100%; height: 100%;}





/* container5 */
.container5{width: 100%; display: flex; justify-content: space-between; align-items: center;}

.ct5_box5{max-width: 1222px; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); margin: 0 auto; column-gap: 10px;}
.ct5_box5>div>div>img {max-width: 100%; height: 100%; border-radius: 10px;}



.ct5img1 {background-color: #f6eeed;}
.ct5img2 {background-color: #f1f1ea;}
.ct5img3 {background-color: #f6eeed;}
.ct5img4 {background-color: #ebf0f5;}

.farunimg{padding: 2px 0 0 0;}






/* container6 */
.container6{margin-top: 15px; width: 100%; display: flex; justify-content: space-between; align-items: center;}

.ct6_box6{max-width: 1222px; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0 auto; column-gap: 10px;}

.ct6_box6>div>img {width: 100%; height: 100%; border-radius: 10px;}






/* container8 */
.container8{width: 100%; display: flex; justify-content: space-between; align-items: center;}

.ct8_box8{max-width: 1222px; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); margin: 0 auto; column-gap: 10px; row-gap: 30px;}
.ct8_box8>div>div>img {max-width: 100%; height: 100%; border-radius: 10px;}



/* container9 */
.container9{max-width: 100%; background-color: #eeeee9; margin-top: 68px;}

.ct9{max-width: 1222px; margin: 0 auto;}
.ct9>img{max-width: 100%;}






/* container10 */
.container10{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.ct10_box10{max-width: 1222px; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); margin: 0 auto; column-gap: 10px;}


.ct10_box10>div>div>img{width: 100%; height: 100%;}










/* footer */

footer{width: 100%;}
.footer_top{max-width: 1222px; height: 200px; padding-top: 53px; margin: 0 auto; display: flex; justify-content: space-between; align-items: baseline;}

/* footer_left */
.footer_left{display: flex; justify-content: left; align-items: center;}
.footer_left>ul{padding-right: 84px;}
.footer_left>ul>li>b{font-size: 16px; color: #222;}
.footer_left>ul>li{padding: 5px 0; font-size: 14px; color: rgba(34,34,34,.5);}


/* footer_right */
.footer_right>p{padding: 3px 0;}
.footer_right>p>b{font-size: 16px; color: #222;}
.footer_right>p:nth-child(2){font-size: 14px; color: rgba(34,34,34,.5);}
.footer_right>p:nth-child(3){font-size: 13px; color: #222;}
.footer_right>p:nth-child(4){font-size: 11px; color: #fafafa; font-weight: 600; width: 106px; height: 26px; text-align: center; line-height: 26px; background-color: #222; margin-top: 5px;}


/* footer_second1 */
.footer_second1{max-width: 1222px; display: flex; padding: 18px 0;  margin: 0 auto; justify-content: space-between; align-items: center;}

.second1_left>ul{display: flex; justify-content: left; align-items: center;}
.second1_left>ul>li{padding-right: 14px; font-size: 14px;}

.second1_right{display: flex; justify-content: right; align-items: center;}
.second1_right>div{padding-left: 18px;}


/* footer_second2 */
.footer_second2{max-width: 1222px; margin: 0 auto; font-size: 12px; color: rgba(34,34,34,.5); padding-bottom: 40px;}



/* footer_buttom */
.footer_buttom{max-width: 1222px; display: flex; justify-content: space-between; align-items: end; margin: 0 auto; padding-bottom: 40px;}

.buttom_left>p>b{font-size: 12px; color: #222;}
.buttom_left>p:nth-child(2){font-size: 12px; color: rgba(34,34,34,.5); padding-bottom: 16px;}
.buttom_left>p:nth-child(3){font-size: 12px; color: rgba(34,34,34,.5);}


.buttom_right{font-size: 12px; color: rgba(34,34,34,.5);}