.more_btn_small{width: 120px; height: 35px; background-color: #EC2609; border-radius: 100px; border: none;}
.more_btn_small a{font-size: 1em; color: #fff;}

/* pc 시작 */
@media screen and (min-width:1201px){
#best .mob_best_right_num{display: none;}


#flow{position: relative; width: 100%; padding-top: 250px; padding-bottom: 250px; overflow: hidden;}
#flow .flow_inner{position: relative; width: 100%; z-index: 998;}
#flow .flow_title{position: relative; width: 92%; max-width: 1440px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; margin-bottom: 10%;}
#flow .flow_title p:first-child{font-size: 1.1em; color: #EC2609; margin-bottom: 1%;}
#flow .flow_title h2:nth-child(2){font-size: 4.5em; font-weight: 400; letter-spacing: 5px; margin-bottom: 2%;}

#flow .flow_img{position: relative; width: 200%; display: flex;}
#flow .flow_img li{position: relative; width: 20%; margin-right: 1%;}
#flow .flow_img li:nth-child(2n+1){position: relative; top: -50px;}
#flow .flow_img li:nth-child(2n){position: relative; bottom: -50px;}
#flow .flow_img li img{width: 100%; border-radius: 15px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);}

#flow .flow_bg_1{position: absolute; left: -20%; top: 0; width: 80%;}
#flow .flow_bg_1 img{width: 100%;}
#flow .flow_bg_2{position: absolute; right: -10%; top: 0; width: 45%;}
#flow .flow_bg_2 img{width: 100%;}


#best{position: relative; width: 100%; overflow: hidden; padding-bottom: 150px;}
#best .best_wrap{position: relative; width: 92%; max-width: 1440px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; z-index: 998;}
#best .best_wrap .best_title{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 5%;}
#best .best_wrap .best_title p:first-child{font-size: 1.1em; color: #EC2609; margin-bottom: 1%;}
#best .best_wrap .best_title h2:nth-child(2){font-size: 4.5em; font-weight: 400; margin-bottom: 2%;}

#best .best_wrap .best_list{position: relative; width: 100%; display: flex; justify-content: space-between;}

#best .best_wrap .best_list .best_list_left{position: relative; width: 37%;}
#best .best_wrap .best_list .best_list_left ul li{display: none;}
#best .best_wrap .best_list .best_list_left ul li div:first-child{position: relative; width: 100%;}
#best .best_wrap .best_list .best_list_left ul li div:first-child img{width: 100%; border-radius: 15px; filter: brightness(0.7);}
#best .best_wrap .best_list .best_list_left ul li div:last-child{position: absolute; width: 60%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#best .best_wrap .best_list .best_list_left ul li div:last-child img{width: 100%; margin-bottom: 10%; border-radius: 15px;}
#best .best_wrap .best_list .best_list_left ul li div:last-child p:nth-child(2){font-size: 1.2em; color: #fff; font-weight: 500; margin-bottom: 7%; text-align: center;}
#best .best_wrap .best_list .best_list_left ul li div:last-child p:last-child{font-size: 1em; color: #fff; font-weight: 500; text-align: center;}

#best .best_wrap .best_list .best_list_right{position: relative; width: 60%; display: flex; flex-direction: column; justify-content: center; overflow: hidden;}
#best .best_wrap .best_list .best_list_right ul:first-child{position: relative; width: 200%; display: flex; justify-content: center; margin-bottom: 10%;}
#best .best_wrap .best_list .best_list_right ul:first-child li{position: relative; width: 15.66%; margin:0 0.5%;}
#best .best_wrap .best_list .best_list_right ul:first-child li img{width: 100%; margin-bottom: 10%; border-radius: 15px;}
#best .best_wrap .best_list .best_list_right ul:first-child li p:nth-child(2){font-size: 1em; text-align: center; margin-bottom: 10%; color: #EC2609;}
#best .best_wrap .best_list .best_list_right ul:first-child li p:last-child{font-size: 1em; text-align: center;}

#best .best_wrap .best_list .best_list_right ul:last-child{position: relative; width: 100%; display: flex; justify-content: flex-end;}
#best .best_wrap .best_list .best_list_right ul:last-child li{position: relative ; display: flex; align-items: center;}
#best .best_wrap .best_list .best_list_right ul:last-child li:first-child{width: 30%; display: flex; justify-content: space-between; margin-right: 4%;}
#best .best_wrap .best_list .best_list_right ul:last-child li:first-child p{font-size: 3em; font-family: "Noto Serif Display", serif;}
#best .best_wrap .best_list .best_list_right ul:last-child li:first-child div{width: 40%; height: 1px; background-color: #111;}
#best .best_wrap .best_list .best_list_right ul:last-child li:last-child{width: 20%; display: flex; justify-content: space-between;}
#best .best_wrap .best_list .best_list_right ul:last-child li:last-child button{background: none; border: none; cursor: pointer;}

#best .best_bg_1{position: absolute; width: 60%; left: -20%; top: -5%;}
#best .best_bg_1 img{width: 100%;}
#best .best_bg_2{position: absolute; width: 60%; right: -20%; bottom: -10%;}
#best .best_bg_2 img{width: 100%;}



#list{position: relative; width: 100%; padding-top: 150px; overflow: hidden; padding-bottom: 150px;}
#list .list_wrap{position: relative; width: 92%; max-width: 1440px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; z-index: 998;}
#list .list_wrap .list_top{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; margin: 0 auto;  margin-bottom: 8%;}
#list .list_wrap .list_top p{font-size: 1.1em; color: #EC2609;}
#list .list_wrap .list_top h2{font-size: 4.5em; font-weight: 500;}

#list .list_wrap .list_mid{position: relative; width: 100%; border-bottom: 1px solid #111; margin-bottom: 10%;}
#list .list_wrap .list_mid ul{position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%;}
#list .list_wrap .list_mid ul li:first-child{width: 20%;}
#list .list_wrap .list_mid ul li:first-child p{font-size: 1.2em; font-weight: bold;}
#list .list_wrap .list_mid ul li:last-child{width: 40%; display: flex; justify-content: space-between; align-items: center;}
#list .list_wrap .list_mid ul li:last-child div{width: 50%; height: 32px; background-color: #f1f1f1; border: 1px solid #111; border-radius: 24px; display: flex; justify-content: flex-end;
align-items: center;}
#list .list_wrap .list_mid ul li:last-child div img{margin-right: 5%;}

#list .list_wrap .list_bottom{position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#list .list_wrap .list_bottom div{position: relative; width: 32%; margin-bottom: 5%;}
#list .list_wrap .list_bottom div>p{font-size: 2.5em; font-family: "Noto Serif Display", serif; font-weight: 500; margin-bottom: 5%;}
#list .list_wrap .list_bottom div ul{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center;}
#list .list_wrap .list_bottom div ul li:first-child{width: 100%; margin-bottom: 6%;}
#list .list_wrap .list_bottom div ul li:first-child a img{width: 100%; border-radius: 15px;}
#list .list_wrap .list_bottom div ul li:nth-child(2){font-size: 1.2em; font-weight: bold; margin-bottom: 4%;}
#list .list_wrap .list_bottom div ul li:nth-child(3){position: relative; width: 50%; display: flex; justify-content: center;}
#list .list_wrap .list_bottom div ul li:nth-child(3) div{position: relative; display: block; width: 0%; height: 1px; background-color: #EC2609; transition-duration: 0.5s;}
#list .list_wrap .list_bottom div ul li:nth-child(4){margin-bottom: 8%;}


#list .list_bg_1{position: absolute; left: -15%; top: 0%; width: 80%;}
#list .list_bg_1 img{width: 100%;}
#list .list_bg_2{position: absolute; right: -20%; top: 30%; width: 60%;}
#list .list_bg_2 img{width: 100%;}
#list .list_bg_3{position: absolute; left: -20%; bottom: 10%; width: 60%;}
#list .list_bg_3 img{width: 100%;}
}
/* pc 끝 */


/* tablet 가로 시작 */
@media screen and (min-width:901px) and (max-width:1200px){
#best .mob_best_right_num{display: none;}


#flow{position: relative; width: 100%; padding-top: 250px; padding-bottom: 250px; overflow: hidden;}
#flow .flow_inner{position: relative; width: 100%; z-index: 998;}
#flow .flow_title{position: relative; width: 92%; max-width: 1440px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; margin-bottom: 10%;}
#flow .flow_title p:first-child{font-size: 1.1em; color: #EC2609; margin-bottom: 1%;}
#flow .flow_title h2:nth-child(2){font-size: 4.5em; font-weight: 400; letter-spacing: 5px; margin-bottom: 2%;}

#flow .flow_img{position: relative; width: 200%; display: flex;}
#flow .flow_img li{position: relative; width: 20%; margin-right: 1%;}
#flow .flow_img li:nth-child(2n+1){position: relative; top: -50px;}
#flow .flow_img li:nth-child(2n){position: relative; bottom: -50px;}
#flow .flow_img li img{width: 100%; border-radius: 15px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);}

#flow .flow_bg_1{position: absolute; left: -20%; top: 0; width: 80%;}
#flow .flow_bg_1 img{width: 100%;}
#flow .flow_bg_2{position: absolute; right: -10%; top: 0; width: 45%;}
#flow .flow_bg_2 img{width: 100%;}


#best{position: relative; width: 100%; overflow: hidden; padding-bottom: 150px;}
#best .best_wrap{position: relative; width: 92%; max-width: 1440px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; z-index: 998;}
#best .best_wrap .best_title{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 5%;}
#best .best_wrap .best_title p:first-child{font-size: 1.1em; color: #EC2609; margin-bottom: 1%;}
#best .best_wrap .best_title h2:nth-child(2){font-size: 4.5em; font-weight: 400; margin-bottom: 2%;}

#best .best_wrap .best_list{position: relative; width: 100%; display: flex; justify-content: space-between;}

#best .best_wrap .best_list .best_list_left{position: relative; width: 37%;}
#best .best_wrap .best_list .best_list_left ul li{display: none;}
#best .best_wrap .best_list .best_list_left ul li div:first-child{position: relative; width: 100%;}
#best .best_wrap .best_list .best_list_left ul li div:first-child img{width: 100%; border-radius: 15px; filter: brightness(0.7);}
#best .best_wrap .best_list .best_list_left ul li div:last-child{position: absolute; width: 60%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#best .best_wrap .best_list .best_list_left ul li div:last-child img{width: 100%; margin-bottom: 10%; border-radius: 15px;}
#best .best_wrap .best_list .best_list_left ul li div:last-child p:nth-child(2){font-size: 1.2em; color: #fff; font-weight: 500; margin-bottom: 7%; text-align: center;}
#best .best_wrap .best_list .best_list_left ul li div:last-child p:last-child{font-size: 1em; color: #fff; font-weight: 500; text-align: center;}

#best .best_wrap .best_list .best_list_right{position: relative; width: 60%; display: flex; flex-direction: column; justify-content: center; overflow: hidden;}
#best .best_wrap .best_list .best_list_right ul:first-child{position: relative; width: 200%; display: flex; justify-content: center; margin-bottom: 10%;}
#best .best_wrap .best_list .best_list_right ul:first-child li{position: relative; width: 15.66%; margin:0 0.5%;}
#best .best_wrap .best_list .best_list_right ul:first-child li img{width: 100%; margin-bottom: 10%; border-radius: 15px;}
#best .best_wrap .best_list .best_list_right ul:first-child li p:nth-child(2){font-size: 1em; text-align: center; margin-bottom: 10%; color: #EC2609;}
#best .best_wrap .best_list .best_list_right ul:first-child li p:last-child{font-size: 1em; text-align: center;}

#best .best_wrap .best_list .best_list_right ul:last-child{position: relative; width: 100%; display: flex; justify-content: flex-end;}
#best .best_wrap .best_list .best_list_right ul:last-child li{position: relative ; display: flex; align-items: center;}
#best .best_wrap .best_list .best_list_right ul:last-child li:first-child{width: 30%; display: flex; justify-content: space-between; margin-right: 4%;}
#best .best_wrap .best_list .best_list_right ul:last-child li:first-child p{font-size: 3em; font-family: "Noto Serif Display", serif;}
#best .best_wrap .best_list .best_list_right ul:last-child li:first-child div{width: 40%; height: 1px; background-color: #111;}
#best .best_wrap .best_list .best_list_right ul:last-child li:last-child{width: 20%; display: flex; justify-content: space-between;}
#best .best_wrap .best_list .best_list_right ul:last-child li:last-child button{background: none; border: none; cursor: pointer;}

#best .best_bg_1{position: absolute; width: 60%; left: -20%; top: -5%;}
#best .best_bg_1 img{width: 100%;}
#best .best_bg_2{position: absolute; width: 60%; right: -20%; bottom: -10%;}
#best .best_bg_2 img{width: 100%;}



#list{position: relative; width: 100%; padding-top: 150px; overflow: hidden; padding-bottom: 150px;}
#list .list_wrap{position: relative; width: 92%; max-width: 1440px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; z-index: 998;}
#list .list_wrap .list_top{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; margin: 0 auto;  margin-bottom: 8%;}
#list .list_wrap .list_top p{font-size: 1.1em; color: #EC2609;}
#list .list_wrap .list_top h2{font-size: 4.5em; font-weight: 500;}

#list .list_wrap .list_mid{position: relative; width: 100%; border-bottom: 1px solid #111; margin-bottom: 10%;}
#list .list_wrap .list_mid ul{position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%;}
#list .list_wrap .list_mid ul li:first-child{width: 20%;}
#list .list_wrap .list_mid ul li:first-child p{font-size: 1.2em; font-weight: bold;}
#list .list_wrap .list_mid ul li:last-child{width: 50%; display: flex; justify-content: space-between; align-items: center;}
#list .list_wrap .list_mid ul li:last-child div{width: 50%; height: 32px; background-color: #f1f1f1; border: 1px solid #111; border-radius: 24px; display: flex; justify-content: flex-end;
align-items: center;}
#list .list_wrap .list_mid ul li:last-child div img{margin-right: 5%;}

#list .list_wrap .list_bottom{position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#list .list_wrap .list_bottom div{position: relative; width: 32%; margin-bottom: 5%;}
#list .list_wrap .list_bottom div>p{font-size: 2.5em; font-family: "Noto Serif Display", serif; font-weight: 500; margin-bottom: 5%;}
#list .list_wrap .list_bottom div ul{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center;}
#list .list_wrap .list_bottom div ul li:first-child{width: 100%; margin-bottom: 6%;}
#list .list_wrap .list_bottom div ul li:first-child a img{width: 100%; border-radius: 15px;}
#list .list_wrap .list_bottom div ul li:nth-child(2){font-size: 1.2em; font-weight: bold; margin-bottom: 4%;}
#list .list_wrap .list_bottom div ul li:nth-child(3){position: relative; width: 50%; display: flex; justify-content: center;}
#list .list_wrap .list_bottom div ul li:nth-child(3) div{position: relative; display: block; width: 0%; height: 1px; background-color: #EC2609; transition-duration: 0.5s;}
#list .list_wrap .list_bottom div ul li:nth-child(4){margin-bottom: 8%;}


#list .list_bg_1{position: absolute; left: -15%; top: 0%; width: 80%;}
#list .list_bg_1 img{width: 100%;}
#list .list_bg_2{position: absolute; right: -20%; top: 30%; width: 60%;}
#list .list_bg_2 img{width: 100%;}
#list .list_bg_3{position: absolute; left: -20%; bottom: 10%; width: 60%;}
#list .list_bg_3 img{width: 100%;}
}
/* tablet 가로 끝 */




/* tablet 세로 시작 */
@media screen and (min-width:601px) and (max-width:900px){
#best .best_right_num{display: none;}

#flow{position: relative; width: 100%; padding-top: 250px; padding-bottom: 250px; overflow: hidden;}
#flow .flow_inner{position: relative; width: 100%; z-index: 998;}
#flow .flow_title{position: relative; width: 92%; max-width: 1440px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; margin-bottom: 20%;}
#flow .flow_title p:first-child{font-size: 1.1em; color: #EC2609; margin-bottom: 1%;}
#flow .flow_title h2:nth-child(2){font-size: 4.5em; font-weight: 400; letter-spacing: 5px; margin-bottom: 2%;}

#flow .flow_img{position: relative; width: 400%; display: flex;}
#flow .flow_img li{position: relative; width: 20%; margin-right: 1%;}
#flow .flow_img li:nth-child(2n+1){position: relative; top: -50px;}
#flow .flow_img li:nth-child(2n){position: relative; bottom: -50px;}
#flow .flow_img li img{width: 100%; border-radius: 15px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);}

#flow .flow_bg_1{position: absolute; left: -20%; top: 0; width: 90%;}
#flow .flow_bg_1 img{width: 100%;}
#flow .flow_bg_2{position: absolute; right: -10%; bottom: 0; width: 70%;}
#flow .flow_bg_2 img{width: 100%;}


#best{position: relative; width: 100%; overflow: hidden; padding-bottom: 150px;}
#best .best_wrap{position: relative; width: 92%; max-width: 1440px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; z-index: 998;}
#best .best_wrap .best_title{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center;  margin-bottom: 10%;}
#best .best_wrap .best_title p:first-child{font-size: 1.1em; color: #EC2609; margin-bottom: 1%;}
#best .best_wrap .best_title h2:nth-child(2){font-size: 4em; font-weight: 400; margin-bottom: 2%; text-align: center;}

#best .best_wrap .best_list{position: relative; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}

#best .best_wrap .best_list .best_list_left{position: relative; width: 70%; margin-bottom: 5%;}
#best .best_wrap .best_list .best_list_left ul li{display: none;}
#best .best_wrap .best_list .best_list_left ul li div:first-child{position: relative; width: 100%;}
#best .best_wrap .best_list .best_list_left ul li div:first-child img{width: 100%; border-radius: 15px; filter: brightness(0.7);}
#best .best_wrap .best_list .best_list_left ul li div:last-child{position: absolute; width: 60%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#best .best_wrap .best_list .best_list_left ul li div:last-child img{width: 100%; margin-bottom: 10%; border-radius: 15px;}
#best .best_wrap .best_list .best_list_left ul li div:last-child p:nth-child(2){font-size: 1.2em; color: #fff; font-weight: 500; margin-bottom: 7%; text-align: center;}
#best .best_wrap .best_list .best_list_left ul li div:last-child p:last-child{font-size: 1em; color: #fff; font-weight: 500; text-align: center;}

#best .best_wrap .best_list .best_list_right{position: relative; width: 100%; display: none; flex-direction: column; justify-content: center; overflow: hidden;}
#best .best_wrap .best_list .best_list_right ul:first-child{position: relative; width: 200%; display: flex; justify-content: center; margin-bottom: 10%;}
#best .best_wrap .best_list .best_list_right ul:first-child li{position: relative; width: 15.66%; margin:0 0.5%;}
#best .best_wrap .best_list .best_list_right ul:first-child li img{width: 100%; margin-bottom: 10%; border-radius: 15px;}
#best .best_wrap .best_list .best_list_right ul:first-child li p:nth-child(2){font-size: 1em; text-align: center; margin-bottom: 10%; color: #EC2609;}
#best .best_wrap .best_list .best_list_right ul:first-child li p:last-child{font-size: 1em; text-align: center;}

#best .best_wrap .best_list  .mob_best_right_num{position: relative; width: 100%; display: flex; justify-content: center;}
#best .best_wrap .best_list  .mob_best_right_num li{position: relative ; display: flex; align-items: center;}
#best .best_wrap .best_list  .mob_best_right_num li:first-child{width: 30%; display: flex; justify-content: space-between; margin-right: 4%;}
#best .best_wrap .best_list  .mob_best_right_num li:first-child p{font-size: 2.5em; font-family: "Noto Serif Display", serif;}
#best .best_wrap .best_list  .mob_best_right_num li:first-child div{width: 40%; height: 1px; background-color: #111;}
#best .best_wrap .best_list  .mob_best_right_num li:last-child{width: 20%; display: flex; justify-content: space-between;}
#best .best_wrap .best_list  .mob_best_right_num li:last-child button{background: none; border: none; cursor: pointer;}

#best .best_bg_1{position: absolute; width: 80%; left: -20%; top: -5%;}
#best .best_bg_1 img{width: 100%;}
#best .best_bg_2{position: absolute; width: 80%; right: -20%; bottom: 10%;}
#best .best_bg_2 img{width: 100%;}



#list{position: relative; width: 100%; padding-top: 150px; overflow: hidden; padding-bottom: 150px;}
#list .list_wrap{position: relative; width: 92%; max-width: 1440px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; z-index: 998;}
#list .list_wrap .list_top{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; margin: 0 auto;  margin-bottom: 15%;}
#list .list_wrap .list_top p{font-size: 1.1em; color: #EC2609;}
#list .list_wrap .list_top h2{font-size: 4.5em; font-weight: 500;}

#list .list_wrap .list_mid{position: relative; width: 100%; border-bottom: 1px solid #111; margin-bottom: 10%;}
#list .list_wrap .list_mid ul{position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%;}
#list .list_wrap .list_mid ul li:first-child{width: 20%;}
#list .list_wrap .list_mid ul li:first-child p{font-size: 1.1em; font-weight: bold;}
#list .list_wrap .list_mid ul li:last-child{width: 35%; display: flex; justify-content: space-between; align-items: center;}
#list .list_wrap .list_mid ul li:last-child p{font-size: 0.9em;}
#list .list_wrap .list_mid ul li:last-child div{width: 50%; height: 32px; background-color: #f1f1f1; border: 1px solid #111; border-radius: 24px; display: none; justify-content: flex-end;
align-items: center;}
#list .list_wrap .list_mid ul li:last-child div img{margin-right: 5%; display: none;}

#list .list_wrap .list_bottom{position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#list .list_wrap .list_bottom div{position: relative; width: 48%; margin-bottom: 5%;}
#list .list_wrap .list_bottom div>p{font-size: 2.5em; font-family: "Noto Serif Display", serif; font-weight: 500; margin-bottom: 5%;}
#list .list_wrap .list_bottom div ul{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center;}
#list .list_wrap .list_bottom div ul li:first-child{width: 100%; margin-bottom: 6%;}
#list .list_wrap .list_bottom div ul li:first-child a img{width: 100%; border-radius: 15px;}
#list .list_wrap .list_bottom div ul li:nth-child(2){font-size: 1.2em; font-weight: bold; margin-bottom: 4%;}
#list .list_wrap .list_bottom div ul li:nth-child(3){position: relative; width: 50%; display: flex; justify-content: center;}
#list .list_wrap .list_bottom div ul li:nth-child(3) div{position: relative; display: block; width: 0%; height: 1px; background-color: #EC2609; transition-duration: 0.5s;}
#list .list_wrap .list_bottom div ul li:nth-child(4){margin-bottom: 8%;}


#list .list_bg_1{position: absolute; left: -30%; top: 5%; width: 90%;}
#list .list_bg_1 img{width: 100%;}
#list .list_bg_2{position: absolute; right: -20%; top: 35%; width: 80%;}
#list .list_bg_2 img{width: 100%;}
#list .list_bg_3{position: absolute; right: 5%; bottom: 5%; width: 90%;}
#list .list_bg_3 img{width: 100%;}
}
/* tablet 세로 끝 */




/* mobile 시작 */
@media screen and (max-width:601px){
#best .best_right_num{display: none;}

#flow{position: relative; width: 100%; padding-top: 250px; padding-bottom: 250px; overflow: hidden;}
#flow .flow_inner{position: relative; width: 100%; z-index: 998;}
#flow .flow_title{position: relative; width: 92%; max-width: 1440px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; margin-bottom: 20%;}
#flow .flow_title p:first-child{font-size: 1.1em; color: #EC2609; margin-bottom: 1%;}
#flow .flow_title h2:nth-child(2){font-size: 4em; font-weight: 400; letter-spacing: 5px; margin-bottom: 2%;}

#flow .flow_img{position: relative; width: 400%; display: flex;}
#flow .flow_img li{position: relative; width: 20%; margin-right: 1%;}
#flow .flow_img li:nth-child(2n+1){position: relative; top: -50px;}
#flow .flow_img li:nth-child(2n){position: relative; bottom: -50px;}
#flow .flow_img li img{width: 100%; border-radius: 15px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);}

#flow .flow_bg_1{position: absolute; left: -20%; top: 0; width: 90%;}
#flow .flow_bg_1 img{width: 100%;}
#flow .flow_bg_2{position: absolute; right: -10%; bottom: 0; width: 70%;}
#flow .flow_bg_2 img{width: 100%;}


#best{position: relative; width: 100%; overflow: hidden; padding-bottom: 150px;}
#best .best_wrap{position: relative; width: 92%; max-width: 1440px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; z-index: 998;}
#best .best_wrap .best_title{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center;  margin-bottom: 10%;}
#best .best_wrap .best_title p:first-child{font-size: 1.1em; color: #EC2609; margin-bottom: 1%;}
#best .best_wrap .best_title h2:nth-child(2){font-size: 4em; font-weight: 400; margin-bottom: 2%; text-align: center; line-height: 1.4em;}

#best .best_wrap .best_list{position: relative; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}

#best .best_wrap .best_list .best_list_left{position: relative; width: 100%; margin-bottom: 5%;}
#best .best_wrap .best_list .best_list_left ul li{display: none;}
#best .best_wrap .best_list .best_list_left ul li div:first-child{position: relative; width: 100%;}
#best .best_wrap .best_list .best_list_left ul li div:first-child img{width: 100%; border-radius: 15px; filter: brightness(0.7);}
#best .best_wrap .best_list .best_list_left ul li div:last-child{position: absolute; width: 60%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#best .best_wrap .best_list .best_list_left ul li div:last-child img{width: 100%; margin-bottom: 10%; border-radius: 15px;}
#best .best_wrap .best_list .best_list_left ul li div:last-child p:nth-child(2){font-size: 1.2em; color: #fff; font-weight: 500; margin-bottom: 7%; text-align: center;}
#best .best_wrap .best_list .best_list_left ul li div:last-child p:last-child{font-size: 1em; color: #fff; font-weight: 500; text-align: center;}

#best .best_wrap .best_list .best_list_right{position: relative; width: 100%; display: none; flex-direction: column; justify-content: center; overflow: hidden;}
#best .best_wrap .best_list .best_list_right ul:first-child{position: relative; width: 200%; display: flex; justify-content: center; margin-bottom: 10%;}
#best .best_wrap .best_list .best_list_right ul:first-child li{position: relative; width: 15.66%; margin:0 0.5%;}
#best .best_wrap .best_list .best_list_right ul:first-child li img{width: 100%; margin-bottom: 10%; border-radius: 15px;}
#best .best_wrap .best_list .best_list_right ul:first-child li p:nth-child(2){font-size: 1em; text-align: center; margin-bottom: 10%; color: #EC2609;}
#best .best_wrap .best_list .best_list_right ul:first-child li p:last-child{font-size: 1em; text-align: center;}

#best .best_wrap .best_list  .mob_best_right_num{position: relative; width: 100%; display: flex; justify-content: center;}
#best .best_wrap .best_list  .mob_best_right_num li{position: relative ; display: flex; align-items: center;}
#best .best_wrap .best_list  .mob_best_right_num li:first-child{width: 30%; display: flex; justify-content: space-between; margin-right: 4%;}
#best .best_wrap .best_list  .mob_best_right_num li:first-child p{font-size: 2.5em; font-family: "Noto Serif Display", serif;}
#best .best_wrap .best_list  .mob_best_right_num li:first-child div{width: 40%; height: 1px; background-color: #111;}
#best .best_wrap .best_list  .mob_best_right_num li:last-child{width: 20%; display: flex; justify-content: space-between;}
#best .best_wrap .best_list  .mob_best_right_num li:last-child button{background: none; border: none; cursor: pointer;}

#best .best_bg_1{position: absolute; width: 80%; left: -20%; top: -5%;}
#best .best_bg_1 img{width: 100%;}
#best .best_bg_2{position: absolute; width: 80%; right: -20%; bottom: 10%;}
#best .best_bg_2 img{width: 100%;}



#list{position: relative; width: 100%; padding-top: 100px; overflow: hidden; padding-bottom: 150px;}
#list .list_wrap{position: relative; width: 92%; max-width: 1440px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; z-index: 998;}
#list .list_wrap .list_top{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; margin: 0 auto;  margin-bottom: 15%;}
#list .list_wrap .list_top p{font-size: 1.1em; color: #EC2609;}
#list .list_wrap .list_top h2{font-size: 4em; font-weight: 500; text-align: center; line-height: 1.5em;}

#list .list_wrap .list_mid{position: relative; width: 100%; border-bottom: 1px solid #111; margin-bottom: 10%;}
#list .list_wrap .list_mid ul{position: relative; width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 2%;}
#list .list_wrap .list_mid ul li:first-child{width: 20%;}
#list .list_wrap .list_mid ul li:first-child p{font-size: 1.1em; font-weight: bold;}
#list .list_wrap .list_mid ul li:last-child{width: 35%; display: flex; justify-content: space-between; align-items: center;}
#list .list_wrap .list_mid ul li:last-child p{font-size: 0.9em;}
#list .list_wrap .list_mid ul li:last-child div{width: 50%; height: 32px; background-color: #f1f1f1; border: 1px solid #111; border-radius: 24px; display: none; justify-content: flex-end;
align-items: center;}
#list .list_wrap .list_mid ul li:last-child div img{margin-right: 5%; display: none;}

#list .list_wrap .list_bottom{position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#list .list_wrap .list_bottom div{position: relative; width: 48%; margin-bottom: 5%;}
#list .list_wrap .list_bottom div>p{font-size: 2.5em; font-family: "Noto Serif Display", serif; font-weight: 500; margin-bottom: 5%;}
#list .list_wrap .list_bottom div ul{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center;}
#list .list_wrap .list_bottom div ul li:first-child{width: 100%; margin-bottom: 6%;}
#list .list_wrap .list_bottom div ul li:first-child a img{width: 100%; border-radius: 15px;}
#list .list_wrap .list_bottom div ul li:nth-child(2){font-size: 1.1em; font-weight: bold; margin-bottom: 4%;}
#list .list_wrap .list_bottom div ul li:nth-child(3){position: relative; width: 50%; display: flex; justify-content: center;}
#list .list_wrap .list_bottom div ul li:nth-child(3) div{position: relative; display: block; width: 0%; height: 1px; background-color: #EC2609; transition-duration: 0.5s;}
#list .list_wrap .list_bottom div ul li:nth-child(4){margin-bottom: 8%;}


#list .list_bg_1{position: absolute; left: -30%; top: 5%; width: 90%;}
#list .list_bg_1 img{width: 100%;}
#list .list_bg_2{position: absolute; right: -20%; top: 35%; width: 80%;}
#list .list_bg_2 img{width: 100%;}
#list .list_bg_3{position: absolute; right: 5%; bottom: 5%; width: 90%;}
#list .list_bg_3 img{width: 100%;}
}
/* mobile 끝 */