@charset "utf-8";

#container { overflow:visible; margin-top: 6.25em; }
@media only screen and (max-width:1080px) {
	#container { margin-top: 0; }
}

.visualFull { margin-bottom: 0; }
.visualFull .titBox { position: absolute; bottom:9.1837%; left: 0; width: 100%; color: #fff; }
.visualFull .titBox h2 { margin-bottom:1.625rem; letter-spacing:-0.03em; font-weight:normal; font-size:2.812em; font-family: "Leferi Point Type Special"; }
.visualFull .titBox p { font-weight: 500; font-size:1.375em; }
:lang(en) .visualFull .titBox p { letter-spacing: -0.02em; line-height: 1.3; }
.visualFull .titBox p .mo { display: none; }
.visualFull .titBox p + p { margin-top:2.125rem; }
.visualFull .quickBtn { display:flex; justify-content:center; align-items:center; margin-top:min(5em, 5vw); }
.visualFull .quickBtn li { display:flex; width:29.063rem; margin:0 1.875em; }
.visualFull .quickBtn li a { display:block; width: 100%; padding-top:23px; padding-bottom:20px; border: 1px solid #fff; background:rgba(000,000,000,0.65); color: #fff; font-size:min(2.125em, 2.125vw); font-family: "Leferi Point Type Special"; }
.visualFull .quickBtn li a:hover { background: #fff; color: #000; transition:0.3s; }
.visualFull .quickBtn li a span { display: block; letter-spacing: -0.04em; font-size:0.706em; }
:lang(en) .visualFull .quickBtn li a span { font-size:0.471em; }

@media screen and (max-width:960px) {
	.visualFull .titBox { bottom: 3em; }
	.visualFull .titBox h2 { font-size: 2em; }
	.visualFull .titBox p { font-size: 1em; }
	.visualFull .titBox p + p { margin-top: 1.273em; }
	.visualFull .titBox p .mo { display: inline; }
	.visualFull .titBox p .pc { display: none; }
	.visualFull .quickBtn { margin-top:3.454em; }
	.visualFull .quickBtn li { width: 45.2%; margin:0 0.5%; }
	.visualFull .quickBtn li a { padding:1rem 0 0.909rem; font-size:1.545em; }
	
	:lang(en) .visualFull .titBox h2 { font-size:1.364em; }
	:lang(en) .visualFull .titBox p { padding:0 5%; letter-spacing: -0.05em; font-size:0.909em; }
	:lang(en) .visualFull .quickBtn { margin-top: 2em; }
	:lang(en) .visualFull .quickBtn li a { letter-spacing: -0.03em; font-size:1.364em; }
}
@media screen and (max-width:359px) {
	.visualFull .titBox p { letter-spacing: -0.05em; }
	.visualFull .quickBtn li a { font-size:1.364em; }
	
	:lang(en) .visualFull .titBox h2 { font-size: 1.273em; }
	:lang(en) .visualFull .quickBtn li a { font-size: 1.182em; }
}

.academyLayout::before,
.academyLayout::after { content:none; }
.academyLayout { max-width:1200px; margin:0 auto; }
.academyLayout .innerWrap { position: relative; margin: 0; padding:0; font-size: 0; }
.academyLayout .sideNav { display: inline-block; z-index: 2; position:sticky; top: 0; margin-top: -1.875em; margin-bottom: 6.25em; vertical-align: top; font-size: 1rem; transition:0.4s; }
.academyLayout .sideNav.fix { top: 7.5em; margin-top: 0; }
.academyLayout .sideNav ul { display: inline-block; position: relative; }
.academyLayout .sideNav ul::before { content:''; z-index: -1; position: absolute; top: 0; left: 50%; width:1px; height:100%; background: #000; }
.academyLayout .sideNav ul li { margin-top: 1.25em; }
.academyLayout .sideNav ul li:first-child { margin-top: 0; }
.academyLayout .sideNav ul li button { display:inline-flex; justify-content:center; align-items:center; width:11.688rem; min-height:3.875rem; padding:0.75em; border-radius:3em; border:1px solid #000; background: #fff; text-align: center; box-sizing:border-box; line-height: 1.2; font-size: 1.25em; font-family: "Leferi Point Type Special"; }
:lang(en) .academyLayout .sideNav ul li button { font-size: 1.125em; }
.academyLayout .sideNav ul li [data-target="rules13"] { background: #e9e9e9; }
.academyLayout .sideNav ul li button.active,
.academyLayout .sideNav ul li button.hover { background: #ff8a80; transition:0.4s; }
.academyLayout .mainTitle { width: 100%; padding-top:5.313em; padding-bottom:4.938em; box-sizing:border-box; }
.academyLayout #intro { background-image:url(../images/competition/bg_2nd.png); background-repeat:no-repeat; background-position:right 0 top 0; background-size:29.75em auto; }
.academyLayout .introLayout { display: inline-block; width:calc(100% - 15.375em); margin-left:3.688em; vertical-align: top; font-size:1rem; }
.introLayout .section { display:flex; padding:2.875rem 0; border-top: 1px solid #000; font-size: 1.125em; }
.introLayout h3 { flex-shrink:0; width:16.875rem; padding-right: 0.625rem; padding-left: 1.25rem; box-sizing:border-box; letter-spacing: -0.04em; line-height: 1.2; font-size:1.875rem; font-weight: 400; font-family: "Leferi Point Type Special"; }
:lang(ko) .introLayout h3 { word-break:keep-all; }
:lang(en) .introLayout h3 { font-size: 1.75rem; }
.introLayout h4 { margin-top: 1.5rem; }
.introLayout .section > div { flex-grow:1; }
.introLayout ul li { margin:1px 0; }
.introLayout .listStyle { margin-top: 1.5em; }
.introLayout .listStyle > li { overflow: hidden; padding:0.5rem 0; border-bottom: 1px solid #000; }
.introLayout .listStyle > li span { display:block; }
.introLayout .listStyle > li .tit { float: left; }
.introLayout .listStyle > li .txt { margin-left: 2.25rem; }
.introLayout .listStyle > li .txt > .listStyle,
.introLayout .buList > li .txt > .txtList { margin-top: 0; }
.introLayout .txtList > li { margin:0.625rem 0; font-weight: 400; }
.introLayout .buList > li { overflow: hidden; margin-top:0.625rem; }
.introLayout .buList > li:first-child { margin-top: 0; }
.introLayout .buList > li i { display: inline-block; float: left; }
.introLayout .buList > li i + .txt { display: block; margin-left: 1.625rem; }
.introLayout .point { position: relative; margin-top: 0.25em; padding-left: 0.875em; font-size: 1rem; }
.introLayout .point::before { content:'※'; position: absolute; top: 0; left: 0; }
.introLayout .fz1 { font-size: 1rem; }
.introLayout .ruleBtn { display:flex; width:70%; justify-content:space-around; }
.introLayout .ruleBtn li { width:52%; }
.introLayout .ruleBtn li:first-child { width:45%; }
.introLayout .ruleBtn li a { display: block; border-radius:3em; border: 1px solid #000; background: #e5e5e5; text-align: center; font-size: 1.25rem; font-family: "Leferi Point Type Special"; }
.introLayout .ruleBtn li a span { display: inline-block; padding-top:1em; padding-bottom:1em; }
.introLayout .ruleBtn li a .down { padding-right:1.9em; background:url(../images/competition/icon_download.svg) no-repeat right 0 top 50%; background-size:auto 1em; }
.introLayout .ruleBtn li a:hover,
.introLayout .ruleBtn li a:focus { background: #000; color: #fff; transition:0.3s; }
.introLayout .ruleBtn li a:hover span,
.introLayout .ruleBtn li a:focus span { padding-right: 0; background:none; transition:padding 0.4s; }
.introLayout #intro02 .listStyle .txt { margin-left: 39%; }
:lang(en) .introLayout #intro02 .listStyle .txt { margin-left:46%; }
:lang(en) .introLayout #rules02 .listStyle .txt,
:lang(en) .introLayout #rules03 .buList li span { margin-left:10.5rem; }
.introLayout #rules03 .buList li span { margin-left:3.778em; }
.introLayout #rules13 { padding-bottom:6.25em; }
@media screen and (max-width:1240px) {
	.academyLayout .mainTitle { padding-left:5.5%; }
}
@media screen and (max-width:960px) {
	.academyLayout .mainTitle { padding-top:3.182em; padding-bottom:3em; }
	.academyLayout #intro { background-position:right -6.727em top 0; }
	.academyLayout #intro img { max-width:41.1765%; }
	.academyLayout #rules img { max-width:64.7059%; }
	.academyLayout .sideNav { display: block; margin-top: 0; }
	.academyLayout .sideNav.fix { top:6.364em; }
	.academyLayout .sideNav { margin-bottom: 0; }
	.academyLayout .sideNav ul { overflow: hidden; display:flex; flex-wrap:wrap; justify-content:center; }
	.academyLayout .sideNav ul::before { content:none; top:1.636em; left: 0; width: 100%; height: 1px; }
	.academyLayout .sideNav ul li { position: relative; }
	.academyLayout .sideNav ul li::before { content:''; z-index: -1; position: absolute; top:1.636em; left:-500%; width: 1000%; height: 1px; background: #000; }
	.academyLayout .sideNav ul li,
	.academyLayout .sideNav ul li:first-child { margin:2px 2px; }
	.academyLayout .sideNav ul li button { width:7.819em; min-height:2.727em; padding:0; font-size:1em; }
	.academyLayout .sideNav ul li [data-target="rules13"] { width:12.364rem; }
	.academyLayout .introLayout { display: block; width: 100%; margin-left: 0; }
	.introLayout .section { padding:2.181em 0 1.636em; font-size:1.090em; }
	.introLayout .section:nth-of-type(1) { border-top: none; }
	.introLayout h3 { width:9.091rem; padding-left: 1.125rem; font-size:1.454rem; }
	.introLayout h3 i { display: block; }
	.introLayout .section > div { padding-right: 1em; }
	.introLayout .txtList > li { font-size: 1em; }
	.introLayout .listStyle > li .tit { display: block; float: none; font-weight:700; }
	.introLayout .listStyle > li .txt,
	:lang(en) .introLayout #intro02 .listStyle .txt,
	:lang(en) .introLayout #rules02 .listStyle .txt { margin-left: 0; }
	.introLayout #intro02 .listStyle .txt { margin-left: 0; }
	.introLayout #rules04 .btnDocument { margin-top: 0.5em; font-size: 1rem; }
	.introLayout .ruleBtn li a { font-size: 1em; }
	:lang(en) .academyLayout #intro img { max-width:48%; }
	:lang(en) .introLayout h3 { width: 10rem; word-break:break-all; font-size:1.273em; }
	:lang(en) .academyLayout .sideNav ul li button { overflow: hidden; display: inline-block; padding:3px 1em; font-size: 1em; white-space:nowrap; text-overflow:ellipsis; }
}
@media screen and (max-width:767px) {
	.introLayout .ruleBtn { display: block; }
	.introLayout .ruleBtn li { width:94%; margin:0 0 0.5em; }
	.introLayout .ruleBtn li:first-child { width: 94%; }
}
@media screen and (max-width:500px) {
	.academyLayout #intro { background-size:68.5294% auto; }
}
