@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */
#container{padding: 80rem 0;}
#content {width: 1240rem; margin: 0 auto;}
article {padding: 180rem 0 160rem;}
.scon {margin-top: 100rem;}
/* suv visual */
.area_subVisual {position:relative; width:100%; height:369rem; text-align:center;}
.area_subVisual > div {width:100%; height: 100%; background-position: center center;}
.area_subVisual div.wrap {position:absolute; top:50%; width:100%; transform:translateY(-50%);}
.area_subVisual .subTit {width: 100%;height: auto;display: inline-block;text-align: center;position: absolute;top: 50%;left: 0;}
.area_subVisual .subTit > div {overflow: hidden;}
.area_subVisual .subTit i {color:#fff;margin-top:25rem;display: block;font-weight: 200;}
.area_subVisual h2{font-size:47rem; color:#fff;font-weight: 500; padding-top: 27px;}
.area_subVisual > div {background-size: cover; background-repeat: no-repeat;border-radius: 0 0 150rem 0;}

@keyframes img-size {
	0% {transform: scale(1.1);}
	100% {transform: scale(1);}
}

.subTit h2{line-height: 73px;}
.cont_tit {text-align: center;}
.cont_tit p {font-size: 2.2em; color: #000; font-weight: 400;padding: 30rem 0 100rem;}

/* lnb */
.lnb{position: absolute;bottom: -30rem;left: 50%;transition: .5s;transform: translateX(-50%);}
.lnb > div:first-child{display: none;}
.lnb > div.lnb_inn {width: 100%;background: linear-gradient(45deg, #00b79a, #008d76);border-radius: 45rem 0 45rem 0;height: 100rem;display: flex;align-items: center;position: relative;}
.lnb > div.lnb_inn a.on {font-weight: 500;position: relative;}
.lnb > div.lnb_inn a.on::before {content: '';display: inline-block;width: 5rem;height: 5rem;border-radius: 50%;background: #fff;top: 0;left: 50%;position: absolute;}
.lnb ul{display:flex;align-items:center;margin-top:0;margin-left: 120rem;}
.lnb ul li a{display:block;padding: 3rem 35rem 0;color: #fff;font-weight: 300;font-size: 18rem;}


/*TBA*/
.loading{text-align: center; margin: 100px 0;}
.loading h2{font-size: 50px;}
.loading span {
  display: inline-block;
  vertical-align: middle;
  width: .6em;
  height: .6em;
  margin: .19em;
  background: #007DB6;
  border-radius: .6em;
  animation: loading 1s infinite alternate;
}

/*
 * Dots Colors
 * Smarter targeting vs nth-of-type?
 */
.loading span:nth-of-type(2) {
  background: #008FB2;
  animation-delay: 0.2s;
}
.loading span:nth-of-type(3) {
  background: #009B9E;
  animation-delay: 0.4s;
}
.loading span:nth-of-type(4) {
  background: #00A77D;
  animation-delay: 0.6s;
}
.loading span:nth-of-type(5) {
  background: #00B247;
  animation-delay: 0.8s;
}
.loading span:nth-of-type(6) {
  background: #5AB027;
  animation-delay: 1.0s;
}
.loading span:nth-of-type(7) {
  background: #A0B61E;
  animation-delay: 1.2s;
}

/*
 * Animation keyframes
 * Use transition opacity instead of keyframes?
 */
@keyframes loading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.flexBox{display: flex;}
.al-center{align-items: center;}
.ju-b{justify-content: space-between}
.ju-c{justify-content: center;}
.gap15{gap:15px;}
.gap10{gap:10px;}
.f-wrap{flex-wrap: wrap}

.mob{display: none;}
.mob-mb30{margin-bottom: 0px;}
.mob-mb10{margin-bottom: 0px;}

.Tit{color: #fff; font-weight: 600; text-transform: uppercase; background: #eb6161; border-radius: 50px; padding: 0 11px;}

.ul-style1{padding-left: 18px;}
.ul-style1 li{padding: 2px 0; list-style-type: square; line-height: 1.35;}

.responsiveImg{width: auto;}

table{border-spacing: 0; border-collapse: 0;}
.table-basic{width: 100%; border-collapse: separate; border-spacing: 5px;}
.table-basic th{text-align: center; background: #f1f1f1; border-top: 3px solid #266391; color: #266391; font-weight: 600; padding: 10px 3px; font-size: 1em;}
.table-basic th lord-icon{display: none;}
.table-basic td{padding: 8px 10px; line-height: 1.3; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; font-weight: 400;}
.table-basic td:last-child{border-right: 0;}
.table-basic .bR0{border-right: 0 !important;} .table-basic .bR1{border-right: 1px solid #e7e7e7 !important;} .table-basic .bB0{border-bottom: 0 !important;} .table-basic .bT1{border-top: 1px solid #e7e7e7 !important;}


.link{color: #0c71dd !important; font-weight: 800; word-break: break-all;}
.link:hover{text-decoration: underline;}

	/*venue*/
.venueflex{display: flex; flex-direction: row;}	
.venueflex img{width:390px;}
.VenueBox{padding: 41px 30px; border: 3px solid #07b89c; border-radius: 25px;}
.VenueBox .topicList li p{line-height: 1.5;}
.VenueBox .topicList h2::before{display: none !important;}
.VenueBox .subCont p{line-height: 1.5;}
.venue_btn{background: #07b89c; color: #fff !important; font-size: 17px; padding: 12px 20px; transition: 0.3s;}
.venue_btn:hover{background: linear-gradient(45deg, #30cf54, #059982);}
.venue_btn i{margin-right: 5px; font-size: 20px;}
.venue_btn strong{font-size: 20px;}


/*transporation*/
.noticeBox {
        display: flex;
        gap: 21px;
        box-shadow: 0px 2px 10px #00000040;
        border-radius: 11px;
        padding: 20px 32px;
        align-items: center;
    }


.taxiBox{margin: 50px 0 30px; padding: 30px 34px; border-top: 2px dashed #bfbfbf; border-bottom: 2px dashed #bfbfbf; position: relative;}
.taxiBox > img{position: absolute; right: -17px; top: -20px;}
.taxiBox p, .taxiBox strong{text-align: center !important; font-size: 17px;}

.accordion {width: 100%; margin: 0 auto; padding: 0;}
.accordion-item {position: relative;}
.accordion-item:first-child .heading{border-top: 2px solid #07b89c;}
.accordion-item.active .icon:after {width: 0;}
.accordion-item.active .heading{background: #F0F0F0;}
.accordion-item .heading {display: block; text-decoration: none; font-weight: 600; position: relative; padding: 25px 20px; transition: 0.3s ease-in-out; border-bottom: 1px solid #B0B0B0; color: #07b89c; background: #fff;}
.accordion-item .heading .title{color: #07b89c !important; font-size: 1.1em; width: 90%;}
.accordion-item .heading .title span{float: right; margin-right: 21px; font-size: 0.8125em;}
.accordion-item .heading .j_title{font-size: 15px; color: #ff863d; font-weight: 400;}

.accordion-item .icon {display: block; position: absolute; top: 50%; right: 24px; width: 3rem; height: 3rem; border-radius: 3px; transform: translateY(-50%);}
.accordion-item .icon:before, .accordion-item .icon:after {content: ""; width: 21px; height: 5px; background: #07b89c; position: absolute; border-radius: 3px; left: 50%; top: 50%; transition: 0.3s ease-in-out; transform: translate(-50%, -50%);}
.accordion-item .icon:after {transform: translate(-50%, -50%) rotate(90deg); z-index: -1;}
.accordion-item .content {display: none; padding: 40px 20px; font-size: 15px; border-bottom: 1px solid #B0B0B0;}
.accordion-item .content p {margin-top: 0;}
.accordion-item .content > h4{font-size: 25px; font-weight: 400;}

.accordion-item .heading .orange{color:#f38800 !important;}
.accordion-item .icon.orangeI:before, .accordion-item .icon.orangeI:after{background:#f38800 !important;}

.traMap{display:flex; gap:39px; align-items:center;}


.busline{background: #266391; width: 99.4%; height: 2px; position: relative; left: 5px; top: -1px;}
.busTit{display:inline-block; background:#266391; color:#fff; padding:5px 11.5px; font-size:17px; font-weight: 600; border-radius: 15px 15px 0 0; position: relative; left: 5px; top: -1px;}

/*jeju*/
.imgWrap{position: relative; border-top: 2px solid #0a4d41; margin: 50px 0; padding: 20px; padding-top: 43px;}
.imgWrap span{position: absolute;top: -27px;padding: 4px 10px;border: 6px solid #e5e5e5;border-radius: 33px; background: #0a4d41;color: #fff;font-weight: 600;}
.preview_info{background: #f7f7f7; padding: 25px 44px;}

/*useful*/
.h5Wrap{display: flex; align-items: center; gap:10px; background: #266391; color: #fff; font-size: 1.2em; border-radius: 50px; margin-bottom: 20px;}
.btn02{background: #07b89c; padding: 1px 8px; border-radius: 14px; font-size: 0.9em; font-weight: 800; color: #fff !important;}
.btn02:hover{background: #0b7967;}

/*committees*/
.commlist{}
.commlist li{width: 46%; border: 1px solid #ccc; padding: 18px; border-radius: 13px; box-shadow: 0 3px 4px 1px #00000029;}
.commlist li h5{font-size: 1em;}
.commlist li p{font-size: 0.93em;}


.tab{display:flex; justify-content:space-between; gap:10px;}
.tab li{width:100%;}
.tab li a{display:block; padding:18px 0; width:100%; text-align:center; border:2px solid #6f6f6f; color:#393939; font-size:18px; font-weight: 800;}
.tab li a.active{border:2px solid #0dba9f; color:#0dba9f; font-weight:800;}
.tabcontent{padding:0 30px;}

.btnbox{}
a.btn01 {padding: 9px 40px; border-radius: 10px; border: 2px solid #000; background-color: white; box-shadow: rgb(0 0 0 / 5%) 0 0 8px; font-size: 19px; transition: all 0.5s ease; display: inline-block;}
a.btn01:hover{
 letter-spacing: 1.3px;
  background-color: hsl(170.51deg 92.67% 37.45%);
  color: hsl(0, 0%, 100%);
  box-shadow: rgb(7 184 156) 0px 7px 29px 0px; border: 2px solid #07b89c;
}

@media screen and (min-width:1024px){
	
}
@media screen and (max-width:1400px){
	
}

@media screen and (max-width:1240px){
	#content{width:calc(100% - 40rem); margin: 0 auto; padding: 50rem 0;}
}

@media screen and (max-width:1200px){
	
	#content{padding: 0; font-size: 15px;}
	.lnb > div.lnb_inn{height: 100rem;}
    .lnb ul{display:flex; flex-wrap: wrap; margin-left: 50rem;margin-top:0;}
	
	.flexBox{display: block;}
	
		/*venue*/
.venueflex{display: flex; justify-content: space-between; flex-direction: column;}
.venueflex iframe{width: 100%;}
.venueflex img{width: 100%;}	
.venue_btn{background: #07b89c; color: #fff; font-size: 17px; padding: 12px 20px; transition: 0.3s; display: block;}
.venue_btn:hover{background: linear-gradient(45deg, #30cf54, #059982);}
.venue_btn i{margin-right: 5px; font-size: 20px;}
.venue_btn strong{font-size: 20px;}
	
.noticeBox{display:block; box-shadow:0px 2px 10px #00000040; border-radius:11px; padding:20px 32px; }
.noticeBox>div{text-align: center;}
.noticeBox>div>img{margin-bottom: 30px;}

.noticeBox p{text-align: center;}
.noticeBox p.Tit{color:#fff; font-weight:600; text-transform:uppercase; background:#eb6161; border-radius: 50px; padding:0 11px; margin-bottom:10px; }	
	
.responsiveImg{width: 100%;}
.x-scroll{overflow-x: scroll; position: relative;}	
.swipe_ic{position: absolute; top: 20%; left: 50%; transform: translateX(-50%); width: 28vw; z-index: 1;}
.mob{display: block}
.swipe_ic.mob.on{opacity: 0; transition: opacity 0.3s ease;}	
	
.commlist li{width: 96%; margin-bottom: 10px;}	
.tab{display: block;}	
.mob-mb30{margin-bottom: 30px;}	
.mob-mb10{margin-bottom: 10px;}			
}

@media screen and (max-width:1023px){
    .scon {margin-top: 60rem;}
    article {padding: 100rem 0;}

    ul.tabs li {padding: 12rem 60rem;font-size: 15rem;}

    /* lnb */
    .lnb > div:first-child{padding:22rem 40rem 22rem 40rem;}
	.lnb > div:first-child h3{font-size:17rem;}
	.lnb ul li a{padding: 5rem 15rem 0;font-size: 16rem;}
	
	
	.lnb ul li{display:table-cell; float:none; padding:0 0; white-space:nowrap;}
    .lnb > div.lnb_inn:after {width: 255rem;}

    .area_subVisual > div {border-radius: 0 0 110rem 0;}
}

@media screen and (max-width:860px){
	.lnb{width: 100%;}
	.area_subVisual > div, .lnb > div.lnb_inn{border-radius: 0 !important;}
}

@media screen and (max-width:767px){
    /* .area_subVisual */
    .area_subVisual h2 {font-size: 32rem; padding-top: 0;}
    .area_subVisual{height: 278rem;}
    .area_subVisual .subTit {top: 50%;}
	#content{padding: 0; font-size: 15px;}
}

@media screen and (max-width:640px){
	.lnb > div.lnb_inn .inr{padding: 0 20rem 10rem;}
	.lnb ul li a{font-size: 13px;}
}
@media screen and (max-width:600px){
	
}

@media screen and (max-width:540px){
    article {padding: 100rem 0 80rem;}
    article[class^=area_] strong {font-size: 22rem;margin-bottom: 20rem;}
    article[class^="area_"] {font-size: 14px;}
    ul.tabs {margin: 60rem 0 20rem;}
    ul.tabs li {padding: 5rem 25rem;font-size: 13rem;margin-right: 3rem;}

    .area_subVisual > div {border-radius:0;}
    .area_subVisual .subTit i {font-size: 12rem;margin-top: 10rem;}

    /* lnb */
    nav.lnb.wrap {width: 100%;}

    .lnb > div.lnb_inn:after {display: none;}
    .lnb > div.lnb_inn {display: flex;align-items: center;position: relative;border-radius: 0;justify-content: center;height: 59rem;}
    .lnb ul {margin-left:0;}
    .lnb ul li a {padding: 10rem 10rem 0;}   
    .lnb > div.lnb_inn a.on::before{top: 4rem;left:46%;}
    
}

@media screen and (max-width:480px){
	
}