@charset "utf-8";
@import "/mhwr/direct/css/font.css";
@import "direct-reset.css";

*,*:after,*:before { box-sizing:border-box; text-rendering:optimizelegibility }
body { width:100%;height:100vh;margin:0;padding:0;background-color:#c6d5f4; }
body, html { user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;text-size-adjust:none;-webkit-text-size-adjust:none;font-smoothing:antialiased;-webkit-font-smoothing:antialiased; }
html { font-size:62.5%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); }
body, body  * { font-family:'Noto Sans KR';color:#000;letter-spacing:-.04rem; }
button { border:0;outline:none; }

.marketing_agree_content {
	position:relative;
	top:0;
	left:0;
	width:100%;
}
.marketing_agree_content > * { width:100%; }
.marketing_agree_content .btn_close {
	position:absolute;
	top:1.5rem;
	right:1.5rem;
	width:3.6rem;
	height:3.6rem;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:url(/mhwr/direct/images/app/event/marketingAgreeEvent_v2311/ma_event_icon_close.png) center center no-repeat;
	background-size:1.8rem auto;
	background-color:#0e246a;
	font-size:0;
}
.marketing_agree_content .marketing_agree_visual {
	width:100%;
	min-height:150vw;
	padding:4rem 2rem 0 2rem;
	background:url(/mhwr/direct/images/app/event/marketingAgreeEvent_v2311/ma_event_visual_bg.png) top center no-repeat;
	background-size:100% auto;
	background-color:#c6d5f4;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_title {
	display:block;
	margin:0 0 1rem 0;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_title img { display:block; }
.marketing_agree_content .marketing_agree_visual .marketing_agree_title img:nth-child(1) { width:50vw; }
.marketing_agree_content .marketing_agree_visual .marketing_agree_title img:nth-child(2) {
	width:64vw;
	margin:.5rem 0 0 0;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_subTit {
	display:block;
	position:relative;
	top:0;
	left:0;
	padding:0 0 0 11vw;
	margin:6vw 0 0 0;
	font-size:3.5vw;
	font-weight:400;
	color:#c6d5f4;
	line-height:1.3;
	letter-spacing:-.15rem;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_subTit:before {
	content:'';
	display:block;
	position:absolute;
	top:-5vw;
	left:-2rem;
	width:15vw;
	height:25vw;
	background:url(/mhwr/direct/images/app/event/marketingAgreeEvent_v2311/ma_event_visual_deco.png) top center no-repeat;
	background-size:100% auto;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_subTit em {
	font-weight:600;
	color:#fff;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_callNum {
	position:relative;
	top:0;
	left:0;
	margin:46vw 0 0 0;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_callNum:after {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	width:calc(100% + 4rem);
	height:.1rem;
	border-bottom:.02rem solid #9da3ab;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_callNum * { letter-spacing:-.06rem; }
.marketing_agree_content .marketing_agree_visual .marketing_agree_callNum h2 {
	font-size:5.5vw;
	font-weight:500;
	margin:7vw 0 4vw 0;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_callNum > div,
.event_popup_btn {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;
	-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;
	margin:.6rem 2rem 0 2rem;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_callNum > div { margin:2vw 0 0 0; }
.marketing_agree_content .marketing_agree_visual .marketing_agree_callNum span:nth-child(1) {
	display:block;
	width:25%;
	font-size:4vw;
	font-weight:400;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_callNum span:nth-child(2) {
	display:block;
	width:75%;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_callNum span em {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
	-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:start;-moz-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;
	width:100%;
	height:9vw;
	padding:0 1rem;
	background-color:rgba(255,255,255,.8);
	border-bottom:.05rem solid #3f2f01;
	font-size:1.4rem;
	color:#000;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_callNum ul {
	padding:8vw 0 8vw 0;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_callNum ul li {
	position:relative;
	top:0;
	left:0;
	width:100%;
	padding-left:1.2rem;
	margin-top:.7rem;
	font-size:4vw;
	line-height:1.3;
	word-break:keep-all;
}
.marketing_agree_content .marketing_agree_visual .marketing_agree_callNum ul li:first-child { margin:0; }
.marketing_agree_content .marketing_agree_visual .marketing_agree_callNum ul li:before {
	content:'·';
	position:absolute;
	top:-1vw;
	left:-.5rem;
	font-size:2.5rem;
	
}
.marketing_agree_content .marketing_agree_agreement_01 {
	padding:6vw 2rem 8vw 2rem;
	border-bottom:.05rem solid #9da3ab;
}
.marketing_agree_content .marketing_agree_agreement_01 h2,
.marketing_agree_content .marketing_agree_agreement_02 h2 {
	font-size:5.5vw;
	font-weight:500;
	letter-spacing:-.23rem;
}
.marketing_agree_content .marketing_agree_agreement_01 > div:nth-of-type(1) {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
	-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;
	margin-top:1vw;
}
.marketing_agree_content .marketing_agree_agreement_01 > div > span { width:100%;word-break:keep-all; }
.marketing_agree_content .marketing_agree_agreement_01 > div:nth-of-type(1) > span:nth-of-type(1) {
	position:relative;
	top:0;
	left:0;
	padding-left:1.2rem;
	margin-left:.5rem;
	font-size:4.5vw;
	font-weight:500;
}
.marketing_agree_content .marketing_agree_agreement_01 > div:nth-of-type(1) > span:nth-of-type(1):before {
	content:'·';
	position:absolute;
	top:-1.2vw;
	left:-.5rem;
	font-size:2.5rem;
}
.marketing_agree_content .marketing_agree_agreement_01 > div:nth-of-type(1) > span:nth-of-type(2) {
	padding:.5rem 3vw 0 3.5vw;
	font-size:4vw;
	line-height:1.3;
}
.marketing_agree_content .marketing_agree_agreement_01 > div:nth-of-type(2) { margin-top:2rem; }
.marketing_agree_content .marketing_agree_agreement_01 .checkBox,
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_agr .list_tit,
.marketing_agree_content .marketing_agree_agreement_01 .checkBox span:nth-of-type(2),
.marketing_agree_content .marketing_agree_agreement_02 > div {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;
	-webkit-box-pack:justify;-moz-box-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;
	-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;
}
.marketing_agree_content .marketing_agree_agreement_01 .checkBox { margin:0 0 1rem 0; }
.marketing_agree_content .marketing_agree_agreement_01 .checkBox > span:nth-of-type(1) {
	position:relative;
	top:0;
	left:0;
	font-size:4.5vw;
	font-weight:500;
	white-space:nowrap;
}
.marketing_agree_content .marketing_agree_agreement_01 .checkBox > span:nth-of-type(2),
.marketing_agree_content .marketing_agree_agreement_02 > div {
	position:relative;
	top:0;
	left:0;
	font-size:1.6rem;
	font-weight:400;
}
.marketing_agree_content .marketing_agree_agreement_01 .checkBox > span:nth-of-type(2) em,
.marketing_agree_content .marketing_agree_agreement_02 > div em { font-size:4.5vw; }
.marketing_agree_content .marketing_agree_agreement_01 .checkBox span:nth-of-type(2) label span,
.marketing_agree_content .marketing_agree_agreement_02 > div label span { font-size:0; }
.marketing_agree_content .marketing_agree_agreement_01 .checkBox span:nth-of-type(2) input[type="checkbox"],
.marketing_agree_content .marketing_agree_agreement_02 > div input[type="checkbox"] {
	opacity:0;
	position:absolute;
	top:0;
	right:0;
	z-index:99;
	width:16vw;
	height:6vw;
}
.marketing_agree_content .marketing_agree_agreement_01 .checkBox span:nth-of-type(2) input[type="checkbox"] + label,
.marketing_agree_content .marketing_agree_agreement_02 > div input[type="checkbox"] + label {
	display:inline-block;
	position:relative;
	top:0;
	left:0;
	z-index:9;
	width:16vw;
	height:6vw;
	-webkit-border-radius:4vw;
	border-radius:4vw;
	margin-left:.5rem;
	background-color:#cdcccc;
}
.marketing_agree_content .marketing_agree_agreement_01 .checkBox span:nth-of-type(2) input[type="checkbox"] + label:after,
.marketing_agree_content .marketing_agree_agreement_02 > div input[type="checkbox"] + label:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:6vw;
	height:6vw;
	-webkit-border-radius:50%;
	border-radius:50%;
	background-color:#fff;
	-webkit-box-shadow:0 0 .4rem .1rem rgba(0,0,0,.4);
	transition:.3s transform;
}
.marketing_agree_content .marketing_agree_agreement_01 .checkBox span:nth-of-type(2) input[type="checkbox"] + label span:after,
.marketing_agree_content .marketing_agree_agreement_02 > div input[type="checkbox"] + label span:after {
	content:'OFF';
	position:absolute;
	top:.5vw;
	right:2.5vw;
	font-size:3.5vw;
	color:#fff;
}
.marketing_agree_content .marketing_agree_agreement_01 .checkBox span:nth-of-type(2) input[type="checkbox"]:checked + label,
.marketing_agree_content .marketing_agree_agreement_02 > div input[type="checkbox"]:checked + label {
	background-color:#010894;
}
.marketing_agree_content .marketing_agree_agreement_01 .checkBox span:nth-of-type(2) input[type="checkbox"]:checked + label:after,
.marketing_agree_content .marketing_agree_agreement_02 > div input[type="checkbox"]:checked + label:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	width:6vw;
	height:6vw;
	-webkit-border-radius:50%;
	border-radius:50%;
	background-color:#fff;
	left:auto;
	transform:translateX(10vw);
}
.marketing_agree_content .marketing_agree_agreement_01 .checkBox span:nth-of-type(2) input[type="checkbox"]:checked + label span:after,
.marketing_agree_content .marketing_agree_agreement_02 > div input[type="checkbox"]:checked + label span:after {
	content:'ON';
	right:auto;
	left:2.5vw;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list {
	width:100%;
	padding:0 2rem;
	-webkit-border-radius:1.5rem;
	border-radius:1.5rem;
	background-color:rgba(255,255,255,.5);
	border:.05rem solid #88b5ec;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list.on {
	border-color:#0c2da2;
	background-color:rgba(255,255,255,.8);
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li {
	width:100%;
	border-top:.05rem solid #9aa2b2;
	font-size:1.4rem;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li:first-child { border:0; }
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_agr {
	position:relative;
	top:0;
	left:0;
	width:100%;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_agr .list_tit {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:5rem;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_agr input[type="checkbox"] {
	opacity:0;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:99;
	width:1.8rem;
	height:1.8rem;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_agr label {
	position:absolute;
	top:1.5rem;
	left:0;
	z-index:9;
	width:1.8rem;
	height:1.8rem;
	font-size:0;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_agr input[type="checkbox"] + label:after {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:9;
	width:1.8rem;
	height:1.8rem;
	margin-top:.2rem;
	background:url(/mhwr/direct/images/app/event/marketingAgreeEvent/ma_event_icon_check_off.png) no-repeat center center / 100% auto;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_agr input[type="checkbox"]:checked + label:after {
	background:url(/mhwr/direct/images/app/event/marketingAgreeEvent/ma_event_icon_check_on.png) no-repeat center center / 100% auto;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_agr strong { white-space:nowrap;margin-left:2.2rem;font-size:4vw; }
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_agr span {
	display:block;
	width:1rem;
	height:1rem;
	margin-top:-1vw;
	border-top:.2rem solid #1c454e;
	border-right:.2rem solid #1c454e;
	font-size:0;
	transform:rotate(135deg);
	transition:.5s transform;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_agr .list_tit.on span {
	transform:rotate(315deg);
	border-color:#046fd9;
	margin-top:2vw;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_con {
	width:100%;
	padding:1rem 1.5rem;
	background-color:#fff;
	border-top:.05rem solid #9aa2b2;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li:last-child .list_con { margin-bottom:2rem; }
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_con * {
	font-size:3.5vw;
	font-weight:400;
	color:#777777;
	letter-spacing:-.1rem;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_con em {
	font-weight:500;
	color:#0470d9;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_con dl { margin:1rem 0; }
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_con dt {
	font-size:1.3rem;
	font-weight:500;
	color:#000;
}
.marketing_agree_content .marketing_agree_agreement_01 .agreeCont .agree_list li .list_con dd em {
	text-decoration:underline;
	font-size:1.4rem;
	font-weight:500;
	color:#000;
	line-height:1.2;
}
.marketing_agree_content .marketing_agree_agreement_02 {
	position:relative;
	top:0;
	left:0;
	padding:6vw 2rem 8vw 2rem;
}
.marketing_agree_content .marketing_agree_agreement_02 .btn_agreePop,
.marketing_agree_content .marketing_agree_callNum .btn_edit {
	position:absolute;
	top:0;
	right:2rem;
	width:30vw;
	padding:.6vw 3vw .8vw 0;
	border-radius:3rem;
	background-color:#003c78;
	border:.05rem solid #1b040a;
	box-shadow:.3rem .2rem 0rem #000;
	font-size:4vw;
	color:#fff;
}
.marketing_agree_content .marketing_agree_agreement_02 .btn_agreePop { margin-top:6vw; }
.marketing_agree_content .marketing_agree_callNum .btn_edit { right:0;padding:.6vw 0 .8vw 0; }
.marketing_agree_content .marketing_agree_agreement_02 .btn_agreePop:after {
	content:'';
	display:block;
	position:absolute;
	top:3vw;
	right:3vw;
	width:.7rem;
	height:.7rem;
	border-top:.2rem solid #fff;
	border-right:.2rem solid #fff;
	transform:rotate(45deg);
}
.marketing_agree_content .marketing_agree_agreement_02 > div {
	-webkit-box-pack:end;-moz-box-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;
	margin:3vw 0;
}
.marketing_agree_content .marketing_agree_agreement_02 ul { margin:0; }
.marketing_agree_content .marketing_agree_agreement_02 li {
	position:relative;
	top:0;
	left:0;
	padding:1vw 2vw;
	font-size:4vw;
	font-weight:500;
	line-height:1.2;
	word-break:keep-all;
	letter-spacing:-.1rem;
}
.marketing_agree_content .marketing_agree_agreement_02 li:before {
	content:'·';
	position:absolute;
	top:-.6vw;
	left:-.5rem;
	font-size:2.5rem;
}
.marketing_agree_content .marketing_agree_event_notice {
	padding:8vw 2rem 14vw 2rem;
	background-color:#003467;
}
.marketing_agree_content .marketing_agree_event_notice h3 {
	position:relative;
	top:0;
	left:0;
	padding-left:9vw;
	font-size:5vw;
	font-weight:500;
	margin:1rem 0 1rem 0;
	color:#c6e1fc;
}
.marketing_agree_content .marketing_agree_event_notice h3:before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:7vw;
	height:7vw;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:url(/mhwr/direct/images/app/event/marketingAgreeEvent_v2311/ma_event_icon_caution.png) no-repeat center center / auto 4.5vw;
	background-color:#706e6e;
}
.marketing_agree_content .marketing_agree_event_notice ul {
	width:100%;
}
.marketing_agree_content .marketing_agree_event_notice li {
	position:relative;
	top:0;
	left:0;
	padding:1.5vw 0 1.5vw 1.4rem;
	font-size:4vw;
	font-weight:400;
	word-break:keep-all;
	color:#c6e1fc;
}
.marketing_agree_content .marketing_agree_event_notice li:before {
	content:'*';
	position:absolute;
	top:2.2vw;
	left:0;
	font-size:4vw;
	font-weight:400;
	color:#c6e1fc;
}
.marketing_agree_content .marketing_agree_event_notice li:last-child {
	padding:8vw 0;
	text-align:right;
	font-size:3.5vw;
	color:#666666;
}
.marketing_agree_content .marketing_agree_event_notice li:last-child:before { display:none; }

.btn_event {
	position:fixed;
	bottom:0;
	left:0;
	z-index:99999;
	width:100%;
	height:5rem;
	background-color:#b7b8b8;
	font-size:1.6rem;
	font-weight:500;
	color:#fff;
}
.btn_event.on {
	background-color:#046fd9;
}

.marketing_agree_event_info {
	padding:10vw 2rem 12vw 2rem;
	background-color:#5080e4;
}
.marketing_agree_event_info h3 {
	display:block;
	width:30vw;
	height:7vw;
	background:url(/mhwr/direct/images/app/event/marketingAgreeEvent/ma_event_info_title.png) no-repeat center center / auto 100%;
	font-size:0;
}
.marketing_agree_event_info dl,
.marketing_agree_event_gift ul {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;
	-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:start;-moz-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;
	-webkit-box-lines:multiple;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:100%;
	margin-top:.8rem;
}
.marketing_agree_event_info dl dt {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;
	-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;
	width:26vw;
	height:8vw;
	margin:.6vw 0;
	-webkit-border-radius:4rem;
	border-radius:4rem;
	background-color:#055ba9;
	border:.3rem solid #80faa8;
	font-size:3.5vw;
	font-weight:400;
	color:#fff;
}
.marketing_agree_event_info dl dd {
	width:calc(98% - 26vw);
	margin:1.4vw 0 0 2%;
	font-size:3.8vw;
	font-weight:500;
	color:#fff;
	word-break:keep-all;
}
.marketing_agree_event_gift {
	position:relative;
	top:0;
	left:0;
	padding:12vw 2rem 10vw 2rem;
	background-color:#5197dd;
}
.marketing_agree_event_gift:before {
	content:'';
	display:block;
	position:absolute;
	top:10rem;
	left:0;
	width:4rem;
	height:7.5rem;
	background:url(/mhwr/direct/images/app/event/marketingAgreeEvent/ma_event_gift_deco_01.png) no-repeat left center / auto 100%;
}
.marketing_agree_event_gift:after {
	content:'';
	display:block;
	position:absolute;
	top:-13vw;
	right:0;
	width:46vw;
	height:40vw;
	background:url(/mhwr/direct/images/app/event/marketingAgreeEvent/ma_event_gift_deco_02.png) no-repeat top center / 100% auto;
}
.marketing_agree_event_gift h3 {
	display:block;
	position:relative;
	top:0;
	left:0;
	z-index:9;
	width:30vw;
	height:7vw;
	background:url(/mhwr/direct/images/app/event/marketingAgreeEvent/ma_event_gift_title.png) no-repeat center center / auto 100%;
	font-size:0;
}
.marketing_agree_event_gift ul {
	width:100%;
	padding:8vw 3vw;
	-webkit-border-radius:2rem;
	border-radius:2rem;
	background-color:#a2cef9;
}
.marketing_agree_event_gift ul li {
	position:relative;
	top:0;
	left:0;
	margin:1rem 0;
}
.marketing_agree_event_gift ul li:nth-child(1),
.marketing_agree_event_gift ul li:nth-child(3) { width:45%; }
.marketing_agree_event_gift ul li:nth-child(2),
.marketing_agree_event_gift ul li:nth-child(4) { width:55%; }
.marketing_agree_event_gift ul li span:nth-child(1) {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:horizontal;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;
	-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;
	position:absolute;
	top:0;
	left:0;
	width:12vw;
	height:12vw;
	margin:4vw 0 0 0;
	-webkit-border-radius:50%;
	border-radius:50%;
	background-color:#0c5704;
	font-size:3.5vw;
	font-weight:400;
	color:#fff;
}
.marketing_agree_event_gift ul li:nth-child(2) span:nth-child(1) { margin:2vw 0 0 0; }
.marketing_agree_event_gift ul li:nth-child(3) span:nth-child(1) { margin:1vw 0 0 0; }
.marketing_agree_event_gift ul li:nth-child(4) span:nth-child(1) { margin:1vw 0 0 0; }
.marketing_agree_event_gift ul li span:nth-child(1) em {
	margin:-1.5vw .8vw 0 0;
	font-size:5.5vw;
	font-weight:500;
	color:#fff;
}
.marketing_agree_event_gift ul li span:nth-child(2) {
	display:block;
	height:48vw;
	padding-top:32vw;
	font-size:4vw;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
	letter-spacing:-.1rem;
}
.marketing_agree_event_gift ul li:nth-child(1) span:nth-child(2) { background:url(/mhwr/direct/images/app/event/marketingAgreeEvent_v2311/ma_event_gift_01.png) no-repeat top 2vw right 4vw / auto 22vw; }
.marketing_agree_event_gift ul li:nth-child(2) span:nth-child(2) { background:url(/mhwr/direct/images/app/event/marketingAgreeEvent_v2311/ma_event_gift_02.png) no-repeat top right / 44vw auto; }
.marketing_agree_event_gift ul li:nth-child(3) span:nth-child(2) { background:url(/mhwr/direct/images/app/event/marketingAgreeEvent_v2311/ma_event_gift_03.png) no-repeat top right 3vw / 20vw auto; }
.marketing_agree_event_gift ul li:nth-child(4) span:nth-child(2) { background:url(/mhwr/direct/images/app/event/marketingAgreeEvent_v2311/ma_event_gift_04.png) no-repeat top 5vw center / auto 20vw; }
.marketing_agree_event_gift ul li span em {
	display:block;
	font-weight:normal;
}

/***************************************************
COMMON:레이어팝업
***************************************************/
/* 팝업 레이아웃 */
.chocobi-popup,#popup,#sub_popup { position:fixed !important; bottom:0; left:0; top:0; right:0; overflow-y:auto; transform:translate3d(0,0,0); z-index:1000 !important }
#popup:before { position:absolute; bottom:0; left:0; top:0; right:0; background:#000; opacity:0.7; content:"" }
.chocobi-popup .pop_wr,#popup .pop_wr,#sub_popup .pop_wr { position:absolute; bottom:0; left:0; right:0; background:#fff }
.pop_wr h4 .pointBlue { color:#046fd9 }
.chocobi-popup .pop_wr,#sub_popup .pop_wr,#tgrmFncCsmr_pop .pop_wr { height:100%; padding-top:5.0rem; overflow-y:auto; -webkit-oveflow-scrolling:touch; }
#popup .pop_wr { border-radius:2.2rem 2.2rem 0 0 }
.pop_wr .pop-header { position:relative; height:5.0rem }
.pop_wr .pop-header.borb {border-bottom: 1px solid #eee;}
.pop_wr .pop-header h4 { padding:1.0rem 0; font-weight:500; font-size:4vw; color:#363636; text-align:center; z-index:10 }
.chocobi-popup .pop_wr .pop-header,#sub_popup .pop_wr .pop-header,#tgrmFncCsmr_pop .pop_wr .pop-header { position:fixed; top:0; left:0; width:100%; background:#fff; z-index:2 }
#popup .pop_wr .pop-header { position:relative; height:5.05rem; border-bottom:0.1rem solid #ddd }
#popup .pop_wr .pop-header h4 { padding:1.0rem 0; font-weight:400; font-size:1.4rem; color:#111; text-align:center }
.pop_wr .pop-btn-close { position:absolute; top:0; right:0; width:5.0rem; height:5.0rem; background:url(/mhwr/direct/images/app/direct/pop_btn_close.png) no-repeat; background-size:5.0rem; font-size:0; line-height:0 }
.pop_wr .pop-wrap { position:relative; padding:2rem 2rem 7.5rem;; min-height:22.0rem; max-height:50.0rem; overflow-y:auto }
.pop_wr .pop-wrap.hMinSmall { min-height:17.0rem }
.chocobi-popup .pop_wr .pop-wrap,#sub_popup .pop_wr .pop-wrap { max-height:none }
.pop_con_rd { position:fixed; top:0; left:0; bottom:0; width:100%; height:100%; padding-top:5.0rem }
.pop_con_rd > #iframeEx { position:absolute; top:5rem; left:0; width:100% !important; height:calc(100% - 11rem) !important; height:-webkit-calc(100% - 11rem) !important } /*height:calc(var(--vh, 1vh) * 100 - 11rem) !important; height:-webkit-fill-available !important*/
.pop_wr .pop-content .dataInfo > dt { width:11rem }
.pop_wr .pop-content .headerGroup { position:relative; border-bottom:1px solid #ddd }
.pop_wr .pop-content .headerGroup.easyPlan_tit span { }
.pop_wr .pop-content .headerGroup + .headerGroup { /* padding-top:2.5rem; border-top:10px solid #f8f8f8 */ }
.pop_wr .pop-content .headerGroup > h5,.pop_wr .pop-content .headerGroup > h6 { font-weight:700 }
.pop_wr .pop-content .headerGroup > .note { top:1.2rem; right:2.0rem }
.pop_wr .pop-content .headerGroup + .qna_wrap { margin-top:-1.5rem; border-top:0 none }
.pop_wr .pop-content > .tabNav_wrap:first-child { margin-top:-2rem }
.pop_wr .pop-wrap .depth3_st01 h2.cusin{ color: #111;font-size: 16px;font-weight: normal;line-height: 1.2;letter-spacing: -0.1rem; margin: 2rem 0;}
.pop_wr .pop-wrap .depth3_st01 h2.cusin em{color: #111;font-size: 5vw;font-weight: bold;}
.pop_wr .pop-wrap .depth3_st01 p { font-size:4vw; }
.pop_wr .pop-wrap .checkbox.basic.moborderte { margin: 1rem 0 3rem 0;position: relative;display: table;width: 100%;table-layout: fixed;border: 1px solid #e4e8eb;border-radius: 6px;}
.pop_wr .pop-wrap .checkbox.basic.moborderte  span{text-align: left;    position: relative;margin-left: 5px;border: 0 none;font-size: 20px;line-height: 20px;font-weight: 500;}
.pop_wr .pop-wrap .checkbox.basic.moborderte  span i{margin-right: 0.6rem;}
.pop_wr .pop-wrap .termsAgree_wrap h3.smf{ color: #111;font-size: 15px;line-height: 1.6;letter-spacing: -0.1rem;font-weight: 500;}
@media only screen and (max-width:320px) {
	br.break_agree{display: none;}
}
/*동의화면개편-20210517*/
.termsAgree_wrap ~ .termsAgree_wrap { margin-top:2.0rem; padding-top:3.0rem }
.termsAgree_wrap ~ .termsAgree_wrap .terms_guide { padding-top:2.0rem; border-top:2px solid #999 }
.termsAgree_wrap * { word-break:inherit !important }
.termsAgree_wrap .terms_guide { padding-top:0 }
.termsAgree_wrap .terms_guide .frm_item { margin:1.0rem 0 0 }
.termsAgree_wrap .terms_guide h4 a { color:#000; text-decoration:underline }
.termsAgree_wrap .h4_desc { margin-top:1.0rem; font-size:1.4rem; line-height:2.0rem }
.termsAgree_wrap h5 { margin:0 -2.0rem 2.0rem; padding:1.0rem 2.0rem; background:#f5f5f5; font-size:1.8rem; line-height:2.6rem }
.termsAgree_wrap .terms_lst ~ .terms_lst h5 { border-top:1px solid #ddd }
.termsAgree_wrap h6 { font-weight:700; margin-bottom:1.0rem }
.termsAgree_wrap h6 ~ h6 { padding-top:1.5rem; border-top:1px dashed #ddd }
.termsAgree_wrap h6.mt25 { margin-top:2.5rem }
.termsAgree_wrap .terms_lst { margin-bottom:2.0rem }
.termsAgree_wrap .terms_lst.type1 { border-top:2px solid #ddd }
.termsAgree_wrap .li_th1 ~ .li_th1,.termsAgree_wrap .li_th1 > li + li { width:100%;margin-top:1.0rem }
.termsAgree_wrap .li_th1 > li .li_th2 { margin-top:0 }
.termsAgree_wrap .li_th1 > li,
.termsAgree_wrap .li_th1 > li em { font-weight:400; font-size:3.5vw !important; color:inherit }
.termsAgree_wrap .li_th1 > li em + .txtp { margin-top:0 !important;font-size:1.2rem; }
.termsAgree_wrap .li_th1 > li{position:relative;padding-left:10px;margin-right:74px;font-size:14px;line-height:20px;color: #1a1a1a;}
.termsAgree_wrap .termsAgree_item .li_th3 > li:before,
.termsAgree_wrap .li_th1 > li:before{display: block;position: absolute;left: 0;content: "";top:9px;width:3px;height:3px;border-radius: 50%;background: #1a1a1a;}
.termsAgree_wrap .termsAgree_item .li_th2 li,
.termsAgree_wrap .li_th1 > li .li_th2 > li { position:relative;padding-left:8px;font-size:13px;line-height:18px;color:#666;font-weight:normal; }
.termsAgree_wrap .termsAgree_item .li_th2 > li:before,
.termsAgree_wrap .li_th1 > li .li_th2 > li:before{display: block;position: absolute;left: 0;content: "";top: 8px; width:4px; height:1px; background: #505050;}
.termsAgree_wrap .terms { margin-bottom:1.0rem }
.termsAgree_wrap .terms > .advice { margin-top:1.0rem }
.termsAgree_wrap .termsAgree_item { padding:0 1.0rem 0.5rem; margin-bottom:2.0rem; border:1px solid #e5e5e5; border-radius:0.6rem }
.termsAgree_wrap .termsAgree_item > li { line-height:2.0rem }
.termsAgree_wrap .termsAgree_item > li > strong { display:block; padding:0.8rem 1.0rem 0.5rem; margin:0 -1.0rem 1.5rem; border-bottom:1px solid #ddd; border-radius:0.6rem 0.6rem 0 0; background:#f5f5f5; font-weight:500; font-size:4vw; line-height:2.0rem; color:#1a1a1a }
.termsAgree_wrap .termsAgree_item > li em { font-weight:500; font-size:1.5rem !important; color:inherit }
.termsAgree_wrap .termsAgree_item > li .advice { margin-bottom:1.0rem;font-size:3.5vw; }
.termsAgree_wrap .termsAgree_item .li_th2 > li + li { margin-top: 2.0rem !important }
.termsAgree_wrap .termsAgree_item .li_th2 li,
.advice_wrap p { font-size:3.5vw; }
.termsAgree_wrap .frm_item { margin:0.5rem 0 1.0rem; padding-right:0.8rem }
.termsAgree_wrap .frm_item > label { padding:0.3rem 0 0.5rem; font-weight:400; font-size:1.4rem !important }
.termsAgree_wrap .frm_item > label .ratingChk { display:inline-block; padding:0 1.0rem; margin-left:0.5rem; border-radius:0.3rem; font-size:1.2rem !important; line-height:2.0rem; color:#fff; vertical-align:top }
.termsAgree_wrap .frm_item > label .ratingChk.n1 { background:#00a1e9 } /*안심*/
.termsAgree_wrap .frm_item > label .ratingChk.n2 { background:#2ca739 } /*양호*/
.termsAgree_wrap .frm_item > label .ratingChk.n3 { background:#f5b325 } /*보통*/
.termsAgree_wrap .frm_item > label .ratingChk.n4 { background:#f08300 } /*신중*/
.termsAgree_wrap .frm_item > label .ratingChk.n5 { background:#d1131c } /*주의*/
.termsAgree_wrap .radio span { font-size:1.4rem !important; line-height:2.0rem !important }
.termsAgree_wrap .radio input:checked + span { line-height:1.8rem !important }
.termsAgree_wrap .radio i { display:inline-block; margin-top:-1px; border:1px solid #c2c4c6 }
.termsAgree_wrap .termsAgree_item .checkbox.basic { margin:0 auto }
.termsAgree_wrap .termsAgree_item .checkbox.basic span { padding:0 }
.termsAgree_wrap .rating_wrap { padding:1.0rem 1.0rem 0; margin-bottom:1.0rem; border:1px solid #e5e5e5; border-radius:0.6rem; overflow:hidden }
.termsAgree_wrap .termsAgree_item > li .advice,
.termsAgree_wrap .rating_wrap p { position:relative;font-size:3.5vw;padding-left:13px; }
.termsAgree_wrap .termsAgree_item > li .advice:before,
.termsAgree_wrap .rating_wrap p:before{position:absolute;top:0;left:0;content:"※"}
.termsAgree_wrap .rating_lst { padding:1.0rem; margin:1.0rem -1.0rem 0; background:#f5f5f5 }
.termsAgree_wrap .rating_lst > ul { display:table; width:100%; table-layout:fixed }
.termsAgree_wrap .rating_lst > ul > li { display:table-cell; position:relative; padding-bottom:1.0rem }
.termsAgree_wrap .rating_lst strong { display:block; font-size:3.5vw; line-height:2.0rem; color:#212121; text-align:center }
.termsAgree_wrap .rating_lst .rateBar { display:block; height:1.2rem }
.termsAgree_wrap .rating_lst .rateBar.n1 { border-radius:0.6rem 0 0 0.6rem; background:#00a1e9 } /*안심*/
.termsAgree_wrap .rating_lst .rateBar.n2 { background:#2ca739 } /*양호*/
.termsAgree_wrap .rating_lst .rateBar.n3 { background:#f5b325 } /*보통*/
.termsAgree_wrap .rating_lst .rateBar.n4 { background:#f08300 } /*신중*/
.termsAgree_wrap .rating_lst .rateBar.n5 { border-radius:0 0.6rem 0.6rem 0; background:#d1131c } /*주의*/
.termsAgree_wrap .rating_lst .rateMark { display:none; position:absolute; bottom:0.5rem; left:50%; width:1.2rem; height:1.2rem; margin-left:-0.6rem; border:2px solid #000; border-radius:0.6rem; background:#fff }
.termsAgree_wrap .rating_lst .active .rateMark { display:block }
/*개인정보처리동의*/
.terms_guide { margin:-2.0rem -2.0rem 0; padding:2rem; border-bottom:1px solid #ddd }
.terms_guide h4 { font-size:2rem; }
.terms_guide h4 span,.terms_guide h4 em,.terms_guide h4 i { font-style:normal; vertical-align:bottom }
.terms_guide h4 span { display:inline-block; position:relative;white-space:nowrap; }
.terms_guide h4 span:before { position:absolute; bottom:0.5rem; left:0; width:100%; height:.7rem; background:#76bd1d; content:"" }
.terms_guide h4 em { position:relative; font-weight:700; font-size:2.7rem; line-height:3.7rem }
.terms_wrap .term_title { display:block; font-weight:700; font-size:1.5rem; color:#111; margin-bottom:1rem }
.terms_wrap > h5 { padding:1.5rem 0; font-weight:700 }
.terms_lst { margin-bottom:2.5rem; /* border-top:1px solid #333333 */ }
.terms_lst > li { border-bottom:1px solid #ddd }
.terms_item dt,.terms_item dd { }
.terms_item dt > a { display:block; padding:1.4rem 0; font-weight:700; font-size:4vw; line-height:2.5rem; color:#000 }
.terms_item dt span { display:block; position:relative; padding-right:3.5rem }
.terms_item dt span:before { position:absolute; top:50%; right:0.8rem; width:1.4rem; height:1.4rem; border:solid #858e95; border-width:1px 1px 0 0; transform:translateY(calc(-50% - 0.6rem)) rotate(135deg); -webkit-transform:translateY(calc(-50% - 0.6rem)) rotate(135deg); transition:transform .3s ease; -webkit-transition:transform .3s ease; content:"" }
.terms_item dt.active span:before { transform:translateY(calc(-50% + 0.4rem)) rotate(-45deg); -webkit-transform:translateY(calc(-50% + 0.4rem)) rotate(-45deg) }
.terms_item dd { display:none }
.terms { height:18.0rem; padding:1.5rem; margin-bottom:2rem; background:#f8f8f8; overflow-y:auto } /*height:calc((100vh - 5rem) / 4); height:calc((var(--vh, 1vh) * 100 - 5.0rem) / 4); height:-webkit-fill-available; */
.terms .table_basic { margin-top:1.5rem }
.terms .txtp + .li_th1 { margin-top:1.5rem }
.terms .li_th1 > li > strong { font-size:3.5vw;font-weight:500 }
.terms_more { position:relative; padding:0 0 3.0rem; margin:2.0rem 0 }
.terms_more > .more { position:absolute; bottom:0; right:0; font-size:1.3rem; line-height:2.0rem; color:#444b53 }
.terms_more > .more > span { display:block; position:relative; padding:0 1.5rem 0 0.2rem; border-bottom:1px solid #858e95 }
.terms_more > .more > span:before { position:absolute; top:50%; right:0.2rem; width:0.8rem; height:0.8rem; border:solid #858e95; border-width:0.2rem 0.2rem 0 0; transform:translateY(-50%) rotate(45deg); -webkit-transform:translateY(-50%) rotate(45deg); content:"" }
/*약관내용210127*/
.termsCnts { margin-top:2.5rem }
.termsCnts > h5,.termsCnts > h6 { color:#000 }
.termsCnts > h5 { font-weight:400; font-size:1.6rem; line-height:2.4rem }
.termsCnts > h6 { font-weight:700; font-size:1.4rem; line-height:2.0rem }
.termsCnts_lst .txtp { font-weight:400; font-size:1.3rem; line-height:1.8rem; color:#505050 }
.termsCnts_lst > li { padding:1.5rem 0 }
.termsCnts_lst > li + li { border-top:1px dashed #ddd }
.termsCnts_lst > li > strong { display:block; margin-bottom:0.5rem; font-weight:700; font-size:1.5rem; line-height:2.0rem; color:#000 }
.termsCnts_lst .li_num.type1 > li,.termsCnts_lst .li_num.type2 > li { font-size:1.3rem; line-height:1.8rem; color:#505050 }
.termsCnts_lst .li_th1 > li + li,.termsCnts_lst .li_num.type1 > li + li,.termsCnts_lst .li_num.type2 > li + li { margin-top:0.5rem }
.termsCnts_lst .li_th1 > li strong { font-size:1.3rem; line-height:1.8rem; color:#505050 }
.termsCnts_lst .li_th1 > li strong + .txtp { margin-top:0.5rem }
.termsCnts_lst + .advice_lst { margin-top:1.0rem; padding-top:1.0rem; border-top:1px solid #ddd }
.btn_primary {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  border: 0px;
  padding: 5.3333333333vw 3.3333333333vw;
  font-size: 4.8vw;
  font-weight: 500;
  height: auto;
  line-height: 1;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background:#046fd9;
}
.btn_primary span { color:#fff; }

.event_popup {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
	-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.6);
}
.event_popup .event_popup_wrap {
	position:relative;
	top:0;
	left:0;
	width:80%;
	height:35vh;
	-webkit-border-radius:1.5rem;
	border-radius:1.5rem;
	background-color:#fff;
}
.event_popup_btnX {
	position:absolute;
	top:1rem;
	right:1rem;
	z-index:99;
	width:1.6rem;
	height:1.6rem;
	font-size:0;
	background:url(/mhwr/direct/images/app/event/marketingAgreeEvent/ma_event__popup_icon_close.png) no-repeat center center / 100% auto;
}
.event_popup_cont {
	display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient:vertical;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
	-webkit-box-pack:center;-moz-box-justify-content:center;-ms-flex-pack:center;justify-content:center;
	-webkit-box-align:center;-moz-align-items:center;-ms-flex-align:center;align-items:center;
	position:relative;
	top:0;
	left:0;
	z-index:9;
	padding-top:6rem;
}
.event_popup_cont:before {
	content:'';
	display:block;
	position:absolute;
	top:1.8rem;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	width:3.6rem;
	height:3.6rem;
	-webkit-border-radius:50%;
	border-radius:50%;
	border:.3rem solid #8ccf3d;
}
.event_popup_cont:after {
	content:'';
	display:block;
	position:absolute;
	top:3rem;
	left:50%;
	-webkit-transform:translateX(-50%) rotate(135deg);
	transform:translateX(-50%) rotate(135deg);
	width:1.2rem;
	height:.9rem;
	border-top:.3rem solid #8ccf3d;
	border-right:.3rem solid #8ccf3d;
}
.event_popup_cont > * {
	width:100%;
	text-align:center;
}
.event_popup_cont span:nth-child(1) {
	margin-bottom:.6rem;
	font-size:1.7rem;
	font-weight:600;
}
.event_popup_cont span:nth-child(1) em {
	color:#046fd9;
	font-weight:inherit;
}
.event_popup_cont span:nth-child(n+2) {
	font-size:1.3rem;
	font-weight:400;
	color:#666;
}
.event_popup_btn {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	margin:0;
	-webkit-border-radius:0 0 1.5rem 1.5rem;
	border-radius:0 0 1.5rem 1.5rem;
	overflow:hidden;
}
.event_popup_btn button {
	height:4.5rem;
	color:#fff;
	line-height:1.2;
}
.event_popup_btn button:nth-child(1) {
	width:25%;
	background-color:#858585;
}
.event_popup_btn button:nth-child(2) {
	width:75%;
	background-color:#046fd9;
}