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

.pageContent{ font-size:1em;  line-height:180%;    position:relative; zoom:1; word-break:keep-all;}
.pageContent:after {display:block;visibility:hidden;clear:both;content:""}

@media (max-width:767px){
.sub_container{ padding:40px 0;  z-index:1}
}
.pageContent h1,
.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5,
.pageContent h6{position:relative; margin:0; line-height:150%;}

.pageContent h1{font-size:2.5em; }
.pageContent h2{font-size:2.0em; }
.pageContent h3{font-size:1.8em; }
.pageContent h4{font-size:1.6em; }
.pageContent h5{font-size:1.3em; }
.pageContent h6{font-size:1.1em; }




.pageContent strong{font-weight:700}
.pageContent b{font-weight:800}
.pageContent .tc{text-align:center;}
.pageContent .tl{text-align:left}
.pageContent .tr{text-align:right}
.pageContent img{max-width:100%}


.cfm{color:#1d70bd; }
.cfm3{color:#93614a; }
.cfB{color:#000; }
.cfh{color:#999; }
.cfr{color:#F44; }
.cfb{color:#1c8cc1; }
.cfb1{color:#3d8cb9; }
.cfb2{color:#243e86; }
.cfg{color:#3db9ac; }
.cfy{color:#ffcc00; }
.cfw{color:#FFF; }

.cbm{background:#1d70bd; color:#FFF; }
.cbmp{background:#1d70bd; color:#FFF; padding:.5%;}
.cbm2{background:#d84270; color:#FFF; }
.cbh{background:#afafaf; color:#FFF; }

.cbB{background:#000; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbr{background:#F44; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbb{background:#39F; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbg{background:#3db9ac; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cby{background:#ffcc00;  padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbw{background:#fff;  padding:.1em .3em; vertical-align:middle;  }





.pageContent p{padding:10px 0; }
.pageContent ul{padding:10px 0px 0 16px; list-style-type: disc;}
.pageContent ul ul{list-style-type: circle;}
.pageContent ul ul ul{list-style-type: square;}
.pageContent ol{padding:10px 0px 0 30px; list-style-type: decimal-leading-zero;}
.pageContent ol ol{list-style-type: lower-alpha; }
.pageContent ol ol ol{list-style-type: upper-roman; }
.pageContent li{line-height:150%; margin-bottom:6px;}
.pageContent ol.ol_table{width:300px; }
.pageContent ol.ol_table li{background:url(./img/dot.gif) center repeat-x; position:relative; }
.pageContent ol.ol_table li span{background:#FFF}
.pageContent ol.ol_table li em{background:#FFF; position:absolute; top:0; right:0; }


.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 small{font-size:.8em; opacity:.8}
.pageContent .small{font-size:.8em; opacity:.8}

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


.sub_header{position:relative; padding:40px;  padding-left:420px;   background-repeat:no-repeat; background-position:left top;  }
.sub_header h3{margin:0;  }
.sub_header aside{position:absolute; top:0; left:0; z-index:-1;}
.sub_header.nm{padding:50px 75px;}

.pageContent .title{font-weight:800; margin:2% 0;}
.pageContent .title:before{position:relative; display:inline-block;  margin-left:-20px; margin-right:7px;  vertical-align:middle; width:5px; height:5px; border:4px solid #3c73b9; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; content:"";}

.s_header{padding:80px 0 20px; text-align:center;}
.s_header p{padding:0; line-height:40px;}
.s_header h3{font-size:35px; line-height:60px; font-weight:600;}
.s_header2{padding:80px 0; text-align:center;}
.s_header2 h3{font-size:48px; line-height:140%; font-weight:800; color:#000}

.s_tab{text-align:center; margin:20px 0 60px}
.s_tab  a{position:relative; display:inline-block; color:#999999; font-size:20px; font-weight:800; padding:0 30px}
.s_tab  a.on{color:#000}
.s_tab  a:before{position:absolute; top:50%; margin-top:-10px; height:20px; width:1px; left:0; background:#ddd; content:"";}
.s_tab  a:first-child:before{display:none;}


.pageContent .bg_img{position:relative; text-align:center;  background-position:center; background-repeat:no-repeat; width:100vw; left:50%; margin-left:-50vw; }
.pageContent .bg_img div{position:relative; width:0; overflow:hidden;}
.pageContent .bg_img div img{max-width:none  }
@media (max-width:1200px){
.pageContent .bg_img{ width:100%; left:0; margin-left:0; }
}

.s100sea{position:relative; background:#f4f3f3 url(/sub/img/100sea.jpg) center center no-repeat; height:1100px; width:100vw; left:50%; margin-left:-50vw; }
.s100sea div{position:absolute; left:0; right:0; bottom:0; text-align:center; padding:20px 0; background:rgba(43,49,81,.9)}
@media (max-width:1200px){
.s100sea{ width:100%; left:0; margin-left:0; }
}
#sub_connect{background:#f4f4f4; border:1px solid #d0d0d0; padding:40px 0; margin:80px 0;}
#sub_connect dl:after {display:block;visibility:hidden;clear:both;content:""}
#sub_connect dd{position:relative; box-sizing: border-box; padding:0 40px; width:33.33%; float:left;  border-left:1px solid #DDD;}
#sub_connect dd:first-child:before{border-left: 0 none;}
#sub_connect dd h4{font-size:23px; font-weight:800; line-height:50px;}

#sub_connect dd.sc1 p{font-size:18px; }
#sub_connect dd.sc1 a{display:inline-block; font-size:18px;border:1px solid #56acde; line-height:40px; color:#56acde; padding:0 35px; }
#sub_connect dd.sc1 a i{margin-left:20px;}

#sub_connect dd.sc2 h3{font-size:40px; font-weight:800; }
#sub_connect dd.sc2 ul{padding:0; list-style:none;}
#sub_connect dd.sc2 ul li{margin:0; font-size:18px;}
#sub_connect dd.sc2 ul label{width:110px; display:inline-block;}
#sub_connect dd.sc3 .root_daum_roughmap{width:100%; height:180px;}
#sub_connect dd.sc3 .wrap_controllers{display:none;}

 .mt20{margin-top:20px;}
 .mt40{margin-top:40px;}
 .mt60{margin-top:50px;}
 .mt80{margin-top:80px;}
 .mt100{margin-top:100px;}