@charset "utf-8";

* {max-height: 1000000px;margin: 0;padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;outline: none}
textarea {overflow:auto; resize:none}
img {max-width:100%;}
div {display:block; box-sizing:border-box;}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn {box-shadow:none;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {color:#000; font-weight:600; background:#fff680; padding:8px 10px 5px; border-radius:4px; font-size:18px;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {overflow:hidden;height:auto;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content div {height:auto; font-size:16px; line-height:1.4; text-align:center;}
footer {margin-bottom:-60px;}
footer .m_info {padding-bottom:30px;}

img,fieldset,button {border: none}
html,body {height: 100%}
hr,button img {display: none}
button {background: none}
input,select,button,textarea,pre {font-family: "Pretendard Variable", "Malgun Gothic", "맑은 고딕", "돋움", Dotum,"굴림", Gulim, Tahoma, Verdana, Geneva, sans-serif, Apple Gothic,AppleGothic;font-size: 16px;font-weight: 400;color: #333;line-height: 20px;vertical-align: middle;outline: 0}
input[type="submit"] {cursor: pointer;appearance: none;-moz-appearance: none;-webkit-appearance: none;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0}
input:-ms-input-placeholder {color: #b9b9b9;font-weight: 300} /* M$ */
input:-webkit-input-placeholder {color: #b9b9b9;font-weight: 300} /* webkit */
input:-moz-placeholder {color: #b9b9b9;font-weight: 300} /* firefox */
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/common/ico/sel_arr_down.png) no-repeat right 15px top 50%, #fff;border: 1px solid #ccc;outline: 0;letter-spacing: -1px;cursor: pointer;padding: 0 30px 0 15px}
option {outline: 0}
select::-ms-expand {display: none}
ul,li {list-style: none}
a {display: inline-block;font-weight: 400;color: #333;text-decoration: none;vertical-align: top;cursor: pointer}
a:hover,a:active,a:focus,a:visited {text-decoration: none}
textarea {overflow: auto;padding: 10px;background: #fff;border: solid 1px #cccfd4;font-size: 16px;color: #555;width: 100%;resize: none}
table {width: 100%;table-layout: fixed;border-collapse: collapse;border-spacing: 0;text-align: center}
table img {vertical-align: top}
th,td {vertical-align: middle;word-wrap: break-word;word-break: break-all;box-sizing: border-box}
form {margin: 0;padding: 0}
img {max-width: 100%;vertical-align: top}
table img {width: auto;vertical-align: middle}
legend {position: absolute;left: 0;top: 0;width: 0;height: 0;overflow: hidden;visibility: hidden;font-size: 0;line-height: 0} /* For Screen Reader */
caption {width: 1px;height: 1px;margin: 0;padding: 0;font-size: 0;line-height: 0;text-indent: -9999px;overflow: hidden;position: absolute;left: 0;top: 0}
em {font-style: normal}
label {font-size: 11px;cursor: pointer}

table td {word-wrap: break-word}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;cursor: pointer}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText}
input::-ms-clear,input::-ms-reveal {display: none;width: 0;height: 0}
input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none}
iframe {border: none}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block}
address {font-style: normal}
footer .m_fm.on {bottom:250px !important;}

.forDesk {display:block;}
.forMo {display:none;}

.gloHeader {display:flex; justify-content:space-between; align-items:center; position:absolute; left:50%; top:0; transform:translate(-50%, 0); padding:50px 0px; width:100%; max-width:1200px; z-index:100;}
.gloHeader .brand a {display:block; width:97px; height:26px; background:url(../images/logo_miraen.svg) no-repeat 50% 50%; background-size:auto 100%;}
.gloHeader .gloUtil {display:flex; justify-content:flex-start; align-items:center; gap:17px;}
.gloHeader .gloUtil .account {display:flex; justify-content:flex-start; align-items:center; gap:26px;}
.gloHeader .gloUtil .account .txtMenu {display:block; position:relative;}
.gloHeader .gloUtil .account .txtMenu a {display:block; color:#000; font-size:14px; font-weight:500; padding:12px 14px; border-radius:50px; border:1px solid #000;}
.gloHeader .gloUtil .logo a {display:block; width:105px; height:44px; background:url(../images/logo_mt_all.svg) no-repeat 50% 50%; background-size:100%;}

.evWrap {position:relative; padding:130px 0 212px;
	background:url(../images/ev/cloud.png), url(../images/ev/shadow.png), url(../images/ev/bg_sky.jpg); 
	background-repeat:no-repeat, no-repeat, no-repeat;
	background-position:50% bottom, 50% top, 50% top;
	background-size:auto 585px, cover, cover;
}
.evWrap:after {content:''; position:absolute; left:50%; bottom:0; width:100%; max-width:1920px; height:454px; background:url(../images/ev/deco_btm.png) no-repeat 50% bottom; background-size:100%; transform:translate(-50%, 0);}
.evWrap .innerCon {margin:0 auto; width:100%; max-width:1200px; position:relative;}
.evWrap .evTitleSec {width:100%; max-width:1040px; margin:0 auto 52px;}

.evWrap .evGdsSec {position:relative; padding:80px 60px 60px; background:#F8FCFF; border-radius:32px; border:2px solid #000;}
.evWrap .evGdsSec:before {content:''; position:absolute; left:50%; top:0; width:320px; height:90px; background:url(../images/ev/deco_top.png) no-repeat 50% top; background-size:100%; transform:translate(-50%, 0);}
.evWrap .evGdsSec:after {content:''; position:absolute; right:60px; top:-88px; width:140px; height:124px; background:url(../images/ev/deco_character.png) no-repeat 50% 50%; background-size:100%;}
.evWrap .evGdsSec .titleSec {position:relative; text-align:center;}
.evWrap .evGdsSec .titleSec .desc {display:inline-flex; justify-content:center; align-items:flex-end; position:relative; margin-bottom:10px;}
.evWrap .evGdsSec .titleSec .desc:before {content:''; width:64px; height:76px; background:url(../images/ev/deco_title_left.png) no-repeat 50% 50%; background-size:100%;}
.evWrap .evGdsSec .titleSec .desc:after {content:''; width:64px; height:76px; background:url(../images/ev/deco_title_right.png) no-repeat 50% 50%; background-size:100%;}
.evWrap .evGdsSec .titleSec .desc span {position:relative;}
.evWrap .evGdsSec .titleSec .desc span:after {content:''; position:absolute; left:0; bottom:-4px; width:100%; height:20px; background:url(../images/ev/line_wave.png) no-repeat 50% 50%; background-size:100%;}
.evWrap .evGdsSec .titleSec .desc span em {position:relative; z-index:1; color:#000; font-size:36px; font-weight:500;}
.evWrap .evGdsSec .titleSec .desc span em i {color:#3C99F4; font-size:36px; font-weight:500; font-style:normal;}
.evWrap .evGdsSec .titleSec .title {color:#000; font-size:36px; font-weight:700; line-height:1.3;}

.evWrap .gdsBox {margin-top:46px; background:#FFF url(../images/ev/ptn.png) repeat left top; background-size:20px; border:1px solid #ddd; border-radius:20px; padding:40px; text-align:center;}
.evWrap .gdsBox .infoTxt {display:inline-block; padding:14px 22px; background:#FDED7C; border:1px solid #444; border-radius:100px; color:#222; font-size:28px; font-weight:700; margin-bottom:14px;}
.evWrap .gdsBox .title {color:#444; font-size:26px; font-weight:700; line-height:1.6;}

.evWrap .gdsBox .swiper-container.gds {position:relative;}
.evWrap .gdsBox .swiper-container.gds .swiper-slide {padding:0 160px;}

.dirBtn {position:absolute; top:50%; transform:translate(0, -50%); width:60px; height:60px; border:1px solid #000; border-radius:50%; z-index:10; cursor:pointer; background:#FFF;
	-webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,1.0);
}
.dirBtn.pop-prev {left:0px;}
.dirBtn.pop-prev:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/static/images/common/btn_prev.svg) no-repeat 50% 50%;}
.dirBtn.pop-next {right:0px;}
.dirBtn.pop-next:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/static/images/common/btn_next.svg) no-repeat 50% 50%;}

.swiper-button-disabled {opacity:.2;}
.gds-pagination {display:none;}
.mockTitle {margin-bottom:65px;}

.raTxt {text-align:center; margin-top:20px; color:#000; font-size:16px;}

.evWrap .evGdsSec .btnArea {position:relative; z-index:10; display:flex; justify-content:center; align-items:center; margin-top:40px; gap:20px;}
.evWrap .evGdsSec .btnArea a {display:flex; justify-content:center; align-items:center; gap:5px; padding:20px 50px; background:#02A39F; border:1px solid #000; box-shadow: 0 2px 0 0 #000; color:#FFF; font-size:24px; font-weight:700; border-radius:100px;}
.evWrap .evGdsSec .btnArea a:after {content:''; width:32px; height:32px; background:url(../images/ev/ico_down.svg) no-repeat 50% 50%; background-size:100%;}

.gdsShare {position:absolute; left:50%; bottom:-95px; width:609px; transform:translate(-50%, 0); z-index:10;}
@media only screen and (max-width:1200px) {
}

@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:768px) {
	body {}
	footer {margin-bottom:-60px;}
	footer .m_info {padding-bottom:95px;}
	footer .m_fm.on {bottom:222px !important;}

	.forDesk {display:none;}
	.forMo {display:block !important;}

	.gloHeader {padding:15px;}
	.gloHeader .brand a {width:64px; height:28px; background-size:100%;}
	.gloHeader .gloUtil {gap:6px;}
	.gloHeader .gloUtil .logo a {width:54px; height:22px; background-size:auto 100%;}
	.gloHeader .gloUtil .account .txtMenu a {font-size:12px; padding:6px 12px;}

	.evWrap {padding:70px 0 115px;}
	.evWrap:after {background:url(../images/ev/deco_btm_mo.png) no-repeat 50% top; background-size:100% auto; height:150px;}
	.evWrap .evTitleSec {margin-bottom:26px;}
	.evWrap .evGdsSec {width:calc(100% - 40px); margin:0 auto; padding:50px 20px; border-radius:20px;}
	.evWrap .evGdsSec:before {width:127px; height:37px;}
	.evWrap .evGdsSec:after {width:70px; height:62px; right:10px; top:-36px;}
	.evWrap .evGdsSec .titleSec .desc span em {font-size:5.0vw;}
	.evWrap .evGdsSec .titleSec .desc span em i {font-size:5.0vw;}
	.evWrap .evGdsSec .titleSec .desc:before, .evWrap .evGdsSec .titleSec .desc:after {width:26px; height:31px;}
	.evWrap .evGdsSec .titleSec .title {font-size:5.2vw;}

	.evWrap .gdsBox {margin-top:30px; border-radius:12px; padding:20px 0;}
	.evWrap .gdsBox .swiper-container.gds .swiper-slide {padding:0;}
	.mockTitle {padding:0 20px; margin-bottom:30px;}
	.evWrap .gdsBox .infoTxt {font-size:4.0vw; padding:10px 14px; margin-bottom:9px;}
	.evWrap .gdsBox .title {font-size:4.0vw; height:70px;}
	.dirBtn {display:none;}

	.gds-pagination {display:block; margin:16px 0 0;}
	.swiper-pagination-bullet {width:6px; height:6px; background:#000; margin:0 2px; opacity:.2;}
	.swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1.0; background:#000;}

	.evWrap .evGdsSec .btnArea {flex-direction:column; gap:16px; margin-top:24px;}
	.evWrap .evGdsSec .btnArea a {width:100%; padding:13px 0; font-size:18px;}
	.evWrap .evGdsSec .btnArea a:after {width:24px; height:24px;}

	.gdsShare {width:calc(100% - 94px); bottom:unset; top:calc(100% + 20px);}
	.gdsShare a {display:block; text-align:center;}
	.gdsShare a img {width:271px; display:inline-block;}

	.raTxt {font-size:14px; line-height:1.3;}
}