@charset "utf-8";

/*---------------------------------------------------------------------------------*\
	CUSTOM
	- 사용자정의, 미디어쿼리

	section_visual
	section_up_01
	section_up_02
	section_study1
	section_study2
	solution_top
	section_08
	solution_s2
	solution_s3
	solution_s4
	section_review
	solution_s5
	video_layer_popup

\*---------------------------------------------------------------------------------*/


/* ----------------------- 모션 */

[data-animate="fade-up"] {position:relative;	z-index:1;	opacity:0;	transition:opacity 1s, transform 1s;	transition-property:opacity, transform;	transition-timing-function:ease;	transform:translate3d(0, 100px, 0);} 
[data-animate="fade-up"].__active {	opacity:1;	transform:translateZ(0);}

/* ----------------------- section 공통 */

.section {overflow:hidden; position:relative;}

/* ----------------------- section_visual */

.m_visual .container {position:relative; max-width:1240px; padding:0;}
.m_visual .__visual img {width:100%;}
.m_visual .__title {position:absolute; top:5%; left:0; width:100%; text-align:center;}
.m_visual .__title img {width:100%;}
.m_visual .__t1 {margin-bottom:3%;}
.m_visual .app_btns {display:none; position:absolute; top:min(calc(43%), 460px); left:50%; transform:translate(-50%, -50%); width:calc(100% - 40px); gap:8px; justify-content:center; }
.m_visual .app_btns a {justify-content:center; flex-basis:50%; max-width:163px; line-height:48px; padding:0;}


/* 개인정보취급방침, 이용약관 등 */
.terms_wrap {font-size:15px; padding-bottom:70px; background:#fff;}
.terms_header {margin-bottom:20px; border-bottom:1px solid #ccc;}
.terms_header_btn {	display:flex; align-items:center; justify-content:space-between;	max-width:800px; margin:0 auto; padding:20px;	position:relative;	text-align:center;}
.terms_header h2 {	font-size:24px; line-height:60px; text-align:center;}
.terms_body {word-break:keep-all;}
.terms_body h3 {	font-size:20px;	margin:20px 0 10px;}
.terms_body h4 {	font-size:16px;	margin:10px 0 2px;}
.terms_body ol li {list-style:inside auto; padding-left:18px; text-indent:-18px; word-break:keep-all;}
.terms_body a {text-decoration:underline;}
.terms_body .__index a {text-decoration:none;}
.terms_body .__index a:hover {text-decoration:underline;}
.tbl_01 {text-align:left; overflow-x:auto;}
.tbl_01 table {	table-layout:fixed;	width:100%;}
.tbl_01 table th, 
.tbl_01 table td {padding:5px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.tbl_01 table th {border-top:1px solid #ddd;}
.tbl_01 table th:first-child,
.tbl_01 table td:first-child {border-left:0;}
.tbl_01 table td {vertical-align:top;}
.tbl_01 table td a {word-break:break-all;}