@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/variable/pretendardvariable.css");

*{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; font-size:16px; font-weight:400; line-height:180%; letter-spacing:-1px;}
html{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; font-size:16px; font-weight:400; line-height:180%; letter-spacing:-0.5px; }
.conimg {text-align:center; width:80%;}
.conimghu {text-align:center; width:90%;}

footer .wrapper { width:1202px !important;}
.wrapper { width:100% !important;}

#main {width:100%; position:relative; margin-bottom:160px;}
#cointer{}
#main  section {width:100%; margin:0 auto; min-height:870px;}
#main section div {margin:0 auto; width:1100px; height:100%; text-align:center; }
.section1{background:url('../image/bg1.jpg') no-repeat center top;}
.section2{background:url('../image/bg2.png') repeat-x left top;}
.section3{background:url('../image/bg3.jpg') no-repeat center top;}
.section4{background:url('../image/bg4.jpg') no-repeat center top;}
.section5{background:#fafafa;}
.section6{background:url('../image/bg6.jpg') no-repeat center top;}
.section7{background:url('../image/bg7.jpg') no-repeat center top;}
.section8{background:url('../image/bg8.jpg') no-repeat center top;}
a {text-decoration:none; color:#666}
a:hover {text-decoration:none;}
.outer {  display: flex;  align-items: center; /* 荐流 沥纺 */  flex-direction: row; /* default: row */  justify-content: center; /* flex direction俊 措秦辑 沥纺规侥 急琶 */}
/*footer{height:160px; color:#fff; background:#1f1142;  position:fixed; left: 0; bottom: 0; width:100%;}

footer .footinner {text-align:left;}

footer h3{font-size:1.25em; padding:1em 0em  0em 0em}
footer .cons_box{width: 1100px; margin:10px 0px; height: auto;    text-align: left;}
footer .footinner  {text-align:left;}
footer  dl dd{ font-size:0.75em; line-height:120%; margin-top:5px; letter-spacing:0px;}
footer span {font-size:0.8em;}
select, input, option {font-size:1em}
select {padding:0.55em;}
footer input {padding:0.35em 2em;}
.agree{color:#1f1142; background:#e3c51b; padding:0.76em 1em; position:relative; top:2px;}*/



.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 9999999;
    padding: 20px;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center;
}

h2 {font-size:2em; margin-bottom:1em; font-weight:700}
.modal {z-index:99999999; background:#fff; width:600px; height:400px; overflow:auto;  text-align:left; font-size:0.75em; line-height:180%; padding:1em;  display:none;}
.close-modal {background:#000; color:#fff; padding:0.75em 2em; margin-top:2em;}

.more_hifu {margin-top:2.5em;}
.btm_dr {position:relative; left:16%; top:-56px;}
.btm_more_case {margin-top:2.5em;}
.mt-m-10{margin-top:-10%;}
.mt-50{margin-top:50px}
.mt-100{margin-top:100px}
.mt-150{margin-top:150px}