@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face {
    font-family: 'Sungsil';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/naverfont_10@1.0/Sungsil.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.content_container{ padding:0 !important; }
section{ position:relative; z-index:1; overflow:hidden; }
section, section *{
	font-family:'NanumSquare','nt', sans-serif;
	color:#0c0c0c;
	box-sizing:border-box;
	word-break:keep-all;
}
img{ display:block; max-width:100%; }

/* Çìµå¶óÀÎ */
#headline {
	padding:150px 40px 100px;
	background-color:#fff;
}
.hl_con{
	position:relative;
	z-index:1;
	max-width:1200px;
	margin:0 auto;
	padding:50px 60px;
}
.hl_con:before, .hl_con:after {
	position:absolute;
	content:'';
	top:0;
	bottom:0;
	z-index:1;
	width:35px;
	border:2px solid #efd7c5;
}
.hl_con:before {
	left:0;
	border-right:none;
}
.hl_con:after {
	right:0;
	border-left:none;
}
.hl_con > img {
	 position:absolute;
	 display:block;
	 width:50px;
	 height:auto;
	 z-index:1;
}
.hl_con > img.qt01{
	top:0;
	left:55px;
	transform:translate(0, -50%);
}
.hl_con > img.qt02{
	bottom:0;
	right:55px;
	transform:translate(0, 50%);
}
.hl_con > h2 {
	font-family:'ns',serif;
	font-size:28px;
	font-weight:400;
	color:#000;
	line-height:1.5em;
	text-align:center;
	letter-spacing:-0.025em;
}

/* ÄÁÅÙÃ÷ °øÅë */
.inner {
	display:flex;
	flex-direction:column;
	gap:80px;
	max-width:1000px;
	margin:0 auto;
}
.con_padd { padding:150px 0; }

/* »çÅõ¸® ¿µ»ó */
.video_container { max-width:450px; width:100%; margin:0 auto; }
.video {
	position:relative;
	z-index:1;
	width:100%;
	padding-top:177.7777777777778%;
	overflow:hidden;
	background-color:#0c0c0c;
}
.video iframe {
	position:absolute;
	z-index:1; 
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* title_integral */
.ti_container {
	display:flex;
	flex-direction:column;
	align-items:center;
}
.ti_wrap {
	position:relative;
	z-index:1;
	width:min(800px, 100%);
	min-height:175px;
	padding:40px 60px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:20px;
}
.ti_wrap:before, .ti_wrap:after {
	position:absolute;
	content:'';
	top:0;
	bottom:0;
	width:45px;
	border:1px solid #0c0c0c;
	z-index:1;
}
.ti_wrap:before {
	left:10px;
	border-right:none;
	border-radius:50px 0 0 50px;
}
.ti_wrap:after {
	right:10px;
	border-left:none;
	border-radius:0 50px 50px 0;
}
.ti_wrap > img {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	width:21px;
	transform:translate(0, -50%);
	&.st01{ left:0; }
	&.st02{ right:0; }
}
.ti_wrap > h3 {
	text-align:center;
	span {
		position:relative;
		display:inline-block;
		font-family:'ns',serif;
		font-size:42px;
		line-height:1.3em;
		font-weight:400;
		z-index:1;
		
		&:after {
			position:absolute;
			bottom:0;
			left:0;
			content:'';
			width:100%;
			height:35%;
			background-color:#fff1e4;
			z-index:-1;
		}
	}
}
.ti_wrap > p {
	font-size:16px;
	font-weight:400;
	line-height:1.2em;
}

/* »çÅõ¸® ¿¹¹® */
.exam {
	position:relative;
	z-index:1;
	font-family: 'Sungsil';
	font-size:30px;
	font-weight:400;
	line-height:1.5em;
	text-align:center;
}
.exam > span { font-family: 'Sungsil'; color:#ce957c; }

/* »çÅõ¸® »çÀü */
.dict_wrap { padding:15% 0; }
.dict_wrap > img { display:block; width:100%; height:auto; }
.dict_wrap > img:first-child { filter:drop-shadow(0 -13px 7px rgba(0,0,0,.15)); }
.dict_wrap > img:last-child { filter:drop-shadow(0 13px 7px rgba(0,0,0,.15)); }
.dict_bg { display:flex; flex-flow:row wrap; background-image:url(./img/bk-md.svg); background-position:0% 50%; background-size:100%; background-repeat:repeat-y; padding:0 48px; }

.dict { width:50%; font-family:'nt', sans-serif; padding:40px 30px; }
.dict:nth-child(n + 3){ border-top:3px dotted #888; }
.dict:nth-child(2n - 1){ border-right:3px dotted #888; }
.dict.full{ width:100%; border-right:none; }
.dict > h3 { font-size:50px; font-weight:500; line-height:1em; margin-bottom:20px; }
.dict > h5 { display:flex; align-items:flex-start; gap:10px; font-size:24px; font-weight:400; line-height:1.3em; margin-bottom:10px; }
.dict > h5 > span { font-size:0.8em; text-align:center; border:1px solid #0c0c0c; border-radius:4px; min-width:30px; }
.dict > p { font-family:'nt', sans-serif; font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-0.015em; }

/* ÀÏ·¯µÎ±â */
.parts_speech { max-width:750px; width:100%; margin:0 auto;  }
.parts_speech > li{ display:flex; align-items:flex-start; font-size:26px; font-weight:300; }
.parts_speech > li:not(:last-child){ margin-bottom:15px; }
.parts_speech > li > strong{ display:flex; align-items:flex-end; font-weight:600; margin-right:10px; white-space:nowrap; }
.parts_speech > li > strong > span{ font-size:0.8em; font-weight:400;  margin-right:10px; border:1px solid #0c0c0c; border-radius:4px; padding:2px 4px; }

hr { width:100%; height:1px; margin:8% auto; background-color:#666; }

/* QR */
.qr_img { max-width:200px; width:60%; margin:0 auto 30px; }
.qr_wrap > p { display:flex; align-items:center; justify-content:center; gap:10px; font-size:28px; font-weight:600; }

@media(max-width:1024px){
	/* Çìµå¶óÀÎ */
    #headline{ padding:80px 15px 80px; }
    .hl_con > h2{ font-size:24px; }
	
	/* ÄÁÅÙÃ÷ °øÅë */
	.inner {
		gap:40px;
		padding-left:15px;
		padding-right:15px;
	}
	.con_padd {
		padding-top:100px;
		padding-bottom:100px;
	}
}

@media(max-width:768px){
	/* Çìµå¶óÀÎ */
    .hl_con{ padding:40px 30px; }    
    .hl_con:before, .hl_con:after{ width:30px; }
    .hl_con > h2{ font-size:20px; }
    .hl_con > img{ width:40px; }
    .hl_con > img.qt01{ left:45px; }
    .hl_con > img.qt02{ right:45px; }
	
    /* title_integral */
	.ti_wrap {
		min-height:unset;
		padding:40px;
	}
	.ti_wrap > h3 {
		span { font-size:36px; }
	}
	.ti_wrap:before, .ti_wrap:after { width:30px; }
	
	/* »çÅõ¸® ¿¹¹® */
	.exam { font-size:24px; }
	
	/* ȍ˟ */
	.dict{ width:100%; padding:30px 0; }
    .dict:not(:first-child){ border-top:3px dotted #888; }
    .dict:nth-child(2n - 1){ border-right:none; }
	.dict > h3 { font-size:40px; }
	.dict > h5 { font-size:20px; }
	.dict > p { font-size:16px; }
	
	/* Ç°»ç */
	.parts_speech > li{ font-size:16px; }
    
	.qr_wrap > p{ font-size:20px; }
}

@media(max-width:540px){
	/* Çìµå¶óÀÎ */
    .hl_con > h2{ font-size:16px; }
	
    /* title_integral */
	.ti_wrap {
		min-height:unset;
		padding:20px 40px;
	}
	.ti_wrap > h3 {
		span { font-size:28px; }
	}
}