@charset "utf-8";
/* layout */

body{background:#f0f0f0;max-width: 1920px;margin: 0 auto;overflow-x: hidden; display:flex; flex-direction:column; min-height:100vh;}
body #fixed-top{background:#ffffd9; height:60px;}
body.for_dimm{overflow: hidden;height: 100%;}
span[class^="material-icons"]{display: inline-block;vertical-align: middle;}
.hop_dimm{position:fixed;background:rgba(0,0,0,0.75);z-index:45;left:0;top:0;right:0;bottom:0}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}

#skip{text-indent:-999em;height:0;width:0}
.wrapper{margin: 0 auto;width: 95%;max-width: var(--wrapper-maxwidth);z-index: 1;position: relative;}
.wrapper:after{content: '';clear: both;display: block;}
.wrapper .container_inner {width:100%; height:100%; display:flex; align-items:center;}


#bg{position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.5);display:none;z-index:2001;}
#popup1{position: fixed;top:0;left:0;padding: 140px 0 100px;width: 100%;box-sizing: border-box;overflow-y: auto;height:100%;display: none;z-index: 2005;}
#popup1 .inner_wrap{position: relative;top: 0;left: 0;max-width: 1400px;width: 90%;margin: 0 auto;background: #ffffff;padding: 100px 50px 98px;box-sizing: border-box;}
#popup1 .inner_wrap *{box-sizing:border-box;}
#popup1 h3{font-size: 36px;text-align:center;color: #222222;margin-bottom: 40px;line-height: 1em;font-weight: 600;}
#popup1 .textarea{width: 100%;height: 400px;background: #f8f8f8;overflow-y: auto;font-size: 17px;color: #666666;line-height: 1.8;font-weight: 300;letter-spacing: 0;word-break: keep-all;padding: 35px 40px;box-sizing: border-box;}
#popup1 .textarea::-webkit-scrollbar-thumb {background-color: #d2d2d2; }
#popup1 .textarea::-webkit-scrollbar-track {background-color:#fafafafe;}
#popup1 .textarea pre{font-family: var(--main-font), dotum,sans-serif;white-space: pre-line;}
:lang(en) body #popup1 .textarea pre{font-family: 'Manrope', var(--main-font),sans-serif;}
:lang(zh-Hans) body #popup1 .textarea pre{font-family: 'Noto Sans SC', sans-serif;}
#popup1 .container{width: 100%;height: 100%;}
#popup1 .close{position: absolute;right: 0;top: -50px;cursor: pointer;width: 35px;height: 35px;}
#popup1 .close:before,
#popup1 .close:after{display:block;content:"";position: absolute;top: 17px;left: -7px;width: 50px;height: 2px;background: #fff;transform: rotate(45deg);}
#popup1 .close:after{transform: rotate(-45deg);}
/* today index popup */
.pop_today_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.pop_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}



@media screen and (max-width:1024px) {
	html{width:100%;overflow-x:hidden}
	html,body{min-height:100vh;position:relative}
	button,button:focus,button:active{outline:0!important}
}
@media screen and (max-width:815px) {
	.subWrap{min-height: calc(100vh - 265px);}/*pagecontent60+fixedtop60+footer145 = 265*/
}

/* END - layout */