@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");



/* [tag reset] ___________________________________________________________________________________________________ */

html, body { margin:0; padding:0; font-size:1vw; line-height:1.5; }

article, aside, details, figcaption, div, footer, header, hgroup, main, nav, section, summary { display:block; }
section, nav, header, aside, footer, menu { display:block; }
input, textarea, select, td { font-size:4rem; }


* { -webkit-text-size-adjust: none; }

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, menu, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-spacing:0; border-collapse:collapse; width:100%; }
address, caption, cite, code, dfn, th, var { font-style:normal; }
th { font-weight:normal; }

ol, ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
hr, legend, caption { display:none; }
img, input, select, textarea { vertical-align:top; }
img, fieldset { border:none; }
a { text-decoration:none; color:#fff; }
* { webkit-text-size-adjust:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }



.flex { display: flex; align-items: start; }
.flex.center { align-items: center;  }
.flex .each { width:100%; }
select { line-height:10rem; padding:0 15rem 0 4rem; background:#3A3A3A url('/images/arrow_select.svg') calc(100% - 4rem) center no-repeat; background-size:auto 6rem; appearance:none; border-radius:2rem; color:#b0b0b0; border:0 none; }
.txt_ac { text-align:center; }
.txt_ar { text-align:right; }
.innerDiv { width:1280px; margin:0 auto; }



/* pc only css */
@media all and (min-width:769px) {
	html, body { font-size:4px; }
}







body { font-size:4rem; background:#0b0b0b; color: #fff; word-break: break-all; font-family:"Pretendard Variable", Pretendard, 'Noto Sans KR', sans-serif, Arial, "Malgun Gothic";  }



header { padding:6.5rem 15rem; }
header h1 img { height:7rem; }
header .agree_close { display:inline-block; width:11rem; height:11rem; vertical-align:top; background:url('/images/icon_popup_close_w.png') center center no-repeat; background-size:auto 65%; }
header .lang li { display:inline-block; margin-left:3rem; }
header .lang li a { display:block; font-size:4rem; font-weight:700; color:rgba(255,255,255,0.6); }
header .lang li a.on { color:#fff; text-decoration:underline; }

footer { padding:4rem 0; font-size:3rem; color:rgba(255,255,255,0.44); text-align:center; }



#contents { padding:16rem 0; }
#contents .menu { width:320px; }
.menu li { margin-top:3rem; }
.menu li a { display:inline-block; padding:2.5rem 5rem; border-radius:2rem; font-size:4.5rem; color:rgba(255,255,255,0.72); }
.menu li.on a { color:#fff; background:#DE2E3A; font-weight:700; }

.agree_con .title_area { margin-bottom:10rem; padding-bottom:5rem; border-bottom:1px solid #3a3a3a; }
.agree_con .title_area .tit { margin-bottom:8rem; }
.agree_con .title_area h2 { display:inline-block; font-size:10rem; font-weight:700; }
.agree_con .title_area .date { color:#6b6b6b; }
.agree_con .title_area .download { display:inline-block; padding:0.5rem 7rem 0.5rem 0; background:url('/images/btn_down.svg') right center no-repeat; background-size:auto 100%; }

.agree_con .pre { white-space:pre-wrap; }
.agree_con article a { text-decoration:underline; }
.agree_con article h3 { margin:10rem 0; font-size:8.5rem; font-weight:700; }
.agree_con article h4 { margin:10rem 0 4rem 0; font-size:7.5rem; font-weight:700; }
.agree_con article .txt { font-weight:700; }
.agree_con .pre,
.agree_con article ol { font-size:3.5rem; color:#b0b0b0; }
.agree_con article ol > li { /*padding-left:3.8rem; text-indent:-3.8rem;*/ margin-bottom:1.5rem; }
.agree_con article ol > li li { padding-left:4.2rem; text-indent:-4.2rem; margin-bottom:0; }

table tbody { text-align:left; }

.tb_style01 { margin:3.5rem 0; border-radius:2rem; background:#1e1e1e; padding:0 3.5rem; }
.tb_style01 table th,
.tb_style01 table td { padding:3rem; }
.tb_style01 table th { border-bottom:1px solid #6b6b6b; }
.tb_style01 table td { border-top:1px solid #3a3a3a; font-size:3.5rem; }

.tb_style02 { margin:3.5rem 0; border-radius:2rem; background:#1e1e1e; }
.tb_style02 table th,
.tb_style02 table td { padding:3rem; }
.tb_style02 table th { border-top:1px solid #4b4b4b; background:#2c2c2c; }
.tb_style02 table td { border-top:1px solid #4b4b4b; font-size:3.5rem; }
.tb_style02 table tr:first-child th,
.tb_style02 table tr:first-child td { border-top:0 none; }
.tb_style02 table tr:first-child th { border-radius:2rem 0 0 0; }
.tb_style02 table tr:first-child th.right { border-radius:0 2rem 0 0; }
.tb_style02 table tr:first-child th.both { border-radius:2rem 2rem 0 0; }
.tb_style02 table tr:last-child th { border-radius:0 0 0 2rem; }




/* mobile only css */
@media all and (max-width:768px) {
	.innerDiv { width:auto; margin:0; }
	header { padding:5rem 4vw; }
	.block { display:block; width:100% !important; }
	#contents { padding:0 0 16rem 0; }
	#contents .menu { padding:0 4vw; border-bottom:1px solid #3a3a3a; }
	.menu li { display:inline-block; margin:0 3rem 0 0; }
	.menu li a { padding:3rem 0; border-bottom:2px solid #0b0b0b; border-radius:0; }
	.menu li.on a { border-bottom:2px solid #DE2E3A; background:none; }


	.agree_con { padding:0 4vw; }
	.agree_con .title_area { margin:10rem 0; }
	.agree_con .title_area .tit { margin-bottom:5rem; }
	.agree_con .title_area h2 { font-size:8rem; margin-bottom:3rem; }
	.agree_con .title_area select { width:100%; }

	.agree_con article h3 { font-size:6rem; }
	.agree_con article h4 { font-size:5rem; }
}