﻿@charset "UTF-8";html{line-height:1.15;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;}
body, div, p, span, em, small, a, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary, blockquote{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
article, aside, canvas, details, figcaption, figure, footer, header, main, menu, nav, section, summary, address{display:block;}
table{border-collapse:collapse;}
img, fieldset, iframe{border-style:none;}
ul, ol, li, dl, dt, dd{list-style:none;}
i, em, address, dfn{font-style:normal;}
a{background-color:transparent;color:inherit;font-size:inherit;text-decoration:none;}
a:visited{color:inherit;}
b, strong{font-weight:bolder;}
img{border-style:none;vertical-align:top;}
button, input, optgroup, select, textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
input, select, button, textarea{outline-style:none;}
button{display:block;border:0;border-radius:0;cursor:pointer;}
button, input{overflow:visible;}
button, select{text-transform:none;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
button, [type="button"], [type="reset"], [type="submit"]{-webkit-appearance:button;}
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;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
input, input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input:-ms-clear, input:-ms-reveal{display:none;}
input::-ms-clear, input::-ms-reveal{display:none;}
textarea{resize:vertical;overflow:auto;}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
hr, template, [hidden]{display:none;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
code, kbd, samp, pre{font-family:monospace, monospace;font-size:1em;}
mark{background-color:#ff0;}
small{font-size:80%;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
audio, video{display:inline-block;}
audio:not([controls]){
	display:none;height:0;}
svg:not(:root){
	overflow:hidden;}
progress{vertical-align:baseline;}
summary{display:list-item;}
@font-face{font-family:'IM혜민';font-style:normal;font-weight:400;src:url("../fonts/IM_Hyemin-Regular.eot");src:url("../fonts/IM_Hyemin-Regular.eot?#iefix") format("embedded-opentype"), local("※"), url("https://mbanking.imbank.co.kr/css/chb/resource/fonts/IM_Hyemin-Regular.woff2") format("woff2"), url("../fonts/IM_Hyemin-Regular.woff") format("woff");}
@font-face{font-family:'IM혜민';font-style:bold;font-weight:700;src:url("../fonts/IM_Hyemin-Bold.eot");src:url("../fonts/IM_Hyemin-Bold.eot?#iefix") format("embedded-opentype"), local("※"), url("https://mbanking.imbank.co.kr/css/chb/resource/fonts/IM_Hyemin-Bold.woff2") format("woff2"), url("../fonts/IM_Hyemin-Bold.woff") format("woff");}
html, body, h1, h2, h3, h4, h5, h6, input, select, button, textarea{font-family:'IM혜민', sans-serif;font-size: 1.4583333333333333VW;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all;}
@media only screen and (min-width:768px){
	
	html, body, h1, h2, h3, h4, h5, h6, input, select, button, textarea{}
}

.section__body  {position:relative;}
.text--black{color:#060001;-webkit-text-stroke: 0.05vw #000;}
.text--yellow{color:#F0C85E;-webkit-text-stroke: 0.05vw #000;}
.text--brown{color:#715245;-webkit-text-stroke: 0.05vw #000;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.blind{position:absolute;top:-1000em;left:0;display:block;overflow:hidden;}
.sr-only{display:block;overflow:hidden;text-indent:-9999em;white-space:nowrap;}
.pc{display:none !important;}
.mo{display:block !important;}
@media only screen and (min-width:768px){
	.pc{display:block !important;}
	.mo{display:none !important;}
	/* iM뱅크 영상배경 가리기 */
	#intro:before{content:'';position:absolute;left:23%;top:9%;width:6%;padding:3% 0 0 0;background:#fff}
	#intro:after{content:'';position:absolute;left:71%;top:85%;width:3%;padding:5% 0 0 0;background:#fff}
}
#wrap{padding-top: 4.270833333333333VW;}
@media only screen and (min-width:768px){
	
}
.row{margin:0 30px;margin-right:calc(30px + constant(safe-area-inset-right));margin-right:calc(30px + env(safe-area-inset-right));margin-left:calc(30px + constant(safe-area-inset-left));margin-left:calc(30px + env(safe-area-inset-left));}
@media only screen and (min-width:768px){
	
	.row{max-width:1350px;margin:0 auto;
}}
.header{position:fixed;top:0;left:0;z-index:10;width:100%;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);padding-left:20px;padding-left:calc(20px + constant(safe-area-inset-left));padding-left:calc(20px + env(safe-area-inset-left));}
@media only screen and (min-width:768px){
	
	.header{padding-right:30px;padding-right:calc(30px + constant(safe-area-inset-right));padding-right:calc(30px + env(safe-area-inset-right));padding-left:30px;padding-left:calc(30px + constant(safe-area-inset-left));padding-left:calc(30px + env(safe-area-inset-left));}
	.header__nav{position:absolute;top:0;top:constant(safe-area-inset-top);top:env(safe-area-inset-top);right:0;}
}
.header{background:#525252;border-bottom:2px solid #D7D7DF;}
.header__logo{display:inline-block;vertical-align:top;}
.header__logo a{color:#fff;font-size:24px;font-weight:700;line-height:56px;}
.header__nav{position:fixed;top:0;right:0;bottom:0;left:100%;white-space:nowrap;overflow:hidden;-webkit-transition:left 0.3s;-o-transition:left 0.3s;transition:left 0.3s;}
.header__nav.opened{left:0;}
.header__nav--opener{position:absolute;top:0;top:calc(0px + constant(safe-area-inset-top));top:calc(0px + env(safe-area-inset-top));right:0;right:calc(0px + constant(safe-area-inset-right));right:calc(0px + env(safe-area-inset-right));width:70px;height:56px;background:url("../images/pc/ico-hamburger-white.svg") no-repeat center;background-size:24px auto;}
.header__nav--closer{position:absolute;top:0;top:calc(0px + constant(safe-area-inset-top));top:calc(0px + env(safe-area-inset-top));right:0;right:calc(0px + constant(safe-area-inset-right));right:calc(0px + env(safe-area-inset-right));width:70px;height:56px;background:url("../images/pc/ico-close-black.svg") no-repeat center;background-size:24px auto;}
.header__nav--closer-wrap{height:58px;height:calc(58px + constant(safe-area-inset-top));height:calc(58px + env(safe-area-inset-top));padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);background:#F8E487;border-bottom:2px solid #EFD875;}
.header__nav--list{position:absolute;top:58px;top:calc(58px + constant(safe-area-inset-top));top:calc(58px + env(safe-area-inset-top));bottom:0;left:0;width:100%;background:#fff;color:#525252;}
.header__nav--list-link{display:block;height:106px;padding:0 15px;padding-right:calc(15px + constant(safe-area-inset-right));padding-right:calc(15px + env(safe-area-inset-right));padding-left:calc(15px + constant(safe-area-inset-left));padding-left:calc(15px + env(safe-area-inset-left));font-size: 1.09375VW;font-weight:700;line-height:106px;}
.header__nav--list-link:before{display:inline-block;width:25px;height:100%;margin-right:10px;background-repeat:no-repeat;background-position:center;content:"";vertical-align:top;}
.header__nav--list-link:hover{background-color:#525252;background-image:url("../images/pc/bg-nav-hover.svg");background-repeat:repeat-x;background-position:left center;background-size:auto 106px;color:#F8E487;}
.header__nav--list-headset:before{background-image:url("../images/pc/ico-headset-gray.svg");background-size:auto 22px;}
.header__nav--list-headset:hover:before{background-image:url("../images/pc/ico-headset-yellow.svg");}
.header__nav--list-talk:before{background-image:url("../images/pc/ico-talk-gray.svg");background-size:25px auto;}
.header__nav--list-talk:hover:before{background-image:url("../images/pc/ico-talk-yellow.svg");}
.header__nav--list-gear:before{background-image:url("../images/pc/ico-gear-gray.svg");background-size:22px 22px;}
.header__nav--list-gear:hover:before{background-image:url("../images/pc/ico-gear-yellow.svg");}
.header__nav--list-preview:before{background-image:url("../images/pc/ico-preview-gray.svg");background-size:25px auto;}
.header__nav--list-preview:hover:before{background-image:url("../images/pc/ico-preview-yellow.svg");}
.header__nav--list-gift:before{background-image:url("../images/pc/ico-gift-gray.svg");background-size:23px auto;}
.header__nav--list-gift:hover:before{background-image:url("../images/pc/ico-gift-yellow.svg");}
.header__nav--list-text:before{display:none;}
@media only screen and (min-width:768px){
	.header__logo a{font-size: 1.6145833333333335VW;line-height: 4.270833333333333VW;}
	.header__nav{position:absolute;bottom:auto;left:auto;width:auto;}
	.header__nav--opener, .header__nav--closer-wrap{display:none;}
	.header__nav--list{position:static;background:none;color:#fff;padding-right: 2vw;}
	.header__nav--list:before, .header__nav--list:after{content:"";display:table;}
	.header__nav--list:after{clear:both;}
	.header__nav--list > li{float:left;}
	.header__nav--list-link{width:228px;height: 4.270833333333333VW;padding: 0 2.083333333333333VW;font-weight:400;line-height: 4.270833333333333VW;text-align:center;}
	.header__nav--list-link:before {width:1.9vw;}
	.header__nav--list-link:hover{background:none;font-weight:700;}
	.header__nav--list-headset{width: 10.677083333333332VW;}
	.header__nav--list-headset:before{background-image:url("../images/pc/ico-headset-white.svg");background-size:1.8VW;}
	.header__nav--list-headset:hover:before{background-image:url("../images/pc/ico-headset-yellow.svg");}
	.header__nav--list-talk{width: 10.677083333333332VW;}
	.header__nav--list-talk:before{background-image:url("../images/pc/ico-talk-white.svg");background-size:1.9vw auto;}
	.header__nav--list-talk:hover:before{background-image:url("../images/pc/ico-talk-yellow.svg");}
	.header__nav--list-gear{width: 9.739583333333334VW;}
	.header__nav--list-gear:before{background-image:url("../images/pc/ico-gear-white.svg");background-size:1.7vw 1.7vw;}
	.header__nav--list-gear:hover:before{background-image:url("../images/pc/ico-gear-yellow.svg");}
	.header__nav--list-preview{width: 10.677083333333332VW;}
	.header__nav--list-preview:before{background-image:url("../images/pc/ico-preview-white.svg");background-size:1.9vw auto;}
	.header__nav--list-preview:hover:before{background-image:url("../images/pc/ico-preview-yellow.svg");}
	.header__nav--list-gift{width: 11.875VW;}
	.header__nav--list-gift:before{background-image:url("../images/pc/ico-gift-white.svg");background-size:1.8vw auto;}
	.header__nav--list-gift:hover:before{background-image:url("../images/pc/ico-gift-yellow.svg");}
	.header__nav--list-text{display:none;}
}
.section__head{
    position: relative;
}
.section__body{padding: 0;}

.section__body--examinar{position:relative;}
.section__desc{left: 0;width: 100%;margin: 0;top: 19.166666666666668VW;position: absolute;font-size: 1.3020833333333335VW;font-weight:700;line-height: 2.864583333333333VW;text-align:center;}
.section__desc strong{display:block;margin-bottom: 7.083333333333333VW;font-size: 2.083333333333333VW;line-height: 1;}
.section__desc strong.section__desc--line:after{position:absolute;top:39px;left:0;display:block;width:100%;height:10px;background:url("../images/pc/ico-line-black.svg") no-repeat center;background-size:10px auto;content:'';}
@media only screen and (min-width:768px){ 
	.section__desc strong.section__desc--line:after{top:4.6875VW;height:1.3020833333333335VW;background-size:auto 1.3020833333333335VW;}
}
.title-box{position:absolute;top:32.266666666666666VW;left:0;z-index:5;margin:0 auto;}

.title-box__text{font-weight:700;text-align: center;position: absolute;left: 0;top: 0;width: 100%;padding-top: 3.5vw;}
.title-box__text--small{color:#000;}
@media only screen and (min-width:768px){ 
	.title-box__text--small{color:#000;}
}
.title-box--big .title-box__inner{padding:5px;}
.title-box--big .title-box__text--small{position:absolute;top:-35px;left:0;width:100%;font-size:14px;line-height:26px;}
.title-box--big .title-box__text--big{font-size:54px;line-height:74px;text-shadow:3px 3px 0 rgba(72, 76, 73, 0.3), 1px 0 0 #000, 0 1px 0 #000, -1px 0 0 #000, 0 -1px 0 #000;}
.title-box--big .title-box__text {padding-top: 3VW;}
.title-box--big{top:13.28125VW;left:50%;width: 70.41666666666667VW;margin-left: -35.208333333333336VW;}
.title-box--big:before, .title-box--big:after{width:1.3541666666666667VW;height:1.3541666666666667VW;margin-top:-0.78125VW;border-width:0.26666666666666666VW;border-radius:0.78125VW;}
.title-box--big:before{left:0.8333333333333334VW;}
.title-box--big:after{right:0.8333333333333334VW;}
.title-box--big .title-box__inner{padding:1.7187500000000002VW;}
.title-box--big .title-box__inner:before, .title-box--big .title-box__inner:after{width:5.208333333333334VW;height:0.26666666666666666VW;}
.title-box--big .title-box__inner:before{left:0.8333333333333334VW;}
.title-box--big .title-box__inner:after{right:16px;}
.title-box--big .title-box__text--small{top:-5.208333333333334VW;font-size:2.5VW;line-height:2.8125VW;}
.title-box--big .title-box__text--big{font-size:7.03125VW;line-height:8.958333333333334VW;text-shadow:0.3645833333333333VW 0.3645833333333333VW 0 rgb(72 76 73 / 30%), 0.052083333333333336VW 0 0 #000, 0 0.052083333333333336VW 0 #000, -0.052083333333333336VW 0 0 #000, 0 -0.052083333333333336VW 0 #000;-webkit-text-stroke: 0.052083333333333336VW #000;stroke: 0.052083333333333336VW #000;}
.title-box--small .title-box__inner{padding:9px;}
.title-box--small .title-box__text--big{font-size: 4.6875VW;line-height: 5.572916666666667VW;text-shadow:1px 0 0 #000, 0 1px 0 #000, -1px 0 0 #000, 0 -1px 0 #000;}
@media only screen and (min-width:768px){
	.section__body--story{padding-bottom:5vw;}
	.title-box--small{width:53.645833333333336VW;padding:0.78125VW;position:absolute;left:50%;top:4.6875VW;margin-left:-26.822916666666668VW;}
	.title-box--small:before, .title-box--small:after{width:0.625VW;height:0.625VW;margin-top:-0.4166666666666667VW;border-width:0.26666666666666666VW;border-radius:0.4166666666666667VW;}
	.title-box--small:before{left:0.4166666666666667VW;}
	.title-box--small:after{right:8px;}
	.title-box--small .title-box__inner{padding:1.9270833333333335VW;}
	.title-box--small .title-box__inner:before, .title-box--small .title-box__inner:after{width:2.3958333333333335VW;height:0.26666666666666666VW;}
	.title-box--small .title-box__inner:before{left:0.4166666666666667VW;}
	.title-box--small .title-box__inner:after{right:8px;}
	.title-box--small .title-box__text--big{}
}

.video-box{background: #D7D7D7;
	border: 0.1355VW solid #000;
	border-radius: 1.3020833333333335VW;
	box-shadow: 1.5625VW 1.5625VW 0 rgb(135 135 135 / 50%);
	text-align: center;
	position: absolute;
	width: 75VW;
	padding: 1.5625VW;
	margin-left: -38VW;
	left: 50%;
	top: 40VW;}
.video-box__inner{height:164px;background:#fff;border-radius:6px;overflow:hidden;}
@media only screen and (min-width:768px){ 
	.video-box__inner{height:40.260416666666664VW;border-radius:0.78125VW;}
}
.blockquote{position: absolute;margin: 0;top: 95.15625VW;left: 0;width: 100%;text-align:center;}
.blockquote__icon{display:inline-block;width: 3.3854166666666665VW;height: 2.34375VW;margin-bottom: 2.864583333333333VW;background:url("../images/pc/ico-blockquote.svg") no-repeat center;background-size: auto 2.34375VW;vertical-align:top;}
.blockquote__text{font-size:12px;font-weight:700;line-height:22px;}
.blockquote__caption{margin-top: 5.333333333333334VW;font-size:9px;font-weight:700;line-height: 4.266666666666667VW;}
@media only screen and (min-width:768px){ 
	.blockquote__text{font-size:2VW;line-height:3.9VW;width:70VW;margin:0 auto;}
	.blockquote__caption{margin-top: 3VW;font-size: 1.5VW;line-height: 1.25VW;padding-bottom:3vw;}
}
.comment-box{position:absolute;left:50%;top:27.291666666666664VW;margin-left:-34.765625VW;width:69.53125VW;z-index:2;}

.comment-box div{position: absolute;font-size: 1.35rem;line-height: 1.5;font-weight: 900;}
.comment-box .temp-1{left: 1.3vw;   top: 6.4vw;}
.comment-box .temp-2{left: 25.3vw;  top: 6.4vw;}
.comment-box .temp-3{left: 25.3vw;  top: 49.6vw;}
.comment-box .temp-4{left: 1.3vw;   top: 80.3vw;}
.comment-box .temp-5{left: 50.3vw;		top: 30.2vw;}
.comment-box .temp-6{left: 49.8vw;		top: 13.6vw;	font-size: 1.12rem;}
.comment-box .temp-7{left: 1.4vw;		top: 64.3vw;	font-size: 1.02rem;}
.comment-box .temp-8{left: 25.9vw;		top: 73.5vw;}
.comment-box .temp-9{left: 49.8vw;		top: 88.6vw;	font-size: 1rem;}
.comment-box .temp-10{left: 25.8vw;     top: 28.6vw;}

button{border:none;background:none;text-decoration:none;cursor:pointer;}

.section-preview .title-box{top:10.133333333333333VW !important}
.section-preview{margin-top:-2.864583333333333VW;z-index:7;}
.section-font{margin-top:-3.5937499999999996VW;z-index: 8;}
.edit_wrap{margin-top: -40VW;background-color:#505050;width: 100%;min-height:50vw;padding-bottom:5vw;}
#ly-editor{padding:0.5208333333333333VW;width:62.5VW;margin:0 auto;font-size:96px;line-height:1.4;text-align:center;color:#fff;}
#font_regular{font-weight: bold;width:10.46875VW;height:3.4375000000000004VW;font-size:1.25VW;border:0.052083333333333336VW solid #060001;background-color:#F8E588;border-radius:1.8229166666666667VW;box-shadow:0.3125VW 0.46875VW 0 rgb(181 181 181 / 50%);}
#font_bold{width:10.46875VW;height:3.4375000000000004VW;font-size:1.25VW;border:0.052083333333333336VW solid #060001;background-color:#EAEAEA;border-radius:1.8229166666666667VW;font-weight:bold;box-shadow:0.3125VW 0.46875VW 0 rgb(181 181 181 / 50%);}
.ly-toolbar{position:absolute;top:25VW;left:0;width:100%;text-align:center;}
.ly-toolbar * {display:inline-block;}
.ly-toolbar > * {padding:0 1vw;}
.ly-toolbar > .f_wrap > * {margin:0 0.5vw;}
.ly-range label{display:none !important;}
.ly-toolbar div.ly-range{display:inline-block;width:25.75VW;}
.ly-toolbar div.ly-range button{font-size:32px;color:#060001;margin:0 10px;}
.ly-toolbar div.ly-range button#ly-range-minus{vertical-align:middle;background:url("../images/pc/btn_min_01.svg") center no-repeat;background-size:1.1979166666666667VW 0.3125VW;width:2.083333333333333VW;height:1.5625VW;overflow:hidden;text-indent:-9999px;position:relative;top:0.1vw;}
.ly-toolbar div.ly-range button#ly-range-plus{vertical-align:middle;background:url("../images/pc/btn_plus_01.svg") center no-repeat;background-size:1.1979166666666667VW 1.09375VW;width:2.083333333333333VW;height:1.5625VW;overflow:hidden;text-indent:-9999px;position:relative;top:0.2vw;}

input[type=range]{-webkit-appearance:none;margin:0.5208333333333333VW 0;width: 12VW;}
input[type=range]:focus{outline:none;}
input[type=range]::-webkit-slider-runnable-track{width:80%;height:0.1VW;cursor:pointer;animate:0.2s;box-shadow:0px 0px 0px #000000;background:#060001;border-radius:0px;border:0px solid #060001;}
input[type=range]::-webkit-slider-thumb{box-shadow:0px 0px 1px #060001;border:2px solid #060001;height:1.250vw;width:1.250vw;border-radius:100%;background:#EAEAEA;cursor:pointer;-webkit-appearance:none;margin-top:-0.625vw;}
input[type=range]:focus::-webkit-slider-runnable-track{background:#060001;}
input[type=range]::-moz-range-track{width:80%;height:0.20833333333333334VW;cursor:pointer;animate:0.2s;box-shadow:0px 0px 0px #000000;background:#060001;border-radius:0px;border:0px solid #060001;}
input[type=range]::-moz-range-thumb{box-shadow:0px 0px 1px #060001;border:0.26666666666666666VW solid #060001;height:1.25VW;width:1.25VW;border-radius:12px;background:#96CA3A;cursor:pointer;}
input[type=range]::-ms-track{width:80%;height:height:0.1VW;;cursor:pointer;animate:0.2s;background:transparent;border-color:transparent;color:transparent;}
input[type=range]::-ms-fill-lower{background:#060001;border:0px solid #060001;border-radius:0px;box-shadow:0px 0px 0px #000000;}
input[type=range]::-ms-fill-upper{background:#060001;border:0px solid #060001;border-radius:0px;box-shadow:0px 0px 0px #000000;}
input[type=range]::-ms-thumb{box-shadow:0px 0px 1px #060001;border:0.26666666666666666VW solid #060001;height:1.25VW;width:1.25VW;border-radius:12px;background:#96CA3A;cursor:pointer;}
input[type=range]:focus::-ms-fill-lower{background:#060001;}
input[type=range]:focus::-ms-fill-upper{background:#060001;}

.ly-toolbar input[type=radio].ly-radio-button{display:none;margin:0.5208333333333333VW;}
.ly-toolbar input[type=radio].ly-radio-button + label{display:inline-block;width:2.604166666666667VW;height:2.604166666666667VW;margin:0 0.26041666666666663VW;border-radius:1.3020833333333335VW;border:0.052083333333333336VW solid #060001;text-indent:-9999px;}
.ly-toolbar label[for=ly-color-w]{background-color:#000;}
.ly-toolbar label[for=ly-color-b]{background-color:#F1F1F3;}


.section__head .char {width:48.95833333333333VW; position:absolute;left:50%;top:32.07VW;margin-left:-24.479166666666664VW;z-index:6; height:36.770833333333336VW;}
.section-font .title-box {top : 8.90625VW;}
.section-font  .license {position:absolute;left:50%;top:24.010416666666668VW;margin-left:-11.9vw;}
.section-font  .license a {display:block;width:23.802083333333332VW;height:5.3125VW;line-height:5.3125VW;text-align:center;font-weight:bold;border-radius: 2.65625vw;background-color: #EAEAEA;font-size:1.9270833333333335VW;border:0.052083333333333336VW solid #000;box-shadow:0.4166666666666667VW 0.5208333333333333VW 0 rgb(181 181 181 / 50%);}
.section-font  .license a:hover {background-color: #F8E588;}
.down_mac {position:absolute;left:50%;top:38VW;width:16VW;height:auto;margin-left: -20vw;}
.down_win {position:absolute;left:50%;top:38VW;width:16VW;height:auto;margin-left: 4vw;}

.footer__copyright{position:relative;border-bottom: 4.270833333333333VW solid #525252;position:absolute;left:0;bottom:0;width:100%;}
.footer__logo{position:absolute;left:0;top:73.51041666666667VW;width:100%;text-align:center;}
.footer__logo img {width:16.458333333333332VW; height: auto;}
.footer__text {position:absolute;top:83.27083333333334VW;width:100%;text-align:center;left:0;font-size:2.083333333333333VW;line-height:1.5;font-weight: bold;}
.footer__copyright{position:absolute;left:0;top:96vw;width:100%;text-align:center;font-size:1.5vw;line-height:1.6;font-weight: bold;}
.footer__under{position: absolute;left: 0;bottom:0;width: 100%;text-align: center;}
.footer__under img{margin-top:-1.7vw}


@media only screen and (max-width: 767px){
	.title-box {
		position: absolute;
		top: 30.266667VW;
		left: 8VW;
		z-index: 5;
		width: 86.93333333333332VW;
		margin-left: 0;
	}
	.title-box--big .title-box__text--big {padding-top: 1vw;display:block;}
	.title-box__text {
	}
}

@media only screen and (max-width: 767px){
#wrap {padding-top:0;}
	.title-box__inner {height: 75.866667VW;border-radius: 6VW;}
	.title-box--big .title-box__text--big {
    font-size: 15.333333VW;
    line-height: 1.3;
    text-shadow: 0.8VW 0.8VW 0px rgb(72 76 73 / 30%), 0.052083333333333336VW 0 0 #000, 0 0.052083333333333336VW 0 #000, -0.052083333333333336VW 0 0 #000, 0 -0.052083333333333336VW 0 #000;
    }
	.title-box--big .title-box__text--small {font-size:3.2VW;top: -6.208333VW;}
	.section__head .char {position:absolute;left: 3vw;top: 106.933333VW;margin: 0;height: auto;width: auto;}
	.section__head .char img {width:93.86666666666666VW;height:74.4VW;}

	.title-box--small {height: 37.333333333333336VW;top: 8.866666666666666VW;}
	.title-box--small .title-box__inner {height:32VW;}

	
	.section__body--story .title-box{top:8VW}
	.title-box--small .title-box__text--big {font-size: 10.333333VW;line-height: 1.4;}
	.section__desc {position:absolute;top: 53.533333VW;font-size: 2.933333333333333VW;line-height: 1.7;}
	.section__desc strong {font-size: 3.4666666666666663VW;margin-bottom: 8VW;position: relative;display: block;line-height: 1.5;}
	.video-box {top:91.2VW}
	.blockquote {top:149.2VW}
	.section__desc strong.section__desc--line:after {top: 8VW;}
	.comment-box {left:8.799999999999999VW;top:68.86666666666666VW;width:82.93333333333334VW;margin:0;}
	.comment-box img {width: 79.933333VW;height: auto;margin: 0 auto;}
	.comment-box div {font-size: 2.45rem;line-height: 1.5;}
	.comment-box .temp-1{left: 3.7vw;		top: 11.4vw;}
	.comment-box .temp-2{left: 45.3vw;		top: 11.4vw;}
	.comment-box .temp-3{left: 45.3vw;		top: 84.6vw;}
	.comment-box .temp-4{left: 4.1vw;		top: 138.3vw;}
	.comment-box .temp-5{left: 45.3vw;		top: 201.2vw;}
	.comment-box .temp-6{left: 3.7vw;		top: 204.6vw;		font-size: 2rem;}
	.comment-box .temp-7{left: 3vw;		    top: 110.3vw;		font-size: 2rem;}
	.comment-box .temp-8{left: 45.9vw;		top: 126vw;}
	.comment-box .temp-9{left: 45.9vw;		top: 261.6vw;		font-size: 2rem;}
	.comment-box .temp-10{left: 45.8vw;		top: 49.6vw;}

	.section-font {margin-top:0;background-color: #505050;}
	.section__body--examinar {z-index: 6;}
	.header__nav--list-link {font-size:5vw;}
	.ly-toolbar {top: 54.666667VW;z-index: 2;}
	.f_wrap {display:block;height: 16.53333333333333VW;}
	#font_regular {
		width: 25.333333333333336VW;
		height: 8.533333333333333VW;
		font-size: 2.933333333333333VW;
		margin-right: 4.533333333333333VW;
		border-radius: 4.26vw;
	}
	#font_bold {
    width: 25.333333333333336VW;
    height: 8.533333333333333VW;
    font-size: 2.933333333333333VW;
    border-radius: 4.26vw;}
	.section-preview .title-box {10.133333333333333VW}
	.ly-toolbar div.ly-range button#ly-range-minus {background-size: 2.666666666666667VW auto;
    width: 4vw;
    height: 4vw;}
	.ly-toolbar div.ly-range button#ly-range-plus {background-size: 2.666666666666667VW auto;
    width: 4vw;
    height: 4vw;}
	input[type=range] {
    
	}
input[type=range]{width: 26.000000000000004VW;}
input[type=range]:focus{outline:none;}
input[type=range]::-webkit-slider-runnable-track{width:80%;height:0.26666666666666666VW;cursor:pointer;animate:0.2s;box-shadow:0px 0px 0px #000000;background:#060001;border-radius:0px;border:0px solid #060001;}
input[type=range]::-webkit-slider-thumb{box-shadow:0px 0px 1px #060001;border:0.26666666666666666VW solid #060001;height:2.666666666666667VW;width:2.666666666666667VW;border-radius:2.666666666666667VW;background:#EAEAEA;cursor:pointer;-webkit-appearance:none;margin-top:-1.3VW;}
input[type=range]:focus::-webkit-slider-runnable-track{background:#060001;}
input[type=range]::-moz-range-track{width:80%;height:0.5333333333333333VW;cursor:pointer;animate:0.2s;box-shadow:0px 0px 0px #000000;background:red;border-radius:0px;border:0;font-size:0;line-height:0;}
input[type=range]::-moz-range-thumb{box-shadow:0px 0px 1px #060001;border:0.26666666666666666VW solid #060001;height:1.25VW;width:1.25VW;border-radius:12px;background:#96CA3A;cursor:pointer;}
input[type=range]::-ms-track{width:80%;height:0.10416666666666667;cursor:pointer;animate:0.2s;background:transparent;border-color:transparent;color:transparent;}
input[type=range]::-ms-fill-lower{background:#060001;border:0px solid #060001;border-radius:0px;box-shadow:0px 0px 0px #000000;}
input[type=range]::-ms-fill-upper{background:#060001;border:0px solid #060001;border-radius:0px;box-shadow:0px 0px 0px #000000;}
input[type=range]::-ms-thumb{box-shadow:0px 0px 1px #060001;border:0.26666666666666666VW solid #060001;height:1.25VW;width:1.25VW;border-radius:12px;background:#96CA3A;cursor:pointer;}
input[type=range]:focus::-ms-fill-lower{background:#060001;}
input[type=range]:focus::-ms-fill-upper{background:#060001;}
.ly-toolbar div.ly-range {
    display: inline-block;
    width: 53VW;
}.ly-toolbar input[type=radio].ly-radio-button + label {
    display: inline-block;
    width: 5.6000000000000005VW;
    height: 5.6000000000000005VW;
    margin: 0 0.26041666666666663VW;
    border-radius: 5.6000000000000005VW;
    border: 0.052083333333333336VW solid #060001;
    text-indent: -9999px;
    position: relative;
    top: -2vw;
}
.edit_wrap {
    margin-top: -50VW;position:relative;
}
#ly-editor {
    width: 90vw;
	color:#fff;
}
.section-font .title-box {top:10.133333333333333VW}
.section-font .license {
    top: 55.333333333333336VW;
    margin-left: -18.8vw;
}
.section-font .license a {
    width: 37.6VW;
    height: 8.266666666666666VW;
    line-height: 8.266666666666666VW;
    border-radius: 4.13vw;
    font-size: 3.4666666666666663VW;
	}
.down_mac {
    left: 20VW;
    top: 70VW;
    margin: 0;
    width: 26VW;
    height: auto;
} 
.down_win {
    right: 24VW;
    top: 70VW;
    width: 26VW;
    height: auto;
} 
.footer__logo {
    top: 121.6VW;
}
.footer__under{
/*	top: 125.510417VW;*/
top: auto !important;
bottom:0;
}
.video-box__inner {height:40.3VW;}
.footer__text {
    top: 135.06666666666666VW;
    font-size: 2.933333333333333VW;
}
.footer__copyright {
    top: 91%;
    font-size: 2.1VW;
}
.blockquote__text {font-size:2.933333333333333VW;line-height:1.7	;}
.blockquote__caption{font-size:2.4VW;}
.blockquote__icon{display:inline-block;width: 13.333333333333334VW;height: 6.333333VW;margin-bottom: 2.864583333333333VW;background:url("../images/pc/ico-blockquote.svg") no-repeat center;background-size: auto 4.5VW;vertical-align:top;}

}