#sub_visual{position:relative;  text-align:center;  left:50%; width:100vw; margin-left:-50vw; height:380px; background-position:center; background-repeat:no-repeat;   display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; align-items:center;}
#sub_visual section{position:relative;  z-index:4;}
#sub_visual section h2{position:relative;  font-size:5rem; color:#fff; line-height:100%;  padding-bottom:.6em; }
#sub_visual section h2:after{position:absolute; left:50%; bottom:0; margin-left:-.7em; width:1.4em; height:2px; background:#FFF; content:""; }
#sub_visual section p{ font-size:1.8rem; color:#fff; line-height:120%; font-weight:300; margin-top:1em;}
#sub_visual section h6{ font-size:1.5rem; color:#45bded; line-height:120%; font-weight:300; margin-top:1em;  letter-spacing:.2em}

@media (max-width:1200px){
#sub_visual{left:0; width:100%; margin-left:0; background-size:cover;  }
}
@media (max-width:736px){
#sub_visual{height:40vw; }
#sub_visual section h2{  font-size:6vw;  }
#sub_visual section p{ font-size:3vw;  }
#sub_visual section h6{ font-size:3vw; }

}


#pageNavi{position:relative; background:#fff; height:50px; line-height:50px; z-index:2;     }
#pageNavi:before{position:absolute; top:0; border-bottom:1px solid #DDD; bottom:0; left:50%; margin-left:-50vw; width:100vw;z-index:-1; content:"";}
@media (max-width:1200px){
#pageNavi:before{ margin-left:-50%; border-top:1px solid #DDD; width:100%}
}
#pageNavi .fa-home{float:left; color:rgba(0,0,0,.5); border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);   line-height:50px; font-size:1.4em; padding:0 20px}
#pageNavi a{color:#FFF;}
#pageNavi dl{position:relative; float:left; z-index:1;}
#pageNavi dl dd{display:none}
#pageNavi dl dt{position:relative; padding:0 30px; border-right:1px solid rgba(0,0,0,.1); }
#pageNavi dl dd{position:absolute; top:50px; left:0; width:auto; min-width:100%; white-space: nowrap; background:#1fb0ff}
#pageNavi dl dd a{display:block; line-height:20px; padding: 10px 20px; border-bottom:1px solid rgba(255,255,255,.1)}
#pageNavi dl dd a:hover{background:#333}
#pageNavi dl.sub:hover{z-index:2;}
#pageNavi dl.sub dt{padding-right:50px;cursor:pointer; }
#pageNavi dl.sub dt:after{position:absolute; top:0; right:20px; line-height:50px;  font-family:"fontAwesome"; content:"\f105";}
#pageNavi dl.sub:hover dd{display:block;}
#pageNavi dl.sub:hover dt{background:#1fb0ff;color:#FFF}
#pageNavi dl.sub:hover dt:after{content:"\f107";}

@media (max-width:736px){
#pageNavi{  height:40px; line-height:40px;    }
#pageNavi .fa-home{line-height:40px; font-size:1.4em; padding:0 10px}

#pageNavi dl dt{  padding:0 10px;  }
#pageNavi dl dd{  top:40px;  }
#pageNavi dl dd a{   padding:6px 10px;  }
#pageNavi dl.sub dt{padding-right:20px; }
#pageNavi dl.sub dt:after{  right:10px; line-height:40px; }
}

.sub_container {padding:8rem 0;  z-index:1;  }
.sub_container.skin_page{ padding: 0;  }

.pageContent{ font-size:1.8rem;  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 5vw; width:auto;}
}
@media (max-width:736px){
 .pageContent{ font-size:14px; }
}

.pageContent h1,
.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5,
.pageContent h6{position:relative; margin:0; line-height:140%;}

.pageContent h1{font-size:2.5em; }
.pageContent h2{font-size:5rem; }
.pageContent h3{font-size:3.5rem; }
.pageContent h4{font-size:3rem; }
.pageContent h5{font-size:2.5rem; }
.pageContent h6{font-size:2.3rem; }


@media (max-width:736px){
	.pageContent h1{font-size:1.6em; }
	.pageContent h2{font-size:1.5em; }
	.pageContent h3{font-size:1.4em; }
	.pageContent h4{font-size:1.3em; }
	.pageContent h5{font-size:1.2em; }
	.pageContent h6{font-size:1.1em; }
}

.pageContent strong{font-weight:500}
.pageContent b{font-weight:600}
.pageContent .bold{font-weight:600}
.pageContent .fine{font-weight:300}
.pageContent .fine dfn{font-weight:400}
.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 ul{padding:0 0 0 1em; list-style-type: none; padding-top:.5em;}
.pageContent ul li{ }
.pageContent li{ margin:.5em 0;     text-align:left; }
.pageContent ul > li:before{content:"-";  text-align:center; font-size:1.2em; margin-left:-1em; display:inline-block; width:1em;}
.pageContent ol{padding:0 0px 0 1em; list-style-type: none; counter-reset:sign-num; }
.pageContent ol > li:before {counter-increment:sign-num; content:counter(sign-num); display:inline-block; width:1em; margin-left:-1em;   letter-spacing:-0.6px; }
*/
.pageContent ul{padding:0 0 0 1.5em; list-style-type: none;}
.pageContent li{ margin:.5em 0; text-align:left; line-height:130%;}
.pageContent ul > li:before{content:"―"; text-indent:-1em; overflow:hidden;  text-align:center;  margin-left:-1em; display:inline-block; width:1em;   vertical-align:top;}
.pageContent ol{padding:0 0px 0 1.5em; list-style-type: Decimal;   }

.pageContent u{text-decoration:underline;}
.pageContent .link{text-decoration:underline; color:#1d70bd}
.pageContent i{font-style:italic; }
.pageContent .iconfont{font-style:normal; }
.pageContent em{font-style:italic; }
.pageContent .italic{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 hr {display:block;height:0;border:0; margin:0;padding:0;}
.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:#1fb0ff; }
.cfm2{color:#1a619e; }
.cfB{color:#000; }
.cfh{color:#a6a6a6; }
.cfr{color:#fb9090; }
.cfb{color:#1c8cc1; }
.cfb1{color:#3d8cb9; }
.cfb2{color:#243e86; }
.cfg{color:#3db9ac; }
.cfy{color:#ffef84; }
.cfw{color:#FFF; }
.cfp{color:#f69daa; }

.cbm{background:#1fb0ff; color:#FFF; }
.cbm2{background:#194664; color:#FFF; }
.cbm3{background:#ebf7ff;  }
.cbh{background:#f7f7f7; }
.cbB{background:#000; color:#FFF;}
.cbr{background:#F44; color:#FFF;}
.cbb{background:#a3daff;  }
.cbg{background:#3db9ac; color:#FFF;}
.cby{background:#ffae00;}
.cbw{background:#fff;}

.pageContent .pdw{padding:0em .3em; display:inline-block;}
.pageContent .nmt{margin-top:0;}
.pageContent .round{display:inline-block; border-radius:1em; }

.pageContent hr.h1 {height:1em}
.pageContent hr.h1-5 {height:1.5em}
.pageContent hr.h2 {height:2em}
.pageContent hr.h2-5 {height:2.5em}
.pageContent hr.h3 {height:3em}
.pageContent hr.h4 {height:4em}
.pageContent hr.h5 {height:5em}
.pageContent hr.h6 {height:6em}
.pageContent hr.h7 {height:7em}
.pageContent hr.h8 {height:8em}
.pageContent hr.h9 {height:9em}
.pageContent hr.h10 {height:10em}
@media (max-width:736px){
	.pageContent hr.h2 {height:1em}
	.pageContent hr.h4 {height:2em}

}

.pageContent .pd-3{padding-top:.3em; padding-bottom:.3em}
.pageContent .pd-5{padding-top:.5em; padding-bottom:.5em}
.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-5{padding-left:.5em; padding-right:.5em}
.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}

.pageContent .w5px{width:5px;}
.pageContent .w10px{width:10px;}
.pageContent .w20px{width:20px;}
.pageContent .w50px{width:50px;}
.pageContent .w100px{width:100px;}
.pageContent .w150px{width:150px;}
.pageContent .w200px{width:200px;}
.pageContent .w300px{width:300px;}
.pageContent .w400px{width:400px;}
.pageContent .w500px{width:500px;}

.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%;}

@media (max-width:736px){

	.pageContent .w50px{width:5vw;}
	.pageContent .w100px{width:10vw;}
	.pageContent .w150px{width:15vw;}
	.pageContent .w200px{width:20vw;}
	.pageContent .w300px{width:30vw;}
	.pageContent .w400px{width:40vw;}
	.pageContent .w500px{width:50vw;}
}


	.pageContent .fs-6{font-size:.6em; }
	.pageContent .fs-7{font-size:.7em; }
	.pageContent .fs-75{font-size:.75em; }
	.pageContent .fs-8{font-size:.8em; }
	.pageContent .fs-85{font-size:.85em; }
	.pageContent .fs-9{font-size:.9em; }
	.pageContent .fs1{font-size:1.1em; }
	.pageContent .fs2{font-size:1.2em; }
	.pageContent .fs3{font-size:1.3em; }
	.pageContent .fs4{font-size:1.4em; }
	.pageContent .fs5{font-size:1.5em; }
	.pageContent .fs6{font-size:1.6em; }
	.pageContent .fs7{font-size:1.7em; }
	.pageContent .fs8{font-size:1.8em; }
	.pageContent .fs9{font-size:1.9em; }
	.pageContent .fs10{font-size:2em; }
	.pageContent .fs40{font-size:4em; }

@media (max-width:736px){
	.pageContent .fs2{font-size:1em; }

}
.pageContent .title{z-index:1; margin:0; padding:.3em 0; font-weight:500 ;  overflow:hidden;   margin-bottom:.5em;  }
.pageContent .title:after{ display:block;  line-height:.2em; content:"━"; }

.pageContent .title2{z-index:1; margin:0; padding:.3em 0;   margin-bottom:.5em;}
.pageContent .title2:before{  display:block;  line-height:30%;  content:"━"; }

.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}
@media (max-width:736px){
	.full_img{ width:100vw;  margin-left:-50vw;    }
	.full_img img{width:100%}
 }

.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{width:100vw; margin-left:-5vw;   left:0}
 }

.dlw{ position:relative;  display: -webkit-flex; display: flex;}
.dlw.jc{justify-content:center} /* 양쪽정열 */
.dlw.js{justify-content:space-between} /* 양쪽정열 */
.dlw.br{flex-flow:wrap;}/* 줄바꿈 */
.dlw > dt{position:relative;    }
.dlw > dd{position:relative;    }
.dlw.fg1 > dt,
.dlw.fg1 > dd{ width:0;  flex-grow:1;   } /* 너비통일 */
.dlw > .vc{display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; }/*수직센터정열*/
.dlw.vc > dt{display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; }/*수직센터정열*/
.dlw.vc > dd{display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; }/*수직센터정열*/

@media (min-width:737px){
	.dlw.dtr > dt{order:2}
 }

.table_s{width:100%;}
.table_s thead th{  padding:.6em; border-top:2px solid #555; border-bottom:2px solid #555; border-left:1px solid #999;   font-weight:500;}
.table_s thead th:first-child{  border-left:0 }
.table_s thead td{  padding:.6em; border-top:2px solid #555; border-bottom:2px solid #555; border-left:1px solid #999;   font-weight:500;}

.table_s tbody th{  padding:.6em; border-bottom:1px solid #999; border-left:1px solid #999;  }
.table_s tbody td{ padding:.6em; border-bottom:1px solid #999; border-left:1px solid #999;  }
.table_s tbody th:first-child{  border-left:0 }
.table_s tbody td:first-child{  border-left:0 }

@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}

.pageContent ul.uls_1{  }
.pageContent ul.uls_1 li { position:relative;font-weight:300;  }
.pageContent ul.uls_1 li:before{position:absolute; margin-left:-1.5em; top:.1em; left:0; width:1em; height:1em; background:url(/sub/img/ul_icon1.png) left top no-repeat; background-size:100%; content:"";        }
.pageContent ul.uls_2 li:before{content:"\e6d2";  font-family:"iconfont";   font-size:1em; margin-left:-1.5em; display:inline-block; width:1.5em;  text-indent:0; vertical-align:middle; font-size:1.2em; color:#dd7e7a}

@media (min-width:737px){
	.pageContent ul.w2{ display: -webkit-flex; display: flex; justify-content:space-between; flex-flow:wrap;}
	.pageContent ul.w2 li{width:49%; }
	.pageContent ul.w3{ display: -webkit-flex; display: flex; justify-content:space-between; flex-flow:wrap;}
	.pageContent ul.w3 li{width:33%; }

}
.pageContent .ols_1{counter-reset:sign-num; list-style:none; padding:0; margin:0; }
.pageContent .ols_1 li {padding-left:2em; font-weight:300}
.pageContent .ols_1 li:before {counter-increment:sign-num; content:'0'counter(sign-num); display:inline-block; width:1.7em;height:1.7em;  margin-left:-2em; border-radius:50%; font-weight:700; color:#1fb0ff;font-size:1em;letter-spacing:-0.6px;line-height:1.7em;text-align:center;margin-right:.3em;}

.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:"";}


.deg45{position:relative;transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.deg-45{position:relative;transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.deg90{position:relative;transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.deg-90{position:relative;transform:rotate(-90deg);-ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);}





.subTab{margin:8rem 0;}
.subTab dd{ width:16.67%; border:1px solid #c8c8c8; line-height:4.5rem; margin-right:-1px; font-size:2rem; margin-top:-1px;}
.subTab dd a{display:block; text-align:center; }
.subTab dd.on a{background:#003c5d; color:#FFF;}
@media (max-width:736px){

	.subTab{margin:5vw 0;}
	.subTab dd{ width:auto;   line-height:4rem;  font-size:1em;  }
	.subTab dd a{ padding:0 .5em;}

}
.lrbox1{position:relative;  display: -webkit-flex; display: flex;justify-content:space-between}
.lrbox1 > dt{width:30%}
.lrbox1 > dd{width:70%}
.num_title{font-weight:500; padding-left:1em;}
.num_title span{ position:absolute; top:.5em; left:0; background:#363636; color:#FFF; width:3rem; height:3rem; vertical-align:middle; text-align:center; line-height:3rem; font-size:1.9rem; font-weight:400;}

.num_title2{font-weight:500; padding-left:0;}
.num_title2 span{ display:block; background:#363636; color:#FFF; width:3rem; height:3rem;  margin:0 auto; line-height:3rem; font-size:1.9rem; font-weight:400;}

@media (max-width:736px){
	.lrbox1{display:block;}
	.lrbox1 > dt{width:auto}
	.lrbox1 > dd{width:auto; margin-top:5vw}

	.num_title{font-weight:500; padding-left:2em;}
	.num_title span{ position:absolute; top:0; left:0; background:#363636; color:#FFF; width:3rem; height:3rem; vertical-align:middle; text-align:center; line-height:3rem; font-size:1.9rem; font-weight:400;}


}

.quotation_box{border:2px solid #b5e5f8; padding:5rem; text-align:center; width:80%; margin:0 auto;}
.quotation_box:before,
.quotation_box:after{position:absolute; font-family:"iconfont"; color:#b5e5f8; background:#fff; width:1em; height:1em; text-align:center; line-height:1em; font-size:1.2em;}

.quotation_box:before{left:6rem; top:-.5em; content:"\ec8b";  }
.quotation_box:after{right:6rem; bottom:-.5em; content:"\ec8a" ; }
@media (max-width:736px){
.quotation_box{border:1px solid #b5e5f8; padding:5vw;  width:100%;  }


}
.line_box{border:2px solid #b5e5f8; padding:2rem 3rem;  }

#scm{margin-top:5rem;}
#scm article{height:420px;display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center;}
#scm h4 strong{font-weight:600; color:#1fb0ff}
#scm h6{font-size:2rem; color:#003c5d;}

@media (max-width:736px){
	#scm{margin-top:10vw;}
	#scm .full_bg{position:relative; height:60vw; background-position: 75% center; background-size:cover; }
	#scm article{height:auto; display:block; padding:10vw 0; background:#EEE; width:100vw; left:-5vw; padding:5vw; }
	#scm h4{ font-size:1.2em}
	#scm h4 strong{font-weight:600; color:#1fb0ff}
	#scm h6{font-size:2rem; color:#003c5d;}
}
.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 span{display:inline-block; vertical-align:middle; margin:0 1em; line-height:1.5em;}
.brackets:before{position:relative;border:2px solid #555; border-right:0; width:.5em;  height:1em; display:inline-block;vertical-align:middle; content:"";}
.brackets:after{position:relative;border:2px solid #555; border-left:0; width:.5em;  height:1em; display:inline-block;vertical-align:middle; content:"";}
.brackets.l2:before,
.brackets.l2:after{ height:2em;}
.brackets.l3:before,
.brackets.l3:after{ height:3.5em;}
.brackets.l4:before,
.brackets.l4:after{ height:5em;}

.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: '';}

.qna{border:1px solid #DDD; padding:4em; background:#F6F6F6}
.qna dd{ text-align:left; margin-top:1em;}
.qna dd h6{width:70%; border-radius:2em; padding:.6em 2em; background:#5aa7d6; color:#FFF; }
.qna dd:first-child{margin-top:0}
.qna dd h6:before{position:absolute; top:50%; margin-top:-.4em; left:-.8em; border-style:solid; border-color:transparent; border-width:.4em 1em .4em 0; border-right-color:#5aa7d6; content:"";}
.qna dd p{position:relative; width:70%; margin-left:30%; border-radius:1em; padding:1.5em 2em; background:#ddd; color:#222; margin-top:1em;}
.qna dd p:before{position:absolute; top:50%; margin-top:-.4em; right:-.8em; border-style:solid; border-color:transparent; border-width:.4em 0 .4em 1em; border-left-color:#ddd; content:"";}

.pageContent header{margin-bottom:3rem;}
.pageContent header h6{font-size:1.6rem;color:#f69daa;letter-spacing:.4em}
.pageContent header h2{font-weight:300; color:#000; line-height:120%; margin-top:.2em;}
.pageContent header h2 strong{font-weight:600; color:#e40f71;}
.pageContent header h2 span{font-weight:600; color:#ffae00;}
.pageContent header h1:before{position:absolute; top:50%; margin-top:-.05em; height:.1em; background:#EEE; content:"";  left:0; right:0; z-index:-1;}
.pageContent header h1 strong{position:relative; background:#FFF; padding:0 .4em;}



.pageContent .dot {position:relative; font-style:normal;}
.pageContent .dot:before {position:absolute; left:50%; margin-left:-.1em; border-radius:50%; top:-.2em; width:.2em; height:.2em; background:#e40f71; content:""; }

@media (max-width:736px){
	.pageContent header{margin-bottom:1.5rem;}

	.ms1{display:block; padding:8vw 0}
	.ms1 dd{margin-top:4vw;}
	.ms1.s1 dt{margin-right:0;}

	.pageContent section.ms2{padding:0; padding-bottom:4em;}
	.pageContent section.ms2 .full_bg{position:relative; height:40vw; background-size:cover;}
	.pageContent section.ms2 header{position:absolute; top:0; left:0; height:40vw;display: -webkit-flex;  display: flex;flex-direction:column; justify-content:center; }

	.line_box{border:1px solid #f7cbc9; padding:2rem  ; background-size:auto 100% }

}

	.hexagon{width:30em; margin:0 auto;  font-size:1.2em; padding:1em 0;}
	.hexagon dd { color:#FFF;   width: 9em;  height: 5.19em;  background-color: #e40f71;  margin:1.65em .5em; }
	.hexagon dd:before, .hexagon dd:after {  content: "";  position: absolute;  width: 0;  border-left: 4.5em solid transparent;  border-right: 4.5em solid transparent;}
	.hexagon dd:before {  bottom: 100%;  border-bottom: 2.59em solid #e40f71;}
	.hexagon dd:after {  top: 100%;  width: 0;  border-top: 2.59em solid #e40f71;}
	.hexagon dd:nth-of-type(4){margin-left:5.5em}
	.hexagon.d6{width:35.5em; }


@media (max-width:736px){
 	.hexagon{width:21em; margin:0 auto;  font-size:1em; padding:1em 0;}
	.hexagon dd { color:#FFF;   width: 6em;  height: 4em;  background-color: #e40f71;  margin:1.2em .5em; }
	.hexagon dd:before, .hexagon dd:after {  content: "";  position: absolute;  width: 0;  border-left: 3em solid transparent;  border-right:3em solid transparent;}
	.hexagon dd:before {  bottom: 100%;  border-bottom: 1.3em solid #e40f71;}
	.hexagon dd:after {  top: 100%;  width: 0;  border-top: 1.3em solid #e40f71; left:0}
	.hexagon dd:nth-of-type(4){margin-left:4em}
	.hexagon.d6{width:25em; }
}

	.scom dd{width:284px;}
@media (max-width:736px){
	.scom dd{width:48%; margin-top:4%}
}

