@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');

/* 인사말 */
.greeting {display:flex; position:relative; align-items:start; justify-content:space-between; word-break:keep-all;}
.greeting + .greeting {flex-direction:row-reverse; padding-top:3.333334em; margin-top:3.333334em; border-top:1px solid #dadada;}
.greeting .txt-wrap {position:relative; width:calc(100% - ((520 / 18) * 1em));}
.greeting .txt-wrap .tit {position:relative; background:url('../img/content/01/img_01_bg.svg') no-repeat 100% 100% / auto calc((290 / 18) * 1em); padding-right:9em; padding-bottom:3.333334em; margin-bottom:3.333334em; border-bottom:1px solid #E8EFF9; color:#111;}
.greeting .txt-wrap .tit:before {content:''; display:block; width:3.888889em; height:3em; background:url('../img/content/01/img_01_obj_01.svg') no-repeat 50% 50% / contain; margin-bottom:1em;}
.greeting .txt-wrap .tit:after {content:''; display:block; width:8.888889em; height:11.111112em; position:absolute; right:0; bottom:-1.666667em; background:url('../img/content/01/img_01_mascot_ad.svg') no-repeat 50% 50% / contain;}
.greeting .txt-wrap .tit p {font-size:1.444445em; font-weight:500; word-break:keep-all;}
.greeting .txt-wrap .tit p br {display:none;}
.greeting .txt-wrap .tit p:nth-child(2) {margin-top:.65em;}
.greeting .txt-wrap .tit strong {font-size:1.461539em; font-weight:700;}
.greeting .txt-wrap .tit strong em {color:#3875CB;}
.greeting .img-wrap {width:calc((460 / 18) * 1em); border-radius:2.222223em; overflow:hidden;}
.greeting .img-wrap img {display:block; max-width:100%;}
.greeting .sign {font-family:"Nanum Myeongjo", serif; font-size:1.222223em; margin-top:1.363637em; font-weight:600; letter-spacing:.2em;}
.greeting .sign strong {font-size:1.363637em;}
.greeting.yc .tit:after {background-image:url('../img/content/01/img_01_mascot_yc.svg');}

@media all and (max-width:1024px) {
	.greeting {flex-direction:column !important; align-items:center;}
	.greeting .img-wrap {max-width:70%; margin-bottom:1em;}
	.greeting .txt-wrap {width:100%;}
	.greeting .txt-wrap .tit {padding-right:0;}
	.greeting .txt-wrap .tit:after {bottom:100%;}
}
@media all and (max-width:640px) {
	.greeting .txt-wrap .tit {font-size:.9em; padding-bottom:2em; margin-bottom:2em;}
}
@media all and (max-width:480px) {
	.greeting .txt-wrap .tit:after {font-size:.8em;}
}


/* 대회개요 */
.intro {display:flex; justify-content:space-between; position:relative; align-items:start;}
.intro .img-wrap {width:calc((450 / 18) * 1em); border-radius:2.222223em; border:1px solid #d9d9d9; overflow:hidden;}
.intro .txt-wrap {width:calc(100% - 28.333334em);}
.intro .tit p {font-size:1.888889em; color:#3875CB; font-weight:700;}

/* 조직도 */
.org {position:relative; padding:2.777778em 0 3.333334em; margin-bottom:3.333334em; border-bottom:1px solid #dadada; word-break:keep-all;}
.org.ad {margin-bottom:0;}
.org:before {content:''; display:block; width:100%; height:4.666667em; position:absolute; top:0; left:0; background:url('../img/content/01/img_04_obj_01.svg') no-repeat 50% 50% / contain;}
.org:after {content:''; display:block; width:100%; height:20%; position:absolute; top:9.444445em; bottom:0; left:0; background:linear-gradient(180deg,rgba(232, 240, 251, 1) 0%, rgba(255, 255, 255, 1) 100%); border-radius:10em 10em 0 0; z-index:-1;}

.org .top {display:flex; align-items:center; justify-content:center; flex-direction:column;}
.org .top span {position:relative; display:flex; align-items:center; justify-content:center; border-radius:50%; width:13.333334em; height:13.333334em; color:#fff; background:#3875CB url('../img/content/01/img_04_obj_02.svg') no-repeat 0 100%; box-shadow:0px 10px 20px 0px rgb(0,0,0,0.1);}
.org .top span strong {font-size:1.333334em; text-align:center;}
.org .top ul {width:19.444445em; padding:3.333334em 2.222223em 2.222223em; margin-top:-2.222223em; border-radius:3.333334em; background:#fff;}
.org .top:before {content:""; display:block; position:absolute; left:50%; top:13.333334em; width:1px; height:40em; border:0px solid #dadada; border-left-width:1px; z-index:-1;}

.org .name {display:block; position:relative; margin-bottom:.555556em; font-weight:600; padding:1.111112em; background:#4393DD; color:#fff; border-radius:.833334em; text-align:center;}
.org .name strong {font-size:1.222223em;}
.org .name:before {content:''; display:block; width:.5em; height:.5em; position:absolute; top:-.5em; left:50%; transform:translateX(-50%); border-radius:50%; border:3px solid #fff; background:#4393DD; box-shadow:0px 4px 4px 0px rgb(0,0,0,0.1);}
.org .box {padding:1.111112em; background:#fff; border:1px solid #dadada; border-radius:1.111112em;}

.org .depth2 {position:relative; width:16.666667em; margin:10em auto 0;}
.org .depth2:before {content:''; display:none; position:absolute; width:15em; height:1px; left:100%; top:1.944445em; background:#dadada;}
.org .depth2 .name {background:#3875CB;}
.org .depth2 .name:before {background:#3875CB;}
.org .depth2 .box {position:relative;}

.org .depth2.side .name {background:#E56744;}
.org .depth2.side .name:before {background:#E56744;}

.org .depth3 {display:flex; position:relative; padding-top:1.666667em; margin:-.555556em; margin-top:2.222223em; flex-wrap:wrap; justify-content:flex-start;}
.org .depth3:before {content:''; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:calc(80% - .111112em); height:1px; background:#dadada;}
.org .depth3 > li {position:relative; width:20%; padding:.555556em;}
.org .depth3 > li:before {content:""; display:block; position:absolute; top:-1.666667em; left:50%; width:1px; height:2.222223em; border:0px solid #dadada; border-left-width:1px; z-index:-1;}
.org .depth3 .name {display:flex; align-items:center; justify-content:center; position:relative; height:4.444445em;}
.org .depth3 .name strong {display:block; font-size:1.111112em; text-align:center;}

/* 에천 */
.org.yc:after {background:linear-gradient(180deg, rgb(232 245 251) 0%, rgba(255, 255, 255, 1) 100%);}
.org.yc .top span {background-color:#3ca596;}
.org.yc .name,
.org.yc .name:before {background:#49a8ad;} 
.org.yc .depth2 .name,
.org.yc .depth2 .name:before {background:#11797f;}

@media all and (min-width:1025px) {
	.org .depth2.side {position:absolute; right:calc(50% + 15em); width:16.666667em; margin-top:2em; text-align:center;}
	.org .depth2.side:before {display:block;}
	.org .depth2.side .name {background:#E56744;}
	.org .depth2.side .name:before {left:auto; right:-.5em; transform:none; top:1.527778em; background:#E56744;}
}
@media all and (max-width:1024px) {
	.org {padding:0 1em 2em; margin-bottom:2em;}
	.org:before {display:none;}
	.org:after {top:3em;}
	.org .top {position:relative; flex-direction:row; justify-content:start; align-items:center; margin-left:-1em;}
	.org .top:before {left:2em; height:auto; top:4em; bottom:0; z-index:0;}
	.org .top span {border-radius:9em; width:auto; height:auto; padding:1em 3em; flex-shrink:0;}
	.org .top ul {width:auto; margin-left:-1em; padding:1em 3em; margin-top:0;}
	
	.org .depth2 {display:flex; flex-direction:row; align-items:start; width:auto !important; padding:2em 0 0 2em; z-index:0; overflow:hidden; margin:0;}
	.org .depth2:before {display:none !important;}
	.org .depth2 .name {flex-shrink:0; width:9em; margin:0;}
	.org .depth2 .name:before {top:50%; left:-.5em; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.org .depth2 .name:after {content:""; display:block; position:absolute; left:-1em; width:1em; bottom:50%; height:10em; border:0px solid #dadada; border-left-width:1px; border-bottom-width:1px; z-index:-1;}
	.org .depth2 .name strong:before {content:""; display:block; position:absolute; top:50%; left:-1em; bottom:-10em; width:1px; background:#dadada; font-size:calc((18 / 22) * 1em);}
	.org .depth2 .box {flex-grow:1; text-align:left; margin-left:.5em;}
	.org .depth2:last-of-type .name strong:before {display:none;}
	.org .depth2:last-of-type:after {content:""; display:block; position:absolute; left:5.5em; width:1em; bottom:0; top:3em; border:0px solid #dadada; border-right-width:1px; border-bottom-width:1px; border-radius:0 0 2em 0; z-index:-2;}
	
	.org .depth3 {flex-direction:column; margin:0; padding:1.6em 0 0 0;}
	.org .depth3:before {top:0; left:0; width:5.5em; height:1.6em; transform:none; border:0 solid #dadada; border-top-width:1px; border-left-width:1px; background:transparent; border-radius:2em 0 0 0;}
	.org .depth3 > li {width:auto; padding:1.6em 0 0 1.6em; overflow:hidden;}
	.org .depth3 > li:before {display:none;}
	
	.org .depth3 .name {height:auto;}
	.org .depth3 .name:before {top:50%; left:-.5em; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.org .depth3 .name:after {content:""; display:block; position:absolute; left:-1.6em; width:1.7em; bottom:50%; height:10em; border:0px solid #dadada; border-left-width:1px; border-bottom-width:1px; z-index:-1;}
	.org .depth3 .name strong {position:static; top:auto; transform:none;}
	.org .depth3 .name strong:after {content:""; display:block; position:absolute; top:50%; left:-1.6em; bottom:-10em; width:1px; background:#dadada; font-size:calc((18 / 20) * 1em);}

	.org .depth3 .name strong br {display:none;}
	.org .depth3 .item .list-ul {display:flex; flex-wrap:wrap; align-items:center;}
	.org .depth3 .item .list-ul li,
	.org .depth3 .item .list-ul li + li {margin:.3em .5em;}
	
	.org .depth3 > li:last-of-type .name strong:after {display:none;}
}
@media all and (max-width:640px) {
	.org .top {flex-direction:column; margin-left:0; align-items:start;}
	.org .top:before {left:1em;}
	.org .top span {width:100%;}
	.org .top ul {margin-left:2em; background:none; padding:1.5em 0; flex-grow:1;}
	
	.org .depth2 {flex-direction:column;}
	.org .depth2 .box {margin-top:.5em; width:100%; margin-left:0;}
	.org .depth2:last-of-type {padding-bottom:2em;}
}