@charset "UTF-8";
/*아시아올림픽평의회 소개*/
.intro-top-area{margin-top:120px; width: 100%;}
.intro-top-area .img-box{max-width:1600px; padding:0 2rem; margin:0 auto}
.intro-top-area .img-box img{max-width:100%; width:100%; display:block}
.intro-item-area{width:100%; padding:240px 0 130px 0; margin-top:-23rem; background: #eff4fd; }
.intro-info-area{max-width:1600px; margin:0 auto; display:flex; justify-content: end; }
.intro-info-area .intro-info{max-width:1200px; width: 100%; margin-top:-7rem; padding:70px 100px 0 100px; box-sizing: border-box;  background: #eff4fd; }
.intro-info-area .intro-info .intro-tit{font-size: 4.8rem; font-weight: 600; color:#1b1b1b; }
.intro-info-area .intro-info .intro-tit span{font-size: 2.8rem; font-weight: 300;}
.intro-info-area .intro-info .intro-txt{font-size: 2.2rem; color:#525252; margin:3rem 0 4rem 0;  letter-spacing: -0.5px;}
.intro-info-area .intro-info ul li{display:flex; margin-bottom: 1.5rem;}
.intro-info-area .intro-info ul li:last-child{margin-bottom: 0;}
.intro-info-area .intro-info ul li strong{width:90px; color:#152054; font-size: 2rem; font-weight: 500; letter-spacing: 1.8px; position: relative;}
.intro-info-area .intro-info ul li strong::after{content: ''; width: 1px; height: 16px; background: #aaa; position: absolute; right: 0; top: 4px;}
.intro-info-area .intro-info ul li:nth-child(2) strong{letter-spacing: 0}
.intro-info-area .intro-info ul li:nth-child(4) strong{letter-spacing:1.8px}
.intro-info-area .intro-info ul li p{width: calc(100% - 90px); color:#525252; font-size:2rem; padding-left:20px; box-sizing: border-box;}
.intro-info-area .intro-info ul li p span{ color:#787878; font-size:1.6rem;}
.intro-bot-area{max-width:1400px; padding:0 2rem; margin:100px auto 110px auto;}
.intro-bot-area .item-box{padding:5rem 0; border-bottom:1px solid #dddddd; display:flex;}
.intro-bot-area .tit{width:300px; margin-right:100px;}
.intro-bot-area .tit strong{ color:#222; font-size: 3.6rem; font-weight: 600; font-style: normal;}
.intro-bot-area .tit span{display:block; font-size: 2rem; font-weight: 400; margin-top: 0.5rem;}
.intro-bot-area .txt{width: calc(100% - 400px); }
.intro-bot-area .txt p{font-size: 1.9rem; color:#525252; line-height: 36px;}
.intro-bot-area .item-box ul{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); -ms-grid-columns: 1fr 1fr 1fr; grid-gap:60px; min-width: 0; min-height: 0; align-items: baseline; margin-top: 8rem;}
.intro-bot-area .item-box ul li{text-align: center;}
.intro-bot-area .item-box ul li .img-box img{display: block; margin: 0 auto;}
.intro-bot-area .item-box ul li p{margin-top:4.5rem; color:#444; font-size: 1.8rem; line-height: 1.5;}
.oca-home{max-width:1400px; padding:0 2rem; margin:80px auto 16rem auto; display: flex; align-items:center; justify-content: space-between;}
.oca-home .img-box{width: 560px;;}
.oca-home .txt-box{width: calc(100% - 560px); padding-left: 80px; box-sizing: border-box ;}
.oca-home .txt-box strong{display:block; color:#222; font-size: 4.8rem; font-weight: 600;}
.oca-home.en .txt-box strong {font-size: 4.2rem;}
.oca-home .txt-box strong span{ font-size: 3.2rem; font-weight:400;}
.oca-home .txt-box p{color:#555555; font-size:2.2rem; margin:3rem 0 5rem 0;; line-height: 1.5; letter-spacing: -0.5px;}
.oca-home .img-box img{max-width: 100%; width: 100%;}
.oca-home .txt-box a {display: flex; width:270px; height: 54px;  margin-top: 40px; border: 1px solid #1b1b1b; color: #1b1b1b; font-size: 1.6rem; font-weight: 400; position: relative; justify-content: center; align-items: center; box-sizing: border-box; transition: all 0.4s; gap: 10px; background: #fff;}
.oca-home .txt-box a:hover {border: none; background: #ddff50 ; color: #525252; transition: all 0.4s; }
.oca-home .txt-box a:hover::before {background: #333; transition: all 0.4s; }
.banner-cont {width: 100%;overflow: hidden;margin-top: -70px;;}
.intro-logo {width: 100%;}
.logo-list {display: flex; align-items: center;;width: max-content;  animation: slideLeft 30s linear infinite;}
.logo-list li {flex: 0 0 150px;margin-left: 120px;}
.logo-list img {max-width: 100%;display: block;}
@keyframes slideLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.oca-home .txt-box a i.ico-link {display: inline-flex; width: 20px; height: 20px; background: url(/common/images/ico/ico_link04.png)no-repeat center; background-size: 100%; }

.intro-top-area.en .intro-info-area .intro-info ul li strong {width: 230px;}
.intro-top-area.en .intro-info-area .intro-info ul li p {width: calc(100% - 230px);}

.location-top .location-detail .location-detail01.en{padding: 85px 30px;}
.location-top .location-detail .location-detail01.en ul.en-list > li a{font-size: 1.6rem; }
.location-top .location-detail .location-detail01.en ul.en-list > li:last-child a{font-size: 1.6rem; width: 300px;}
.location-top .location-detail .location-detail01.en strong{font-size: 5rem; line-height: 1.2;}


@media all and (max-width:1500px){
.intro-info-area .intro-info{width: 80vw; padding:70px 6.6vw 0 6.6vw}
.intro-logo ul li{margin-left:8.6vw ;}

}

@media all and (max-width:1200px){
	.intro-info-area .intro-info .intro-tit{font-size: 4.2rem;}
.intro-info-area .intro-info .intro-tit span{font-size: 2.2rem;}
.intro-info-area .intro-info .intro-txt{font-size: 2rem;}
.intro-bot-area .tit{margin-right: 50px;;}
.intro-bot-area .txt{width: calc(100% - 350px);}
.oca-home .img-box{width: 400px;;}
.oca-home .txt-box{width: calc(100% - 400px); padding-left: 60px;}
.oca-home .txt-box strong{font-size: 4.6rem;}

.logo-list li{flex:0 0 100px}


}



@media all and (max-width:991px){
.intro-item-area{padding:13vw 0 130px 0; margin-top: -15%;}
.intro-top-area .img-box{position: relative;}
.intro-top-area .img-box::after{width:80%; height: 20px; content:""; background: #eff4fd; position: absolute; right: 0; bottom:0; z-index: 1;}
.intro-info-area .intro-info{width: 100%; margin-top: 0; padding:8vw 3.5rem 0 3.5rem}
.intro-bot-area .item-box{display: block;}
.intro-bot-area .tit {width: 100%; margin-right: 0; margin-bottom: 2.5rem;}
.intro-bot-area .txt{width: 100%; ;}
.intro-bot-area .item-box ul{grid-template-columns: repeat(3, minmax(0, 1fr));}
.oca-home{display: block;}
.oca-home .img-box{width: 100%; margin-bottom: 3rem;}
.oca-home .txt-box{width: 100%; padding-left: 0;}
.intro-bot-area{margin: 40px 0;}
.oca-home .txt-box p{font-size: 2rem;}
.oca-home .txt-box strong{font-size: 4.2rem;}
.oca-home .txt-box strong span{font-size: 3rem;}
.intro-info-area .intro-info .intro-tit{font-size: 4rem;}
.intro-bot-area .txt p{font-size: 1.8rem;}
.intro-bot-area .tit strong{font-size: 3.2rem;}
.intro-bot-area .item-box ul li p{font-size: 1.7rem;}
.intro-top-area{margin-top: 80px;;}
}


/*모바일*/
@media all and (max-width:767px){
.intro-top-area{margin-top: 40px;;}
.intro-info-area .intro-info .intro-tit{font-size: 3rem;}
.intro-info-area .intro-info .intro-tit span{font-size: 1.7rem;}
.intro-info-area .intro-info .intro-txt{font-size: 1.6rem; margin:2.5rem 0}
.intro-info-area .intro-info ul li strong{width: 60px; font-size: 1.6rem;}
.intro-info-area .intro-info ul li p{width: calc(100% - 60px); font-size:1.6rem; padding-left:10px; line-height: 1.2;}
.intro-logo {margin-top:0; width: 100%;;}
.banner-cont{margin-top: -35px;}
.intro-info-area .intro-info ul li strong::after{height: 12px; right:-4px;}
.intro-item-area{padding: 13vw 0 80px 0;}
.intro-logo > ul > li{margin-left: 4rem; flex:0 0 60px}
.intro-bot-area .tit strong{font-size: 2.4rem;}
.intro-bot-area .tit strong span{font-size:1.6rem}
.intro-bot-area .txt p{font-size: 1.5rem; line-height:2.8rem;}
.intro-bot-area .item-box{padding: 4rem 0;}
.intro-bot-area .item-box ul li p{font-size: 1.4rem; margin-top: 2.5rem;}
.intro-bot-area .item-box ul{grid-template-columns: repeat(2, minmax(0, 1fr)); gap:3rem; margin-top: 4rem;}
.oca-home{margin: 0 auto 100px auto;}
.oca-home .txt-box strong{font-size: 2.6rem;;}
.oca-home .txt-box strong span{font-size: 2rem;;}
.oca-home .txt-box p{font-size: 1.6rem; margin: 2.5rem 0;}
.intro-bot-area{margin:30px 0 35px 0}
.oca-home .txt-box a{width: 230px; height: 48px; font-size: 1.4rem;}
.intro-info-area .intro-info ul li p span{display: block; font-size: 1.4rem;}

.intro-top-area.en .intro-info-area .intro-info ul li strong {width: 170px;}
.intro-top-area.en .intro-info-area .intro-info ul li p {width: calc(100% - 170px);}
.oca-home .txt-box a i.ico-link{width: 16px; height: 16px;}
}
@media all and (max-width:430px){
.intro-top-area.en .intro-info-area .intro-info ul li strong {width: 30.23vw; font-size: 3.72vw;}
.intro-top-area.en .intro-info-area .intro-info ul li p {width: calc(100% - 30.23vw); padding-left: 2.33vw; font-size: 3.72vw;}
}