body {}
 

ul,
p,
h1,
h2,
h3,
dl,
div{
  margin: 0;
  padding: 0;
}
ul{ list-style: none;}
i[class*="fas"] span {
  font-size: 0;
}
/*i{ font-family: "Font Awesome 6 Pro"}*/
.container {
  position: relative;
}
a{ color: #333; text-decoration: none;}
    /* 인사말 */
    .intro-wrap{
        width: 100%;
    }
    .intro-wrap .wrap{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .intro-wrap .wrap > div{
        display: flex;
        flex-direction: column;
    }
    .intro-wrap .wrap > div p.tit{
        font-size: 40px;
        color: #003563;
        font-family: 'GmarketSansBold';
        letter-spacing: -1.6px;
        line-height: 60px;
    }
    .intro-wrap .wrap > div p.tit strong{
        display: block;
        font-size: 60px;
        letter-spacing: -2.4px;
    }
    .intro-wrap .wrap > div p.txt{
        font-weight: bold;
        color: #073260;
    }
    .intro-wrap .name{
        font-size: 32px;
        text-align: right;
        color: #003563;
        font-family: 'GmarketSansBold';
        margin-top: 40px;
    }
    /* 연혁 */
    .history-wrap{
        width: 100%; 
        position: relative;
        height: 100%;
     }
     .history-wrap .history-list::after{
        content: '';
        display: block;
        clear: both;
    }
    .history-wrap .year{
        width:17%;
        margin-right: 3%;
        max-width: 200px;
        height: 80px;
        border: 6px solid #E3AA5D;
        border-radius: 40px;
        box-sizing: border-box;
        color: #003563;
        font-size: 32px;
        text-align: center;
        line-height: 32px;
        padding: 17px 0;
        font-family: 'GmarketSansBold';
        position: relative;
        background-color: #fff;
        float: left;
    }
    .history-wrap:after{
        content: '';
        display: block;
        clear: both;
        position: absolute;
        top: 74px;
        left: 90px;
        width: 6px;
        height: 100%;
        background-color:#E3AA5D ;
        z-index: -1;
    }
    .history-wrap .day-wrap{
        width: 80%;
        border: 1px solid #14325D;
        border-top: 6px solid #073260;
        padding: 37px 40px;
        margin-bottom: 80px;
        float: right;
    }
    .history-wrap .history-list .day-wrap .txt{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .history-wrap .history-list .day-wrap .txt h4{ width: 25%;}
    .history-wrap .history-list .day-wrap .txt p{ width: 70%;}
    /* 조직도 */
    .organ-wrap h3{
         text-align: center;
         margin-bottom: 40px;
    }
    /* 세계제주인대회란 */
    .jejuin-wrap{width: 100%;}
    .jejuin-wrap img{ 
        margin:0 auto;
        display: block;
        width: 80%;
        margin-bottom: 50px;
    }
    .jejuin-wrap p{ 
        text-align: center;
        font-size: 40px;
        font-family: 'GmarketSansBold';
        color:#003563;
        word-break: keep-all;
    }
    .jejuin-wrap p.tit{
        font-size: 60px;
        line-height: 80px;
    }
    .jejuin-wrap p.tit span{
        display: inline;
        width: 100%;
        background-color: #003563;
    }
    .jejuin-wrap p.tit span.yellow{ color:#FFCD6E;}
    .jejuin-wrap p.tit span.green{ color:#B9F292;}
    .jejuin-wrap p.tit span.red{ color:#FF5564;font-size: 60px;}
    /* 오시는길 */
    .map-wrap{
        border: 4px solid #14325D;
        border-radius: 40px;
    }
	.map-wrap .section_address{display: none;}
    .find-wrap .find-box{
        width: 100%;
        border: 4px solid #F7CE7C;
        background-color: #fff;
        border-radius: 40px;
        padding: 35px 0;
        text-align: center;
        margin-top: 10px;
    }
    .find-wrap .find-box h4{
        width:100%;
        margin: 0 auto;
    }
	 .find-wrap .find-box h4:before{display:none;}
    /* 지난대회보기 */
    .past-wrap{ width: 100%; position: relative;}
    .past-wrap::after{
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color:#E3AA5D ;
        width: 6px;
        height: 100%;
        z-index: -1;
    }
    .past-wrap .past-list-wrap{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 80px;
    }
    .past-wrap .past-list-wrap .past-year{
        text-align: center;
        width: 200px;
        height: 80px;
        border: 6px solid #E3AA5D;
        color: #003563;
        font-size: 32px;
        font-family: 'GmarketSansBold';
        display: inline-block;
        margin: 0 auto;
        line-height: 74px;
        border-radius: 40px;
        margin-bottom: 40px;
        background-color: #fff;
    }
    .past-wrap .past-list-wrap .past-box-wrap{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .past-wrap .past-list-wrap:nth-of-type(even) .past-box-wrap{
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .past-wrap .past-list-wrap .past-box-wrap .past-left{
	width: 45.6%;
	height: 728px;
	}
    .past-wrap .past-list-wrap .past-box-wrap .past-right{
        width: 45.6%;
        padding: 37px 40px;
        border: 1px solid #14325D;
        border-top: 6px solid #14325D;
        height: 100%;
    }
    .past-wrap .past-list-wrap .past-box-wrap .past-right .txt{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        padding-bottom: 10px;
        margin-bottom: 0;
    }
    .past-wrap .past-list-wrap .past-box-wrap .past-right .txt h4{ width:40%; letter-spacing: -1.98px;}
    .past-wrap .past-list-wrap .past-box-wrap .past-right .txt p{ width:55%; letter-spacing: -1.9px;}


@media (min-width: 992px) and (max-width: 1199px) {
    
}

@media (max-width: 991px) {
    .intro-wrap .wrap{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
	.organ-wrap h3{
        text-align: center;
        margin:0 auto 40px;
        width: 75%;
   }
   /* 연혁 */
   .history-wrap .year{
    max-width: 70px;
    height: 30px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 5px;
    padding: 15px 0;
}
.history-wrap:after{
    top: 0px;
    left: 8%;
}
.history-wrap .day-wrap{
    padding: 26px 15px; 
    margin-bottom: 40px;
}
/* 세계제주인대회란 */
.jejuin-wrap p{ 
    font-size: 22px;
}
.jejuin-wrap p.tit{
    font-size: 30px;
    line-height: 50px;
}
.wrap_map{ height: 300px !important;}
.find-wrap .find-box h4{
    width:100%;
    margin: 0 auto;
}
/* 지난대회보기 */
.past-wrap::after{
    content: none;
}
.past-wrap .past-list-wrap{
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 40px;
}
.past-wrap .past-list-wrap .past-year{
    width: 160px;
    height: 60px;;
    font-size: 20px;
    line-height: 54px;
    margin-bottom: 20px;
}
.past-wrap .past-list-wrap .past-box-wrap{
    flex-direction: column;
    align-items: center;
}
.past-wrap .past-list-wrap:nth-of-type(even) .past-box-wrap{
    flex-direction: column;
    align-items: center;
}
.past-wrap .past-list-wrap .past-box-wrap .past-left{width: 100%;}
.past-wrap .past-list-wrap .past-box-wrap .past-left img{width: 100%; max-width: 500px; }
.past-wrap .past-list-wrap .past-box-wrap .past-right{
    width: 100%;
    padding: 37px 40px;
    border: 1px solid #14325D;
    border-top: 6px solid #14325D;
    height: 100%;
}
.past-wrap .past-list-wrap .past-box-wrap .past-right .txt{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.past-wrap .past-list-wrap .past-box-wrap .past-right .txt h4{ width:40%; letter-spacing: -1.98px;}
.past-wrap .past-list-wrap .past-box-wrap .past-right .txt p{ width:55%; letter-spacing: -1.9px;}
}

/* 향토학교 참가신청확인 */
div.joinBox{ width: 100%; border-top : 6px solid #073260;padding-right: 0; padding-left: 0;} 
div.joinBox .row{ margin-left: 0; margin-right: 0;} 
div.joinBox .tr .th, div.joinBox .tr .td-wrap .tit {word-break: keep-all; text-align: center; background-color: #CEF5F4; color: #14325D;  font-family: 'GmarketSansLight'; padding: 25px 5px; border-left: 1px solid #9DA0A5; border-bottom: 1px solid #9DA0A5; border-right: 1px solid #9DA0A5;}
div.joinBox .tr .th strong, div.joinBox .tr .td-wrap .tit strong{ font-family: 'GmarketSansBold'; font-size: 18px; }
div.joinBox .tr .td-wrap{ padding-left: 0px;padding-right: 0; }
div.joinBox .tr .td-wrap > div{ padding: 22px 14px; border-bottom: 1px solid #9DA0A5; border-right: 1px solid #9DA0A5;  }
div.joinBox .tr .td-wrap div.br-none{ border-right: none;}
div.joinBox .tr .td-wrap div.bb-none{ border-bottom: none;}
div.joinBox .tr .td-wrap input[type="radio"]{ width: 24px; height: 24px; vertical-align: middle; } 
div.joinBox .tr .td-wrap input[type="text"]{ width: 100%;  } 
div.joinBox .tr .td-wrap select{ width: 100%;padding: 0;} 
div.joinBox .tr .td-wrap input[type="text"]div.joinBox .tr .td-wrap > div.position2{ max-width: 65.666667%}
div.joinBox .tr .td-wrap input[type="textarea"]{ height: 140px;}
div.joinBox .tr .td-wrap label{ font-size: 18px;}  
p.join_tit{ font-size: 20px; color:  #073260; font-weight: bold; font-family: 'GmarketSansBold'; }
span.red{ font-size: 20px; color: #C90000; font-weight: bold; margin-right: 5px; display: inline-block;}
form p.more-btn{ margin: 70px auto 0; width: 100%; display: block; max-width: 200px; height: 60px; text-align: center; background-color: #073260; border-radius: 10px; line-height: 60px;} 
form p.more-btn button{ color: #fff; display: block; width: 100%; height: 100%; font-size: 24px; border: none; background-color: #073260; }


@media (max-width: 991px) {
	div.joinBox .tr .td-wrap > div{ border-left:1px solid #9DA0A5}
}