#sub_visual{position:relative;  text-align:center;   height:53rem; background-position:center; background-repeat:no-repeat;  background-size:cover;display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center;}
#sub_visual:before{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.3); content:"";}
#sub_visual section{position:relative;  z-index:4; }
#sub_visual section h2{ font-size:5rem; font-weight:700;  color:#fff; line-height:100%;  }
#sub_visual section h2:after{display:block; margin:.5em auto; width:2em; height:.1em; background:#FFF; content:"";}
#sub_visual section p{color:#FFF; font-size:1.3em;}


@media (max-width:850px){
	#sub_visual{height:50vw; }
	#sub_visual section h2{ font-size:5vw;  }
	#sub_visual section p{color:#FFF; font-size:1em; padding:0 2em}

}



.sub_container {padding:80px 0;  z-index:1;  }
.sub_container.skin_page{ padding: 0;  }

.pageContent{
	--c-main: var(--color-main);
	--c-sub: var(--color-sub);
	--c-bg: var(--color-bg);
	--c-dark: #b28448;
	--c-light: #fae0b2;

	--c-gra: var(--color-gra);
}

.pageContent{ font-size:1.3em;  line-height:150%; position:relative; zoom:1; word-break:keep-all;}
.pageContent:after {display:block;visibility:hidden;clear:both;content:""}
.pageContent .fmm{font-family:"Noto Serif KR", sans-serif;}

@media (max-width:1200px){
 .sub_container {padding:5vw 0; margin:0 4vw; width:auto;}
}
@media (max-width:736px){
 .pageContent{ font-size:14px; }
 .pageContent .full_width_bg{background-position:center right; background-size:cover; }
}


.pageContent h3,
.pageContent h4,
.pageContent h5,
.pageContent h6{position:relative; margin:0; line-height:140%;}


.pageContent h3{font-size:2.6em; }/*60*/
.pageContent h3.s{font-size:2.3em; }/*60*/
.pageContent h4{font-size:1.7em; }
.pageContent h5{font-size:1.46em}/*38*/
.pageContent h5.s{font-size:1.3em}/*34*/
.pageContent h6{font-size:1.1em }


@media (max-width:736px){
	.pageContent h3{font-size:1.4em; }
	.pageContent h3.s{font-size:1.35em; }
	.pageContent h4{font-size:1.3em; }
	.pageContent h5{font-size:1.2em; }
	.pageContent h5.s{font-size:1.15em; }
	.pageContent h6{font-size:1.1em; }
}
.pageContent .bold{font-weight:600}
.pageContent .fine{font-weight:300}
.pageContent .tc{text-align:center;}
.pageContent .tl{text-align:left}
.pageContent .tr{text-align:right}
.pageContent .tj{text-align:justify}
.pageContent img{max-width:100%}
.pageContent p{padding:.3em 0; }
.pageContent .dib{display:inline-block;}
.pageContent .js_bg{background-size:cover; background-position:center; }

.pageContent ul{padding:0; margin:0; list-style-type: none;  }
.pageContent li{position:relative; margin:.3em 0; text-align:left; line-height:140%; padding-left:1.5em; }
.pageContent ul > li:before{position:absolute; left:0; content:"•";  overflow:hidden;  text-align:center; width:1em;    }
.pageContent ol{padding:0 0 0 0; list-style-type: none; counter-reset:sign-num;}
.pageContent ol > li:before{position:absolute; left:0; counter-increment:sign-num; content:counter(sign-num)'.'; overflow:hidden;  text-align:center;  text-align:right; width:1.2em;   }


.pageContent ul.uls_1 > li:before{content:"\e674"; font-family:'iconfont'; color:#ae8a66; }
.pageContent ol.ols_1 > li{padding-left:2em}
.pageContent ol.ols_1 > li:before{content:'0'counter(sign-num); width:1.4em; height:1.4em; border-radius:50%; background:#ae8a66; color:#FFF;text-align:center;  }

.pageContent ul.uls_2 > li{padding-left:2em}
.pageContent ul.uls_2 > li:before{content:""; background:url(/sub/img/check_icon1.svg) center no-repeat; width:1.4em;  height:1.4em; background-size:auto 100%;}
.pageContent ul.uls_3 > li{padding-left:2em}
.pageContent ul.uls_3 > li:before{content:""; background:url(/sub/img/check_icon2.svg) center no-repeat; width:1.4em;  height:1.4em; background-size:auto 100%;}


.pageContent ol[data-list-type="bracket"] {counter-reset:bracket;}
.pageContent ol[data-list-type="bracket"] > li {padding-left:2em;counter-increment:bracket;}
.pageContent ol[data-list-type="bracket"] > li:first-child {margin-top:0;}
.pageContent ol[data-list-type="bracket"] > li:before {content:'('counter(bracket)')';display:block;position:absolute;left:0; width:1.4em; }


.pageContent ol[data-list-type="hangul"] { padding-left:2em}
.pageContent ol[data-list-type="hangul"] > li{ padding-left:0; }
.pageContent ol[data-list-type="hangul"] > li:before{display:none; }
.pageContent ol[data-list-type="hangul"] > li {list-style:hangul;}


.pageContent ol[data-list-type="decimal"] { padding-left:2em}
.pageContent ol[data-list-type="decimal"] > li{ padding-left:0; }
.pageContent ol[data-list-type="decimal"] > li:before{display:none; }
.pageContent ol[data-list-type="decimal"] > li {list-style:decimal;}

.pageContent ol[data-list-type="decimal-circle"] {counter-reset:decimal-circle;}
.pageContent ol[data-list-type="decimal-circle"] > li {padding-left:2em; counter-increment:decimal-circle;}
.pageContent ol[data-list-type="decimal-circle"] > li:before {position:absolute; content:counter(decimal-circle); left:0;width:1.4em;height:1.4em;font-size:1em;line-height:1.4em;text-align:center;text-indent:-1px;white-space:nowrap;border-radius:50%;border:1px solid #666;}

@media (min-width:736px){
	.pageContent .w2{ display: -webkit-flex; display: flex; justify-content:space-between; flex-flow:wrap;}
	.pageContent .w2 > li{width:49%; }

}

 .pageContent u{text-decoration:underline; text-decoration-thickness: 0.05em;text-underline-position: under; }

.pageContent .link{text-decoration:underline; color:#1d70bd}
.pageContent i{font-style:italic; }
.pageContent .iconfont{font-style:normal; }
.pageContent em{font-style:italic; }
.pageContent small{font-size:.8em; opacity:.8}
.pageContent .small{font-size:.8em; opacity:.8}
.pageContent big{font-size:1.2em }
.pageContent .big{font-size:1.2em }
.pageContent sub .pageContent sup {font-size:.8em;}

.pageContent dl.dl{overflow:hidden; position:relative; margin:10px 0}
.pageContent dl.dl dt{float:left;clear:both; padding-bottom:6px;   }
.pageContent dl.dl dd{_display:inline-block;overflow:hidden;padding-bottom:6px;  zoom:1}
.pageContent dl.dl dd:after{display:block;clear:both;content:''}



.cfM{color:var(--c-main); }
.cfS{color:var(--c-sub); }
.cfD{color:var(--c-dark); }
.cfL{color:var(--c-light); }
.cfGra{color:var(--c-gra); }

	.cfm2{color:#00487a; }
	.cfB{color:#000; }
	.cfh{color:#a6a6a6; }
	.cfr{color:#F44; }
	.cfb{color:#1c8cc1; }
	.cfb1{color:#3d8cb9; }
	.cfb2{color:#243e86; }
	.cfg{color:#3db9ac; }
	.cfy{color:#ffcc00; }
	.cfw{color:#FFF; }

.cbM{background:var(--c-main); color:#FFF; }
.cbS{background:var(--color-sub); color:#FFF; }
.cbD{background:var(--c-dark); color:#FFF; }
.cbL{background:var(--c-light);}
.cbH{background:var(--c-bg); }
.cbh{background:#F4FCFF; }
.cbGra{background:var(--c-gra);color:#FFF;  }

	.cbB{background:#000; color:#FFF;}
	.cbr{background:#F44; color:#FFF;}
	.cbb{background:#39F; color:#FFF;}
	.cbg{background:#3db9ac; color:#FFF;}
	.cby{background:#ffcc00;}
	.cbw{background:#fff;}

.pageContent .nmt{margin-top:0;}
.pageContent .round{display:inline-block; border-radius:1em; }


.pageContent .fw100{font-weight:100}
.pageContent .fw300{font-weight:300}
.pageContent .fw350{font-weight:350}
.pageContent .fw400{font-weight:400}
.pageContent .fw500{font-weight:500}
.pageContent .fw600{font-weight:600}
.pageContent .fw700{font-weight:700}
.pageContent .fw800{font-weight:800}
.pageContent .fw900{font-weight:900}


.pageContent .op1{ opacity:.1}
.pageContent .op2{ opacity:.2}
.pageContent .op3{ opacity:.3}
.pageContent .op4{ opacity:.4}
.pageContent .op5{ opacity:.5}
.pageContent .op6{ opacity:.6}
.pageContent .op7{ opacity:.7}
.pageContent .op8{ opacity:.8}
.pageContent .op9{ opacity:.9}


.pageContent .ls-05{ letter-spacing:-.05em}
.pageContent .ls-1{ letter-spacing:-.1em}
.pageContent .ls-2{ letter-spacing:-.2em}
.pageContent .ls-3{ letter-spacing:-.3em}
.pageContent .ls-4{ letter-spacing:-.4em}
.pageContent .ls-5{ letter-spacing:-.5em}
.pageContent .ls1{ letter-spacing:.1em}
.pageContent .ls2{ letter-spacing:.2em}
.pageContent .ls3{ letter-spacing:.3em}
.pageContent .ls4{ letter-spacing:.4em}
.pageContent .ls5{ letter-spacing:.5em}
.pageContent .ls6{ letter-spacing:.6em}
.pageContent .ls7{ letter-spacing:.7em}
.pageContent .ls8{ letter-spacing:.8em}
.pageContent .ls9{ letter-spacing:.9em}
.pageContent .ls10{ letter-spacing:1em}

.pageContent .pd-1{padding-top:.1em; padding-bottom:.1em}
.pageContent .pd-2{padding-top:.2em; padding-bottom:.2em}
.pageContent .pd-3{padding-top:.3em; padding-bottom:.3em}
.pageContent .pd-4{padding-top:.4em; padding-bottom:.4em}
.pageContent .pd-5{padding-top:.5em; padding-bottom:.5em}
.pageContent .pd-6{padding-top:.6em; padding-bottom:.6em}
.pageContent .pd-7{padding-top:.7em; padding-bottom:.7em}
.pageContent .pd-8{padding-top:.8em; padding-bottom:.8em}
.pageContent .pd-9{padding-top:.9em; padding-bottom:.9em}
.pageContent .pd1{padding-top:1em; padding-bottom:1em}
.pageContent .pd1-5{padding-top:1.5em; padding-bottom:1.5em}
.pageContent .pd2{padding-top:2em; padding-bottom:2em}
.pageContent .pd2{padding-top:2.5em; padding-bottom:2.5em}
.pageContent .pd3{padding-top:3em; padding-bottom:3em}
.pageContent .pd4{padding-top:4em; padding-bottom:4em}
.pageContent .pd5{padding-top:5em; padding-bottom:5em}
.pageContent .pd6{padding-top:6em; padding-bottom:6em}
.pageContent .pd7{padding-top:7em; padding-bottom:7em}
.pageContent .pd8{padding-top:8em; padding-bottom:8em}
.pageContent .pd9{padding-top:9em; padding-bottom:9em}
.pageContent .pd10{padding-top:10em; padding-bottom:10em}
.pageContent .pd12{padding-top:12em; padding-bottom:12em}


.pageContent .pdw-1{padding-left:.1em; padding-right:.1em}
.pageContent .pdw-2{padding-left:.2em; padding-right:.2em}
.pageContent .pdw-3{padding-left:.3em; padding-right:.3em}
.pageContent .pdw-4{padding-left:.4em; padding-right:.4em}
.pageContent .pdw-5{padding-left:.5em; padding-right:.5em}
.pageContent .pdw-6{padding-left:.6em; padding-right:.6em}
.pageContent .pdw-7{padding-left:.7em; padding-right:.7em}
.pageContent .pdw-8{padding-left:.8em; padding-right:.8em}
.pageContent .pdw-9{padding-left:.9em; padding-right:.9em}
.pageContent .pdw1{padding-left:1em; padding-right:1em}
.pageContent .pdw1-5{padding-left:1.5em; padding-right:1.5em}
.pageContent .pdw2{padding-left:2em; padding-right:2em}
.pageContent .pdw2-5{padding-left:2.5em; padding-right:2.5em}
.pageContent .pdw3{padding-left:3em; padding-right:3em}
.pageContent .pdw4{padding-left:4em; padding-right:4em}
.pageContent .pdw5{padding-left:5em; padding-right:5em}
.pageContent .pdw6{padding-left:6em; padding-right:6em}
.pageContent .pdw7{padding-left:7em; padding-right:7em}
.pageContent .pdw8{padding-left:8em; padding-right:8em}
.pageContent .pdw9{padding-left:9em; padding-right:9em}
.pageContent .pdw10{padding-left:10em; padding-right:10em}
.pageContent .pdw12{padding-left:12em; padding-right:12em}

@media (max-width:736px){
	.pageContent .pd-1{padding-top:.05em; padding-bottom:.05em}
	.pageContent .pd-2{padding-top:.1em; padding-bottom:.1em}
	.pageContent .pd-3{padding-top:.15em; padding-bottom:.15em}
	.pageContent .pd-4{padding-top:.2em; padding-bottom:.2em}
	.pageContent .pd-5{padding-top:.25em; padding-bottom:.25em}
	.pageContent .pd-6{padding-top:.3em; padding-bottom:.3em}
	.pageContent .pd-7{padding-top:.35em; padding-bottom:.35em}
	.pageContent .pd-8{padding-top:.4em; padding-bottom:.4em}
	.pageContent .pd-9{padding-top:.45em; padding-bottom:.45em}
	.pageContent .pd1{padding-top:.5em; padding-bottom:.5em}
	.pageContent .pd1-5{padding-top:.75em; padding-bottom:.75em}
	.pageContent .pd2{padding-top:1em; padding-bottom:1em}
	.pageContent .pd2{padding-top:1.25em; padding-bottom:1.25em}
	.pageContent .pd3{padding-top:1.5em; padding-bottom:1.5em}
	.pageContent .pd4{padding-top:2em; padding-bottom:2em}
	.pageContent .pd5{padding-top:2.5em; padding-bottom:2.5em}
	.pageContent .pd6{padding-top:3em; padding-bottom:3em}
	.pageContent .pd7{padding-top:3.5em; padding-bottom:3.5em}
	.pageContent .pd8{padding-top:4em; padding-bottom:4em}
	.pageContent .pd9{padding-top:4.5em; padding-bottom:4.5}
	.pageContent .pd10{padding-top:5em; padding-bottom:5em}
	.pageContent .pd12{padding-top:6em; padding-bottom:6em}

	.pageContent .pdw-1{padding-left:.1em; padding-right:.1em}
	.pageContent .pdw-2{padding-left:.1em; padding-right:.1em}
	.pageContent .pdw-3{padding-left:.15em; padding-right:.15em}
	.pageContent .pdw-4{padding-left:.2em; padding-right:.2em}
	.pageContent .pdw-5{padding-left:.25em; padding-right:.25em}
	.pageContent .pdw-6{padding-left:.3em; padding-right:.3em}
	.pageContent .pdw-7{padding-left:.35em; padding-right:.35em}
	.pageContent .pdw-8{padding-left:.4em; padding-right:.4em}
	.pageContent .pdw-9{padding-left:.45em; padding-right:.45em}
	.pageContent .pdw1{padding-left:.5em; padding-right:.5em}
	.pageContent .pdw1-5{padding-left:.75em; padding-right:.75em}
	.pageContent .pdw2{padding-left:1em; padding-right:1em}
	.pageContent .pdw2{padding-left:1.25em; padding-right:1.25em}
	.pageContent .pdw3{padding-left:1.5em; padding-right:1.5em}
	.pageContent .pdw4{padding-left:2em; padding-right:2em}
	.pageContent .pdw5{padding-left:2.5em; padding-right:2.5em}
	.pageContent .pdw6{padding-left:3em; padding-right:3em}
	.pageContent .pdw7{padding-left:3.5em; padding-right:3.5em}
	.pageContent .pdw8{padding-left:4em; padding-right:4em}
	.pageContent .pdw9{padding-left:4.5em; padding-right:4.5}
	.pageContent .pdw10{padding-left:5em; padding-right:5em}
	.pageContent .pdw12{padding-left:6em; padding-right:6em}
}


.pageContent .w5em{width:5em;}
.pageContent .w6em{width:6em;}
.pageContent .w7em{width:7em;}
.pageContent .w8em{width:8em;}
.pageContent .w9em{width:9em;}
.pageContent .w10em{width:10em;}
.pageContent .w12em{width:12em;}
.pageContent .w15em{width:15em;}
.pageContent .w18em{width:18em;}
.pageContent .w20em{width:20em;}


.pageContent .w10p{width:10%;}
.pageContent .w20p{width:20%;}
.pageContent .w30p{width:30%;}
.pageContent .w40p{width:40%;}
.pageContent .w50p{width:50%;}
.pageContent .w60p{width:60%;}
.pageContent .w70p{width:70%;}
.pageContent .w80p{width:80%;}
.pageContent .w90p{width:90%;}
.pageContent .w100p{width:100%;}






	.pageContent .lh-8{ line-height:.8em}
	.pageContent .lh-9{ line-height:.9em}
	.pageContent .lh1{ line-height:1em}
	.pageContent .lh11{ line-height:1.1em}
	.pageContent .lh12{ line-height:1.2em}
	.pageContent .lh13{ line-height:1.3em}
	.pageContent .lh14{ line-height:1.4em}
	.pageContent .lh15{ line-height:1.5em}
	.pageContent .lh16{ line-height:1.6em}
	.pageContent .lh17{ line-height:1.7em}
	.pageContent .lh18{ line-height:1.8em}
	.pageContent .lh19{ line-height:1.9em}
	.pageContent .lh20{ line-height:2em}
	.pageContent .lh30{ line-height:3em}
	.pageContent .lh40{ line-height:4em}


.pageContent .title{z-index:1;  margin-bottom:1.5em;}
.pageContent .title strong{position:relative;  display:inline-block;  line-height:10rem; color:#FFF; width:70rem; padding-bottom:.5em; overflow:hidden; }
.pageContent .title strong svg{position:absolute; top:0; left:0;  height:auto; z-index:-1; width:100% }
.pageContent .title strong svg path {fill:var(--c-main); d: path('M 0 0 L 0 0 L 0 100 L 335 100 L 335 130 L 365 100 L 700 100 L 700 0 Z');}
.pageContent .title.s2 strong svg path {fill:none;  stroke: #FFF; stroke-width: 2px; }


.pageContent .title.s3{z-index:1;  margin-bottom:0em;}
.pageContent .title.s3 strong{width:45rem; text-align:center; }
.pageContent .title.s3 strong svg path {fill:var(--c-main); d: path('M 0 0 L 0 0 L 0 100 L 185 100 L 185 130 L 215 100 L 450 100 L 450 0 Z');}

.pageContent .title2{z-index:1; margin:0; padding:.3em 0;   margin-bottom:.5em;}
.pageContent .title2:before{  display:block;  line-height:30%;  content:"━"; }


.pageContent .title3{ }
.pageContent .title3 strong{position:relative; display:inline-block; padding:.1em 1em;   z-index:1; color:#FFF;}
.pageContent .title3 strong:before{position:absolute; top:0; left:0; width:100%; height:100%; content:""; background:var(--c-main);z-index:-1;transform: skewX(335deg);}


@media (max-width:850px){
	.pageContent .title strong{line-height:5rem; width:30rem; }
	.pageContent .title strong svg path {fill:var(--c-main); d: path('M 0 0 L 0 0 L 0 50 L 145 50 L 145 60 L 155 50 L 300 50 L 300 0 Z');}


	.pageContent .title.s3 strong{width:4rem; width:20rem; line-height:4rem;}
	.pageContent .title.s3 strong svg path {d: path('M 0 0 L 0 0 L 0 40 L 95 40 L 95 50 L 105 40 L 200 40 L 200 0 Z');}


}
.pageContent section{position:relative;}
.pageContent article{position:relative; _display:inline-block; overflow:hidden; zoom:1}
.pageContent article:after{display:block;clear:both;content:''}

.full_img{position:relative; left:50%; width:200vw;  margin-left:-100vw; text-align:center;  }
.full_img img{max-width:none}

.full_img_bg{position:absolute; top:0;  bottom:0; overflow:hidden; z-index:-1;  left:50%; width:200vw;  margin-left:-100vw; text-align:center;  }
.full_img_bg img{max-width:none}

.pageContent .full_bg{position:absolute; top:0; left:50%; bottom:0; width:100vw; margin-left:-50vw; background-position:center; background-repeat:no-repeat; z-index:-1;}
.pageContent .full_bg.cover{background-size:cover; }
.pageContent .full_bg.fixed{background-attachment:fixed;}
.pageContent .full_bg.fixed_sc{background-attachment:fixed;}


@media (max-width:1200px){
	.pageContent .full_bg{  margin-left:-4vw; left:0; background-size:cover; }
	.pageContent .mcover{background-size:cover; }
}




.table_s{width:100%;border-top:2px solid #555;}
.table_s thead th{padding:.6em;border:1px solid #ccc;  border-top:2px solid #555; border-bottom:2px solid #555;   font-weight:500;}
.table_s thead td{padding:.6em; border:1px solid #ccc;border-top:2px solid #555; border-bottom:2px solid #555;    font-weight:500;}
.table_s tbody th{padding:.6em; border:1px solid #ccc;text-align:center;      }
.table_s tbody td{padding:.6em; border:1px solid #ccc;   }
.table_s tfoot th{padding:.6em; border:1px solid #ccc;   background:#FFE}
.table_s tfoot td{padding:.6em; border:1px solid #ccc;  background:#FFE}
.table_s{border-left:2px solid transparent;border-right:2px solid transparent}

@media (max-width:736px){
	.table_sc{width:100%; position:relative;  overflow-x:auto;}
	.table_sc .table_s{width:auto; white-space: nowrap;}
	.table_s thead th{  padding:.5em .3em;  }
	.table_s thead td{  padding:.3em;  }
	.table_s tbody th{  padding:.3em;  }
	.table_s tbody td{  padding:.3em;  }
}
.table_s.fixed{table-layout:fixed}


.page_header{position:relative; text-align:center;   margin-bottom:40px;}
.page_header h2{ font-family:"nanum myeongjo"; font-weight:600}
.page_header h2:before{display:block; width:1px; height:2em; background:#333; margin:0 auto; content:"";}




.comma{font-size:1.1em;}
.comma:before,
.comma:after{ display:inline-block;  font-size:2em; font-family:"iconfont"; color:#1a5da8; vertical-align:middle;}
.comma:before{content:"\e6de";  margin-top:-2%; margin-right:1%;  }
.comma:after{content:"\e6df" ;  margin-left:1%;}


.brackets{position:relative; padding:0 1em ; text-align:center; }
.brackets:before{position:absolute;border:.1em solid #DDD; border-right:0; width:.6em;  top:.5em;  left:1em;  bottom:.5em;    content:"";}
.brackets:after{position:absolute;border:.1em solid #DDD; border-left:0; width:.6em;  top:.5em;  right:1em; bottom:.5em;  content:"";}

.pageContent .wave{display:inline-block;  }
.pageContent .wave:after{margin-top:0;  display:block;height: 0.2em;background:linear-gradient(135deg, transparent, transparent 45%, #888, transparent 55%, transparent 100%),linear-gradient(45deg, transparent, transparent 45%, #888, transparent 55%, transparent 100%);background-size: 0.4em 0.4em;background-repeat: repeat-x, repeat-x;content: '';}

.lrbox dt{width:48%;}
.lrbox dd{width:50%;}

@media (max-width:736px){
	.lrbox{display:block;}
	.lrbox dt{width:auto;}
	.lrbox dd{width:auto; margin-top:5vw; text-align:center;}

}
.full_width_bg{background-position:center;}

.dls_1{ text-align:left; margin-top:2em;}
.dls_1 dt{ border-top:.15em solid var(--c-main); border-bottom:.15em solid var(--c-main); padding:.2em 0; width:29rem;}
.dls_1 dt h5{background:var(--c-main); color:#FFF; text-align:center; position:absolute;left:0; right:0; bottom:.1em; font-weight:700}
.dls_1 dd{ border-top:.15em solid var(--c-bg); border-bottom:.15em solid var(--c-bg); padding:.2em 0; width:calc(100% - 30rem); padding-left:2rem; display: flex;flex-direction:column; justify-content:center;}

@media (max-width:736px){
	.dls_1{margin-top:1em; }
	.dls_1 dt{  width:12rem; height:7em;  }
	.dls_1 dd{   width:calc(100% - 13rem);   padding:.5em 0; font-size:.9em; line-height:130%;}
}
.dls_2 dt{width:50%; padding-right:8em;}
.dls_2 dd{width:50%; padding-left:8em;}
.dls_2 h5{position:absolute; top:50%; border:.1em solid #333; display: flex;flex-direction:column; justify-content:center; width:5em; height:5em; font-weight:700; border-radius:50%; transform:translateY(-50%)}
.dls_2 dt h5{right:-.3em;}
.dls_2 dd h5{left:-.3em;}
.dls_2 dt p{font-size:.9em; text-align:right; }
.dls_2 dd p{font-size:.9em; text-align:left; }


@media (max-width:736px){
	.dls_2 dt{width:50%; padding-right:1em; padding-top:6em; }
	.dls_2 dd{width:50%; padding-left:1em;padding-top:6em; }
	.dls_2 h5{position:absolute; top:0;   transform:translateY(0)}
	.dls_2 dt h5{right:-.3em;}
	.dls_2 dd h5{left:-.3em;}
	.dls_2 dt p{font-size:1em; text-align:right; }
	.dls_2 dd p{font-size:1em; text-align:left; }
	.dls_2 p br{display:none;}
}

.dls_3{font-size:.8em;}
.dls_3 dd{width:13.5em; height:13.5em; border-radius:50%; color:#FFF;}
.dls_3 dd h5{font-weight:700; }
.dls_3 dd:nth-child(1){background:linear-gradient(135deg, #0cbbd4 0%, #00f2fe 100%);}
.dls_3 dd:nth-child(2){background:linear-gradient(135deg, #00b1f8 0%, #1892d1 100%);}
.dls_3 dd:nth-child(3){background:linear-gradient(135deg, #015eea 0%, #00c0fa 100%);}
.dls_3 dd:nth-child(4){background:var(--c-main);}


@media (max-width:736px){
	.dls_3.js{font-size:1em;flex-flow:wrap;justify-content:center; gap:1rem}
	.dls_3 dd{width:11em; height:11em;  }
	.dls_3 dd p{font-size:.9em}

}


.dls_4{background:#FFF; padding:2em; border-radius:2em;}
.dls_4 ol{display: -webkit-flex; display: flex; justify-content:space-between; flex-flow:wrap;}
.dls_4 ol:before{position:absolute; top:0; bottom:0; left:50%; width:1px; background:var(--color-bg); content:"";}
.dls_4 ol li{width:48%; margin:.8em 0}
.dls_4 ol li{padding-left:3em; font-weight:300; }
.dls_4 ol li:before{content:'0'counter(sign-num); width:1.4em; height:1.4em;  color:var(--color-bg);text-align:center;  font-size:1.9em; font-weight:700}



@media (max-width:736px){
	.dls_4{ padding:1em; border-radius:1em;}
	.dls_4 ol{display:block; }
	.dls_4 ol:before{display:none}
	.dls_4 ol li{width:auto; margin:.8em 0}
	.dls_4 ol li{padding-left:2.5em;  }
	.dls_4 ol li:before{font-size:1.5em;  }

}
/* group 4*/
.dls_5 dt{width:50%; mix-blend-mode: multiply}
.dls_5 dd{width:50%;}
.dls_5 dd h5{border-top:.1em solid var(--c-main); border-bottom:.1em solid var(--c-sub); color:var(--c-main); font-weight:700; padding:.6em 0; display:inline-block;  }
.dls_5 dd p{margin-top:.6em;}

.mea_mark{position:absolute; top:10%; left:-20%;}

@media (max-width:736px){
	.dls_5{display:block;}
	.dls_5 dt{width:100%; padding:0 5em}
	.dls_5 dd{width:100%;padding-top:2rem; text-align:center; }

	.mea_mark{ width:10em}

}
.dls_6{padding:4em 0;}
.dls_6 h3{position:absolute; top:0; left:0; right:0; background:var(--c-main); color:#BAE8FC; font-weight:700; padding:.2em}
.dls_6 h3:before{position:absolute; border:.2em solid transparent; border-top-color:var(--c-main); border-left-color:var(--c-main); left:50%; top:100%; content:"";}
.dls_6 dl{margin-top:2em;}
.dls_6 dd{font-size:1.15em; width:12.6em; height:12.6em; margin:.3em; border:.2em solid var(--c-sub); background:#FFF; border-radius:50%;padding-top:3em;}
.dls_6 dd strong{ display:inline-block; font-size:1.2em; color:var(--c-main); border-bottom:.15em solid var(--c-main); }
.dls_6 dd p{margin-top:.5em;}

@media (max-width:736px){
	.dls_6{padding:2em 0;}
	.dls_6 h3{ padding:.4em}
	.dls_6 dl{margin-top:2em;}
	.dls_6 dd{font-size:.9em; width:10em; height:auto; margin:.2em; border:.2em solid var(--c-sub); background:#FFF; border-radius:1em;padding:.6em .3em}
	.dls_6 dd p{margin-top:.5em; line-height:1.2em;}

}

.dls_7{margin:2em 0}
.dls_7 dt{width:45%; text-align:center; }
.dls_7 dd{width:50%; width:left ;}
.dls_7 dd h4{ font-size:2.1em;   }
.dls_7 dd h5{ font-size:1.8em;   font-weight:700; color:var(--c-sub);  border-bottom:.1em solid var(--color-bg); line-height:2em;}
.dls_7 dd p{margin-top:.6em;}

@media (max-width:736px){

	.dls_7{margin:2em 0;  }
	.dls_7 dt{width:30%;   }
	.dls_7 dd{width:65%; }
	.dls_7 dd h4{ font-size:1.3em;   }
	.dls_7 dd h5{ font-size:1.2em;    }
	.dls_7 dd p{margin-top:.6em;}

}
.dls_8{margin-top:2em;}
.dls_8 dd{  font-size:1.7em; width:4.8em; height:4.8em; border-radius:50%; background:#FFF;  color:var(--c-main); box-shadow:inset .2em -.2em .2em rgba(0,0,0,.3)}
.dls_8 dd:nth-child(2n){color:#FFF;  background:var(--c-main); box-shadow:inset -.2em .2em .2em rgba(255,255,255,.3)}

@media (max-width:736px){
	.dls_8.js{font-size:1em;flex-flow:wrap;justify-content:center; gap:1rem}
	.dls_8 dd{  font-size:1.2em;  }

}

.scom{position:relative;  color:#FFF; text-align:center; padding:4em 0; background:url(/sub/img/2_1_6.jpg)}
.scom div{font-size:.8em; letter-spacing:.7em}
.scom h3{font-size:6.5rem;  line-height:1em; padding:.5em 0; margin:0}
.scom h3 strong{position:relative; display:inline-block; background-image:-webkit-linear-gradient(90deg, #c89c4c 0%, #FFF 50%, #c89c4c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.scom h3:before,
.scom h3:after{ width:2em; height:3em; background: url(/sub/img/maisui.png); content:""; display:inline-block; vertical-align:middle;}
.scom h3:after{transform:rotateY(180deg) }
.scom p{font-size:3rem; font-weight:300; line-height:1.3em;}
.scom p strong{color:#49d6ff;}


@media (max-width:736px){
	.scom{background-size:cover; }
	.scom div{font-size:.8em; letter-spacing:.4em}
	.scom h3{font-size:2.5rem;  line-height:1.2em; }
	.scom h3:before,
	.scom h3:after{ width:2em; height:4em; background-size:contain; background-repeat:no-repeat; background-position:center; }
	.scom p{font-size:1em;  }
}