@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
.content_container { padding:0 !important; }
section{ position:relative; z-index:1; overflow:hidden; }
section, section *{
	font-family:'NanumSquare','nt', sans-serif;
	font-size:24px;
	font-weight:300;
	color:#000;
	line-height:1.7em;
	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 #efe9e4;
}
.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;
}

/* Ç÷º½º */
.flex {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:20px;
	transition:0.6s all;
}
.flex > li { position:relative; }
.col2 > li { width:calc((100% - 20px) / 2); }
.col3 > li { width:calc((100% - 40px) / 3); }
.col4 > li { width:calc((100% - 60px) / 4); }

/* ÄÁÅÙÃ÷ */
.inner {
	display:flex;
	flex-direction:column;
	gap:80px;
	max-width:1200px;
	margin:0 auto;
}
.con_padd { padding:150px 0; }
.alignR { text-align:right; }
.bg_int { background-color:#f0eae5; }

/* À̹ÌÁö */
.img.flex {
	align-items:flex-start;
	flex-direction:column;
	&.top {
		width:min(600px, 100%);
		margin:0 auto;
	}
	
	> img {
		margin-bottom:20px;
		border-radius:7vw 0;
		box-shadow:5px 5px 10px rgba(0,0,0,0.3);
	}
}

/* À̹ÌÁö ¼³¸í */
.img_txt.flex {
	align-items:flex-start;
	justify-content:center;
	> li {
		p {
			margin-top:20px;
			text-align:center;
		}
	}
}
.img_b.flex > li img {
	border-radius:15px;
	border:10px solid #fff;
	box-shadow:5px 5px 10px rgba(0,0,0,0.3);
}

/* description_integral */
.de {
	display:inline-flex;
	align-items:center;
	gap:10px;
	font-size:20px;
	font-weight:300;
	img { height:20px; }
}

/* interview_integral */
.int_wrap {
	background-color:#f0eae5;
	
	.int {
		padding:80px 60px;
		background-color:#fff;
		border-radius:30px;
		dt, dd {
			display:flex;
			align-items:baseline;
			gap:10px;
		}
		dt {
			p {
				font-size:32px;
				font-weight:500;
				line-height:1.3em;
			}
		}
		dd { margin:0; }
		strong { font-size:40px; font-weight:600; color:#aea299; }
		hr { margin:40px 0; }
		p { color:#0c0c0c; }
	}
}


@media(max-width:1024px){
	/* Çìµå¶óÀÎ */
    #headline{ padding:150px 15px 100px; }
    .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){
	section, section *{ font-size:20px; }

	/* Çìµå¶óÀÎ */
    .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; }
	
	/* À̹ÌÁö ¼³¸í */
	.img_txt.flex { 
		> li {
			p { font-size:16px; }
		}
	}
	
	/* description_integral */
	.de {
		gap:8px;
		font-size:16px;
		img { height:16px; }
	}
	
	/* interview_integral */
	.int_wrap {
		background-color:#f0eae5;
		
		.int {
			padding:40px 20px;
			border-radius:20px;
			dt {
				p { font-size:24px; }
			}
			strong { font-size:28px; }
			hr { margin:20px 0; }
			p { font-size:16px; }
		}
	}
	
	.flex > li {
		width:100%;
		img { width:100%; }
		p br { display:none; }
	}
}
@media(max-width:540px){
	section, section *{ font-size:16px; }
	
	/* Çìµå¶óÀÎ */
    .hl_con > h2{ font-size:16px; }
	
	/* ÄÁÅÙÃ÷ °øÅë */
	.con_padd {
		padding-top:60px;
		padding-bottom:60px;
	}
	
	/* description_integral */
	.de {
		gap:6px;
		font-size:14px;
		img { height:14px; }
	}
}