@charset "UTF-8";

/***** Fonts *****/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");


/***** reset *****/
* {box-sizing:border-box; margin:0; padding:0; font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
body,
h1, h2, h3, h4, h5, h6,
ul, ol, dl, dd,
p,
fieldset, legend {margin:0; padding:0;}
ul, ol {list-style:none;}
table {border-collapse:collapse;}
em {font-style:normal;}
a {color:inherit; text-decoration:none;}
img {vertical-align:top;}
body, input, textarea, select, button {font-size:14px; font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
fieldset, button {border:none; outline:none;}
button:hover {cursor:pointer;}
.hidden, .blind {position:absolute !important; top:auto !important; left:auto !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; white-space:nowrap !important; border:0 !important; text-indent:0px !important;}

html, html body {display:flex; width:100%; min-height:100%;}

.dis_table {display:table; width:100%; height:100%;}
.dis_table_cell {display:table-cell; width:100%; height:100%; font-size:0;}
.col {font-size:inherit; color:#1CABE2; letter-spacing:inherit; line-height:inherit; font-weight:inherit; vertical-align:baseline;}
.eg {font-size:inherit; color:inherit; letter-spacing:-1px; line-height:inherit; font-weight:inherit; vertical-align:baseline;}

.w_pc {display:block;}
.w_mobile {display:none;}

.wrap {width:100%; min-width:1280px; height:100%;}
.wrap .set_25childmarriage {position:relative; display:flex; flex-direction:column; gap:100px; width:100%; height:100%; padding:140px 135px; background:#000 url("../images/pc_bg.jpg") no-repeat center top; background-size:cover;}
.wrap .set_25childmarriage .logo_set a {display:block; width:164px; height:88px; background:url("../images/logo_white.png") no-repeat left top; background-size:contain;}
.wrap .set_25childmarriage .tit_set {z-index:3; position:relative;}
.wrap .set_25childmarriage .tit_set .tit {color:#fff; font-size:51px; font-weight:900; line-height:160%;}
.wrap .set_25childmarriage .tit_set .txt_bg {z-index:0; position:relative; display:inline-block; margin:13px 0 0 -6px; padding:0 10px;}
.wrap .set_25childmarriage .tit_set .txt_bg:before {content:''; z-index:-1; position:absolute; top:50%; left:50%; width:100%; height:70px; background-color:#50a8dd; transform:translate(-50%, -50%);}

@media all and (max-width:750px) {
	html {font-size:2.666666666666667vw;}
	.wrap {min-width:100%;}
	.w_pc {display:none;}
	.w_mobile {display:block;}

	.wrap {height:auto; background-color:#000;}
	.wrap .set_25childmarriage {gap:0; height:auto; padding:4rem 0 4rem 2.25rem; background:#000 url("../images/mo_bg.jpg") no-repeat right top; background-size:100%;}
	.wrap .set_25childmarriage .logo_set a {width:7.5rem; height:4rem;}
	.wrap .set_25childmarriage .tit_set .tit {margin:7.5rem .3rem 0; font-size:2.5rem; font-weight:600;}
	.wrap .set_25childmarriage .tit_set .txt_bg {margin:0 0 0 -.3rem; padding:0 .4rem;}
	.wrap .set_25childmarriage .tit_set .txt_bg:before {height:3.2rem;}
}