@charset "utf-8";

/* 환영사 */
.greeting {position: relative;width: 100%;padding: 20px 30px;background: #f6fbf9;border-radius: 50px;margin-top: 25px;word-break: keep-all;}
.greeting:after {display: block; position: absolute; bottom: 20px; right: 20px; width: 300px; height:300px; background: url('/upload_data/board_data/BBS_0000160/176456754088524.png') no-repeat center / 300px; content: '';}
.greeting h4 {color: #212121;font-size: 22px;text-align: center;margin: 40px 0;}
.greeting h4 i {font-style: normal; color:#008349;}
.greeting h4 strong {color: #004426; font-weight: 600;}
.greeting  .greet_img {margin: 50px 0;}
.greeting .txt_wrap div {text-align: center;}
.greeting .greet_img img {width: 70%;border-radius: 20px;}
.greeting .txt p {margin: 0 0 20px 0;line-height: 1.5;}
.greeting .txt p:last-child {margin: 0;}
.greeting .greet_bottom {text-align: center;font-weight: 600;width: 160px;margin: 50px auto 30px;line-height: 1.8;background: #2b4491;color: #fff;border-radius: 50px;font-size: 17px;}
@media all and (min-width: 768px) {
.greeting {position: relative; padding: 50px;}
.greeting h4 {font-size: 30px;}
.greeting h4 span {display: block;}
.greeting .txt_wrap div {text-align: left;}
.greeting .greet_img {float: left;width: 30%;margin: 0 30px 10px 0;}
.greeting .greet_img::after {display: block;clear:both;content: '';} 
.greeting .greet_img img {width: 100%;}
}
@media all and (min-width: 1200px) {
.greeting h4 {font-size: 36px;}
}
@media all and (min-width: 1620px) {
.greeting { padding: 70px 100px;}
.greeting:after {bottom: 50px; right: 30px; width: 500px; height: 500px; background-size: 500px;}
.greeting h4 {font-size: 34px;}
.greeting h4 span {display: inline-block;}
.greeting .greet_img {width: 90%;}
.greeting .txt_wrap {display: flex;}
.greeting .greet_bottom {/* position: absolute; */bottom: 110px;left: 262px;font-size: 20px;width: 200px;}
}                                                                                                                                                                                        

/* 대회개요 */
.jbsports_info .title  {font-size: 26px;}
.jbsports_info .title  span {display: block; font-size: 14px; color: #8bafa0;}
.jbsports_info .main_poster {width: 300px;margin: 0 auto;}
.jbsports_info .main_poster img {width: 100%; border-radius: 20px;}
.jbsports_info .txt_wrap {margin-top: 20px;}
.jbsports_info .txt_wrap>ul>li {margin: 10px 0;}
.jbsports_info .txt_wrap li {line-height: 1.6; font-size: 17px;}
.jbsports_info .txt_wrap li strong {display: block;width: 93px;padding: 0 17px;background: #008349;border-radius: 10px;text-align-last: justify;text-align: center;color: #fff;font-weight: 500;}   
@media all and (min-width: 768px) {
.jbsports_info .title  {font-size: 38px;}
.jbsports_info .title  span {font-size: 25px;}
.jbsports_info .main_poster {width: 560px; margin: 40px auto;}
.jbsports_info .txt_wrap {background: #f6fbf9;border-radius: 20px;padding: 30px;}
.jbsports_info .txt_wrap>ul>li {margin: 20px 0;}
.jbsports_info .txt_wrap li strong {display: inline-block;margin-right: 20px;}
.jbsports_info .txt_wrap>ul>li>ul {margin-left: 120px;}
}
@media all and (min-width: 1200px) {
.jbsports_info {position: relative;}
.jbsports_info::before {display: block;position: absolute;bottom: 175px;right: 0;z-index: 2;width: 250px;height: 250px;background: url('/upload_data/board_data/BBS_0000160/176465054877928.png') no-repeat;background-size: 250px;content: '';}
.jbsports_info .title {margin-top: 60px;float: right;}
.jbsports_info .info_wrap {clear: both;}
.jbsports_info .main_poster {float:left;width: 380px;margin: 20px 0;}
.jbsports_info .txt_wrap {float: right;padding: 20px;margin: 20px 0;width: 630px;}
.jbsports_info .txt_wrap>ul>li {margin: 15px 0;}
.jbsports_info .gameinfo {clear: both;}
}       
@media all and (min-width: 1620px) {
.jbsports_info::before {right: 50px; bottom: 230px;}
.jbsports_info .title {margin-top: 100px;font-size: 48px;}
.jbsports_info .title span {font-size:30px; font-weight: 300;}
.jbsports_info .main_poster {width: 530px;}
.jbsports_info .txt_wrap  {width: 900px;padding: 60px;}
.jbsports_info .txt_wrap li {font-size: 20px;}
.jbsports_info .txt_wrap>ul>li {margin: 20px 0;}
.jbsports_info .txt_wrap li strong {width: 110px;padding: 0 20px;}
.jbsports_info .txt_wrap>ul>li>ul {margin-left: 130px;}
}       

/* 상징물 */
.grid_img {width: 100%;height: auto;border: 1px solid #e5e5e5;background-image: linear-gradient(to right, rgba(0, 0, 0, 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 1px, transparent 1px);background-size: 18px 18px;border-radius: 20px;overflow: hidden;}
.emblem_box .emblem1 {display: flex;flex-direction: column;padding: 20px;}
.emblem_box .emblem1>div {text-align: center;/* margin: 20px 0; */}
.emblem_box .emblem1 .box1 {order: 2;}
.emblem_box .emblem1 .box1 li {height: 45px;margin: 5px 0;padding: 8px;border-radius: 50px;border: 1px solid #000;font-size: 12px; background: #fff;}
.emblem_box .emblem1 .box1 li:nth-child(1) {line-height: 2.3; border-color: #379947;}
.emblem_box .emblem1 .box1 li:nth-child(2) {line-height: 2.3; border-color: #2b4491;}
.emblem_box .emblem1 .box1 li:nth-child(3) {border-color: #c20d19;}
.emblem_box .emblem1 .box2 {order: 1; position: relative;}
.emblem_box .emblem1 .box2 img {width: 100%;}
.emblem_box .emblem1 .box3 {order: 3; text-align: left;}
.emblem_box .emblem1 .box3 li {font-size: 14px; display: flex; align-items: center; gap: 10px; line-height: 1.8;}
.emblem_box .emblem1 .box3 li span {display: inline-block; width: 14px; height: 14px; border-radius: 50%;}

.emblem_box .emblem2 {margin: 60px 0;}
.emblem_box .mascot {width: 100%;margin: 100px 0;}
.emblem_box .mascot .img {padding: 20px;width: 100%;height: 100%;position: relative;}
.emblem_box .mascot img {width: 100%;}
.emblem_box .txt {width: 100%;margin-top: 20px;}
.emblem_box .txt ul li {font-size: 18px;}
.emblem_box .txt ul li:before{display: inline-block;width: 6px;height: 2px;margin: -4px 7px 0 0;background: #008349;content: "";vertical-align: middle;}


.emblem_box .slogan_box {margin: 100px 0;}
.emblem_box .slogan {width: 100%;}
.emblem_box .slogan .img {font-family: 'GongGothic';font-weight: 600;font-size: 32px;padding: 20px;}
.emblem_box .slogan .img p:nth-child(1) {color: #379947;}
.emblem_box .slogan .img p:nth-child(2) {text-align: right; color: #2b4491;}
.emblem_box .slogan .txt {font-size: 18px;margin-top: 20px;}

.emblem_box .poster {width: 100%;}
.emblem_box .poster .img {display: flex;align-items: center;height: 400px;position: relative;}
.emblem_box .poster .img a {margin: 0 auto;}
.emblem_box .poster img {width: 250px;margin: 0 auto;}

.emblem_box .img_pop {display: none;}
.emblem_box .img_pop.on {display: block;}

.img_pop {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; background: rgba(0, 0, 0, 0.42); width: 100%; height: 100vh;}
.img_pop .img_wrap div {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 300px;height: 300px;background: #fff;border-radius: 20px;}
.img_pop .img_wrap div img {width: 100%;}
.img_pop .img_wrap .close {position: absolute;right: 20px;top: 20px;font-size: 0;background: transparent;width: 30px;height: 30px;background: url('/upload_data/board_data/BBS_0000160/176638012398329.png');background-size: 30px;}

.poster .img_pop .img_wrap div {width: 320px;height: auto;padding: 40px 0;text-align: center;}
.poster .img_pop .img_wrap div img {width: 80%;}

/* 상징물 크게보기 버튼 스타일 */
.emblem_box a {position: absolute;z-index: 1;display: block;bottom: 10px;right: 0;width: 100px;height: 30px;background: #008349;color: #fff;border-radius: 10px;line-height: 30px;text-align: center;}
.emblem_box .mascot a, .emblem_box .poster a{bottom: 0; border-radius: 20px 0 0 0;}

@media all and (min-width: 768px) {
.emblem_box .emblem1 {width: 400px; margin: 0 auto;}
.emblem_box .emblem1 .box1 li {height: 55px; font-size: 16px;}
.emblem_box .emblem1 .box3 li {font-size: 16px;}
.emblem_box .mascot, .emblem_box .slogan, .emblem_box .poster {display: flex;align-items: center;}
.emblem_box .mascot .img{width: 400px;height: 400px; margin-right: 30px;}
.emblem_box .slogan .img {width: 400px;height: 400px;padding: 164px 20px;margin-right: 30px;}
.emblem_box .poster .img {width: 400px;height: 400px;margin-right: 30px;}
.emblem_box .poster img {width: 250px;}
.emblem_box .txt {width: calc(100% - 400px);}

.img_pop .img_wrap div {width: 650px;height: 650px;padding: 50px;}
.poster .img_pop .img_wrap div {width: 600px;height: 700px;overflow: auto;}
}
@media all and (min-width: 1200px) {
.emblem_box .emblem1 {width: 100%;flex-direction: row;align-items: center;justify-content: space-between;padding: 50px;}
.emblem_box .emblem1 .box1 {order: 1;}
.emblem_box .emblem1 .box1 ul {width: 360px;}
.emblem_box .emblem1 .box2 {width: 300px;}
.emblem_box .emblem1 .box3 {width: 290px;}
.emblem_box .emblem2 {margin: 40px 0;}
.emblem_box .mascot, .emblem_box .slogan_box {margin: 40px 0;}
.emblem_box .slogan .img {font-size: 38px;line-height: 1.4;}

.poster .img_pop .img_wrap div {width: 800px;}
}
@media all and (min-width: 1620px) {
.emblem_box  h4 {font-size: 40px;}
.emblem_box .emblem1 {padding: 0 90px;}
.emblem_box .emblem1 .box2 {width: 400px;}
.emblem_box .emblem2 .mascot_box, .emblem_box .emblem2 .slogan_box {width: 100%;}
.emblem_box .txt ul li {font-size: 22px;}
}                     

/* 조직위원회 */
.org_title h4 {padding: 20px 15px; background: #dff0e9; font-size: 26px; border-radius: 20px;text-align: center;}
.org {margin-top: 40px;}
.org>ul {position: relative;}
.org>ul:before {display: block; position: absolute; top: 50px; left: 50%; z-index: -1; width: 1px; height: 550px; background: #d9d9d9; content: '';}
.org li {width: 240px; margin: 50px auto; text-align: center;}
.org li strong {display: block; line-height: 3; font-weight: 500; color: #fff; border-radius: 20px 20px 0 0;}
.org li span {display: block;padding: 20px 10px;border-radius: 0 0 20px 20px;border: 1px solid; background: #fff;word-break: keep-all;}
.org .no1 strong {background: #008349;}
.org .no1 span {border-color: #008349;}
.org .no2 strong {background: #2b4491;}
.org .no2 span {border-color: #2b4491;}
.org .no3 strong {background: #e6eeeb; color: #212121;}
.org .no3 span {border-color: #e6eeeb;}
.org .no4 strong {background: #870a13;}
.org .no4 span {border-color: #870a13;}
.org .no3 li {margin: 18px auto;}
@media all and (min-width: 768px) {
.org_title h4 {font-size: 30px;}
.org .no2 {position: relative;}    
.org .no2 ul {position: absolute;top: 140px;right: -260px;}
.org .no2 ul:before {display: block;position: absolute;top: 120px;left: -140px;z-index: -1;width: 140px;height: 1px;background: #d9d9d9;content: '';}
.org .no3 {margin-top: 150px;}
.org .no4 {position: absolute; top: -50px; left: 69%;}
}
@media all and (min-width: 1023px) {
.org_title h4 {width: 1000px;margin: 0 auto;font-size: 38px;}
.org>ul:before {height: 541px;}
.org .no2 {margin-top: 130px;}
.org .no2 ul {top: 100px;right: -295px;}
.org .no2 ul:before {left: -175px;width: 250px;}
.org .no3 {position: relative;height: 200px;margin-top: 200px;}
.org .no3:before {display: block; position: absolute; top: -40px; left: 50%; transform: translate(-50%, 0); z-index: -1; width: 750px; height: 1px; background: #d9d9d9; content: '';}
.org .no3 ul {display: flex;position: absolute;top: 0;right: -380px;width: 1000px;}
.org .no3 li {position: relative;}
.org .no3 li:before {display: block;position: absolute;top: -58px;left: 50%;z-index: -1;width: 1px;height: 62px;background: #d9d9d9;content: '';} 
}
@media all and (min-width: 1620px) {
.org_title h4 {width: 1300px;}
.org>ul:before {height: 516px;}
.org li {width: 300px;}
.org .no2 ul {right: -430px;}
.org .no2 ul:before {left: -280px; width: 300px;}
.org .no3:before {width: 1125px;}
.org .no3 ul {width: 1500px;right: -600px;}
}