/* BASIC css start */
#content{width:1690px;}
@font-face {
    font-family: 'GT-America-Mono', ;
    src: url('https://th3point.speedgabia.com/font/GT-America-Mono-Regular-Trial.otf'),
	src:url('https://th3point.speedgabia.com/font/GT-America-Mono-Regular-Trial.woff2') format('woff2'),        
        url('https://th3point.speedgabia.com/font/GT-America-Mono-Regular-Trial.otf') format('open type');

    font-weight:normal;
    font-style:normal;
    font-display: swap;
    
    
    @font-face {
    font-family:font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace;
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/intelone-mono-font-family-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
}
@import url('https://fonts.googleapis.com/css2?family=42dot+Sans:wght@300..800&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=IBM+Plex+Sans+KR:wght@100;200;300;400;500&family=Montserrat:wght@100..900&family=Nanum+Gothic+Coding&display=swap');
.-mos03 { -webkit-transition:all 0.3s ease; -khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;  }
.-mos05 { -webkit-transition:all 0.5s ease; -khtml-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;  }
.-mos1 { -webkit-transition:all 1s ease; -khtml-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;  }

/* 메인 비쥬얼 배너 */
#mainSpot { font-family: 'GT-America-Mono', ; position:relative; width:98%;  margin: 0 auto; overflow:hidden; }
#mainSpot .grid { font-family: 'GT-America-Mono', ;  width: 100%; }
#mainSpot .grid .cell{position:relative; padding: 0 0 20px; vertical-align: top; text-align: left;}
#mainSpot .grid .cellR{text-align: right;}
#mainSpot .grid .cell .grid_txt{ position: absolute; top: 35px; right: 35px; color: #fff; font-family:  'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Sans KR', sans-serif; text-align: right;}
#mainSpot .grid .cell .grid_txt p{ font-size: 16px;}
#mainSpot .grid .cell .grid_txt span{ border-bottom: 1px solid #fff; font-size: 14px; line-height: 26px;}
/* 메인 서브 배너 */
.mnBn { width: 100%; }
.mnBn ul::after {font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace; display: block; clear: both; content: ''; width: 100%; }
.mnBn ul li div { width: 100%; height: 100%; display: table; }
.mnBn ul li { float: left; overflow: hidden; ;}
.mnBn ul li div.txtArea {margin-top: 75px; text-align:center}
.mnBn ul li div.txtArea .mnTit{font-size:40px; font-weight:400; color:#fff;    }
.mnBn ul li div.txtArea .mnCap{font-size:40px; font-weight:700; color:#fff;    }
.mnBn ul li div.txtArea .mnMoreBtn{  border:2px solid #fff; background:rgba(225,225,225,0); width:120px; border-radius:5px; height:40px; margin-top:15px; text-align:center; line-height:40px; margin: 30px auto;}
.mnBn ul li div.txtArea .mnMoreBtn a {font-size:16px; color:#fff;     display: block;  line-height: 40px;}
.mnBn ul li div.txtArea .mnMoreBtn a:hover {color:#000; background:#fff;}
.mnBn ul li.mn1 { width: 50%; height: 50%; background: url(//skin.makeshop.co.kr/skin/tem129/mnbn01.jpg) no-repeat center center; background-size: cover; }
.mnBn ul li div.txtArea2{ margin-top: 75px; text-align:center}
.mnBn ul li div.txtArea2 .mnTit{font-size:14px; font-weight:400; }
.mnBn ul li div.txtArea2 .mnCap{font-size:14px; font-weight:700;}
.mnBn ul li div.txtArea2 .mnMoreBtn{ border:2px solid #000; background:rgba(225,225,225,0); width:120px; border-radius:5px; height:40px; margin-top:15px; text-align:center; line-height:40px; margin: 30px auto;}
.mnBn ul li div.txtArea2 .mnMoreBtn a{font-size:16px;  display: block;  line-height: 40px;}
.mnBn ul li div.txtArea2 .mnMoreBtn a:hover {color:#fff; background:#000;}
.mnBn ul li.mn2 { width: 50%; height: 349px; background: url(//skin.makeshop.co.kr/skin/tem129/mnbn02.jpg) no-repeat center center; background-size: cover; }

.section{width: 100%;}
.section .sec_inner{width:100%; margin:10 10px}
.section h2{ margin:25px auto font-family: 'GT-America-Mono';font-size:18px; color:#333333; font-weight:400 text-again: center; }
a.more{color: #5d5d5d; font-family:'GT-America-Mono', 'Noto Sans Mono', sans-serif;border:1px solid #ccc; font-size:13px; border-radius:20px;margin-left:20px ;padding:3px 12px; display:inline-block; 
font-weight:500;float:right text-again: center;}


#sec1{}
#sec1 .swiper{}
#sec1 .swiper>ul{}
#sec1 .swiper>ul>li{position: relative;width: 100%;}
#sec1 .swiper>ul>li>a{display: block;width: 100%;}
#sec1 .swiper>ul>li>a>img{width: 100%; height:auto;}
#sec1 .swiper>ul>li>.txt{position: absolute; left: 60%; top: 30%;}
#sec1 .swiper>ul>li>.txt.act{}
#sec1 .swiper>ul>li>.txt>*{position: relative; left: -100px;opacity: 0;}
#sec1 .swiper>ul>li>.txt.act>*{left: 0px;opacity: 1;}
#sec1 .swiper>ul>li>.txt p.sub{margin-bottom: 10px; transition: center; .5s, opacity .8s;font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace; font-size: 15px; color: #494949;}
#sec1 .swiper>ul>li>.txt h2{transition: left .7s,opacity .8s;margin-left: -2px;font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace;,font-size: 15px;color: #1a1a1a; font-weight: bold;}
#sec1 .swiper>ul>li>.txt a{margin-top: 25px; transition: center;  1s,opacity .8s;display: inline-block; color: #898989; font-family:'GT-America-Mono', ; font-size: 12px;}
#sec1 .swiper-pagination{left: 60%; width: auto; bottom: 40%;}
#sec1 .swiper-pagination-bullet{opacity: 1; background-color: #fff;}
#sec1 .swiper-pagination-bullet-active{background-color: #000;}



.sec1_bar{border-bottom: 1px solid #eee; width:98%%}
.sec1_bar .swiper{width: 1690px; margin:0 auto; height: 45px;}
.sec1_bar .swiper ul{width: 100%;}
.sec1_bar .swiper ul li.swiper-slide{}
.sec1_bar .swiper ul li.swiper-slide p{display: flex; align-items: center; justify-content: center; font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace; font-size: 13px ; color: #333333; padding: 11px 0; }
.sec1_bar .swiper .btn{position: absolute; right: 0; top: 0;z-index: 40;}
.sec1_bar .swiper .btn>div{width: 25px; height: 22px;text-align: center;border-left: 1px solid #eee;border-right: 1px solid #eee;display: flex; align-items: center;justify-content: center; cursor: pointer;}
.sec1_bar .swiper .btn>div:first-child{border-bottom: 1px solid #eee;}
.sec1_bar p span{display: flex; margin-right: 10px;}
.sec1_bar p span img{}

#sec2{margin-top:10px}
#sec2 .sec2_top{display: flex; justify-content: space-between; align-items: center;margin-bottom:3px}
#sec2 .sec2_top h2{margin:30px,100px,30px,0;}
#sec2 .sec2_top .right{display:flex}
#sec2 .swiper-pagination{position:unset}
#sec2 .swiper-pagination-bullets.swiper-pagination-horizontal{left:unset; top:unset; width:auto;}
#sec2 .swiper-pagination-bullet {font-family: 'GT-America-Mono', ;  width: 22px;height: 22px;text-align: center;line-height: 22px; box-sizing:unset; font-weight:500; font-size: 12px;color: #5d5d5d;opacity: 1; background: rgba(0, 0, 0, 0);font-family: 'Lato', sans-serif;border:1px solid #ccc }
#sec2 .swiper-pagination-bullet-active { color: #fff;background: #333333;}
#sec2 .sec2_top .right .more a{float:unset; color: #5d5d5d;font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace; border:1px solid #ccc; font-size:13px; border-radius:20px; margin-right:50px ;padding:3px 12px; display:inline-block; font-weight:500}
#sec2 .swiper li .thumb span.sticker{font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace;  z-index:1; position:absolute; width:40px; height:40px; display:inline-block; color:#b51212;  background-color:(0, 0, 0, 0) border-radius:50%; line-height:40px; text-align:center; left:10px; top: 0px; font-size:12px; font-weight:500}




#sec3{width: 100%; position: relative;margin-bottom:80px}
#sec3 .bg{width: 100%;}
#sec3 .bg img{width: 100%;}
#sec3 .txt_cont{width: 1690px; margin: 0 auto; }
#sec3 .txt_cont .txt_inner{font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace;  padding: 40px 0; width: 670px; }
#sec3 .txt_cont .txt_inner>*{font-family:  'GT-America-Mono', 'intelone-mono-font-family-regular', sans-serif;}
#sec3 .txt_cont .txt_inner p.tit{color: #000000;font-size: 20px; font-weight: 500; margin-bottom: 10px;}
#sec3 .txt_cont .txt_inner h3{color: #000; font-size: 37px; font-weight: 700; margin-bottom: 20px;}
#sec3 .txt_cont .txt_inner p.cont{color: #474747; font-size: 16px; line-height: 1.4; font-weight: 400; margin-bottom: 70px;}
#sec3 .txt_cont .txt_inner>a{color: #474747; font-size: 13px; display: block;}

#sec3 .swiper{position: absolute; bottom: 0; right:calc(50% - 845px); width: 1020px;padding: 10px 10px 50px;}
#sec3 .swiper ul.swiper-wrapper{display: flex; align-items: flex-end;}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide{padding: 0px 0px 40px; border-radius: 10px;overflow:hidden; background-color: transparent;transition: background-color .3s, padding .4s,box-shadow .3s;}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide:hover{background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, .1);padding: 0px 0px 55px;}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide:hover a.view_more{color: #6273ff;}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .thumb{width: 100%;padding-bottom: 0px;transition: padding-bottom .3s; }
#sec3 .swiper ul.swiper-wrapper li.swiper-slide:hover>.thumb{}

#sec3 .swiper ul.swiper-wrapper li.swiper-slide .thumb a{display: block; width: 100%;text-align: center;}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .thumb a img{}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .info{padding-bottom:40px}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .info p{text-align: center;}
#sec3 .swiper ul.swiper-wrapper li.swiper-slide a.view_more{text-align: center;transition:color .2s; display: block; font-family: 'GT-America-Mono','Noto Sans Mono','Noto Sans KR', sans-serif;color:#474747; font-size:11px; }
#sec3 .swiper-pagination{bottom:0px; top:unset}
#sec3 .swiper-pagination-bullet{width: 30px; height: 2px; border-radius: 0; background-color:#9c8f87; }
#sec3 .swiper-pagination-progressbar{background-color:rgba(0,0,0,0.09); height:4px !important}
#sec3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#333}

#sec4{width: 100%;}
#sec4 .sec_inner{}
#sec4 .sec_inner h2{margin-top:180px; margin-bottom:30px}
#sec4 .sec_inner h2 a.more{}
#sec4 .sec_inner .sec4_cont{font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace; }
#sec4 .sec_inner .sec4_cont ul{display: flex; justify-content: space-between;}
#sec4 .sec_inner .sec4_cont ul li{width: 100%; height: 580px; overflow: hidden; }
#sec4 .sec_inner .sec4_cont ul li:hover .info .inner{background-color: rgba(255,255,255,.8);}
#sec4 .sec_inner .sec4_cont ul li:hover .info .inner p.txt{opacity: 1;}
#sec4 .sec_inner .sec4_cont ul li:hover .info .inner p.brandname{opacity: 1;margin-bottom:15px}
#sec4 .sec_inner .sec4_cont ul li .info .inner:hover p.brandname{}
#sec4 .sec_inner .sec4_cont ul li:hover a img{transform: scale(1.05);filter: grayscale(0);}
#sec4 .sec_inner .sec4_cont ul li a{display: block;position: relative; width: 100%;}
#sec4 .sec_inner .sec4_cont ul li a img{transition: transform .4s, filter .3s;filter: grayscale(.3);}
#sec4 .sec_inner .sec4_cont ul li a .info{position: absolute;width: 100%; bottom: 0px; left: 0;padding:15px 12px;}
#sec4 .sec_inner .sec4_cont ul li a .info .inner{background-color: transparent;transition: background-color .5s; padding: 25px 0;}
#sec4 .sec_inner .sec4_cont ul li a .info .inner p{text-align: center;font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace;}
#sec4 .sec_inner .sec4_cont ul li a .info .inner p.brandname{opacity: 0; transition: opacity .9s, margin-bottom .4s;font-family: 'GT-America-Mono','Noto Sans Mono', sans-serif; font-size: 30px; color: #000; font-weight: 700; margin-bottom: -10px;}
#sec4 .sec_inner .sec4_cont ul li a .info .inner p.txt{opacity: 0; transition: opacity .1s; font-family:  'GT-America-Mono','Noto Sans Mono','Noto Sans KR', sans-serif; font-size: 12px; color: #888888; font-weight: 500;}



#sec5{width: 100%;position: relative;margin-top:5px}
#sec5>img{width: 100%;}
#sec5 a{position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);}
#sec5 a:hover>img{transform: scale(1.1);}
#sec5 a img{transition: transform .2s;}

#sec6{margin-top:10px}
#sec6 .sec_inner{}
#sec6 .sec_inner h2{font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace; ,margin-bottom:25px text-align: center; padding-bottom:20px;}
#sec6 .sec_inner h2 a.more{font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace; }
#sec6 .sec_inner .sec6_cont{font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace; text-align: center;}
#sec6 .sec_inner .sec6_cont ul{display: flex; flex-wrap: wrap;}
#sec6 .sec_inner .sec6_cont ul li{width: 250px;margin-right: 38px;}
#sec6 .sec_inner .sec6_cont ul li:nth-child(4n){margin-right: 0;}



/* sec8 */
#sec8{margin:200px 0 0px}
#sec8 h2{margin-bottom:30px}
#sec8 .sec8_review{}
#sec8 .sec8_review>div{width: 100%;}
#sec8 .sec8_review>div>ul{width: 100%; display:flex; justify-content:space-between;}
#sec8 .sec8_review>div>ul>li{width: 315px;  }
#sec8 .li_review .rv_main{ width: 100%; border-bottom: 1px solid #f2f2f2;}
#sec8 .li_review .rv_main .thumb{width:100%; height: 312px;}
#sec8 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;}
#sec8 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec8 .li_review .rv_main .rv_main_cont{width: 100%; padding: 20px 0;}
#sec8 .li_review .rv_main .rv_main_cont .rv_cont{font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace; text-overflow: ellipsis; overflow: hidden; color:#575757; line-height:1.4 }

#sec8 .li_review .rv_mini{width: 100%; height: 100px; display: flex; align-items: center; justify-content: left; padding:0 20px;}
#sec8 .li_review .rv_mini .mini_thumb{width: 65px; height: 65px; border-radius: 50%; display: inline-block; border: 1px solid #f2f2f2; overflow: hidden;}
#sec8 .li_review .rv_mini .mini_thumb a{display: block;width: 100%; height: 100%;}
#sec8 .li_review .rv_mini .mini_thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec8 .li_review .rv_mini ul {padding-left: 20px;} 
#sec8 .li_review .rv_mini ul li {font-family:font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace;  font-size: 13px; color: #656565;margin-bottom:4px;}
#sec8 .li_review .rv_mini ul li:nth-child(2){display:flex; align-items:center}
#sec8 .li_review .rv_mini ul li span {font-family: 'GT-America-Mono','Noto Sans Mono', sans-serif; margin-right:10px;display:flex; align-items:center; color:#000}
#sec8 .li_review .rv_mini ul li span img{display:inline-block; margin-right:4px; transform:scale(.9)}
#sec8 .li_review .rv_mini ul li span:nth-child(2) img{margin-top:2px}

/* 미진 */
#sec04{padding-top:0px; overflow:hidden}
#sec04 .sec_inner{width: 100% height: auto;  }
#sec04 .sec_inner .sec04_cont{display: flex; justify-content: space-between; flex-wrap: nowrap; gap: 0px;}
#sec04 .sec_inner .sec04_cont>div{width: 50%; height: auto;  }

#sec04 .sec_inner .sec04_cont>div .banner{}
#sec04 .sec_inner .sec04_cont>div .banner h3{overflow: hidden; text-align: center;  margin 24px; font-family:"Roboto Mono",'GT-America-Mono','Courier Prime',"IBM Plex Sans KR", sans-serif; font-size: 21px; font-weight: 400; color: #000; text-transform: uppercase;}
#sec04 .sec_inner .sec04_cont>div .banner .banner_img{margin-top: 0px}
#sec04 .sec_inner .sec04_cont>div .banner .banner_img a{display: block; width: 100%; /* border-radius: 0px;*/ overflow: hidden;}
#sec04 .sec_inner .sec04_cont>div .banner .banner_img a img{width: 100%;height:800px;}
#sec04 .sec_inner .sec04_cont>div .banner .banner_img ul li a .thumb .cover_text{ position: absolute;  color: #fff;   bottom: 20px;  left: 20px;  line-height: 10px; font-family: 'GT-America-Mono',"Roboto Mono", monospace;
}
#sec04 .sec_inner .sec04_cont>div .banner .banner_img ul li a .thumb .cover_text .main_title {font-weight: bold;    font-size: 14px;  padding-bottoom:15px;   font-family: 'GT-America-Mono',"Roboto Mono", monospace;
 }
#sec04 .sec_inner .sec04_cont>div .banner .banner_img ul li a .thumb .cover_text .sub_title {    font-size: 14px;  bottom: 0px;   font-family:'GT-America-Mono',"Roboto Mono", monospace; }




#sec04 .sec_inner .sec04_cont>div .banner p{text-align: center; margin: 0px 0 20px;letter-spacing:-.7px; font-family:'GT-America-Mono','Courier Prime',"IBM Plex Sans KR", sans-serif;  font-size:14px; color:#000; font-weight:400; line-height:1.7;}
#sec04 .sec_inner .sec04_cont>div .swiper{padding: 20px 10px 0 20px;}
#sec04 .sec_inner .sec04_cont>div .swiper ul{}
#sec04 .sec_inner .sec04_cont>div .swiper ul li{}
#sec04 .sec_inner .sec04_cont>div .swiper ul li.item_list .info .prdname{margin-bottom:5px}
#sec04 .sec_inner .sec04_cont>div .swiper ul li.item_list .info .price{font-size: 14px font-weight:400}
#sec04 .sec_inner .sec04_cont>div .swiper .swiper-scrollbar{height:1px; }


#sec04 .swiper :is(.swiper-button-next,.swiper-button-prev){ transition: filter .4s; filter: opacity(0);  background-color:#fff; padding: 10px; width: 35px; height: 50px; transform: translateY(-100%); color:#fff;}
#sec04 .sec_inner .sec04_cont>div:hover :is(.swiper-button-next,.swiper-button-prev){ filter: opacity(1);}
#sec04 .swiper .swiper-button-next{right:0px}
#sec04 .swiper .swiper-button-prev{left: 0px}
#sec04 .swiper .swiper-button-next:after,#sec04 .swiper .swiper-button-prev:after{font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace;  font-size: 14px;} 



#sec04-2-2{padding-top:45px; overflow:hidden}
#sec04-2 .sec_inner{height: auto; font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace;  }
#sec04-2 .sec_inner .sec04-2_cont{display: flex; justify-content: space-between; flex-wrap: nowrap; gap: 0px;}
#sec04-2 .sec_inner .sec04-2_cont>div{width: 50%;}
#sec04-2 .sec_inner .sec04-2_cont>div .banner{font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace;  }
#sec04-2 .sec_inner .sec04-2_cont>div .banner h3{ text-align: center;  margin 25px;font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace;  font-size: 21px; font-weight: 400; color: #000; text-transform: uppercase;}
#sec04-2 .sec_inner .sec04-2_cont>div .banner .banner_img{margin-top: 15px}
#sec04-2 .sec_inner .sec04-2_cont>div .banner .banner_img a{display: block; width: 100%; /* border-radius: 0px;*/ overflow: hidden;}
#sec04-2 .sec_inner .sec04-2_cont>div .banner .banner_img a img{width: 100%;}




#sec04-2 .sec_inner .sec04-2_cont>div .banner p{font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace;  text-align: center; margin: 20px 0 20px;letter-spacing:-.7px; font-family:'GT-America-Mono','Courier Prime',"IBM Plex Sans KR", sans-serif;  font-size:14px; color:#000; font-weight:400; line-height:1.7;}
#sec04-2 .sec_inner .sec04-2_cont>div .swiper{padding: 20px 10px 0 20px;}
#sec04-2 .sec_inner .sec04-2_cont>div .swiper ul{}
#sec04-2 .sec_inner .sec04-2_cont>div .swiper ul li{}
#sec04-2 .sec_inner .sec04-2_cont>div .swiper ul li.item_list .info .prdname{margin-bottom:5px}
#sec04-2 .sec_inner .sec04-2_cont>div .swiper ul li.item_list .info .price{font-size: 14px font-weight:400}
#sec04-2 .sec_inner .sec04-2_cont>div .swiper .swiper-scrollbar{height:1px; }


#sec04-2 .swiper :is(.swiper-button-next,.swiper-button-prev){ transition: filter .4s; filter: opacity(0);  background-color:#fff; padding: 10px; width: 35px; height: 50px; transform: translateY(-50%); color:#fff;}
#sec04-2 .sec_inner .sec04-2_cont>div:hover :is(.swiper-button-next,.swiper-button-prev){ filter: opacity(1);}
#sec04-2 .swiper .swiper-button-next{right:0px}
#sec04-2 .swiper .swiper-button-prev{left: 0px}
#sec04-2 .swiper .swiper-button-next:after,#sec04-2 .swiper .swiper-button-prev:after{font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace;  font-size: 14px;}


/* sec7 */
#sec9{}
#sec9 h2{font-family: 'noto sans mono', sans-serif; font-size: 40px; color: #000; text-align: center;margin-bottom:40px; font-weight:400}
#sec9 .swiper{position: relative;}
#sec9 .swiper ul{}
#sec9 .swiper ul li{width: 55%; transition: transform .7s;position: relative;}
#sec7 .swiper ul li.swiper-slide{transform: scale(.9);}
#sec7 .swiper ul li.swiper-slide-active{transform: scale(1);}
#sec7 .swiper ul li .img_sec{width: 100%;}
#sec7 .swiper ul li .img_sec a{width: 100%;display: block;}
#sec7 .swiper ul li .img_sec a img{width: 100%; }
#sec7 .swiper ul li .text_sec{position: absolute; bottom: 10%; left: 10%;}
#sec9 .swiper ul li .text_sec>*{opacity: 0;position: relative; left: -400px;}
#sec9 .swiper ul li .text_sec.show>*{opacity: 1; left: 0; }
#sec9 .swiper ul li .text_sec h4{ color: #fff; font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace;  font-size: 50px; color: #fff; font-weight: 500; transition: opacity 1.6s, left .7s;}
#sec9 .swiper ul li .text_sec p{color: #fff;font-family: 'Spoqa Han Sans Neo', sans-serif; font-size: 20px;font-weight: 300; transition: opacity 2s, left 1s; line-height: 1.6;}
#sec9 .swiper_btn_prev{position: absolute; top: 50%; left: 16%; z-index: 10; transform: translateY(-50%); cursor: pointer; } 
#sec9 .swiper_btn_next{position: absolute; top: 50%; right: 16%; z-index: 10; transform: translateY(-50%); cursor: pointer;}

#sec02{margin-top:10px}
#sec02 .sec02_top{display: flex; justify-content: space-between; align-items: center;margin-bottom:3px}
#sec02 .sec02_top h2{margin:30px,100px,30px,0;}
#sec02 .sec02_top .right{display:flex}
#sec02 .swiper-pagination{position:unset}
#sec02 .swiper-pagination-bullets.swiper-pagination-horizontal{left:unset; top:unset; width:auto;}
#sec02 .swiper-pagination-bullet {font-family: 'GT-America-Mono', ;  width: 22px;height: 22px;text-align: center;line-height: 22px; box-sizing:unset; font-weight:500; font-size: 12px;color: #5d5d5d;opacity: 1; background: rgba(0, 0, 0, 0);font-family: 'Lato', sans-serif;border:1px solid #ccc }
#sec02 .swiper-pagination-bullet-active { color: #fff;background: #333333;}
#sec02 .sec02_top .right .more a{float:unset; color: #5d5d5d;font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace; border:1px solid #ccc; font-size:13px; border-radius:20px; margin-right:50px ;padding:3px 12px; display:inline-block; font-weight:500}
#sec02 .swiper li .thumb span.sticker{font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace;  z-index:1; position:absolute; width:40px; height:40px; display:inline-block; color:#b51212;  background-color:(0, 0, 0, 0) border-radius:50%; line-height:40px; text-align:center; left:10px; top: 0px; font-size:12px; font-weight:500}



/* 슬라이드띠배너*/
.marquee-container {margin-top:2px; margin-bottom:2px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    color: #000;
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    cursor: default;
    background-color: #eee;
    color: #111;
}

.marquee {
    display: flex;
    animation: scroll 20s linear infinite;
    /* 끊김 없이 반복 애니메이션 */
    font-size: 14px;
    font-weight: 500;
    font-family: ="GT-America-Mono";
}

.marquee span {
    padding: 0px 50px;
    letter-spacing: 0.2em;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
        /* 절반만 이동 */
    }
}

/* BASIC css start */
.main_cate_wrap4{font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace;

margin:0 ;
}
.main_cate_wrap4 ul{overflow: hidden;}
.main_cate_wrap4 ul li{   float: left; width: 25%;}
.main_cate_wrap4 ul li a{    display:block;    border: 1px solid #fff;    border-right: 0;    <!-- border-bottom: 0; -->   
}
.main_cate_wrap4 ul li:nth-child(3n){border-right:1px solid #fff;}
.main_cate_wrap4 ul li:nth-child(n+4){border-bottom:1px solid #fff;}
.main_cate_wrap4 ul li a .thumb{    position: relative;    
}
.main_cate_wrap4 ul li a .thumb img{    width: 100%;}
.main_cate_wrap4 ul li a .thumb .cover_text{    opacity:0;    transition-duration: 0.8s;
    padding-top: 95%;    padding-left: 0;    font-size: 14px;    background: #111;    color: #fff;    position: absolute;    top:0;    left: 0;    width: 100%;    height: 100%; padding-top: 95%;    text-align: center;}

.main_cate_wrap4 ul li a .thumb .cover_text p .main_title {font-family: 'GT-America-Mono','42dot Sans' ,"Roboto Mono", monospace;  position: absolute;  color: #fff;    bottom: 20px;  left: 40px;line-height: 10px; font-family: 'GT-America-Mono','42dot Sans' ,"Roboto Mono", monospace;text-align: center; 
 }
.main_cate_wrap4 ul li a .thumb .cover_text p.sub_title { font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace;   text-align: left;  font-size: 14px;  bottom: 0px;   font-family: 'GT-America-Mono','42dot Sans' ,"Roboto Mono", monospace;text-align: center; }

.main_cate_wrap4 ul li:hover a .thumb .cover_text{ opacity: 0.8; }




/* BASIC css start */
.main_cate_wrap3{font-family: 'GT-America-Mono','DM Mono','42dot Sans' ,"Roboto Mono", monospace;

margin:0 ;
}
.main_cate_wrap3 ul{overflow: hidden;}
.main_cate_wrap3 ul li{   float: left; width: 33.33%;}
.main_cate_wrap3 ul li a{    display:block;    border: 1px solid #fff;    border-right: 0;    <!-- border-bottom: 0; -->   
}
.main_cate_wrap3 ul li:nth-child(3n){border-right:1px solid #fff;}
.main_cate_wrap3 ul li:nth-child(n+4){border-bottom:1px solid #fff;}
.main_cate_wrap3 ul li a .thumb{    position: relative;    
}
.main_cate_wrap3 ul li a .thumb img{    width: 100%;}
.main_cate_wrap3 ul li a .thumb .cover_text{    opacity:0;    transition-duration: 0.8s;
    padding-top: 98%;    padding-left: 0;    font-size: 14px;    background: #111;    color: #fff;    position: absolute;    top:0;    left: 0;    width: 100%;    height: 100%; padding-top: 80%;    text-align: center;}

.main_cate_wrap3 ul li a .thumb .cover_text p .main_title {font-family: 'GT-America-Mono','42dot Sans' ,"Roboto Mono", monospace;  position: absolute;  color: #fff;    bottom: 20px;  left: 40px;line-height: 10px; font-family: 'GT-America-Mono','42dot Sans' ,"Roboto Mono", monospace;text-align: center; 
 }
.main_cate_wrap3 ul li a .thumb .cover_text p.sub_title { font-family:'GT-America-Mono','42dot Sans' "DM Mono",'IBM Plex Sans KR', monospace;  text-align: left;  font-size: 14px;  bottom: 0px;   font-family: 'GT-America-Mono','42dot Sans' ,"Roboto Mono", monospace;text-align: center; }

.main_cate_wrap3 ul li:hover a .thumb .cover_text{ opacity: 0.8; }



/* BASIC css end */