@charset "utf-8";

/* 
 * content CSS Document
 *
 */

.ftPartner{display:none !important;}

/* sub layout */
.area-subVisual{position:relative; height:600rem; width:100%; background:#000; overflow:hidden;}
.area-subVisual[data-sublayout="about"]{background:url('/images/content/subVisual_about.jpg')no-repeat center/cover;}
.area-subVisual[data-sublayout="info"]{background:url('/images/content/subVisual_info.jpg')no-repeat center/cover;}
.area-subVisual[data-sublayout="data"]{background:url('/images/content/subVisual_data.jpg')no-repeat center/cover;}
.area-subVisual[data-sublayout="notice"]{background:url('/images/content/subVisual_notice.jpg')no-repeat center/cover;}
.area-subVisual[data-sublayout="registration"]{background:url('/images/content/subVisual_registration.jpg')no-repeat center/cover;}
.area-subVisual *{line-height:1; box-sizing:border-box; word-break:keep-all; color:#fff;}
.area-subVisual .inr{display:flex; align-items:flex-end; justify-content:space-between; padding-bottom:120rem; height:100%;}
.area-subVisual .pageTit{opacity:0; transform:translateY(20rem); animation:pageTit_show 1s ease both;}
.area-subVisual .pageTit .navi{display:flex; margin-bottom:30rem; align-items:center; opacity:.7}
.area-subVisual .pageTit .navi a{display:block; margin-top:-2rem; font-size:var(--fs20);}
.area-subVisual .pageTit .navi span{display:block; position:relative; margin-left:28rem; font-size:var(--fs16);}
.area-subVisual .pageTit .navi span:before{content:''; display:block; position:absolute; left:-16rem; top:50%; transform:translateY(-50%); width:4rem; aspect-ratio:1/1; border-radius:50%; background:#fff;}
.area-subVisual .pageTit h2{font-size:var(--fs60);}
.area-lnb .lnb ul{display:flex; gap:60rem; margin-bottom:8rem; opacity:0; transform:translateX(20rem); animation:lnb_show 1s .2s ease both;}
.area-lnb .lnb ul li a{display:block; font-size:var(--fs18); opacity:.6;}
.area-lnb .lnb ul li.active a{opacity:1; font-weight:bold;}
@keyframes pageTit_show{
    100%{opacity:1; transform:translateY(0);}
}
@keyframes lnb_show{
    100%{opacity:1; transform:translateX(0);}
}
@media(max-width:1024px){
    .area-subVisual{height:500rem;}
    .area-subVisual .inr{padding-bottom:90rem;}
}
@media(max-width:768px){
    .area-subVisual{height:400rem;}
    .area-subVisual .inr{padding-bottom:60rem;}
    .area-lnb .lnb ul{gap:40rem;}
}
@media(max-width:480px){
    .area-subVisual{height:40vh;}
    .area-subVisual .inr{flex-direction:column; align-items:center; justify-content:flex-end; padding-bottom:20rem;}
    .area-subVisual .pageTit{margin-bottom:30rem;}
    .area-subVisual .pageTit .navi{margin-bottom:15rem; justify-content:center;}
    .area-subVisual .pageTit .navi a{margin-top:-2rem; font-size:var(--fs18);}
    .area-subVisual .pageTit .navi span{margin-left:19rem; font-size:var(--fs14);}
    .area-subVisual .pageTit .navi span:before{left:-11rem; width:3rem;}
    .area-subVisual .pageTit h2{font-size:var(--fs55); text-align:center;}
    .area-lnb .lnb ul{gap:30rem;}
}


/* sub common */
:root{
    --fs60:60rem;
    --fs55:55rem;
    --fs50:50rem;
    --fs45:45rem;
    --fs40:40rem;
    --fs35:35rem;
    --fs30:30rem;
    --fs28:28rem;
    --fs25:25rem;
    --fs22:22rem;
    --fs20:20rem;
    --fs18:18rem;
    --fs16:16rem;
    --fs15:15rem;
    --fs14:14rem;
    
    --p140:140rem;
    --p120:120rem;
    --m120:120rem;
    --m100:100rem;
    
    @media(max-width:1024px){
        --fs60:55rem;
        --fs55:50rem;
        --fs50:45rem;
        --fs45:40rem;
        --fs40:35rem;
        --fs35:32rem;
        
        --p140:120rem;
        --p120:100rem;
        --m120:100rem;
        --m100:80rem;
    }
    @media(max-width:768px){
        --fs60:50rem;
        --fs55:45rem;
        --fs50:40rem;
        --fs45:35rem;
        --fs40:32rem;
        --fs35:30rem;
        --fs30:26rem;
        --fs28:25rem;
        --fs25:23rem;
        --fs22:21rem;
        
        --p140:90rem;
        --p120:80rem;
        --m120:80rem;
        --m100:60rem;
    }
    @media(max-width:480px){
        --fs60:35rem;
        --fs55:35rem;
        --fs50:32rem;
        --fs45:28rem;
        --fs40:26rem;
        --fs35:24rem;
        --fs30:22rem;
        --fs28:20rem;
        --fs25:19rem;
        --fs22:18rem;
        --fs20:16rem;
        --fs18:15rem;
        --fs16:14rem;
        --fs15:13rem;
        --fs14:12rem;
        
        --p140:70rem;
        --p120:70rem;
        --m120:70rem;
        --m100:50rem;
    }
}

article{position:relative; padding:var(--p120) 0;}
[data-sub="about"]{overflow:hidden;}
[data-sub="about"] *{box-sizing:border-box; word-break:keep-all; line-height:1.5;}
[data-sub="info"]{overflow:hidden;}
[data-sub="info"] *{box-sizing:border-box; word-break:keep-all; line-height:1.5;}
section+section{margin-top:var(--m100);}
article [data-subTitle="current"]{margin-bottom:var(--m100); font-size:var(--fs40); color:#090909; text-align:center;}
h2.subTit{position:relative; margin-bottom:25rem; padding-left:30rem; font-size:var(--fs30); color:#090909; line-height:1 !important;}
h2.subTit:before{content:''; display:block; position:absolute; left:0; top:4rem; width:20rem; aspect-ratio:1/1; border:6rem solid var(--color-point); border-radius:50%;}

#content table.table{border-top:2px solid var(--color-point);}
#content table.table th,
#content table.table td{padding:15rem 10rem; font-size:var(--fs16); line-height:1.4;}
#content table.table thead th{background:#fff7f0; font-weight:600; color:#111;}
#content table.table tbody th{background:#fcfcfc; font-weight:600; color:#111;}

.tabBtn{display:flex; justify-content:center; gap:10rem; margin-bottom:80rem;}
.tabBtn li{display:flex; align-items:center; justify-content:center; width:100rem; height:46rem; border-radius:25rem; font-size:var(--fs20); font-family:var(--font-pop); font-weight:500; color:#fff; background:#aaa; cursor:pointer;}
.tabBtn li.active{background:var(--color-point);}
@media(max-width:1024px){}
@media(max-width:768px){
    h2.subTit{padding-left:25rem;}
    h2.subTit:before{width:18rem; border-width:5rem;}
}
@media(max-width:480px){
    h2.subTit{margin-bottom:20rem; padding-left:22rem;}
    h2.subTit:before{width:16rem; border-width:4rem;}
    
    #content table.table th,
    #content table.table td{padding:10rem 8rem;}
    
    .tabBtn{margin-bottom:50rem;}
    .tabBtn li{height:36rem;}
}


/* 조직위원회 > 인사말 */
.greetings .txt h2{margin-bottom:20rem; font-size:var(--fs30); font-weight:500; color:#111;}
.greetings .txt p{font-size:var(--fs18); font-weight:300; color:#444;}
.greetings .txt p+p{margin-top:25rem;}
.greetings .txt1{width:70%;}
.greetings .txt2{margin:0 0 0 auto; width:70%;}
.greetings .sign{margin-top:40rem; padding-top:20rem; border-top:1px solid #e5e5e5; text-align:end; font-size:var(--fs16); font-weight:300;}
.greetings .sign i{display:block; color:#aaa;}
.greetings .sign span{display:flex; align-items:flex-end; justify-content:flex-end; color:#666;}
.greetings .sign span img{display:block; margin:-2rem 0 0 25rem; width:110rem;}
.greetings .img{position:relative; margin:60rem 0; width:100%; height:420rem; background:transparent;}
.greetings .img img{display:block; width:100%; height:100%; object-fit:cover;}
@media(max-width:1500px){
    .greetings .txt p > br{display:none;}
}
@media(max-width:1024px){
    .greetings .txt1{width:80%;}
    .greetings .txt2{width:80%;}
    .greetings .txt2 p > br{display:none;}
    .greetings .img{height:380rem;}
}
@media(max-width:768px){
    .greetings .txt1{width:100%;}
    .greetings .txt1 p > br{display:none;}
    .greetings .txt2{width:100%;}
    .greetings .img{margin:50rem 0;}
}
@media(max-width:480px){
    .greetings .txt p+p{margin-top:20rem;}
    .greetings .sign{margin-top:30rem; padding-top:15rem;}
    .greetings .sign span img{margin-top:0; width:80rem;}
    .greetings .img{margin:40rem 0; height:200rem;}
}


/* 조직위원회 > 조직도 */
.group .sec1 img{display:block; width:100%;}
.group .sec2 h2{padding-top:50rem; border-top:1px solid #e5e5e5; font-size:var(--fs30); color:#111; text-align:center;}
.group .sec2 h2 em{display:block; font-size:var(--fs16); color:var(--color-point); font-weight:600;}
.group .sec2{margin-top:var(--m120) !important;}
.group .sec2 .profile{display:grid; grid-template-columns:repeat(4,1fr); gap:20rem; margin-top:50rem;}
.group .sec2 .profile > li{padding:15rem 15rem 0; background:linear-gradient(-40deg,#111,#777); border-radius:20rem;}
.group .sec2 .profile > li .img{display:block; width:100%; border-radius:10rem; overflow:hidden; background:rgba(255,255,255,.8);}
.group .sec2 .profile > li .img img{display:block; width:100%;}
.group .sec2 .profile > li em{display:block; margin:30rem 0 12rem; font-size:var(--fs16); font-weight:600; line-height:1; color:#f1b01f;}
.group .sec2 .profile > li h3{display:flex; justify-content:space-between; font-size:var(--fs25); color:#fff; font-weight:600; line-height:1; align-items:end; letter-spacing:3rem;}
.group .sec2 .profile > li h3 i{display:block; font-size:var(--fs15); font-weight:300; opacity:.6; letter-spacing:normal;}
.group .sec2 .profile ul{margin-top:15rem; padding:25rem 0; border-top:1px solid rgba(255,255,255,.3);}
.group .sec2 .profile ul li{position:relative; padding-left:10rem; font-size:var(--fs15); font-weight:200; color:#fff; opacity:.9; line-height:1.4;}
.group .sec2 .profile ul li:before{content:'·'; display:block; position:absolute; left:0; top:0; font-weight:900;}
.group .sec2 .profile ul li+li{margin-top:4rem;}
.group .sec2 .profile ul li small{display:block; opacity:.7; font-size:var(--fs14);}
@media(max-width:1024px){
    .group .sec2 .profile{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px){
    .group .sec1 .mob_info{margin-bottom:20rem;}
    .group .sec1 .scrollWrap{overflow-x:scroll;}
    .group .sec1 img{width:800rem;}
    .group .sec2 .profile{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
    .group .sec2 h2{padding-top:30rem;}
    .group .sec2 .profile{gap:20rem; margin-top:30rem; grid-template-columns:1fr;}
    .group .sec2 .profile > li{display:flex; padding:20rem 10rem; border-radius:10rem;}
    .group .sec2 .profile > li .img{border-radius:5rem; width:40%; height:max-content;}
    .group .sec2 .profile > li .txt{padding:0 10rem 0 20rem; width:60%;}
    .group .sec2 .profile > li em{margin-top:0;}
}


/* 대회정보 > 대회요강 */
.info1 .list{padding:40rem 30rem; box-shadow:0 10rem 30rem rgba(0,0,0,.1);}
.info1 .list1 li{position:relative; padding-left:15rem; font-size:var(--fs18); font-weight:300; color:#444;}
.info1 .list1 li+li{margin-top:10rem;}
.info1 .list1 li:before{content:'-'; display:block; position:absolute; left:0; top:0;}
.info1 .list2 li{display:flex; gap:30rem; font-size:var(--fs18); font-weight:300; color:#444;}
.info1 .list2 li+li{margin-top:22rem; padding-top:22rem; border-top:1px dashed #ccc;}
.info1 .list2 li em{display:block; font-weight:600; color:#111; width:62rem; height:25rem; text-align:justify;}
.info1 .list2 li em:after{content:''; display:inline-block; width:100%;}
.info1 .list2 li p{padding-left:30rem; width:calc(100% - 92rem); border-left:1px solid #e5e5e5;}
.info1 #tab2 .list2 li em{width:220rem; height:auto;}
.info1 #tab2 .list2 li em:after{display:none;}
.info1 #tab2 .list2 li p{width:calc(100% - 220rem);}
.info1 .btnDownload{display:flex; justify-content:center; gap:10rem; margin:auto; width:92%;}
.info1 .btnDownload a{display:flex; align-items:center; justify-content:center; width:290rem; height:60rem; font-size:var(--fs18); font-weight:600; color:#fff; background:linear-gradient(130deg,#ed7719,#e83119); border-radius:30rem; transition:.3s ease;}
@media(hover:hover){
    .info1 .btnDownload a:hover{box-shadow:10rem 10rem 30rem rgba(0,0,0,.15);}
}
@media(max-width:1024px){
    .info1 .list{padding:25rem 20rem;}
}
@media(max-width:768px){
    .info1 .list2 li+li{margin-top:20rem; padding-top:20rem;}
    .info1 #tab2 .list2 li em{width:170rem;}
    .info1 #tab2 .list2 li p{width:calc(100% - 170rem);}
}
@media(max-width:480px){
    .info1 .list{padding:20rem 15rem;}
    .info1 .list1 li{padding-left:12rem;}
    .info1 .list2 li{display:block;}
    .info1 .list2 li em{margin-bottom:8rem; width:100% !important;}
    .info1 .list2 li em:after{display:none;}
    .info1 .list2 li p{padding-left:0; width:100% !important; border-left:none;}
    .info1 .btnDownload li{width:calc(100% / 2 - 5rem);}
    .info1 .btnDownload a{width:100%; height:40rem;}
}


/* 대회정보 > 대회일정안내 */
.info2 table.table b{color:#0c3f6b;}
.info2 table.table .txtLeft{text-align:left;}
.info2 table.table ul{margin-top:10rem; padding:10rem; background:#f8f8f8;}
.info2 table.table ul li{position:relative; padding-left:9rem;}
.info2 table.table ul li:before{content:'·'; display:block; position:absolute; left:0; top:0; font-weight:900;}
.info2 table.table ul li+li{margin-top:3rem;}
.info2 table.table i{display:block; margin-top:10rem; font-size:var(--fs15); color:#888;}
@media(min-width:769px){
    .info2 table.table br.show_mo{display:none;}
}


/* 대회정보 > 오시는길 */
.contact .inr{display:flex; justify-content:space-between;}
.contact ul{width:calc(40% - 80rem); border-top:2px solid var(--color-point);}
.contact ul li{padding:30rem 0;}
.contact ul li+li{border-top:1px dashed #ddd;}
.contact ul .icon{display:flex; align-items:center; margin-bottom:20rem; gap:15rem; font-size:var(--fs22); font-weight:500; color:#010101; line-height:1 !important;}
.contact ul .icon img{display:block; width:20rem; aspect-ratio:1/1; object-fit:contain;}
.contact ul .icon+*{padding-left:35rem; font-size:var(--fs18); color:#333;}
.contact ul .address p{margin-bottom:20rem;}
.contact ul .address i{display:block; margin-top:6rem; font-size:var(--fs16);}
.contact ul .address i b{color:#111;}
.contact .map{width:60%;}
.contact .map img{display:block; width:100%;}
.contact .map img.mo{display:none;}
@media(max-width:1400px){
    .contact ul li{padding:25rem 0;}
    .contact ul .icon{margin-bottom:15rem;}
}
@media(max-width:1024px){
    .contact .inr{flex-direction:column-reverse;}
    .contact ul{margin-top:30rem; width:100%;}
    .contact .map{width:100%;}
}
@media(max-width:768px){
    .contact .map img.pc{display:none;}
    .contact .map img.mo{display:block;}
}
@media(max-width:480px){
    .contact ul li{padding:20rem 0;}
    .contact ul .icon{margin-bottom:10rem; gap:10rem;}
    .contact ul .icon img{margin-top:-2rem; width:17rem;}
    .contact ul .icon+*{padding-left:27rem;}
    .contact ul .address p{margin-bottom:10rem;}
    .contact ul .address i{margin-top:3rem;}
}


/**/
@media(max-width:1024px){}
@media(max-width:768px){}
@media(max-width:480px){}