.more_btn{width: 175px; height: 45px; background-color: #EC2609; border-radius: 100px; border: none;}
.more_btn a{font-size: 1.3em; color: #fff;}


/* pc */
@media screen and (min-width:1201px){
.tablet_top_img{display: none;}
.tablet_top_img_2{display: none;}
#collect_top .tablet_collect_top_inner{display: none;}
#info .tablet_info_title{display: none;}

#topBanner{position: relative; width: 100%; overflow: hidden;}
#topBanner .top_girl{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 30%; z-index: 992;}
#topBanner .top_girl img{width: 100%;}
#topBanner .top_img{position: relative; width: 300%; display: flex;}
#topBanner .top_img li{width: 33.333%;}
#topBanner .top_img li img{width: 100%; filter: brightness(85%);}
#topBanner .top_text li{position: absolute; width: 60%; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; opacity: 0; z-index: 993;}
#topBanner .top_text li:first-child{opacity: 1;}
#topBanner .top_text li p{font-size: 3vw; color: #fff; font-family: "Noto Serif Display", serif; font-weight: bold; margin-bottom: 2%; letter-spacing: 5px}
#topBanner .top_text li h2{font-size: 9.5vw; color: #fff; letter-spacing:35px;}
#topBanner .controls_wrap{position: absolute; right: 5%; bottom: calc(5% - 10px); display: flex; align-items: center;}
#topBanner .controls_wrap button{background: none; border: none; cursor: pointer;}
#topBanner .controls_wrap .stop_btn{width: 20px; height: 20px; overflow: hidden;}



#exhi{position: relative; width: 100%; margin: 0 auto; padding-top: 200px; margin-bottom: 200px; overflow: hidden;}
#exhi .exhi_wrap{position: relative; width: 100%; z-index: 999;}
#exhi .exhi_wrap .exhi_top{position: relative; width: 96%; display: flex; flex-direction: column; margin: 0 auto; justify-content: center; align-items: center; margin-bottom: 5%; 
max-width: 1440px;}
#exhi .exhi_wrap .exhi_top p{font-size: 1.1em; color: #EC2609; align-items: center;}
#exhi .exhi_wrap .exhi_top h3{font-size: 4.5em; text-align: center; font-weight: 400; line-height: 1.5em; letter-spacing : 5px; margin-bottom: 3%; opacity: 0;}
#exhi .exhi_wrap .exhi_mid{position: relative; width: 96%; max-width: 1440px; margin: 0 auto;}
#exhi .exhi_wrap .exhi_mid ul{position: relative; width: 100%; display: flex; justify-content: space-between;}
#exhi .exhi_wrap .exhi_mid ul li:first-child{position: relative; width: 25%; margin-top: 15%; left: -200px; opacity: 0;}
#exhi .exhi_wrap .exhi_mid ul li:first-child p:first-child{font-size: 1.4em; margin-bottom: 15%;}
#exhi .exhi_wrap .exhi_mid ul li:first-child p:nth-child(2){margin-bottom: 5%;}
#exhi .exhi_wrap .exhi_mid ul li:first-child img{position: absolute; width: 40%; left: 50%; bottom: 10%;}
#exhi .exhi_wrap .exhi_mid ul li:nth-child(2){position: relative; width: 40%; bottom: -200px; opacity: 0;}
#exhi .exhi_wrap .exhi_mid ul li:nth-child(2) div{position: relative; width: 100%;}
#exhi .exhi_wrap .exhi_mid ul li:nth-child(2) div img:first-child{position: relative; width: 90%;}
#exhi .exhi_wrap .exhi_mid ul li:nth-child(2) div img:nth-child(2){position: absolute; width: 100%; left: 35%; top: 50%; transform: translate(-40%,-50%);}
#exhi .exhi_wrap .exhi_mid ul li:last-child{position: relative; width: 20%; margin-top: 40%; right: -200px; opacity: 0;}
#exhi .exhi_wrap .exhi_mid ul li:last-child img{position: absolute; width: 20%; right: 0; top: -100%;}
#exhi .exhi_wrap .exhi_mid ul li:last-child p{line-height: 2em;}

#exhi .exhi_bg_1{position: absolute; width: 60%; left: -20%; top: 10%; z-index: 998;}
#exhi .exhi_bg_1 img{width: 100%;}
#exhi .exhi_bg_2{position: absolute; width: 50%; right: -25%; top: 3%;}
#exhi .exhi_bg_2 img{width: 100%;}



#collect_top{position: relative; width: 100%;}
#collect_top ul{position: relative; width: 96%; max-width: 1440px; display: flex; justify-content: space-between; margin: 0 auto; margin-top: 4%;}
#collect_top ul:nth-child(2) li{color: #EC2609;}
#collect_top ul:nth-child(3){margin-top: 2%; align-items: flex-end;}
#collect_top ul:nth-child(3) li:first-child{margin-bottom: 5%; line-height: 1.6em; position: relative; left: -150px; opacity: 0;}
#collect_top ul:nth-child(3) li:nth-child(2){width: 30%; z-index: 999; opacity: 0;}
#collect_top ul:nth-child(3) li:nth-child(2) img{width: 100%;}
#collect_top ul:nth-child(3) li:last-child{margin-bottom: 5%; line-height: 1.6em; position: relative; right: -150px; opacity: 0;}
#collect_top .collect_top_bg{position: absolute; width: 40%; left: 20%; top: 0; z-index: 997;}
#collect_top .collect_top_bg img{width: 100%;}
#collect_top .collect_mid_bg{position: absolute; width: 50%; left: -30%; bottom: -80%;}
#collect_top .collect_mid_bg img{width: 100%;}
#collect_top h3{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 4vw; letter-spacing : 64px; font-weight: 400; z-index: 998;}


#collectBt{position: relative; width: 100%; overflow: hidden;}
#collectBt::before{content: ""; display: block; width: 100%; height: 1px; background-color: #d9d9d9; margin: 5% 0;}
#collectBt ul{position: relative; width: 200%; left: 10%; display: flex; overflow: hidden;}
#collectBt ul li{width: 12.5%; padding:0 1% ; box-sizing: border-box; position: relative; top: 100px; opacity: 0;}
#collectBt ul li img{width: 100%; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5); border-radius: 15px;}
#collectBt ul li h3{font-size: 2.5em; margin-bottom: 8%;}
#collectBt ul li>p{font-size: 1.1em; font-weight: 700; margin-top: 8%;}
#collectBt ul li div{display: flex; justify-content: space-between; align-items: center; margin-top: 6%;}
#collectBt ul li div p{font-size: 0.9em;}
#collectBt .more_btn{width: 100px; height: 35px; background-color: #EC2609; border-radius: 100px; border: none; }
#collectBt .more_btn a{font-size: 0.9em; color: #fff;}
#collectBt .collect_btn{position: relative; display: flex; margin: 3% 0 0 12%;}
#collectBt .collect_btn button{background: none; border: none; cursor: pointer; margin-right: 3%;}
#collectBt .collect_btn button:last-child{margin-right: 0;}
#collectBt .collect_btn img:first-child{margin-right: 3%;}
#collectBt .collect_line{position: relative; width: 100%; height: 4px; margin: 4% 0 0 12%;}
#collectBt .collect_line div:first-child{position: absolute; width: 80%; height: 4px; background-color: #d9d9d9; left: 0; top: 0;}
#collectBt .collect_line div:last-child{position: absolute; width: 0; height: 4px; background-color: #111; left: 0; top: 0; transition-duration: 0.7s;}



#aughter{position: relative; width: 100%; overflow: hidden; padding: 200px 0 120px 0;}
#aughter .aughter_wrap{position: relative; width: 96%; max-width: 1440px; display: flex; margin: 0 auto; justify-content: space-between;}
#aughter .aughter_wrap .aughter_left{position: relative; width: 40%;}
#aughter .aughter_wrap .aughter_left ul{width: 100%;}
#aughter .aughter_wrap .aughter_left ul li:first-child{font-size: 1.2em; color: #EC2609; margin-bottom: 4%;}
#aughter .aughter_wrap .aughter_left ul li:nth-child(2){margin-bottom: 4%;}
#aughter .aughter_wrap .aughter_left ul li:nth-child(2) h3{font-size: 4.5em; font-weight: 400;}
#aughter .aughter_wrap .aughter_left ul li:nth-child(3){margin-bottom: 25%;}
#aughter .aughter_wrap .aughter_left ul li:nth-child(3) h3{margin-left: 30%; font-size: 4.5em; font-weight: 400;}
#aughter .aughter_wrap .aughter_left ul li:nth-child(4){line-height: 2.4em; margin-bottom: 25%; width: 80%;}

#aughter .aughter_wrap .aughter_right{position: relative; width: 55%; display: flex; justify-content: space-between;}
#aughter .aughter_wrap .aughter_right div{width: 48%;}
#aughter .aughter_wrap .aughter_right div img{width: 100%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); border-radius: 15px;}
#aughter .aughter_wrap .aughter_right div:nth-child(1){z-index: 999; position: relative; top: -100px; opacity: 0;}
#aughter .aughter_wrap .aughter_right div:nth-child(2){display: flex; align-items: flex-end; z-index: 998; position: relative; bottom: -100px; opacity: 0;}
#aughter .aughter_wrap .aughter_bg{position: absolute; width: 80%; right: -10%; top: -40%; z-index: 997;}
#aughter .aughter_wrap .aughter_bg img{width: 100%; box-shadow: none; border-radius: none;}



#publi{position: relative; width: 100%; overflow: hidden; padding-top: 150px;}
#publi .publi_wrap{position: relative; width: 96%; max-width: 1440px; margin: 0 auto; z-index: 999;}
#publi .publi_wrap .publi_title{position: relative; width: 100%; display: flex; flex-direction: column; margin: 0 auto; align-items: center; margin-bottom: 8%;}
#publi .publi_wrap .publi_title p{font-size: 1.2em; color: #EC2609; margin-bottom: 2%;}
#publi .publi_wrap .publi_title h3{font-size: 4.5em; font-weight: 400;}
#publi .publi_wrap .publi_list{position: relative; width: 100%; display: flex; justify-content: space-between;}
#publi .publi_wrap .publi_list div{width: 32%;}
#publi .publi_wrap .publi_list div ul{width: 100%;}
#publi .publi_wrap .publi_list div ul li{position: relative; width: 100%; margin-bottom: 15%;}
#publi .publi_wrap .publi_list div ul li img{width: 100%; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); border-radius: 15px; scale: 1;}
#publi .publi_wrap .publi_list div ul li>p{margin-top: 6%;}
#publi .publi_wrap .publi_list div ul li div{width: 100%; margin-top: 6%; display: flex; justify-content: space-between; align-items: center;}
#publi .publi_wrap .publi_list div ul li div>p{font-size: 1.1em; font-weight: 600;}
#publi .publi_wrap .publi_list div ul li div button{width: 140px; height: 35px; background-color: #EC2609; border-radius: 70px; border: none;}
#publi .publi_wrap .publi_list div ul li div button a{font-size: 0.9em; color: #fff;}
#publi .publi_bg_1{position: absolute; width: 60%; right: -25%; top: -5%; z-index: 998;}
#publi .publi_bg_1 img{width: 100%;}
#publi .publi_bg_2{position: absolute; width: 60%; left: -20%; top: 25%;}
#publi .publi_bg_2 img{width: 100%;}
#publi .publi_bg_3{position: absolute; width: 50%; right: -15%; bottom: -5%;}
#publi .publi_bg_3 img{width: 100%;}




#info{position: relative; width: 100%; padding: 200px 0; overflow: hidden;}
#info .info_top{position: relative; width: 100%; display: flex; margin-bottom: 2%; z-index: 999;}
#info .info_top>div:first-child{width: 56%; margin-right: 4%; position: relative; left: -150px; opacity: 0;}
#info .info_top>div:first-child img{width: 100%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); border-radius: 0 15px 15px 0;} 
#info .info_top>div:last-child{width: 26%; position: relative; left: 150px; opacity: 0;}
#info .info_top>div:last-child ul{width: 100%; display: none;}
#info .info_top>div:last-child ul li:first-child{font-size: 1.2em; color: #EC2609; margin-bottom: 1%;}
#info .info_top>div:last-child ul li:nth-child(2){margin-bottom: 5%;}
#info .info_top>div:last-child ul li:nth-child(2) h3{font-size: 4vw; letter-spacing: 5px; font-weight: 400; margin-bottom: 1%; line-height: 1.2em;}
#info .info_top>div:last-child ul li:nth-child(2) div{width: 20%; height: 1px; background-color: #111;}
#info .info_top>div:last-child ul li:nth-child(3){font-size: 1.2vw; font-weight: bold; margin-bottom: 6%;}
#info .info_top>div:last-child ul li:nth-child(4){line-height: 2.5vw; margin-bottom: 5%;}



#info .info_bottom{position: relative; width: 92%; max-width: 1440px; margin: 0 auto; justify-content: center; z-index: 998;}
#info .info_bottom ul{width: 100%; display: flex; justify-content: space-between;}
#info .info_bottom ul li{width: 23.5%; scale: 1; cursor: pointer;}
#info .info_bottom ul li img{width: 100%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); border-radius: 15px;}

#info .info_bg_1{position: absolute; width: 40%; left: -15%; top: -8%; z-index: 997;}
#info .info_bg_1 img{width: 100%;}
#info .info_bg_2{position: absolute; width: 50%; right: -15%; bottom: 0; z-index: 997;}
#info .info_bg_2 img{width: 100%;}



#flow_wrap{position: relative; overflow: hidden; margin-bottom: 100px;}
.flow_inner{position: relative; overflow: hidden;}
.flow_inner .flow{position: relative; display: flex; width: 400%;}
.flow li{width: 8%; font-size: 4.2vw; font-weight: bold;}
}
/* pc 끝 */



/* tablet 가로 */
@media screen and (min-width:901px) and (max-width:1200px){
.top_img{display: none;}
.tablet_top_img_2{display: none;}
#collect_top .tablet_collect_top_inner{display: none;}
#info .tablet_info_title{display: none;}

#topBanner{position: relative; width: 100%; overflow: hidden;}
#topBanner .top_girl{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 40%; z-index: 992;}
#topBanner .top_girl img{width: 100%; }
#topBanner .tablet_top_img{position: relative; width: 300%; display: flex;}
#topBanner .tablet_top_img li{width: 33.333%;}
#topBanner .tablet_top_img li img{width: 100%; filter: brightness(85%);}
#topBanner .top_text li{position: absolute; width: 60%; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; opacity: 0; z-index: 993;}
#topBanner .top_text li:first-child{opacity: 1;}
#topBanner .top_text li p{font-size: 3vw; color: #fff; font-family: "Noto Serif Display", serif; font-weight: bold; margin-bottom: 2%; letter-spacing: 5px}
#topBanner .top_text li h2{font-size: 9.5vw; color: #fff; letter-spacing:35px;}
#topBanner .controls_wrap{position: absolute; right: 5%; bottom: calc(5% - 10px); display: flex; align-items: center;}
#topBanner .controls_wrap button{background: none; border: none; cursor: pointer;}
#topBanner .controls_wrap .stop_btn{width: 20px; height: 20px; overflow: hidden;}



#exhi{position: relative; width: 100%; margin: 0 auto; padding-top: 150px; margin-bottom: 200px; overflow: hidden;}
#exhi .exhi_wrap{position: relative; width: 100%; z-index: 999;}
#exhi .exhi_wrap .exhi_top{position: relative; width: 92%; display: flex; flex-direction: column; margin: 0 auto; justify-content: center; align-items: center; margin-bottom: 10%; 
max-width: 1440px;}
#exhi .exhi_wrap .exhi_top p{font-size: 1.1em; color: #EC2609; align-items: center;}
#exhi .exhi_wrap .exhi_top h3{font-size: 4.5em; text-align: center; font-weight: 400; line-height: 1.5em; letter-spacing : 5px; margin-bottom: 3%; opacity: 0;}
#exhi .exhi_wrap .exhi_mid{position: relative; width: 92%; max-width: 1440px; margin: 0 auto;}
#exhi .exhi_wrap .exhi_mid ul{position: relative; width: 100%; display: flex; justify-content: space-between;}
#exhi .exhi_wrap .exhi_mid ul li:first-child{position: relative; width: 30%; margin-top: 15%; left: -200px; opacity: 0;}
#exhi .exhi_wrap .exhi_mid ul li:first-child p:first-child{font-size: 1.2em; margin-bottom: 15%;}
#exhi .exhi_wrap .exhi_mid ul li:first-child p:nth-child(2){margin-bottom: 5%; font-size: 0.9em; line-height: 2em;}
#exhi .exhi_wrap .exhi_mid ul li:first-child p:last-child{font-size: 0.9em;}
#exhi .exhi_wrap .exhi_mid ul li:first-child img{position: absolute; width: 40%; left: 50%; bottom: 10%;}
#exhi .exhi_wrap .exhi_mid ul li:nth-child(2){position: relative; width: 40%; bottom: -200px; opacity: 0;}
#exhi .exhi_wrap .exhi_mid ul li:nth-child(2) div{position: relative; width: 100%;}
#exhi .exhi_wrap .exhi_mid ul li:nth-child(2) div img:first-child{position: relative; width: 90%;}
#exhi .exhi_wrap .exhi_mid ul li:nth-child(2) div img:nth-child(2){position: absolute; width: 100%; left: 45%; top: 50%; transform: translate(-50%,-50%);}
#exhi .exhi_wrap .exhi_mid ul li:last-child{position: relative; width: 25%; margin-top: 40%; right: -200px; opacity: 0;}
#exhi .exhi_wrap .exhi_mid ul li:last-child img{position: absolute; width: 20%; right: 0; top: -100%;}
#exhi .exhi_wrap .exhi_mid ul li:last-child p{line-height: 2em; font-size: 0.9em;}

#exhi .exhi_bg_1{position: absolute; width: 70%; left: -20%; top: 25%; z-index: 998;}
#exhi .exhi_bg_1 img{width: 100%;}
#exhi .exhi_bg_2{position: absolute; width: 60%; right: -25%; top: 3%;}
#exhi .exhi_bg_2 img{width: 100%;}



#collect_top{position: relative; width: 100%;}
#collect_top ul{position: relative; width: 92%; max-width: 1440px; display: flex; justify-content: space-between; margin: 0 auto; margin-top: 4%;}
#collect_top ul:nth-child(2) li{color: #EC2609;}
#collect_top ul:nth-child(3){margin-top: 2%; align-items: flex-end;}
#collect_top ul:nth-child(3) li:first-child{margin-bottom: 5%; line-height: 2.5em; position: relative; left: -150px; opacity: 0; font-size: 0.9em;}
#collect_top ul:nth-child(3) li:nth-child(2){width: 30%; z-index: 999; opacity: 0;}
#collect_top ul:nth-child(3) li:nth-child(2) img{width: 100%;}
#collect_top ul:nth-child(3) li:last-child{margin-bottom: 5%; line-height: 2.5em; position: relative; right: -150px; opacity: 0; font-size: 0.9em;}
#collect_top .collect_top_bg{position: absolute; width: 40%; left: 20%; top: 0; z-index: 997;}
#collect_top .collect_top_bg img{width: 100%;}
#collect_top .collect_mid_bg{position: absolute; width: 50%; left: -30%; bottom: -80%;}
#collect_top .collect_mid_bg img{width: 100%;}
#collect_top h3{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 4vw; letter-spacing : 50px; font-weight: 400; z-index: 998;
transition-duration: 0.5s;}


#collectBt{position: relative; width: 100%; overflow: hidden;}
#collectBt::before{content: ""; display: block; width: 100%; height: 1px; background-color: #d9d9d9; margin: 5% 0;}
#collectBt ul{position: relative; width: 200%; left: 10%; display: flex; overflow: hidden;}
#collectBt ul li{width: 12.5%; padding:0 1% ; box-sizing: border-box; position: relative; top: 100px; opacity: 0;}
#collectBt ul li img{width: 100%; box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5); border-radius: 15px;}
#collectBt ul li h3{font-size: 2.1em; margin-bottom: 10%;}
#collectBt ul li>p{font-size: 1em; font-weight: 700; margin-top: 10%; }
#collectBt ul li div{ margin-top: 10%;}
#collectBt ul li div p{font-size: 0.9em; margin-bottom: 10%;}
#collectBt .more_btn{width: 80px; height: 30px; background-color: #EC2609; border-radius: 100px; border: none; }
#collectBt .more_btn a{font-size: 0.8em; color: #fff;}
#collectBt .collect_btn{position: relative; display: flex; margin: 3% 0 0 12%;}
#collectBt .collect_btn button{background: none; border: none; cursor: pointer; margin-right: 3%;}
#collectBt .collect_btn button:last-child{margin-right: 0;}
#collectBt .collect_btn img:first-child{margin-right: 3%;}
#collectBt .collect_line{position: relative; width: 100%; height: 4px; margin: 4% 0 0 12%;}
#collectBt .collect_line div:first-child{position: absolute; width: 80%; height: 4px; background-color: #d9d9d9; left: 0; top: 0;}
#collectBt .collect_line div:last-child{position: absolute; width: 0; height: 4px; background-color: #111; left: 0; top: 0; transition-duration: 0.7s;}



#aughter{position: relative; width: 100%; overflow: hidden; padding: 200px 0 120px 0;}
#aughter .aughter_wrap{position: relative; width: 92%; max-width: 1440px; display: flex; margin: 0 auto; justify-content: space-between;}
#aughter .aughter_wrap .aughter_left{position: relative; width: 35%;}
#aughter .aughter_wrap .aughter_left ul{width: 100%;}
#aughter .aughter_wrap .aughter_left ul li:first-child{font-size: 1em; color: #EC2609; margin-bottom: 4%;}
#aughter .aughter_wrap .aughter_left ul li:nth-child(2){margin-bottom: 4%;}
#aughter .aughter_wrap .aughter_left ul li:nth-child(2) h3{font-size: 4em; font-weight: 400;}
#aughter .aughter_wrap .aughter_left ul li:nth-child(3){margin-bottom: 20%; }
#aughter .aughter_wrap .aughter_left ul li:nth-child(3) h3{margin-left: 25%; font-size: 4em; font-weight: 400;}
#aughter .aughter_wrap .aughter_left ul li:nth-child(4){line-height: 2.4em; margin-bottom: 25%; font-size: 0.9em; width: 95%;}

#aughter .aughter_wrap .aughter_right{position: relative; width: 56%; display: flex; justify-content: space-between;}
#aughter .aughter_wrap .aughter_right div{width: 48%;}
#aughter .aughter_wrap .aughter_right div img{width: 100%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); border-radius: 15px;}
#aughter .aughter_wrap .aughter_right div:nth-child(1){z-index: 999; position: relative; top: -100px; opacity: 0;}
#aughter .aughter_wrap .aughter_right div:nth-child(2){display: flex; align-items: flex-end; z-index: 998; position: relative; bottom: -100px; opacity: 0;}
#aughter .aughter_wrap .aughter_bg{position: absolute; width: 80%; right: -20%; top: -10%; z-index: 997;}
#aughter .aughter_wrap .aughter_bg img{width: 100%; box-shadow: none; border-radius: none;}
#aughter .aughter_more_btn{width: 140px; height: 40px; background-color: #EC2609; border-radius: 100px; border: none;}
#aughter .aughter_more_btn a{font-size: 1.2em; color: #fff;}



#publi{position: relative; width: 100%; overflow: hidden; padding-top: 150px;}
#publi .publi_wrap{position: relative; width: 92%; max-width: 1440px; margin: 0 auto; z-index: 999;}
#publi .publi_wrap .publi_title{position: relative; width: 100%; display: flex; flex-direction: column; margin: 0 auto; align-items: center; margin-bottom: 8%;}
#publi .publi_wrap .publi_title p{font-size: 1.2em; color: #EC2609; margin-bottom: 2%;}
#publi .publi_wrap .publi_title h3{font-size: 4.5em; font-weight: 400;}
#publi .publi_wrap .publi_list{position: relative; width: 100%; display: flex; justify-content: space-between;}
#publi .publi_wrap .publi_list div{width: 32%;}
#publi .publi_wrap .publi_list div ul{width: 100%;}
#publi .publi_wrap .publi_list div ul li{position: relative; width: 100%; margin-bottom: 15%;}
#publi .publi_wrap .publi_list div ul li img{width: 100%; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); border-radius: 15px; scale: 1;}
#publi .publi_wrap .publi_list div ul li>p{margin-top: 6%;}
#publi .publi_wrap .publi_list div ul li div{width: 100%; margin-top: 6%; display: flex; justify-content: space-between; align-items: center;}
#publi .publi_wrap .publi_list div ul li div>p{font-size: 1.1em; font-weight: 600;}
#publi .publi_wrap .publi_list div ul li div button{width: 140px; height: 35px; background-color: #EC2609; border-radius: 70px; border: none;}
#publi .publi_wrap .publi_list div ul li div button a{font-size: 0.9em; color: #fff;}
#publi .publi_bg_1{position: absolute; width: 60%; right: -25%; top: -5%; z-index: 998;}
#publi .publi_bg_1 img{width: 100%;}
#publi .publi_bg_2{position: absolute; width: 60%; left: -20%; top: 25%;}
#publi .publi_bg_2 img{width: 100%;}
#publi .publi_bg_3{position: absolute; width: 50%; right: -15%; bottom: -5%;}
#publi .publi_bg_3 img{width: 100%;}




#info{position: relative; width: 100%; padding: 200px 0; overflow: hidden;}
#info .info_top{position: relative; width: 100%; display: flex; margin-bottom: 2%; z-index: 999;}
#info .info_top>div:first-child{width: 65%; margin-right: 3%; position: relative; left: -150px; opacity: 0;}
#info .info_top>div:first-child img{width: 100%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); border-radius: 0 15px 15px 0;} 
#info .info_top>div:last-child{width: 35%; position: relative; left: 150px; opacity: 0; margin-right: 3%;}
#info .info_top>div:last-child ul{width: 100%; display: none;}
#info .info_top>div:last-child ul li:first-child{font-size: 1em; color: #EC2609; margin-bottom: 2%;}
#info .info_top>div:last-child ul li:nth-child(2){margin-bottom: 5%;}
#info .info_top>div:last-child ul li:nth-child(2) h3{font-size: 4vw; letter-spacing: 5px; font-weight: 400; margin-bottom: 2%; line-height: 1.2em;}
#info .info_top>div:last-child ul li:nth-child(2) div{width: 20%; height: 1px; background-color: #111;}
#info .info_top>div:last-child ul li:nth-child(3){font-size: 0.9em; font-weight: bold; margin-bottom: 6%;}
#info .info_top>div:last-child ul li:nth-child(4){line-height: 2em; margin-bottom: 5%; font-size: 0.9em;}
#info .more_btn{width: 140px; height: 40px; background-color: #EC2609; border-radius: 100px; border: none;}
#info .more_btn a{font-size: 1.2em; color: #fff;}


#info .info_bottom{position: relative; width: 92%; max-width: 1440px; margin: 0 auto; justify-content: center; z-index: 998;}
#info .info_bottom ul{width: 100%; display: flex; justify-content: space-between;}
#info .info_bottom ul li{width: 23.5%; scale: 1; cursor: pointer;}
#info .info_bottom ul li img{width: 100%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); border-radius: 15px;}

#info .info_bg_1{position: absolute; width: 40%; left: -15%; top: -8%; z-index: 997;}
#info .info_bg_1 img{width: 100%;}
#info .info_bg_2{position: absolute; width: 50%; right: -15%; bottom: 0; z-index: 997;}
#info .info_bg_2 img{width: 100%;}



#flow_wrap{position: relative; overflow: hidden; margin-bottom: 100px;}
.flow_inner{position: relative; overflow: hidden;}
.flow_inner .flow{position: relative; display: flex; width: 400%;}
.flow li{width: 8%; font-size: 4.2vw; font-weight: bold;}
}
/* tablet 가로 끝 */



/* tablet 세로 */
@media screen and (min-width:601px) and (max-width:900px){
    .top_img{display: none;}
    .tablet_top_img{display: none;}
    .collect_top_inner{display: none;}
    
    #topBanner{position: relative; width: 100%; overflow: hidden;}
    #topBanner .top_girl{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 60%; z-index: 992;}
    #topBanner .top_girl img{width: 100%; }
    #topBanner .tablet_top_img_2{position: relative; width: 300%; display: flex;}
    #topBanner .tablet_top_img_2 li{width: 33.333%;}
    #topBanner .tablet_top_img_2 li img{width: 100%; filter: brightness(85%);}
    #topBanner .top_text li{position: absolute; width: 60%; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; opacity: 0; z-index: 993;}
    #topBanner .top_text li:first-child{opacity: 1;}
    #topBanner .top_text li p{font-size: 3vw; color: #fff; font-family: "Noto Serif Display", serif; font-weight: bold; margin-bottom: 2%; letter-spacing: 5px}
    #topBanner .top_text li h2{font-size: 9.5vw; color: #fff; letter-spacing:35px;}
    #topBanner .controls_wrap{position: absolute; right: 5%; bottom: calc(5% - 10px); display: flex; align-items: center;}
    #topBanner .controls_wrap button{background: none; border: none; cursor: pointer;}
    #topBanner .controls_wrap .stop_btn{width: 20px; height: 20px; overflow: hidden;}
    
    
    
    #exhi{position: relative; width: 100%; margin: 0 auto; padding-top: 150px; margin-bottom: 200px; overflow: hidden; }
    #exhi .exhi_wrap{position: relative; width: 92%; justify-content: center; margin: 0 auto; z-index: 999;}
    #exhi .exhi_wrap .exhi_top{position: relative; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; align-items: center; margin-bottom: 15%;}
    #exhi .exhi_wrap .exhi_top h3{font-size: 4em; font-weight: 400; line-height: 1.5em; text-align: center; margin-bottom: 5%;}
    #exhi .exhi_wrap .exhi_mid{position: relative; width: 100%;}
    #exhi .exhi_wrap .exhi_mid ul{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center;}
    #exhi .exhi_wrap .exhi_mid ul li{position: relative; display: flex; flex-direction: column; align-items: center;}
    #exhi .exhi_wrap .exhi_mid ul li:first-child{margin-bottom: 20%;}
    #exhi .exhi_wrap .exhi_mid ul li:first-child p:first-child{font-size: 1.3em; margin-bottom: 10%; font-weight: bold;}
    #exhi .exhi_wrap .exhi_mid ul li:first-child p:nth-child(2){font-size: 1.1em; margin-bottom: 10%;}
    #exhi .exhi_wrap .exhi_mid ul li:first-child p:nth-child(3){font-size: 1.1em;}
    #exhi .exhi_wrap .exhi_mid ul li:first-child img{display: none;}
    #exhi .exhi_wrap .exhi_mid ul li:nth-child(2){position: relative; width: 100%; margin-bottom: 10%;}
    #exhi .exhi_wrap .exhi_mid ul li:nth-child(2) div{position: relative; width: 100%; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; align-items: center;}
    #exhi .exhi_wrap .exhi_mid ul li:nth-child(2) div img:first-child{width: 60%;}
    #exhi .exhi_wrap .exhi_mid ul li:nth-child(2) div img:nth-child(2){position: absolute; width: 70%;}
    #exhi .exhi_wrap .exhi_mid ul li:nth-child(3) img{width: 25%; margin-bottom: 25%;}
    #exhi .exhi_wrap .exhi_mid ul li:nth-child(3) p{text-align: center; line-height: 2em; font-size: 1.1em;}


    #exhi .exhi_bg_1{position: absolute; width: 80%; left: -20%; top: 25%; z-index: 998;}
    #exhi .exhi_bg_1 img{width: 100%;}
    #exhi .exhi_bg_2{position: absolute; width: 80%; right: -25%; top: 3%;}
    #exhi .exhi_bg_2 img{width: 100%;}
    
    
    
    #collect_top{position: relative; width: 100%; overflow: hidden;}
    #collect_top h3{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 4em; letter-spacing : 28px; font-weight: 400; z-index: 999;
        transition-duration: 0.5s;}
    #collect_top .collect_top_text{position: relative; width: 92%; display: flex; justify-content: space-between; margin: 0 auto; margin-top: 4%; z-index: 998;}
    #collect_top .collect_top_text li{font-size: 0.9em; color: #EC2609;}
    #collect_top .tablet_collect_top_inner{position: relative; width: 92%; margin: 0 auto; z-index: 997;}
    #collect_top .tablet_collect_top_inner li:first-child{position: relative; width: 100%; display: flex; justify-content: center; margin-bottom: 10%;}
    #collect_top .tablet_collect_top_inner li:first-child img{width: 60%;}
    #collect_top .tablet_collect_top_inner li:nth-child(2){position: relative; left: 0; font-size: 1em; line-height: 2em; margin-bottom: 10%;}
    #collect_top .tablet_collect_top_inner li:nth-child(3){position: relative; display: flex; justify-content: flex-end; font-size: 1em; line-height: 2em;}
    

    #collect_top .collect_top_bg{position: absolute; width: 100%; right: -50%; top: 45%; z-index: 996;}
    #collect_top .collect_top_bg img{width: 70%;}
    #collect_top .collect_mid_bg{position: absolute; width: 50%; left: 0; top: 0%;}
    #collect_top .collect_mid_bg img{width: 100%;}
    
    
    
    #collectBt{position: relative; width: 100%; overflow: hidden;}
    #collectBt::before{content: ""; display: block; width: 100%; height: 1px; background-color: #d9d9d9; margin: 10% 0;}
    #collectBt ul{position: relative; width: 300%; left: 10%; display: flex; overflow: hidden;}
    #collectBt ul li{width: 18.75%; padding:0 1% ; box-sizing: border-box; position: relative; top: 100px; opacity: 0;}
    #collectBt ul li img{width: 100%; box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5); border-radius: 15px;}
    #collectBt ul li h3{font-size: 2.1em; margin-bottom: 10%;}
    #collectBt ul li>p{font-size: 1em; font-weight: 700; margin-top: 10%; }
    #collectBt ul li div{margin-top: 10%;}
    #collectBt ul li div p{font-size: 0.9em; margin-bottom: 10%;}
    #collectBt .more_btn{width: 100px; height: 30px; background-color: #EC2609; border-radius: 100px; border: none; }
    #collectBt .more_btn a{font-size: 0.9em; color: #fff;}
    #collectBt .collect_btn{position: relative; display: flex; margin: 6% 0 0 12%;}
    #collectBt .collect_btn button{background: none; border: none; cursor: pointer; margin-right: 3%;}
    #collectBt .collect_btn button:last-child{margin-right: 0;}
    #collectBt .collect_btn img:first-child{margin-right: 3%;}
    #collectBt .collect_line{position: relative; width: 100%; height: 4px; margin: 6% 0 0 12%;}
    #collectBt .collect_line div:first-child{position: absolute; width: 80%; height: 4px; background-color: #d9d9d9; left: 0; top: 0;}
    #collectBt .collect_line div:last-child{position: absolute; width: 0; height: 4px; background-color: #111; left: 0; top: 0; transition-duration: 0.7s;}
    
    
    
    #aughter{position: relative; width: 100%; overflow: hidden; padding: 200px 0 120px 0;}
    #aughter .aughter_wrap{position: relative; width: 92%; margin: 0 auto; justify-content: space-between;}
    #aughter .aughter_wrap .aughter_left{position: relative; width: 100%; margin-bottom: 10%; z-index: 999;}
    #aughter .aughter_wrap .aughter_left ul{width: 100%;}
    #aughter .aughter_wrap .aughter_left ul li:first-child{font-size: 1em; color: #EC2609; margin-bottom: 1%;}
    #aughter .aughter_wrap .aughter_left ul li:nth-child(2){margin-bottom: 4%;}
    #aughter .aughter_wrap .aughter_left ul li:nth-child(2) h3{font-size: 5em; font-weight: 400;}
    #aughter .aughter_wrap .aughter_left ul li:nth-child(3){margin-bottom: 5%; }
    #aughter .aughter_wrap .aughter_left ul li:nth-child(3) h3{margin-left: 20%; font-size: 5em; font-weight: 400;}
    #aughter .aughter_wrap .aughter_left ul li:nth-child(4){line-height: 3em; margin-bottom: 5%; font-size: 0.9em; width: 80%;}
    
    #aughter .aughter_wrap .aughter_right{position: relative; width: 100%; display: flex; justify-content: space-between; z-index: 998;}
    #aughter .aughter_wrap .aughter_right div{width: 48%;}
    #aughter .aughter_wrap .aughter_right div img{width: 100%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); border-radius: 15px;}
    #aughter .aughter_wrap .aughter_right div:nth-child(1){z-index: 999; position: relative; top: -100px; opacity: 0;}
    #aughter .aughter_wrap .aughter_right div:nth-child(2){display: flex; align-items: flex-end; z-index: 998; position: relative; bottom: -100px; opacity: 0;}

    #aughter .aughter_wrap .aughter_bg{position: absolute; width: 80%; right: -20%; top: -10%; z-index: 997;}
    #aughter .aughter_wrap .aughter_bg img{width: 100%; box-shadow: none; border-radius: none;}
    #aughter .aughter_more_btn{width: 140px; height: 40px; background-color: #EC2609; border-radius: 100px; border: none;}
    #aughter .aughter_more_btn a{font-size: 1.2em; color: #fff;}
    
    
    
    #publi{position: relative; width: 100%; overflow: hidden; padding-top: 150px;}
    #publi .publi_wrap{position: relative; width: 92%; margin: 0 auto; justify-content: center; z-index: 999;}
    #publi .publi_wrap .publi_title{position: relative; width: 100%; display: flex; flex-direction: column; margin: 0 auto; align-items: center; margin-bottom: 8%;}
    #publi .publi_wrap .publi_title p{font-size: 1.2em; color: #EC2609; margin-bottom: 2%;}
    #publi .publi_wrap .publi_title h3{font-size: 4.5em; font-weight: 400;}
    #publi .publi_wrap .publi_list{position: relative; width: 100%;}
    #publi .publi_wrap .publi_list div{width: 100%;}
    #publi .publi_wrap .publi_list div:nth-child(2) ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
    #publi .publi_wrap .publi_list div:nth-child(2) ul li{width: 48%;}
    #publi .publi_wrap .publi_list div ul{position: relative; width: 100%; display: flex; justify-content: space-between; margin: 0 auto;}
    #publi .publi_wrap .publi_list div ul li{position: relative; width: 48%; margin-bottom: 10%;}
    #publi .publi_wrap .publi_list div ul li img{width: 100%; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); border-radius: 15px; scale: 1;}
    #publi .publi_wrap .publi_list div ul li>p{margin-top: 10%;}
    #publi .publi_wrap .publi_list div ul li div{width: 100%; margin-top: 6%; justify-content: space-between; align-items: center;}
    #publi .publi_wrap .publi_list div ul li div>p{font-size: 1.1em; font-weight: 600; margin-bottom: 10%;}
    #publi .publi_wrap .publi_list div ul li div button{width: 140px; height: 35px; background-color: #EC2609; border-radius: 70px; border: none;}
    #publi .publi_wrap .publi_list div ul li div button a{font-size: 0.9em; color: #fff;}

    #publi .publi_bg_1{position: absolute; width: 70%; right: -25%; top: 0%; z-index: 998;}
    #publi .publi_bg_1 img{width: 100%;}
    #publi .publi_bg_2{position: absolute; width: 100%; left: -20%; top: 40%;}
    #publi .publi_bg_2 img{width: 100%;}
    #publi .publi_bg_3{position: absolute; width: 100%; right: -20%; bottom: 15%;}
    #publi .publi_bg_3 img{width: 100%;}
    
    
    
    
    #info{position: relative; width: 100%; padding: 100px 0; overflow: hidden;}
    #info .info_top{position: relative; width: 92%; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; margin-bottom: 2%; z-index: 999;}
    #info .info_top>div:nth-of-type(1){order: 2;}
    #info .info_top>div:nth-of-type(2){order: 1;}
    #info .info_top p{font-size: 1.1em; color: #EC2609;}
    #info .info_top h3{font-size: 3.5em; letter-spacing: 5px; font-weight: 500; margin-bottom: 2%; line-height: 1.2em;}
    #info .info_top>div:first-child{width: 100%; position: relative; left: -150px; opacity: 0;}
    #info .info_top>div:first-child img{width: 100%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); border-radius: 15px;} 
    #info .info_top>div:last-child{width: 35%; position: relative; left: 150px; opacity: 0; position: absolute; z-index: 999; margin-left: 2%; bottom: 2%; 
        background-color: rgba(0, 0, 0, 0.8); padding: 4% 4%; border-radius: 15px;}
    #info .info_top>div:last-child ul{ width: 100%; display: none;}
    #info .info_top>div:last-child ul li:first-child{font-size: 1em; color: #fff; margin-bottom: 2%; color: #fff; display: none;}
    #info .info_top>div:last-child ul li:nth-child(2){margin-bottom: 5%; color: #fff; display: none;}
    #info .info_top>div:last-child ul li:nth-child(2) h3{font-size: 4vw; letter-spacing: 5px; font-weight: 400; margin-bottom: 2%; line-height: 1.2em; color: #fff;}
    #info .info_top>div:last-child ul li:nth-child(2) div{width: 20%; height: 1px; background-color: #fff;}
    #info .info_top>div:last-child ul li:nth-child(3){font-size: 1.3em; font-weight: bold; margin-bottom: 6%; color: #fff;}
    #info .info_top>div:last-child ul li:nth-child(4){line-height: 2em; margin-bottom: 5%; font-size: 0.9em; color: #fff;}
    #info .more_btn{width: 100px; height: 30px; background-color: #EC2609; border-radius: 100px; border: none;}
    #info .more_btn a{font-size: 1.1em; color: #fff;}
    
    
    #info .info_bottom{position: relative; width: 92%; max-width: 1440px; margin: 0 auto; justify-content: center; z-index: 998;}
    #info .info_bottom ul{width: 100%; display: flex; justify-content: space-between;}
    #info .info_bottom ul li{width: 23.5%; scale: 1; cursor: pointer;}
    #info .info_bottom ul li img{width: 100%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); border-radius: 15px;}
    
    #info .info_bg_1{position: absolute; width: 80%; left: 20%; top: 0%; z-index: 997;}
    #info .info_bg_1 img{width: 100%;}
    #info .info_bg_2{position: absolute; width: 80%; left: -20%; bottom: -10%; z-index: 997;}
    #info .info_bg_2 img{width: 100%;}
    
    #flow_wrap{position: relative; overflow: hidden; margin-bottom: 100px; display: none;}
    .flow_inner{position: relative; overflow: hidden;}
    .flow_inner .flow{position: relative; display: flex; width: 400%;}
    .flow li{width: 8%; font-size: 4.2vw; font-weight: bold;}
    }
    /* tablet 세로 끝 */



    /* mob 시작 */
@media screen and (max-width:600px){
    .top_img{display: none;}
    .tablet_top_img{display: none;}
    .collect_top_inner{display: none;}
    
    #topBanner{position: relative; width: 100%; overflow: hidden;}
    #topBanner .top_girl{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 60%; z-index: 992;}
    #topBanner .top_girl img{width: 100%; }
    #topBanner .tablet_top_img_2{position: relative; width: 300%; display: flex;}
    #topBanner .tablet_top_img_2 li{width: 33.333%;}
    #topBanner .tablet_top_img_2 li img{width: 100%; filter: brightness(85%);}
    #topBanner .top_text li{position: absolute; width: 60%; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; opacity: 0; z-index: 993;}
    #topBanner .top_text li:first-child{opacity: 1;}
    #topBanner .top_text li p{font-size: 3vw; color: #fff; font-family: "Noto Serif Display", serif; font-weight: bold; margin-bottom: 2%; letter-spacing: 5px}
    #topBanner .top_text li h2{font-size: 9.5vw; color: #fff; letter-spacing:35px;}
    #topBanner .controls_wrap{position: absolute; right: 5%; bottom: calc(5% - 10px); display: flex; align-items: center; z-index: 993;}
    #topBanner .controls_wrap button{background: none; border: none; cursor: pointer;}
    #topBanner .controls_wrap .stop_btn{width: 20px; height: 20px; overflow: hidden;}
    
    
    
    #exhi{position: relative; width: 100%; margin: 0 auto; padding-top: 150px; margin-bottom: 200px; overflow: hidden; }
    #exhi .exhi_wrap{position: relative; width: 92%; justify-content: center; margin: 0 auto; z-index: 999;}
    #exhi .exhi_wrap .exhi_top{position: relative; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; align-items: center; margin-bottom: 15%;}
    #exhi .exhi_wrap .exhi_top h3{font-size: 4em; font-weight: 400; line-height: 1.5em; text-align: center; margin-bottom: 5%;}
    #exhi .exhi_wrap .exhi_mid{position: relative; width: 100%;}
    #exhi .exhi_wrap .exhi_mid ul{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center;}
    #exhi .exhi_wrap .exhi_mid ul li{position: relative; display: flex; flex-direction: column; align-items: center;}
    #exhi .exhi_wrap .exhi_mid ul li:first-child{margin-bottom: 20%;}
    #exhi .exhi_wrap .exhi_mid ul li:first-child p:first-child{font-size: 1.3em; margin-bottom: 10%; font-weight: bold;}
    #exhi .exhi_wrap .exhi_mid ul li:first-child p:nth-child(2){font-size: 1.1em; margin-bottom: 10%;}
    #exhi .exhi_wrap .exhi_mid ul li:first-child p:nth-child(3){font-size: 1.1em;}
    #exhi .exhi_wrap .exhi_mid ul li:first-child img{display: none;}
    #exhi .exhi_wrap .exhi_mid ul li:nth-child(2){position: relative; width: 100%; margin-bottom: 10%;}
    #exhi .exhi_wrap .exhi_mid ul li:nth-child(2) div{position: relative; width: 100%; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; align-items: center;}
    #exhi .exhi_wrap .exhi_mid ul li:nth-child(2) div img:first-child{width: 60%;}
    #exhi .exhi_wrap .exhi_mid ul li:nth-child(2) div img:nth-child(2){position: absolute; width: 70%;}
    #exhi .exhi_wrap .exhi_mid ul li:nth-child(3) img{width: 25%; margin-bottom: 25%;}
    #exhi .exhi_wrap .exhi_mid ul li:nth-child(3) p{text-align: center; line-height: 2em; font-size: 1.1em;}


    #exhi .exhi_bg_1{position: absolute; width: 80%; left: -20%; top: 25%; z-index: 998;}
    #exhi .exhi_bg_1 img{width: 100%;}
    #exhi .exhi_bg_2{position: absolute; width: 80%; right: -25%; top: 3%;}
    #exhi .exhi_bg_2 img{width: 100%;}
    
    
    
    #collect_top{position: relative; width: 100%; overflow: hidden;}
    #collect_top h3{position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); font-size: 2em; letter-spacing : 20px; font-weight: 400; z-index: 999;
        transition-duration: 0.5s;}
    #collect_top .collect_top_text{position: relative; width: 92%; display: flex; justify-content: space-between; margin: 0 auto; margin-top: 4%; z-index: 998;}
    #collect_top .collect_top_text li{font-size: 0.6em; color: #EC2609;}
    #collect_top .tablet_collect_top_inner{position: relative; width: 92%; margin: 0 auto; z-index: 997;}
    #collect_top .tablet_collect_top_inner li:first-child{position: relative; width: 100%; display: flex; justify-content: center; margin-bottom: 10%;}
    #collect_top .tablet_collect_top_inner li:first-child img{width: 60%;}
    #collect_top .tablet_collect_top_inner li:nth-child(2){position: relative; left: 0; font-size: 0.9em; line-height: 2em; margin-bottom: 10%;}
    #collect_top .tablet_collect_top_inner li:nth-child(3){position: relative; display: flex; justify-content: flex-end; font-size: 0.9em; line-height: 2em;}
    

    #collect_top .collect_top_bg{position: absolute; width: 100%; right: -50%; top: 45%; z-index: 996;}
    #collect_top .collect_top_bg img{width: 70%;}
    #collect_top .collect_mid_bg{position: absolute; width: 50%; left: 0; top: 0%;}
    #collect_top .collect_mid_bg img{width: 100%;}
    
    
    
    #collectBt{position: relative; width: 100%; overflow: hidden;}
    #collectBt::before{content: ""; display: block; width: 100%; height: 1px; background-color: #d9d9d9; margin: 10% 0;}
    #collectBt ul{position: relative; width: 450%; left: 10%; display: flex; overflow: hidden;}
    #collectBt ul li{width: 31.25%; padding:0 1% ; box-sizing: border-box; position: relative; top: 100px; opacity: 0;}
    #collectBt ul li img{width: 100%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); border-radius: 15px;}
    #collectBt ul li h3{font-size: 2.1em; margin-bottom: 10%;}
    #collectBt ul li>p{font-size: 1em; font-weight: 700; margin-top: 10%; }
    #collectBt ul li div{margin-top: 10%;}
    #collectBt ul li div p{font-size: 0.9em; margin-bottom: 10%;}
    #collectBt .more_btn{width: 100px; height: 30px; background-color: #EC2609; border-radius: 100px; border: none; }
    #collectBt .more_btn a{font-size: 0.9em; color: #fff;}
    #collectBt .collect_btn{position: relative; display: flex; margin: 6% 0 0 12%;}
    #collectBt .collect_btn button{background: none; border: none; cursor: pointer; margin-right: 3%;}
    #collectBt .collect_btn button:last-child{margin-right: 0;}
    #collectBt .collect_btn img:first-child{margin-right: 3%;}
    #collectBt .collect_line{position: relative; width: 100%; height: 4px; margin: 6% 0 0 12%;}
    #collectBt .collect_line div:first-child{position: absolute; width: 80%; height: 4px; background-color: #d9d9d9; left: 0; top: 0;}
    #collectBt .collect_line div:last-child{position: absolute; width: 0; height: 4px; background-color: #111; left: 0; top: 0; transition-duration: 0.7s;}
    
    
    
    #aughter{position: relative; width: 100%; overflow: hidden; padding: 200px 0 120px 0;}
    #aughter .aughter_wrap{position: relative; width: 92%; margin: 0 auto; justify-content: space-between;}
    #aughter .aughter_wrap .aughter_left{position: relative; width: 100%; margin-bottom: 10%; z-index: 999;}
    #aughter .aughter_wrap .aughter_left ul{width: 100%;}
    #aughter .aughter_wrap .aughter_left ul li:first-child{font-size: 1em; color: #EC2609; margin-bottom: 1%;}
    #aughter .aughter_wrap .aughter_left ul li:nth-child(2){margin-bottom: 4%;}
    #aughter .aughter_wrap .aughter_left ul li:nth-child(2) h3{font-size: 4em; font-weight: 400;}
    #aughter .aughter_wrap .aughter_left ul li:nth-child(3){margin-bottom: 5%; }
    #aughter .aughter_wrap .aughter_left ul li:nth-child(3) h3{margin-left: 20%; font-size: 4em; font-weight: 400;}
    #aughter .aughter_wrap .aughter_left ul li:nth-child(4){line-height: 3em; margin-bottom: 5%; font-size: 0.9em; width: 80%;}
    
    #aughter .aughter_wrap .aughter_right{position: relative; width: 100%; display: flex; justify-content: space-between; z-index: 998;}
    #aughter .aughter_wrap .aughter_right div{width: 48%;}
    #aughter .aughter_wrap .aughter_right div img{width: 100%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); border-radius: 15px;}
    #aughter .aughter_wrap .aughter_right div:nth-child(1){z-index: 999; position: relative; top: -100px; opacity: 0;}
    #aughter .aughter_wrap .aughter_right div:nth-child(2){display: flex; align-items: flex-end; z-index: 998; position: relative; bottom: -100px; opacity: 0;}

    #aughter .aughter_wrap .aughter_bg{position: absolute; width: 80%; right: -20%; top: -10%; z-index: 997;}
    #aughter .aughter_wrap .aughter_bg img{width: 100%; box-shadow: none; border-radius: none;}
    #aughter .aughter_more_btn{width: 140px; height: 40px; background-color: #EC2609; border-radius: 100px; border: none;}
    #aughter .aughter_more_btn a{font-size: 1.2em; color: #fff;}
    
    
    
    #publi{position: relative; width: 100%; overflow: hidden; padding-top: 150px;}
    #publi .publi_wrap{position: relative; width: 92%; margin: 0 auto; justify-content: center; z-index: 999;}
    #publi .publi_wrap .publi_title{position: relative; width: 100%; display: flex; flex-direction: column; margin: 0 auto; align-items: center; margin-bottom: 8%;}
    #publi .publi_wrap .publi_title p{font-size: 1.2em; color: #EC2609; margin-bottom: 2%;}
    #publi .publi_wrap .publi_title h3{font-size: 4em; font-weight: 400;}
    #publi .publi_wrap .publi_list{position: relative; width: 100%;}
    #publi .publi_wrap .publi_list div{width: 100%;}
    #publi .publi_wrap .publi_list div:nth-child(2) ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
    #publi .publi_wrap .publi_list div:nth-child(2) ul li{width: 48%;}
    #publi .publi_wrap .publi_list div ul{position: relative; width: 100%; display: flex; justify-content: space-between; margin: 0 auto;}
    #publi .publi_wrap .publi_list div ul li{position: relative; width: 48%; margin-bottom: 10%;}
    #publi .publi_wrap .publi_list div ul li img{width: 100%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); border-radius: 15px; scale: 1;}
    #publi .publi_wrap .publi_list div ul li>p{margin-top: 10%;}
    #publi .publi_wrap .publi_list div ul li div{width: 100%; margin-top: 6%; justify-content: space-between; align-items: center;}
    #publi .publi_wrap .publi_list div ul li div>p{font-size: 1.1em; font-weight: 600; margin-bottom: 10%;}
    #publi .publi_wrap .publi_list div ul li div button{width: 140px; height: 35px; background-color: #EC2609; border-radius: 70px; border: none;}
    #publi .publi_wrap .publi_list div ul li div button a{font-size: 0.9em; color: #fff;}

    #publi .publi_bg_1{position: absolute; width: 70%; right: -25%; top: 0%; z-index: 998;}
    #publi .publi_bg_1 img{width: 100%;}
    #publi .publi_bg_2{position: absolute; width: 100%; left: -20%; top: 40%;}
    #publi .publi_bg_2 img{width: 100%;}
    #publi .publi_bg_3{position: absolute; width: 100%; right: -20%; bottom: 15%;}
    #publi .publi_bg_3 img{width: 100%;}
    
    
    
    
    #info{position: relative; width: 100%; padding: 100px 0; overflow: hidden;}
    #info .info_top{position: relative; width: 92%; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; margin-bottom: 4%; z-index: 999;}
    #info .info_top>div:nth-of-type(1){order: 2;}
    #info .info_top>div:nth-of-type(2){order: 1;}
    #info .info_top p{font-size: 1.1em; color: #EC2609;}
    #info .info_top h3{font-size: 3.5em; letter-spacing: 5px; font-weight: 500; margin-bottom: 2%; line-height: 1.2em;}
    #info .info_top>div:first-child{width: 100%; position: relative; left: -150px; opacity: 0;}
    #info .info_top>div:first-child img{width: 100%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); border-radius: 15px;} 
    #info .info_top>div:last-child{width: 46%; position: relative; left: 150px; opacity: 0; position: absolute; z-index: 999; margin-left: 2%; bottom: 2%; 
        background-color: rgba(0, 0, 0, 0.8); padding: 4% 4%; border-radius: 15px;}
    #info .info_top>div:last-child ul{ width: 100%; display: none;}
    #info .info_top>div:last-child ul li:first-child{font-size: 1em; color: #fff; margin-bottom: 2%; color: #fff; display: none;}
    #info .info_top>div:last-child ul li:nth-child(2){margin-bottom: 5%; color: #fff; display: none;}
    #info .info_top>div:last-child ul li:nth-child(2) h3{font-size: 4vw; letter-spacing: 5px; font-weight: 400; margin-bottom: 2%; line-height: 1.2em; color: #fff;}
    #info .info_top>div:last-child ul li:nth-child(2) div{width: 20%; height: 1px; background-color: #fff;}
    #info .info_top>div:last-child ul li:nth-child(3){font-size: 1.2em; font-weight: bold; margin-bottom: 6%; color: #fff;}
    #info .info_top>div:last-child ul li:nth-child(4){line-height: 2em; margin-bottom: 5%; font-size: 0.8em; color: #fff;}
    #info .more_btn{width: 100px; height: 30px; background-color: #EC2609; border-radius: 100px; border: none;}
    #info .more_btn a{font-size: 1.1em; color: #fff;}
    
    
    #info .info_bottom{position: relative; width: 92%; max-width: 1440px; margin: 0 auto; justify-content: center; z-index: 998;}
    #info .info_bottom ul{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
    #info .info_bottom ul li{width: 48%; scale: 1; cursor: pointer; margin-bottom: 4%;}
    #info .info_bottom ul li img{width: 100%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); border-radius: 15px;}
    
    #info .info_bg_1{position: absolute; width: 80%; left: 20%; top: 0%; z-index: 997;}
    #info .info_bg_1 img{width: 100%;}
    #info .info_bg_2{position: absolute; width: 80%; left: -20%; bottom: -10%; z-index: 997;}
    #info .info_bg_2 img{width: 100%;}
    
    #flow_wrap{position: relative; overflow: hidden; margin-bottom: 100px; display: none;}
    .flow_inner{position: relative; overflow: hidden;}
    .flow_inner .flow{position: relative; display: flex; width: 400%;}
    .flow li{width: 8%; font-size: 4.2vw; font-weight: bold;}
    }
    /* mob 끝*/