@charset "utf-8";
@font-face {
    font-family: 'Hana_handwriting';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_05@1.0/Hana_handwriting.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mongdol';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_08@1.0/Mongdol.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MonoplexKR-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_Monoplex-kr@1.0/MonoplexKR-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Happiness-Sans-Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/Happiness-Sans-Title.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'RIDIBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BMJUA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Ohsquareair';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2202@1.0/Cafe24Ohsquareair.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Middleschool_student';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_08@1.0/Middleschool_student.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Ssukssuk';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Ssukssuk.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SDSamliphopangche_Outline';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/SDSamliphopangche_Outline.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

header{
	display: block;
	position: relative;
	margin-bottom: 3%;
	/* background-color: rgb(240, 240, 240); */
}
#topMenuLine{
	position:relative;
	width:100%;
	height:4vw;
	transition:all .3s;
	margin-bottom: 0.5%;
	/* background-color: rgb(247, 140, 18); */
}

/* 로고 */
.menuLogo{
    display:inline-block;
	position:relative;
	float:left;
	margin-left: 3%;
	top:40%;
	width:13vw;
	height:2.5vw;
	border-radius:10px;
	color:black;
	transform:translateY(-50%);
}
.top_logo{
	height:3vw;
	font-size:3vw;
	color:black;
	text-align:center;
}
.top_logo span{
	position:absolute;
	transition:all .3s
}
.top_logo span:after{
	display:inline-block;
	padding-left:3px;
}
.top_logo span.t1{
	left: 0.6vw;
	top:0.1vw;
	font-family: 'SDSamliphopangche_Basic';
	/* font-weight:700; */
}
#logo{
	height: 2.5vw;
}
.top_logo span.t2{
	left: 0.5vw;
	top:2vw;
	opacity:0;
	font-family: 'Cafe24Ssurround';
	font-weight: bold;
	font-size: 2vw;
	line-height: 2.5vw;
}
.top_logo:hover span.t1{
	top:0;
	opacity:0
}
.top_logo:hover span.t2{
	top: 0.6vw;
	opacity:1
}

/* 대분류  */
#topMenu{
	position:relative;
	z-index:1;
	height: 90%;
	width: 90%;
	left: 5%;
	top: 0;
	display:inline-block;
	justify-content: center;
    text-align:center;
	/* transform:translateX(-50%); */
}
#topMenu:after{
	display:block;
	content:"";
	visibility:hidden;
	clear:both
}
#topMenu > li{
	float:left;
	position:relative;
	list-style: none;
	padding:0 3%;
	line-height: 2vw;
}
#topMenu > li > a{
	display:block;
	text-decoration: none;
	font-size:1.4em;
	color:#222;
	letter-spacing:-.1px;
	transition:all .2s;
	font-family: 'Mongdol';
	font-weight: bolder;
	margin-right: 0.4vw;
	margin-left: 3vw;
}
.menu_names:hover{
	scale: 1.2;
	color: black;
}
.menuReading{
	position:relative;
	display:inline-block;
	float:right;
	margin-left: 1%;
	top:60%;
	width:20vw;
	height:2.5vw;
	border-radius:10px;
	font-size:1.6vw;
	font-weight: bold;
	text-align:center;
	transform:translateY(-50%);
}
#menuLine{
	position:absolute;
	width:0;
	height:1px;
	background-color:transparent;
	transition:all 0.5s ease-in-out;
}

.reading span{
	position:absolute;
	transition:all .3s
}
.reading span:after{
	display:inline-block;
	padding-left:3px;
}
.reading span.t1{
	left: 1.3vw;
	top:0.2em;
	font-family: 'BMJUA';
	font-weight: bolder;
    color: #0a5d24;
}
.reading span.t2{
	left: 1.3vw;
	top:2em;
	opacity:0;
	font-family: 'BMJUA';
	font-weight: bolder;
	/* color: gold; */
}
.reading:hover span.t1{
	top:0;
	opacity:0
}
.reading:hover span.t2{
	top: 0.2em;
	opacity:1
}

/* topMenu 끝 */


/* ----------------- LAYOUT ----------------- */
.con_a {
    position: relative;
    width: 92%; /* pc랑 다름 */
    margin:0 auto;
    color:#d1d1d1
}
.shadow {
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.2);
    
} 
.clearfix:after{
    content:'';
    display: block;
    clear:both;
}
/* ----------------- TYPOGRAPHY ----------------- */

/* h2,h3,h4,h5,h6{
    font-family: 'Hana_handwriting';
    color:white;
} */
/* a{
    text-decoration: none;
    color:#ad7835;
} */
.main-tt{
    font-family: 'Hana_handwriting';
    font-size: 4vw;
    color: #454444;
    line-height: 1;
    position: relative;
    margin-bottom: 3vw;
    display: block;
    
    position: absolute;
    top: 1%;
    left: 50%;
    transform:translateX(-50%);
}
.main-tt:after{
    content:'';
    position: absolute;
    width: 91px;
    height: 3px;
    background: #766DC1;
    top:calc(100% + 17px);
    left: 0;
} 

.upcoming_az {
    background-color: #E7E4F1;
    margin-top: 3%;
    margin-bottom: 10%;
    padding: 65px 65px 55px;
    position: relative;    
}
.wrap_u{
    position: relative;
    width: 100%;
    height: 50%;
    margin: 15% auto 5% auto;
    background-color: #69a3c5;
}
/* .upcoming_az > img{
    position: absolute;
    width: 30%;
    top:-40px;
    left:63px;   
    z-index: 99;
} */
.wrap_u p{
    color: white;
    margin-left: 8%;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.7em;
    font-family: 'Mongdol';
}
.u_title{
    position: relative;
    display: block;
    width: 90%;
    margin-right: 5%;
    /* background-color: rgb(6, 6, 6, 0.3); */
}
.u_open{
    position: relative;
    display: inline-block;
    width: 40%;
    margin-right: 5%;
    /* background-color: rgb(6, 6, 6, 0.3); */
}
.u_deadline{
    position: relative;
    display: inline-block;
    width: 43%;
    margin-right: 0;
    /* background-color: rgb(6, 6, 6, 0.3); */
}
.u_writer{
    position: relative;
    display: block;
    width: 100%;
    /* background-color: rgb(6, 6, 6, 0.3); */
}
.wrap_u h2{
    font-size: 1.8em;
    color: white;
    line-height: 1;
    position: relative;
    font-weight: bold;
    line-height: 1.8;
    font-family: 'Mongdol';
    margin-left: 2vw;
    
}
.wrap_u h2:after{
    content:'';
    position: absolute;
    width: 91px;
    height: 3px;
    background: #e8dcf4;
    top:calc(100% + 17px);
    left: 0;
} 
#l_detail{
    position: relative;
    color: #000;
    /* font-family: 'Cafe24Ssukssuk'; */
    font-family: 'Cafe24Ohsquareair';
    font-size: medium;
    line-height: 2;
    text-align: center;
    max-width: 90%;
    margin: 0  auto;
}
#l_record{
    color: #000;
    padding: 0 5%;
    font-family: 'MonoplexKR-Regular';
    font-size: small;
}
#l_record_g{
    color: gray;
    padding: 0 5%;
    font-family: 'MonoplexKR-Regular';
    font-size: small;
}
#pc_none{
    display: none;
}

/* latest_AZs */

/* .latest_AZs{
	background-color: #eacacbd7;
    position: relative;
    height: auto;
    padding: 200px 0 0;
    margin-top: 3%;
	padding-bottom: 1%;
} */
.video_wrapper {
    position: relative;
    width: 100%;
	align-items: center;
	/* background: #E3E3E3; */
	justify-content: center;
}
.az{
    background-color: white;
    width: 82%;
    margin: 50px auto 50px auto;
    justify-content: center;
    /* overflow: hidden; */
    /* background-color: black; */
}
.az > h1{
    color: #000;
    position: relative;
    font-size: 20px;
    font-family: 'BMJUA';
    text-align: center;
}
.az > video{
    position: relative;
    /* padding: 0.2em; */
    max-width: 100%;
}
.az > p{
    font-size: 16px;
    margin-bottom: 0;
    /* font-weight: bold; */
    font-family: 'Cafe24Ssurround';
    /* font-family: 'Hana_handwriting'; */
    color: black;
    text-align: center;
    line-height: 2;
}
/* ----------------- FOOTER ----------------- */

footer{
    margin-top: 131px;
    margin-bottom: 20px;    
}
.container_f{
    text-align:center;
}

footer ul{
    text-align:center;
}
.sns_links li{
    display:inline-block;
    margin:0 15px;
}

.sns_links li a{
    width: 80px;
    height: 80px;
    border:1px solid #6b4922;
    display: block;
    text-align: center;
    line-height: 78px;
    box-sizing:border-box;
    font-size: 28px;
    transition:0.35s;
}
.sns_links li a:hover{
    background: #ad7835;
    color:#fff;
}