/* BASIC css start */
#content { width:1600px; margin:0 auto ; padding-top:100px; padding-bottom:100px}

/* 메인 비쥬얼 배너 */
#main_visu{width: 100%;position: relative;}
#main_visu .swiper{width: 100%;}
#main_visu .swiper-wrapper{width: 100%; }
#main_visu .swiper-slide{ width: 100%; }
#main_visu .swiper-slide img{width:100%;}
#main_visu .swiper-pagination{}
#main_visu .swiper-pagination-bullet{background-color:#555 !important}
/* section 공통 */
section{}
section h2{font-family: 'Noto Sans KR', sans-serif; font-size: 28px; color: #000;font-weight: 600; margin-bottom:10px}
section h2 span{font-size:30px; color:#555}
section p.p_subTitle{font-family: 'Noto Sans KR', sans-serif;font-size: 16px; color: #888;margin-bottom:25px}


/* sec1 */
#sec1 .item_list{width: 300px; float:left}
#sec1 .item_list .tumb{width: 100%; height: 400px;}
.sec1_prd{position:relative}
#sec1{margin-top:100px; padding-bottom:100px}
#sec1 .swiper_btn_prev{width:19px; height:36px; position:absolute; left:-65px !important; top:50%; transform:translateY(-50%); background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_prev.png) no-repeat center center; background-size:contain}
#sec1 .swiper_btn_next{width:19px; height:36px;position:absolute; right:-65px !important; top:50%; transform:translateY(-50%); background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_next.png) no-repeat center center; background-size:contain }

.swiper-horizontal>.swiper-scrollbar{height:2px !important; bottom:0px !important; width:100% }
/* sec2 */

#sec2{}
#sec2 h2{margin-bottom:10px}
#sec2 h2 span{}
#sec2 h2 a{float: right;}
#sec2 .sec2_banner{height: 150px; width: 1600px;}
#sec2 .sec2_banner ul{width: 100%; display: flex; justify-content: space-between; height: 100%;}
#sec2 .sec2_banner ul li{width: 50%; height: 100%;}
#sec2 .sec2_banner ul li a{display: block;width: 100px;height: 100%;}
#sec2 .sec2_banner ul li a img{}

/* sec3 */
#sec3{margin-top:90px}
#sec3 .sec_inner{padding-top:100px}
#sec3 .txt_area{}
#sec3 .txt_area h2{}
#sec3 .txt_area p.p_subTitle{}
#sec3 .sec3_prd{position: relative;}
#sec3 .item_list{width: 300px; float:left}
#sec3 .item_list .tumb{width: 100%;}
#sec3 .swiper_btn_prev{width:19px; height:36px; position:absolute; left:0 !important; top:35%; background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_prev.png) no-repeat center center; background-size:contain}
#sec3 .swiper_btn_next{width:19px; height:36px;position:absolute; left:60px !important; top:35%; background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_next.png) no-repeat center center; background-size:contain }
#sec3 .swiper_btn_prev{width:19px; height:36px; position:absolute; left:-65px !important; top:40%; background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_prev.png) no-repeat center center; background-size:contain}
#sec3 .swiper_btn_next{width:19px; height:36px;position:absolute; left:1640px !important; top:40%; background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_next.png) no-repeat center center; background-size:contain }


/* sec4 */

#sec4 {margin-top:30px}
#sec4 h2{}
#sec4 h2 a    {float:right;}
#sec4 .sec4_cate{margin:30px 0;}
#sec4 .sec4_cate ul{float:left}
#sec4 .sec4_cate ul li{display: inline-block; margin-right: 15px;}
#sec4 .sec4_cate ul li a{font-family: 'Noto Sans KR', sans-serif; color: #888;padding-bottom:4px; font-size:16px}
#sec4 .sec4_cate ul li.on>a{border-bottom: 2px solid #000; color: #000;}


#sec4 .sec4_cate>a{float: right;}


#sec4 .sec4_prd{}
#sec4 .sec4_prd>div{display: none;position:relative}
#sec4 .sec4_prd>div.show{display: block;}
#sec4 .item_list{width: 380px !important; float:left}
#sec4 .item-cont{justify-content: unset;}
#sec4 .swiper_btn_prev{width:19px; height:36px; position:absolute; left:-65px !important; top:40%; background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_prev.png) no-repeat center center; background-size:contain}
#sec4 .swiper_btn_next{width:19px; height:36px;position:absolute; right:-65px !important; top:40%; background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_next.png) no-repeat center center; background-size:contain }


/* sec5 */
#sec5        {margin-top:80px;}
#sec5 h2 a{float: right;}
.sec5_banner ul{width: 100%;height:auto;flex-direction:row; display: flex; justify-content: space-between;margin-top: 25px;}
.sec5_banner a{width: 100%; height: 100%; display: block;}
.sec5_banner a img    {width:1600px; height:200px; margin-top:10px;}
.sec5_banner .ban_txt{padding-top: 20px;}
.sec5_banner .ban_txt p{text-align: center;}
.sec5_banner .ban_txt p.tit{margin-bottom:7px; color: #222; font-size: 20px;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-.6px}
.sec5_banner .ban_txt p.period{color: #888; font-size: 16px;font-family: 'Red Hat Display', sans-serif; }


/* sec6 */


#sec6{margin-top:90px}
#sec6 .sec_inner{border-top:1px solid #eee; padding-top:100px; margin-top:80px;}
#sec6 .txt_area{float:left; width:22%}
#sec6 .txt_area h2{}
#sec6 .txt_area p.p_subTitle{}
#sec6 .sec6_prd{position: relative;}
#sec6 .item_list{width: 300px; float:left}
#sec6 .item_list .tumb{width: 100%; height: 400px;}
#sec6 .swiper_btn_prev{width:19px; height:36px; position:absolute; left:0 !important; top:35%; background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_prev.png) no-repeat center center; background-size:contain}
#sec6 .swiper_btn_next{width:19px; height:36px;position:absolute; left:60px !important; top:35%; background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_next.png) no-repeat center center; background-size:contain }


/* 섹션 7 스타일 */
#sec7 {
    padding: 0; /* 배너 전체를 꽉 차게 하기 위해 상하 여백 제거 */
    background-color: #fff;
    text-align: center;
}

#sec7 .sec7_banner {
    max-width: 100%; /* 배너가 컨테이너에 꽉 차도록 설정 */
    margin: 0 auto;
    padding: 0; /* 불필요한 내부 여백 제거 */
}

#sec7 .sec7_banner img.sec7-banner-img {
    width: 100%; /* 배너 이미지를 섹션 전체 폭에 맞게 */
    max-width: none; /* 이미지 크기 제한 해제 */
    height: auto; /* 원본 비율 유지 */
    display: block;
}

#sec7 .sec7_banner a {
    display: inline-block;
    width: 100%; /* 배너 링크 영역을 이미지 전체 크기로 확장 */
    text-decoration: none;
}


/* sec8 */

#sec8{margin-bottom:200px}
#sec8 .sec_inner{}
#sec8 h2{}
#sec8 h2 a{float: right;}
#sec8 .sec8_mag{width: 1600px;margin-top:30px}
#sec8 .sec8_mag ul{width: 100%; display: flex; justify-content: space-between;}
#sec8 .sec8_mag ul li{width: 516px;}
#sec8 .sec8_mag ul li .pic{}
#sec8 .sec8_mag ul li .pic a{}
#sec8 .sec8_mag ul li .pic a img{}
#sec8 .sec8_mag ul li .article{width: 100%;}
#sec8 .sec8_mag ul li .article h4{color: #222;font-size: 20px;font-family: 'Noto Sans KR', sans-serif; padding: 25px 0 14px; font-weight: 400;letter-spacing:-.4px}
#sec8 .sec8_mag ul li .article p{width: 85%;color: #888; font-size: 14px;font-family: 'Noto Sans KR', sans-serif; font-weight:300;letter-spacing:-.4px}

/* BASIC css end */