@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}



@font-face{font-family:'Nanum Gothic'; src:url('/resource/fonts/NanumGothic.woff')}
@font-face{font-family:'Nanum Gothic'; src:url('/resource/fonts/NanumGothic.eot')}
 
body, table, div, p {font-family:'Nanum Gothic';}

@media screen and (-webkit-min-device-pixel-ratio:1.5){} /* 안드로이드 */

      /* Media Query */ 
      /* 모바일 css */ 
 @media all{
  body {height:100%; font-family: 'Nanum Gothic', serif;}
 
 /* top  */

.containerbox {width: 100%; height: auto; overflow: hidden; position: relative;}
.topbox {width: 100%; height: 130px; position: relative; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#122b90+0,131f75+100 */
background: #fff; /* Old browsers */}
.topinbox {width: 960px; margin: auto;}
.hlogo {float: left; width: 200px; display: block; margin-top: 15px;}
.dropmenu { z-index: 11; width: 100%; max-width: 700px; background-color: transparent !important;}
.container1 {width: 1050px; margin: auto; height: auto;}
.clul {/*width: 700px;*//* margin-left: 50px !important;*/ float: left;}
.topui {width: 700px; margin-left: 50px !important; float: left; position: relative;}
.langchn {position: absolute; right: 0px; top:15px;}
.langchn a {font-size: 9pt; color: #555; display: block; margin: 2px; position: relative; padding-left:18px; }
.langchn .korean::before {    position: absolute;
     top:1.5px;
    left: 0px;
 
    content:url(/resource/images/iwssm/korean.png);

}

.langchn .english::before {    position: absolute;
     top:1.5px;
    left: 0px;
 
    content:url(/resource/images/iwssm/english.png);

}
 /* mid  */ 


.fluid_container {margin-bottom: 20px; height: auto; overflow: hidden;}
.middlebox {background-color: #fff; width: 100%; height: auto; position: relative; overflow: hidden;}
.middlebox_inner  { margin: auto;  height: auto;}
.middleline {width: 100%; height:auto; border-bottom: 1px #ddd; overflow: hidden;}
.middlebannerbox {width: 100%; max-width: 980px; height: auto;  margin:auto;  margin-bottom: 10px; padding-top: 20px; position: relative;}
.mainmidbanner {background-color: #fff; width:300px; height: auto; overflow: hidden; float: left;}
.mainmidbanner1 {width: 299px; border-right: 1px solid #ddd; height: 100%; }
.bannertitle {font-size: 30px; font-weight: 600; color: #444444; line-height: 32px; margin: 41px 0 35px 29px;}
.bannertitle .smallh2 {font-size: 22px; font-weight: normal; display: block; margin-top:-3px;}
.greenline {width:53px; height:3px; background-color:#54d5c3; margin-top: 14px; }
.greentitle {margin: 24px 0 5px 30px; padding: 0;color: #006835;font-size: 18px; font-weight: bold;}
.h3smallp {margin: 0 0 0 30px; font-size: 13px; font-weight: 600; line-height: 16px; color: #666;}
.banner1back {background-image: url(/resource/images/iwssm/banner1back.jpg); display: block; border-top:1px #ddd solid; height:285px; width: 100%; background-repeat: no-repeat;} 
.midinbannerimg {width: 105px; height: 105px; float: left; margin: 42px 0 0 22px;} 
.midinbannerimg2 {width: 210px; height: 158px; position: absolute;  bottom: 5px; right: 2px;} 
.midinbannerimg3 {width: 220px; height: 180px;   position: absolute;  bottom: 5px; right: 2px;}
.midinbannerimg4 {width: 220px; height: 158px;  position: absolute;  bottom: 5px; right: 2px;}
.midinbanner {height: auto; overflow: hidden; position: relative;}
.small1  {border-top:1px #ddd solid;}
.blacktitle  {margin: 0px 0 5px 30px;  font-size: 18px; line-height: 22px; color: #111; font-weight: bold;}
.blacktitle2  {margin: 24px 0 5px 30px;  font-size: 18px; line-height: 22px; color: #111; font-weight: bold;}
.linksquard {     margin: 20px 0 0 28px; width: 105px; display: block; height:25px; color: #fff; font-size: 13px; background-color: #ffba57; text-align:center; line-height: 25px; }
.linksquard:hover {color: #fff; background-color: #6c6c6c;}
.linksquardgray {background-color: #6c6c6c;}
.linksquardgray:hover {background-color: #ffba57;}
.midinlinkbox {margin: 42px 0 40px 30px; font-size: 13px; line-height: 22px; float: left; }
.midinlinkbox li {list-style: none; margin-bottom: 6px;}
.midinlinkbox li a { display: block; width: 118px; height: 22px;text-align: left;padding-left: 5px;font-weight: 600;font-size: 12px;color: #fff;background: #666;border: 1px solid #666;}
.midinlinkbox li a:hover {color: #666; background-color: #fff; border:1px #666 solid;}
.big1 {height: 439px;}
.big2 {height: 409px;}
.big3 {height: 379px;}
.small1 {height: 277px;}
.small2 {height: 309px; border-top:1px #ddd solid;}
.small3 {height: 339px; border-top:1px #ddd solid;}
.counculting {width: 80%; height: 46px; border:1px #ddd solid; background-color: #f4f4f4; margin: 30px auto;}
.counculting ul {padding: 8px;}
.counculting li {list-style: none; font-size: 12px; margin-bottom: 3px;}
.counculting li .greentitle2 {color: #006835; font-weight: bold; width: 70px; display: block; float: left;}
.footer {width: 100%; height:150px; background-color: #efefef;}
.h3smallp2 {margin: 30px 0 0 30px; font-size: 14px; font-weight: 600; line-height: 16px; color: #111;}
.greennumber {color: #006835; font-weight: bold; font-size: 30px;margin: 5px 0 0 30px;}
.bannerboardbox {width:100%; height: 239px; border-top:1px #ddd solid; }
.bannerboardbox1 {border-top:0px #ddd solid;}
.timetable {font-weight: bolder; color: #444; font-size: 15px; margin-top: 40px; }
.timetable {list-style: none;}
.timetable li { margin-bottom: 20px; display: block; height: 20px; }
.timetitle{ width: 110px; float: left; display: block; text-align: center; }
.timer {color: #006835;display: block; float: left; }
.mobilemenutitle {color: #fff; font-weight: bold; font-size: 20px; padding: 20px;}
.footeradress {color: #9f9f9f; width:1050px; margin: auto; padding: 20px; text-align: center; line-height: 1.5; font-size: 14px; border-top:1px #5b5b5b solid;}
.sebulist {width:1050px; color: #fff; font-size: 15px; color: #fff; margin:auto; text-align: center; height: 40px; }
.sebulist a {color: #fff; padding: 10px 30px 10px 30px; font-weight: bold; display: inline-block; }
.mobileimgbox {display: none;}
.mainimgcon {width: 100%; height: auto; overflow: hidden;position: relative; border-top:2px #00aefd solid;}
.menutopbox {background-color:  #4a4b4f;}
.banner_box {width:100%; max-width: 960px; margin:auto;}
.mostitle {color: #757575; font-size: 15px; font-weight: bolder; }
.nav2 {
 
 width: 815px; 
  font-weight: 400; /* 400 thinner */
  font-size: 15px;
  
  height: 35px;
  font-weight: bold;
 
  position: relative;
  padding: 0 0 0 4px; /* Fix for inline-block spacing*/
  margin: 0 auto;

 
    background-color: #4a4b4f;
}

.nav2 .dropdown2 a {padding: 0px;}

.nav2 a, .nav a:link, .nav a:visited, .nav a:hover, .nav a:focus, span {
  color: #fff;
  text-decoration: none;
}


.nav2 > li {
  display: inline-block;
  text-align: center;
  margin-left: -4px; /* For the inline-block spacing */
}



.nav2 > li > a {

  display: block;
}

.nav2 > li:hover > a{
  color: #fff;
}

.nav2 > li:hover {
  background-color: 
}
.nav2 > li a:hover {

  background-color: #00aefd;
}




.nav2 .column ul li a:hover {background-color: #555;}


.nav2 > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  list-style: none;
  top:53px;
  background-color: #16a085;
  width: 200px;
  text-align: left;
  margin-top:30px;
  padding: 0px;
  z-index: 99;
}


.nav2 > li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}


.nav2 li > ul li {
  font-size: 11px;
  position: relative;
  display: block;
  padding: 15px 10px;
}

.nav2 > li > ul  li:hover {

}

.nav2 ul  li:hover > a {
  color: white;
}

.nav2 > li > ul li ul li:hover {
  
}input#mobile_menu { display: none; }

.nav2 > li > ul li ul li ul {
  background-color: #004b6f;
}

.nav2 > li > ul li ul li ul li:hover {
  
}



.nav2 > li > .fulldrop {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  list-style: none;
  top:35px;
  left: 0px;
background-image: url("/resource/images/iwssm/menuback.png");
  width: 100%;
  min-height: 100px;
  text-align: left;
  margin-top:10px;
  padding: 0;
  z-index: 99;
  overflow: hidden;
  padding-bottom: 10px;
}

.linkbox_1 {width: 100%; border:1px #ededed solid; height: 35px; padding:5px;}
.linkbox_1 p {display: block; font-size:  10pt; float:left; line-height: 25px;}
.iconbox_1 {float: right;}

.nav2 > li:hover .fulldrop {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}

.nav2 ul li:hover:after {
  color: white;
}

.nav2 > li:hover .coldrop {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}

.nav2 .coldrop .column2 {width: 130px;margin:0 9px;}



.nav2 .column2 {
  width: 20%;
  float: left;
  color:white;
  text-indent: 30px;

}


.nav2 .column2 ul {
  padding: 0;
  margin: 0;
  margin-top: 10px;
}

.nav2 .column2 ul li {
  padding: 0;
  list-style: none;
  font-size: 14px;
 
}

.nav2 .column2 h3 {
  font-size: 14px;
  padding: 14px 0;
  font-weight: 400;
  margin: 5px 0 5px 0;
}

.nav2 .column2 ul li a {
  display: block;
  padding: 14px 0 14px 0;

}

.nav2 .column2 ul li a:hover {
 background-color: #3f3f3f;
 color: #fff;
 
}


.nav2 > li.search {
  border:none;
  -webkit-box-shadow:  none;
    box-shadow:  none;
    float: right;
    padding: 11px 6px;
    position: relative;
}

.nav2 > li.search:hover {
  background-color: transparent;
}


.nav2 > li  input {
  padding: 7px 6px 6px 38px;
  margin: 0 5px;
  color:#fff;
  border:none;
  background-color: #16a085;
  font-size: 14px;
  border: 2px solid #16a085;
}

.nav2 > li  input:focus {
  outline: none;
  border-color: white;
}

.nav2 > li.search i {
  position: absolute;
  left: 20px;
  top:20px;
  color: #fff;
  font-size: 17px;
}


.nav2 .column2 ul .deps { }
.nav2 .column2 ul .deps a {color: #b9afaf;font-size: 13px;  padding: 7px 0 7px 0; }

 
.menutop2 {height: 100px; background-color: #fff; width: 100%; max-width: 1000px; margin: auto; overflow: hidden;}
.menutop2 .logo {float: left;}
.snsbox {float: right; height: 100%; margin-right: 90px;}
.snsbox a {display:block; margin:3px; margin-top: 12px; float: left; }
.snsbox a:hover {opacity: 0.7;}
.searchbox {width: 306px; height: 30px; float: left; margin-top: 15px; margin-left: 100px;}
.search {width: 266px; height: 30px;color: #757575;border: 1px solid #cccccc;border-right: none 0; padding: 2px 0 0 4px;}
.sbtn  {  width: 40px; height: 30px; border: 0; padding: 0;margin: 0; margin-top: 1px; background: url("/resource/images/iwssm/search.png") no-repeat; border: 1px solid #cccccc; border-left:0px; }

.camera_pag {position: absolute; bottom: 0px; z-index: 999; text-align: center; width: 100%;  background: url("/resource/images/iwssm/pageblack.png") }
.camera_pag_ul {width: 120px;  margin: auto !important; height: 23px;}
.fluid_container {position: relative; }
.camera_wrap  {margin-bottom: 0px !important;}
.camera_thumb {display: none !important;}
.thumb_arrow {display: none !important}
.boardboxline {width: 100%; height: 100%; max-width: 980px; margin: auto;}
.boardboxline .boardconbox {width: 32%; float: left; height: auto; height: 120px; position: relative;}
.boardboxline .boardmiddlebox {margin-left: 1.95%; margin-right: 1.95%;}

.midbannerbox {float: left;}
.num30 {width: 326px;}
.num60 {width: 642px; margin-left: 10px;}
.short {height:180px; }
.veryshort {height:65px; }
.long {height: 180px;}
.verylong {height: 371px; float: right;}

.midbannerbot {margin-top:11px }
.newsbuttonbox {position: absolute; right: 0px; top:20px; list-style: none;}
.newsbuttonbox li {float: left;}
.newsbuttonbox a {    background-color: #fff;
    border: 1px solid #01adef;
    display: inline-block;
    color: #01adef;
    font-size: 12px;
    line-height: 18px;
    padding-right: 9px;
    padding-left: 9px;
    height: 21px;
    float: left;
    text-decoration: none;
}
.least {display: block;}
.viewattack {display: none;}
.newsbuttonbox a:hover { background-color: #01adef;
    color: #fff;}

.newsbuttonbox .onbu { background-color: #01adef;
    color: #fff;
}

.bnbox {width:32%; max-width:304px; float: left; line-height: 1.3;}
.height90 {height: 90px;}
.height264 {height: 264px;}
.bnbox .datebox {color: #999; }
.midbox {margin-left:2%; margin-right: 2%;}
.mid_topbox { height: auto; overflow: hidden; position: relative;}
.mid_middlebox {margin-bottom: 2s0px; overflow: hidden;}
.mid_botbox{margin-bottom: 40px; overflow: hidden;}
#s_banner_wrap {width:100%; max-width: 800px; height:264px; position: relative;  
float: left; }
.banner_01 {width:307px; height:264px; background:#4d4d4d}
.banner_02 {width:307px; height:264px; background:#a4a4a4}
.banner_03 {width:307px; height:264px; background:#dedede}
.banner_04 {width:307px; height:264px; background:#3a3a3a}
.banner_a1 {width:320px; height:38px; background:#dedede}
.banner_a2 {width:320px; height:38px; background:#a4a4a4}
.banner_a3 {width:320px; height:38px; background:#4d4d4d}
.banner_a4 {width:320px; height:38px; background:#3a3a3a }

/* 사용자 페이징 - 위치와 모양을 자유롭게 변형 */
#bx-pager1 {position: absolute; bottom:10px;}
#bx-pager1 a{float:left; margin:0 5px;display: block; width:20px; height:20px; font-size:12px; line-height:18px; text-align:center; background:#999; color:#333}
#bx-pager1 a:hover, .bx-pager1 a:active{ background: #000; color: #CCC;}

/* 사용자 페이징 - 엑티브상태에 대한 속성값 지정 */
#bx-pager1 a.active{ background: #000; color: #CCC;}


.mostitle {float: left; width: 200px; margin-top: 12px; font-size: 16px; }
.moscompanybox {border-top:1px #ededed solid; height: 40px; margin-top: 20px;}
.moscompany {width: 100%; max-width: 1000px; margin: auto; height: 40px; line-height: 20px;}

.btniconbox {background-color: #f2f2f1; width: 33.33%; float: left; height: 89px; background-image: url("/resource/images/iwssm/iconbtnback.png"); background-repeat: no-repeat; background-size: cover;}

.indextitle {font-weight: bold; padding-left: 20px; font-size: 18px; padding-top: 5px;}
.coiconbox {width: 95%; margin: auto; padding-top: 20px; text-align: center; }
.coiconbox .coicon {text-align: center; width: 93px; display: block; float: left; margin: 5px; color: #555555; font-weight: bold;}
.coiconbox .coicon img {display: block; margin-bottom: 5px;}

.infootbox {width: 1000px; margin: auto; padding-top: 11px;}
.ftlogobox {width: 30%; min-width:230px; float: left; }
.copyrightbox {padding-top: 20px;}
.copyrightbox ul {list-style: none;}
.copyrightbox ul li {padding: 5px; float: left; }
.copyrightbox ul li a {color: #696969; font-size: 13px; font-weight: bold;}
.adress {width: 70%; float: left; padding: 5px; font-size: 13px; color: #aeaeae; line-height: 1.2;}
.quickbox {position: absolute; width:70px; right:-80px; top:10px;}
.quicktitle {background-color:#8a8a8a; color: #fff; font-size: 12px; font-weight: bold; text-align: center; padding: 3px;}
.topmove {background-color:#00aefd; color: #fff; font-size: 13px; font-weight: bold; text-align: center; width: 100%; display: block; padding: 3px;}
.quickinbox {width: 100%; }
.quickinbox a {color: #b5b5b5; text-align: center; font-weight: bold; display: block; width: 100%; font-size: 12px; padding:3px;}
ul.tabs {font-family: 'Nanum Gothic', serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 33px;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
   
    border-left: 0px solid #eee !important;
    width: 100%;
    
    
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    color: #8fccff !important;
    width:32.7%;
    height: 31px;
    line-height: 31px;
    border:0px;
    border-left: none;
    font-weight: bold;
    background: #3d7ab9;
    overflow: hidden;
    position: relative;
    border-bottom: 2px solid #2f5b8a;
}
ul.tabs li.active {
    background: #336aa2;
    border-bottom: 2px solid #103152 !important;
    color: #fff;

}


.tablast  {border-radius: 0px 10px 10px 0px;}
.tab_container {
    border: 0px  !important;

     overflow: hidden;
    clear: both;
    float: left;
    width:100%;
    background: #FFFFFF;
}
::-webkit-scrollbar {
display:none;
} 
#tab1 {position: relative; min-height: 500px; width: 100%;}
.fbbox {min-height: 500px; position: absolute; width:100%; top:-210px; z-index: 88;}

.tab_content {
    padding: 5px;
    font-size: 12px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}
;
 #container3 {
    width: 100%;
    margin: 0 auto;

}

.mainboardlist {width: 100%; margin: auto; background-color: #efeeec;   height: 264px; }
.mainboardimgbox {width: 100%; height: 200px; background-color: #39bdfb; margin: auto; }
.mainboardimgbox img {margin:auto; display: block; width: 100%; height: 100%;}
.mainboardtitle {color:#4b74bf; font-weight: bold; display: block; font-size: 13px; margin: 10px 10px 5px 10px; }
.colorbtn {margin-left:10px; background:#ffb859; padding: 3px; color: #fff; font-weight: bold; border-radius: 30px; font-size: 12px; display: block; float: left;}
.mainboarddate {font-size: 12px; padding: 3px; margin-left: 10px; display: block; float: left;}
.mdep3 {background-color: #0980b6;}
.subtopnav {height: 40px; width: 100%; background-color: #fcfcfc; border-bottom: 1px #dedede solid;}
.submiddleinbox {width: 980px; margin: auto; height: auto; overflow: hidden;}
.sidemenu {width: 185px;  float: left; height: auto; overflow: hidden; min-height: 615px;     margin-bottom: 100px;}
.sidemenu a:hover {color: #39bdfb;}
.sidemenu h2 {color: #39bdfb; font-weight: bolder; font-size: 26px; letter-spacing:-2px; padding: 20px; padding-left: 0px;}
.infomenu {padding-left:50px;  width: 100%; max-width: 795px; float: left; height: auto; padding-bottom: 30px;}
.sidedeps1 {height: 40px; border-bottom:1px #ededed solid; line-height: 40px; font-size: 13px;}
.sidedeps1 a {color: #666; font-weight: bold;}
.sidedeps2 {background-color: #f3f3f3; border-top: 2px #eaeaea solid;}
.sidedeps2 a {color: #888; font-size: 13px; padding: 10px; display: block;}
.sidemenu .ona {color: #39bdfb;}
.subtitle {color: #666; font-weight: bolder; font-size: 26px; letter-spacing:-2px; padding: 25px 0px 15px 10px; padding-left: 10px;}
.title_middle {
    color: #888;
    font-weight: bolder;
    font-size: 20px;
    letter-spacing: -2px;
margin-top: 25px;
    padding-left: 10px;
    text-indent: 10px;
    display: block;
}
.profileimg {width: 100%; height: auto; overflow: hidden;}
.profileimg img {display: block; width: 100%;}
.titlenum {color: #39bdfb; margin-right: 10px;}
.boardconbox h2 {color: #fff;  padding: 10px; font-size: 14px; font-weight: bold; background-color: #24364f; }
.boardconbox .t2 {background-color: #344b6a;}
.boardconbox .more {color: #fff; float: right; font-size: 20px; font-weight: bold; position: absolute; top: 8px; right: 10px;}
.boardconbox .more:hover {text-decoration: none;}
.boardconbox ul {padding: 5px;}
.boardconbox li {color: #333; padding: 5px; font-size: 13px; margin-left: 20px;}
.securtiyimgbox {width: 100%; height: 130px; background-color: #ededed;}
.listtitlep {font-weight: 900; color: #333;}
.pcontentbox .alistp {font-size: 9pt;}
.profillist {margin: 0.5%; width: 19%; height:262px; border:1px #ededed solid;-webkit-box-shadow: 5px 5px 5px 0px rgba(191,191,191,1);
-moz-box-shadow: 5px 5px 5px 0px rgba(191,191,191,1);
box-shadow: 5px 5px 5px 0px rgba(191,191,191,1); float: left; }
.profillist .proimg {width: 95%; margin: 5px auto;}
 .profillist .proimg img {width: 100%; display: block;}
.infopro {font-size:8pt; line-height: 1.5; padding: 10px;}
.mainboardtitle2 {
    color: #4b74bf;
    font-weight: bold;
    display: block;
    font-size: 15px;
    margin: 10px;
    padding-top:5px;
    padding-bottom: 5px;
}
.quickinbox a img {display: block; margin: auto; margin-bottom: 3px;}

.basic_tablebox {border-top: 1px solid #dadada;border-bottom: 1px solid #dadada; width:100%;}
.basic_tablebox table {width: 100%;}
.basic_tablebox tr {width: 100%;}
.basic_tablebox th {padding: 11px 0; text-align:center; background: #efefef;border-top: 1px solid #fff;color: #606060; line-height: 15px; font-size:13px;}
.basic_tablebox .basic_tableno {width: 10%;} 
.basic_tablebox .basic_tabletitle{width: 60%;} 
.basic_tablebox .basic_tabledate {width: 20%;}
.basic_tablebox .basic_tableact {width: 10%;}
.basic_tablebox td {padding: 10px 0; text-align:center;  border-bottom: 1px solid #dadada; color: #606060; line-height: 12px; font-size:12px;}
.basic_tablebox .boardtitle {text-align: left; text-indent: 10px;}
   
.basic_tablebox td a {color:#606060;}
.basic_tablebox td a:hover {color: #2ca6e9;}

   .basic_tablebox .notice {background-color:#fafafa; font-weight: bold; color: #606060; }                    

.infotable {width: 100%; border-top: 1px solid #d7d7d7;  border-left: 1px solid #d7d7d7;}
.infotable th {    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    background: #efefef;
    color: #606060;
    padding: 15px 0; font-size: 13px; text-align: center;}


.infotable td {    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
   
    color: #606060;
    padding: 12px 0; font-size: 13px; text-align: center; vertical-align: middle; line-height: 1.2;}

.firstinfo {width: 22%;}
.middleinfo {width: 22%;}
.imgboxcon {width:39%; height: 90px; background-color: #ccc; float: left; border:1px #ededed solid;}
.imgboxcon img {width: 100%; height: 100%; display: block;}
.infotable2 {width: 100%; border-top: 1px solid #d7d7d7;  border-left: 1px solid #d7d7d7;}
.infotable2 th {    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    background: #efefef;
    color: #606060;
    padding: 15px 0; font-size: 13px; text-align: center;}


.infotable2 td {    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
   
    color: #606060;
    padding: 12px 0; font-size: 13px; text-align: center; vertical-align: middle; line-height: 1.2;}
.bnbox  h5{ font-weight: bold;     color: #090909;
    font-size: 13px;
     padding: 0px 10px 15px 10px; float: left; width:61%;}
.bnbox  p {font-size: 9pt; color: #555; padding: 0px 10px 15px 10px; display: block; width: 61%; float: left; }
.infotable2 .firstinfo {width: 33%;}
.infotable2 .middleinfo {width: 33%;}

.infotable3 {width: 100%; border-top: 1px solid #d7d7d7;  border-left: 1px solid #d7d7d7;}
.infotable3 th {    border-bottom: 1px solid #d7d7d7; vertical-align: middle; line-height: 1.2;
    border-right: 1px solid #d7d7d7;
    background: #efefef;
    color: #606060;
    padding: 15px 0; font-size: 13px; text-align: center;}


.infotable3 td {    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
   
    color: #606060;
    padding: 12px 0; font-size: 13px; text-align: center; vertical-align: middle; line-height: 1.2;}

.infotable3 .firstinfo {width: 40%;}
.infotable3 .middleinfo {width: 40%;}




.infotable4 {width: 100%; border-top: 1px solid #d7d7d7;  border-left: 1px solid #d7d7d7;}
.infotable4 th {    border-bottom: 1px solid #d7d7d7; vertical-align: middle; line-height: 1.2;
    border-right: 1px solid #d7d7d7;
    background: #efefef;
    color: #606060;
    padding: 12px 0; font-size: 13px; text-align: center;}


.infotable4 td {    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
   
    color: #606060;
    padding: 14px 0; font-size: 12px; text-align: center; vertical-align: middle; line-height: 1.2;}

.infotable4 .tr2 td {    border-bottom: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
   background-color: #fafafa;
    color: #606060;
    padding: 14px 0; font-size: 12px; text-align: center; vertical-align: middle; line-height: 1.2;}
 

.infotable4 .firstinfo {width: 7%;}
.infotable4 .middleinfo {width: 40%;}
.infotable4 .thirdinfo {width: 13%;}
.infotable4 .cbtn {background-color:#2884d2; color: #fff; padding: 5px 25px; border-bottom:3px #3b9bec solid;  width: 50px; font-size: 11px;}
.infotable4 .cbtn2 {background-color: #656565; border-bottom:3px #9a9a9a solid;}


.pagingbox a, .pagingbox .pgon {
    display: inline-block;
    padding: 5px 8px 5px;
    margin: 0 1px;
    vertical-align: middle;
    color: #fff;
    border: 1px solid;
    background: #39bdfb;
    font-weight: normal;
     font-size: 12px;
     border: 1px solid #dcdcdc;
}


.pagingbox a {    color: #555658;
  font-size: 12px;
    background: #efefef;
    border: 1px solid #dcdcdc;}
      
.tableview {    width: 745px;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    margin-bottom: 20px;
}

#lng_select {    font-size: 13px;
    height: 28px;
    line-height: 20px;
    width: 75%;
    border: 1px #ccc solid;}
.tableview th {    border-top: 1px solid #fff;
    background: #efefef;
    padding: 11px 0 8px;
    line-height: 15px;
    color: #606060;}

.tableview td {
    padding: 11px 0 8px 19px;
    line-height: 15px;
    color: #606060;}
.viewtitle {font-size: 13px; }
.viewtitle th,td {text-align: center;}
.viewtitleth01 {width: 103px;}
.viewtitleth02 {width: 103px;}
.viewtitletd02 {width: 103px;}

.tableview .viewbox {    padding: 20px 0 80px;
    line-height: 20px;}
    .listbtn { background-color:#606060; color: #fff; padding:  10px 20px; font-size: 12px; font-weight: bold; float: right;}

.board_list {list-style: none; width: 100%; display: block;}
  .board_th { 
    text-align: center;
    background: #efefef;
    border-top: 1px solid #fff;
    color: #606060;
    line-height: 15px;
    font-size: 13px; display: block; height: auto; overflow: hidden;
    font-weight: bold;}
.board_th span {color: #606060;}
.boardlist_number {width: 10%; display: block; float: left;  padding: 11px 0;}
.boardlist_title { width: 60%; display: block; float: left;    padding: 11px 0;}
.boardlist_date  { width: 20%; display: block; float: left;    padding: 11px 0;}
.boardlist_hit { width: 10%; display: block; float: left;    padding: 11px 0;}
.board_notice {    border-bottom: 1px solid #dadada; background-color: #fafafa;
    font-weight: bold;
    color: #606060; display: block; height: auto; overflow: hidden;  line-height: 15px;
    font-size: 12px; text-align: center; }
.board_notice > .boardlist_title, .board_td > .boardlist_title {    text-align: left;
    text-indent: 10px;}
.board_notice > a, .board_notice > span, .board_notice > p  {color: #606060 !important}
.board_td {    border-bottom: 1px solid #dadada;
    
    color: #606060; display: block; height: auto; overflow: hidden;  line-height: 15px;
    font-size: 12px; text-align: center; }
.board_td > a, .board_td > span, .board_td > p  {color: #606060 !important}
.board_notice > a:hover, .board_td > a:hover {color: #00aefd !important;}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size:15px !important;  /* Preferred icon size */
  float: left;
  margin-top: 2px;
  line-height:24px !important;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;


  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.pcontentbox {width: 100%; height: auto; overflow: hidden; padding-top: 20px;}
.pcontentbox p {padding:0px 20px 0px 20px; font-size: 13px; line-height: 1.5;}
.pcontentboxleft {width: 50%; float: left; border-right: 1px #ededed solid;  line-height: 1.5;}
.pcontentboxright {width: 50%; float: left;}
.pcontentbox strong {float: right; padding: 15px;}
.sub_list {font-size: 12px; padding:16px 20px; list-style: none;}
.sub_list li { line-height: 1.5; padding: 1px; color: #777;}
.pdep2 {color: #39bdfb; font-weight: bold; font-size: 12px;  line-height: 1;}

.title_mini    {
    font-size: 14px;
    color: #6d6d6d;
    font-weight: bold;
    background: url(/resource/images/minititle.png) no-repeat left 2px;
    padding-left:25px;
     margin-left: 5px;
    margin-bottom: 25px;
    margin-top: 10px;
    display: block;
    position: relative;}


.title_mini:before {    position: absolute;
     top:0px;
    left: 10px;
    width: 4px;
    height: 4px;
  
  color: #39bdfb;
    content: "▶";}

.title_mini2    {
    font-size: 14px;
    color: #6d6d6d;
    font-weight: bold;
 
    padding-left:25px;
    
    margin-left: 5px;
    margin-top: 20px;
    display: block;
  position: relative;}


.title_mini2:before {    position: absolute;
    top:0px;
    left: 10px;
    width: 4px;
    height: 4px;
  
  color: #39bdfb;
    content: "▶";}


    .historybox {margin-left:20px; width: 100%; height: auto; overflow: hidden; border-top:2px #ededed solid; border-bottom: 2px #ededed dotted; margin-bottom: 20px; padding-bottom: 50px;}
     .historyline {font-size: 11.5px; width: 100%;  line-height: 1.7; }
     .historyline th {text-align: left; width: 200px; vertical-align: middle; padding-left: 20px; font-weight: 900 !important; }
     .historyline tr {width: 100%; height: 35px;}
     .historyline .finaline {border-bottom:2px #ededed solid;} 
     .historyline td {text-align: left; vertical-align: middle; padding: 5px 0px;}
     .grayline {background-color: #f6f6f6;}
     .linedesp2 ul{border:2px #ededed solid; width: 90%;margin: auto; padding: 20px; list-style: none;}

.companytreebox {width:90%; margin: auto; height:640px; position: relative; margin-top: 40px;}
.companybox {position: absolute; z-index: 4;}
.comlinebox {position: absolute; z-index: 3; background-color: #dadada;}
.companybox a {color: #fff; font-size: 13px;}
.tree1 {top: 0px; left:40%; width: 20%; display: block; background-color: #074073; padding:10px 15px ; color: #fff; text-align: center; font-weight: bold; }
.tree2 {top:65px; left:0px; width: 20%; display: block; background-color: #a2a2a2; padding:10px 15px; color: #fff; text-align: center; font-weight: bold; }
.tree3 {top:65px; right:0px; width: 20%; display: block; background-color: #a2a2a2; padding:10px 15px; color: #fff; text-align: center; font-weight: bold; }
.tree4 {top: 120px; left:40%; width: 20%; display: block; background-color: #236393; padding:10px 15px; color: #fff; text-align: center; font-weight: bold; }
.tree5 {top: 210px; left:40%; width: 20%; display: block; background-color: #4589b8; padding:10px 15px; color: #fff; text-align: center; font-weight: bold; }

.tree6 {top: 230px; left:0px; width: 23.5%; display: block; background-color: #e8e8e8;  padding-bottom: 10px; color: #fff; text-align: center; font-weight: bold;}
.tree7 {top: 230px; left:25.5%; width: 23.5%; display: block; background-color: #e8e8e8;padding-bottom: 10px; color: #fff; text-align: center; font-weight: bold;}
.tree8 {top: 230px; left:51%; width: 23.5%; display: block; background-color: #e8e8e8; padding-bottom: 10px;  color: #fff; text-align: center; font-weight: bold;}
.tree9 {top: 230px; right:0px; width: 23.5%; display: block; background-color: #e8e8e8; padding-bottom: 10px;  color: #fff; text-align: center; font-weight: bold;}

.treeline1 {width: 1px; height: 200px; position: absolute; left:50%;}
.treeline2 {width: 100%; height: 1px; position: absolute; top:85px;}
.treeline3 {width: 76.5%; height: 1px; position: absolute; top:200px;  left: 11.75%;}
.treeline4 {width: 1px; height: 30px; position: absolute; top:200px; left:11.75%;}
.treeline5 {width: 1px; height: 30px; position: absolute; top:200px; left:36.75%;}
.treeline6 {width: 1px; height: 30px; position: absolute; top:200px; left:61.75%;}
.treeline7 {width: 1px; height: 30px; position: absolute; top:200px; right:11.75%;}
.comdep2 {list-style: none; min-height: 241px; padding-left: 10px;} 
.comdep2 li {color: #444; font-size: 12px; font-weight: normal; text-align: left; padding: 8px; padding-left: 15px; line-height: 1.5; }
.comdep2 h4 {padding: 10px; background-color: #5cbcf8; font-weight: bold;}
.comdep22 {padding-left: 0px !important;}
.mainp{   padding: 20px !important;
    font-size: 13px;
    line-height: 1.5; background-color: #fafafa; margin-top: 20px;} 

.companyback {width: 100%; height: auto; overflow: hidden;}
.companyback img {display: block; width: 100%;}
.companyback2 {width: 100%; height: auto; overflow: hidden;  margin-top: 30px;}
.companyback2 img {display: block; }
.mission1_1 {text-align: left; }

.mission2_1 { text-align: left; }
.mission3_1 {width:29%;}
.linebox {border-left :1px #ededed solid; border-right: 1px #ededed solid;}

.missiontable {width: 100%; border-top: 2px #89a8e3 solid ; margin-left: 20px; max-width: 725px;}
.missiontable tr{width: 100%; border-bottom: 1px #777 dotted;}
.missiontable td {padding: 33px 15px; line-height:1.3; vertical-align: middle; font-size: 14px; font-weight: 700; color:#15265f}

.missiontable .missionfbox {width: 20%; color: #4e6db7; font-size: 18px; background-color: #f5fafd; }
.missiontable .smallspell {font-size: 0.6em; font-weight: normal; color: #90ade5;}
.missiontable .smallspell2 {font-size: 0.8em; color:#221e21;}

.downbtnbox {width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.downbtn {padding:10px 20px; font-size: 12px; font-weight: bold;}
.downbtn:hover {color: #fff; opacity: 0.7;}
.englishnbtn {float: right; background-color: #444; color: #fff; text-align: center; margin-right: 10px; }
.koreanbtn {float: right; background-color: #2884d2; color: #fff; text-align: center; margin-right: 10px;}
.mission_core {width: 100%; margin-top: 20px;}
.mission_core tr {width: 100%;}
.imglogo {display: block;  width: 100px;}
.mission_core td {vertical-align: middle; padding:0px 10px;}
.mission_core .logoboxtd {padding: 0px 0px 0px 10px;}
.mission_core  {padding: 15px;  border-radius: 30px; margin-bottom: 10px; }
.corep {font-size: 13px; text-align: left; padding: 5px 10px; font-weight: bold; line-height: 1.4;}
.corep2 {font-size: 13px; text-align: left; padding-top: 10px;  line-height: 1.3; }
.boldspan {color: #333; font-weight:900; }
.tabmenubox {width: 100%; height: 40px; margin-top: 20px;}
.tabmenubox .tabmenuon {display: block; float: left; width: 120px; height: 30px; background-color: #39bdfb; line-height: 30px; color: #fff; text-align: center; font-weight:bolder; font-size: 12px;}

.tabmenubox .tabmenuoff {display: block; float: left; width: 120px; height: 30px; background-color: #f6f6f6; line-height: 30px; color: #555; text-align: center; font-weight:bolder; font-size: 12px;}
.boldp {font-weight: bold; color: #333 }

.small {font-size: 0.9em; color: #6a6a6a;}

.contentimgbox {width: 100%; height: auto; overflow: hidden;}
.contentimgbox img {display: block; width: 100%;}




.missiontable2 {width: 100%; border-top: 2px #89a8e3 solid; margin-top: 40px; margin-left: 20px; max-width: 725px;}
.missiontable2 tr{width: 100%; border-bottom: 1px #777 dotted;}
.missiontable2 td {padding: 15px 15px; line-height:1.3; vertical-align: middle; font-size:16px; font-weight: 700; color:#15265f}

.missiontable2 .missionfbox {width: 20%; color: #4e6db7; font-size: 18px; }
.missiontable2 .smallspell {font-size: 0.6em; font-weight: normal; color: #90ade5;}
.missiontable2 .smallspell2 {font-size: 0.8em; color:#221e21;}

.missiontable3 {width: 100%; border-top: 2px #89a8e3 solid; margin-top:20px; margin-left: 20px; max-width: 725px;}
.missiontable3 tr{width: 100%; border-bottom: 1px #ededed solid;}
.missiontable3 td {padding: 15px 15px; line-height:1.3;  vertical-align: middle; font-size:12px;}
.missiontable3 th {padding: 15px 15px; line-height:1.3;  vertical-align: middle; font-size:13px; text-align: center; }
.missiontable3 .firsttd {width: 15%; }
.missiontable3 .secondtd { color: #4e6db7; font-size: 13px; background-color: #f5fafd; font-weight: bold;}
.missiontable3 .litd {text-align: left;}
.opcertitle {background-color: #719eb6; color: #fff; border:1px #fff solid;}
.missiontable3 .maintd {background-color: #3c799a; color: #fff;}




.missiontable4 {width: 100%; border-top: 2px #89a8e3 solid; margin-left: 20px; max-width: 725px;}
.missiontable4 tr{width: 100%; border-bottom: 1px #ccc solid;}
.missiontable4 td {padding: 10px 15px; line-height:1.3; vertical-align: middle; font-size: 12px;  }

.missiontable4 .missionfbox {width: 20%; color: #333; font-size: 12px; background-color: #efefef; font-weight: 700;}
.missiontable4 .smallspell {font-size: 0.6em; font-weight: normal; }
.missiontable4 .smallspell2 {font-size: 0.8em; color:#221e21;}

.mapinfo {display: block; width: 100%; margin: auto; padding-left: 25px;}
.mapinfo li {padding: 5px 0px; font-size: 13px; list-style: none;}
.mapinfo li .boldp {width: 70px; display: inline-block;}

.conturylist {width: 95%; margin: auto; height: auto; font-size: 9pt; border-left: 1px solid #dadada; border-bottom:1px solid #dadada;}
.conturylist th {    color: #606060;
    border-top: 1px solid #fff;
    border-right: 1px solid #dadada;
    background: #efefef;
    padding: 10px 0 7px; text-align: center; vertical-align: middle; border-top:#dadada 1px solid; }
.conturylist td 
{text-align: left; text-indent: 5px; padding: 8px 5px; border-right: 1px solid #dadada;  vertical-align: middle; width: 50%;}
.skypcolor{color:#39bdfb; }
.mapinfo3 {display: block; width: 45%; margin: auto; margin-left:5%; float: left;}
.mapinfo3 li {padding: 10px 0px; font-size: 12px; line-height: 1.5;}
.mapinfo3 li .boldp {width: 50px; display: inline-block;}

.mapinfo4 {display: block; width: 90%; margin: auto; margin-left:10%; float: left; margin-top: 10px;}
.mapinfo4 li {padding: 10px 0px; font-size: 12px;}
.mapinfo4 li .boldp {width: 80px; display: inline-block;}
.ulbox {height: auto; overflow: hidden;}
.infotitle {    width: 198px;
    font-size: 14px;
    background: #2ca6e9;
    color: #fff;
    font-weight: bold;
    padding: 3px 3px 0 3px;
    line-height: 20px;
    margin-left: 20px;
    margin-top: 20px;}
    .mapspe {position: relative; padding: 0px; margin: 0px 20px; display: block;}
.mapspe:before {  position: absolute;
    top:0px;
    left: -10px;
    width: 4px;
    height: 4px;
   
   color: #555;
    content: "※ ";
}


.mapinfo2 {display: block; width: 100%; margin: auto; padding-left: 25px;}
.mapinfo2 li {padding: 5px 0px; font-size: 13px; list-style: none; position: relative;}
.mapinfo2 li .boldp {width: 180px; display: inline-block;}

.redcircle:before { position: absolute;  top:0px;
    left: -10px;background-color:#e71a1a; width:3px; border-radius: 9px; height:3px; display: inline-block; }
.greencircle:before  { position: absolute;  top:0px;
    left: -10px;background-color:#66ab4e; width:3px; border-radius: 9px; height:3px; display: inline-block; }
.busnumber {width: 70px; display: inline-block;}
.pdep3 {   color: #555;
    font-weight: normal;
    font-size: 13px;
    padding: 10px;
    padding-top: 0px;
    line-height: 1.5;}
    .comdep3 {font-size: 13px; line-height: 1.6; padding-left: 20px; list-style: none;}

    .businesstitle {font-weight: bolder; font-size: 18.5px;    
    padding: 0px 25px 25px 25px;
    padding-left: 10px; color: #2ca6e9;}
    .businesstitle .titlesub {color: #959595;}
    .businesstitle2 {font-weight: bolder; font-size: 19px;    letter-spacing: -2px;

    padding-left: 20px;  padding-bottom: 20px;}
    .businesstitle2 .titlesub {color: #959595; padding-left: 20px; display: block; font-size: 0.9em; letter-spacing: 0px; }
     .businesstitle2  .titletopp {color: #555; }
    .businesstitle2 .titlenubering {font-size:20px; color: #2ca6e9; }
    .maintitle {font-weight: 900;     font-size: 22px;
    letter-spacing: -1px; padding:20px 0px 20px 0px;color: #090909;}
    .iconbox {width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
    .iconbox_in {width: 32%; float: left; height:200px; border:1px #e4e4e4 solid; display:block; }
    .iconbox_in img {display: block; margin:20px auto; width: 30%;}
    .iconbox_in h4 {font-size: 14pt; color: #555; font-weight: bolder; text-align: center;}
      .iconbox .midicon {border-left: 0px; border-right: 0px;}
      .submiddlebox {border-top:2px #00aefd solid;}
      .amore {color: #ccc; font-size: 10pt; text-align: center; display: block; margin: 20px; font-weight: bolder; }
.bannertopbox {width: 100%; height:127px; margin-bottom: 10px;  }
.bannerbottombox {width: 100%; height:127px; position: relative;}
.bluepointer {position: absolute;top: 0px; left: 0px; width: 20px; height: 5px; background-color: #2da0d0;}
.bannertopbox a, .bannerbottombox a {position: relative; display: block; border:1px #ededed solid; height: 100%;}
.bannertopbox a {display: block; width: 48%; float: left;}
.bannertopbox .leftb {margin-right: 2%}
.bannertopbox .rightb {margin-left: 2%}
.bannerbottombox a  {width: 100%;}
.bannertopbox h4, .bannerbottombox h4 {font-size: 12pt; color: #555; font-weight: bolder; margin-top: 30px; padding-left: 20px;}
.bannermore {display: block; color: #2da0d0; font-size: 9pt; text-align: center; margin-top: 30px;}
.bannertopbox a:hover > .bannermore{opacity: 0.7;}
.bannerbottombox a:hover > .bannermore{opacity: 0.7;}
.subconimg {display: block; padding: 4px; border:1px #ccc solid; margin: 30px auto; }

.greyline {background-color: #f6f6f6;}
.faqlist a{cursor:pointer;}
    .faqlist .hider{display:none;}
 .faqlist .visible{display:block;}
.faqlist {list-style: none;}
.sub_list li {position: relative; padding-left: 10px;}


.searchbox2 {
    overflow: hidden;
    margin: 40px 0 20px 0;
    padding: 15px 15px 15px 15px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    height: 1%;
    background-color: #fcfcfa;
  }


select {
    width: 100px;
    padding: 3px;
    color: #555;
    border: 0px;
    background: url(/resource/images/iwssm/selectarrow.jpg) no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.selectbox {
    height: 24px;
    width: 100px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 0px;
    float: left;
    font-size: 10pt;


}
.sub_list .num1:before {    position: absolute;
    color: #777;
   top: :0px;
   left:-5px;
    content: "1)";}
.sub_list .num2:before {    position: absolute;
    color: #777;
   top: :0px;
   left:-5px;
    content: "2)";}
.sub_list .num3:before {    position: absolute;
    color: #777;
   top: :0px;
   left:-5px;
    content: "3)";}
.sub_list .num4:before {    position: absolute;
    color: #777;
   top: :0px;
   left:-5px;
    content: "4)";}
.sub_list .num5:before {    position: absolute;
    color: #777;
   top: :0px;
   left:-5px;
    content: "5)";}
.sub_list .num6:before {    position: absolute;
    color: #777;
   top: :0px;
   left:-5px;
    content: "6)";}
.sub_list .num7:before {    position: absolute;
    color: #777;
   top: :0px;
   left:-5px;
    content: "7)";}
.sub_list .num8:before {    position: absolute;
    color: #777;
   top: :0px;
   left:-5px;
    content: "8)";}
.aline {padding-left: 10px; position: relative; display: block;}
.numline {position: relative;}
.numline:before {    position: absolute;
    color: #09f;
   top: :0px;
   left:-5px;
    content: "-";}
    .numline2{position: relative;}
.numline2:before {    position: absolute;
    color: #444;
   top: :0px;
   left:5px;
    content: "-";}
.searchtext 

{width: 250px;  border: 1px solid #999;    height: 24px;  padding: 3px;    font-size: 10pt;
margin-left: 30px;}
.sub_list td{ padding: 5px 5px; line-height: 1.5;  vertical-align: middle;}
.searchbtn {height: 24px; background-color: #fff; width: 60px; text-align: center; font-size: 10pt; border:1px #999 solid;} 

.faqlistbox {width: 100%; height: auto; border-top: 2px #ededed solid;}
.faqlistbox .faqlist {border-bottom: 1px #ededed solid; color: #555;}
.faqlistbox .faqlist a{padding: 13px 22px; display: block; color: #555; font-size: 10pt; background-image: url("/resource/images/iwssm/ques.png"); background-repeat: no-repeat; background-position: 0px 10px;}
.faqlistbox .faqlist .hider {background-color:#f6f6f6;font-size: 10pt; line-height: 1.5;}
.faqlistbox .faqlist .hider p { padding: 20px 40px;  background-image: url("/resource/images/iwssm/anwser.png"); background-repeat: no-repeat; background-position: 18px 20px;}


.pcontentbox2 {border-bottom:2px #ededed dotted; padding-top: 0px; margin-bottom: 10px; padding-bottom: 20px; height:auto; overflow:hidden;}
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
    .layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
    .layer .pop-layer {display:block;}

  .pop-layer {display:none; position: absolute; top: 50%; left: 50%; width:700px; height:900px; overflow: scroll; overflow-x:hidden;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}  
  .pop-layer .pop-container {padding: 10px 15px;}
  .pop-layer p.ctxt {color: #666; line-height: 25px;}
  .pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
.pop-conts {height: auto; overflow: hidden;}
  a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;} 
  a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}
.toptablebox {width: 50%; float:left; height: 390px; border-left: 1px #ededed solid; }
.toptable {width: 100%; float: left; font-size: 9pt; }
.toptable .year {width: 60px; text-align: center;}

.toptable th {padding: 10px 5px; background-color: #f6f6f6;  }
.toptable .nameth {padding: 10px 20px;}
.toptable td {padding: 5px 20px; text-align: left;  }



.layer2 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
    .layer2 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
    .layer2 .pop-layer2 {display:block;}

  .pop-layer2 {display:none; position: absolute; top: 50%; left: 50%; width:700px; height:400px; overflow: scroll; overflow-x:hidden;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}  
  .pop-layer2 .pop-container {padding: 10px 15px;}
  .pop-layer2 p.ctxt {color: #666; line-height: 25px;}
  .pop-layer2 .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
.poptable2 {width: 100%; font-size: 9pt;}
.poptable2 .greyline {background-color: #efefef;}
.poptable2 th,.poptable2 td {padding: 10px 10px; text-align: left; line-height: 1.5; border:1px #ededed solid;}
.poptitle {font-size: 15pt; font-weight: bolder; padding: 20px 0px; border-bottom: 1px #3571B5 solid;}

.paylist {    width: 95%; 
    margin: auto;

    height: auto;
    font-size: 9pt;
 border-top: #dadada 1px solid;
    border-bottom: 1px solid #dadada;}
.paylist th {    color: #606060;
    border-top: 1px solid #fff;

    background: #efefef;
    padding: 10px 0 7px;
    text-align: center;
    vertical-align: middle;
    text-align: center;
}

.paylist .greyline {background-color: #f8f8f8;}
.paylist td {
    text-align: center;
    text-indent: 20px;
    padding: 10px 5px;
   border-bottom: 1px solid #dadada;
    vertical-align: middle;
   
}
.paylist .wi50 {width:50%;}
.paylist .riline {border-right: 1px solid #dadada; width: 40%; text-align: left;}
.paylist .plusline td {font-weight: 900;}

.paylist .numtd {text-indent: 35px;}

.tableinfo {color: #555; font-size: 9pt; width: 95%; margin: auto; text-align: right; display: block;     margin-top: 30px; margin-bottom: 10px;}
.coline td{text-align: center; text-indent: 0px;}

.unelist {font-size: 10pt; margin-top: 20px; padding:10px; list-style: none;}
.unelist li {padding:5px 20px; position: relative; line-height: 1.5;}

 .unelist li:before {
    position: absolute;
    top:12px;
    left: 10px;
    width: 4px;
    height: 4px;
    border-radius: 5px;
    background-color: #2884d2;
    content: "";
}
 .unelist2 .titleli {font-weight: bolder;}
.unelist2 .titleli:before {
    position: absolute;
    top:9px;
    left: 10px;
    width: 4px;
    height: 4px;
    border-radius: 5px;
    background-color: #2884d2;
    content: "";
}
.unelist2 .lineli {text-decoration: underline;}

.unelist2 {font-size: 10pt; margin-top: 20px; padding:10px; list-style: none;}
.unelist2 li {padding:5px 20px;  position: relative;}

.unelist2 .subli {line-height: 1.5;}
.unelist2 .subli:before {
    position: absolute;
    top:5px;
    left: 10px;

 
    
    content: "-";
}



.unelist2 .subli2 {line-height: 1.5;}
.unelist2 .subli2:before {
    position: absolute;
    top:5px;
    left: 10px;
   color: #09f;
 
    
    content: "-";
}
.unelist2 .titllispan {font-weight: normal; color: #000;}
.middlebox .depwid20 {width: 20%;}
.middlebox .depwid25{width: 25%;}
.middlebox .depwid15 {width: 15%;}
.middlebox .depwid30 {width: 30%;}
.middlebox .depwid35 {width: 35%;}
.middlebox .depwid50 {width: 50%;}
.middlebox .depwid60 {width: 60%;}
.middlebox .dep3box66 {width: 66.6%;}

.errobox {
    width: 1220px;
    height: auto;
    overflow: hidden;
    margin: auto;
    padding-top: 5%;
}

.errobox .logobox {
    width: 70%;
    height: auto;
    overflow: hidden;
    margin: auto;
}

.errorcode {
    width: 70%;
    max-width: 800px;
    margin: auto;
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
    border-top: 4px #c7c7c7 solid;
    border-bottom: 1px #c1c1c1 solid;
}

.errortop {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 2px #c1c1c1 dotted;
}

.errorcode .errorimg {
    width: 30%;
    float: left;
    text-align: center;
}

.center {
    width: 200px;
}
.errorcode .errortext {
    width: 70%;
    float: left;
    height: 200px;
}
.errorcode .errortext p {
    padding: 50px;
}

.errorcode .errorex {
    width: 50%;
    margin: auto;
    max-width: 380px;
    height: auto;
    overflow: hidden;
    text-align: left;
    padding-top: 30px;
}


.errorcode .errorex p {
    font-size: 12pt;
    padding-left: 15px;
    background-image: url(/resource/images/dot.png);
    background-repeat: no-repeat;
}


.main2box {display: none;}

.errorlinkbox {
    width: 1220px;
    text-align: center;
    margin: auto;
    padding-top: 30px;
}

.errorlinkbox a {
    margin: 10px;
    border: 1px #ccc solid;
    padding: 10px 20px;
    font-size: 11pt;
    color: #444;
}

.bigtitle {
    font-size: 16pt;
    font-weight: bold;
    color: #000;
}

.errorcode .errorimg img {
    text-align: center;
    width: 200px;
}

#bo_list { height: auto;      max-width: 795px; width: 100%; display: block;float: left;}

#bo_v { padding-left: 50px; height: auto;   max-width: 795px; width: 100%; display: block;float: left; padding-top: 20px;}
#bo_w { padding-left: 50px; height: auto;   max-width: 795px; width: 100%; display: block;float: left; padding-top: 20px;}
#bo_v_info .sv_wrap a {color: #555;}
.attach-row {background-color: #fff; border:1px #ccc solid; margin-top: 10px;}
.attitle {color: #555; float: left; font-weight: bolder; margin-left:20px; height:90px; line-height: 90px;display: block; font-size: 10pt;}
.btnfilebtn {margin-top: 20px; margin-right: 10px;}
.formboxline {width: 50%; float: left; margin-bottom: 5px; margin-top: 5px;}
.formboxline2 {width:100%; float: left; margin-bottom: 5px; margin-top: 5px;}
.fz-form-title {width: 24%; max-width: 90px; float: left; display: block; text-align: center; line-height: 25px; font-size: 9pt; }
#bo_w .i_text {width: 75% !important; float: left;display: block; }
.formboxline2 {width: 100%; float: left;}
.bookbox {border-top:2px #ededed solid; border-bottom: 2px #ededed solid; height:auto; width: 100%; overflow: hidden; }
.bookbox ul {width: 100%; display: block; list-style: none;}
.bookbox ul li {width: 50%; display: block; float: left; padding: 10px 0px;}

.bookbox ul .waterse {width:16%; }
.bookbox ul li a {width: 100%; display: block; }
.bookbox ul li a .thumimg {width: 30%; float: left; padding: 10px;}
.bookbox ul li a .thumimg2 {width: 100%;  padding: 0px; float: none; margin: auto;  height: 137px;}
.bookbox ul li a .thumimg img{display:block; height: 128px; width: 100%; float: left; border:1px #ececec solid;} 
.bookbox ul li a .thumimg2 img{width:80%; margin: auto; display: block; float: none;}

.bookbox ul li a .bookinfobox {width: 70%; float: left;}
.bookbox ul li a .bookinfobox h5{color: #333; font-weight: bold; font-size: 9.5pt; padding: 10px 10px 0px 10px; line-height: 1.2;} 
.bookbox ul li a .bookinfobox2 {width: 100%; float: left;}
.bookbox ul li a .bookinfobox2 h5{color: #333; font-weight:normal; font-size: 11px; padding: 10px; line-height: 1.5;} 
.bookbox ul li a .bookinfobox2 h5:hover {opacity: 0.7;}
#bo_gall {padding: 10px 5px;}
.slick-list h5{color: #333; padding:10px 0px; font-weight:normal; font-size: 11px; line-height: 1.5;} 
.slick-list h5:hover {opacity: 0.7;}
.slick-list  p {
    color: #2ca6e9;
    font-size: 9pt;
     padding:0px 0px 5px 0px; 
    margin-top: 2px;
    line-height: 1.2;
    text-align: center;}
.bookbox ul li a .bookinfobox p {color: #555; font-size: 9.5pt; padding: 10px 10px 0px 10px; margin-top: 2px; line-height: 1.5;}
.bookbox ul li a .bookinfobox2 p {color: #2ca6e9; font-size: 9.5pt; padding: 10px 10px 0px 10px; margin-top: 2px; line-height: 1.5;}
.bookbox ul .greyli {background-color: #fafafa;}
#bo_v_atc {border-bottom: 2px #ededed solid;}
.wirtebtn {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ font-size: 10pt; color: #555 !important;border:1px #ededed solid;   padding: 5px 5px;}
.viewbtn {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ font-size: 10pt; color: #555 !important;border:1px #ededed solid;  padding: 5px 5px;}
.listback {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ font-size: 10pt; color: #555 !important; padding: 5px 5px; border:1px #ededed solid; display: block;}
.titleinfotable { width: 100%;
 

}
.col-sm-4 {border-top:1px #ededed solid; border-bottom: 1px #ededed solid;}
.titleinfotable tr{width: 100%; border-bottom:1px #ededed solid;}
.titleinfotable tr th {  background: #f8f8f8; font-weight: 700; width: 95px; display: block; text-indent: 10px;}
  .titleinfotable tr th, .titleinfotable tr td {  padding: 7px 5px;   float: left;  font-size: 9pt;}
  .titleinfotable tr td {  text-align: left; text-indent: 10px;}
#search_word {border:1px #ccc solid;  height: 23px;     font-size: 11px;  vertical-align: top;}
#bo_gall #gall_ul {margin-bottom: 15px !important; border-bottom: 1px #ededed solid;}
#btn_search {
   
   
    height: 23px;
    background-color: #f6f6f6;
    line-height: 21px;
    color: #555;
    text-align: center;
    font-weight: bolder;
    font-size: 11px; 

    border:1px #ccc solid;}
.total_info {color: #555; margin:20px 0px;}
.total_info span {color: #39bdfb; font-weight: bolder;}
#search_target {border:1px #ccc solid; padding: 5px;    font-size: 11px; vertical-align: top;}
.btn_searchb {height: 20px !important; line-height: 20px !important;   border:1px #ccc solid !important; }
.search_wordb {border:1px #ccc solid; height: 20px; display: block; float: left;  margin-right: 5px;}
.search_targetb { display: block; float: left; margin-right: 5px;}
.familytable {width: 100%; height: auto; font-size: 9pt; margin-top: 20px;}
.familytable th, .familytable td {padding: 10px 6px; border:1px #ededed solid; vertical-align: middle;}
.familytable th {background-color: #f6f6f6;}
.familytable td {text-align: center; line-height: 1.5; height: auto;  word-break:break-all}
.familynm {width: 40%;}
.familyin {width: 25%;}
.familyfo {width:10%;}
.familymaiton {width:25%; max-width: 200px;}

.animation {width: 100%; display: block; height: auto; overflow: hidden; margin-bottom: 5px; margin-top:5px;}
.animation img {width: 50%; display: block; float: left; margin: 10px; margin-top: 0px;}
#department {width: 200px; border:1px #ccc solid; font-size: 9pt;}

#category {font-size: 13px;     height: 28px;
    line-height: 20px; width: 75%; border:1px #ccc solid; }

.imgdep2 {width: 280px; height: 150px; margin: 10px auto !important;  border: 1px #ececec solid; display: block; padding: 0px !important}

  .imgdep2 img{display: block; width: 100%; }

#local {
  
    width: 200px;
    border: 1px #ccc solid;
    font-size: 9pt;
}


.select_box2 {width:150px; font-size: 9pt; }
.select_box3 {border:1px #ccc solid; }
.imgthumbox {overflow: hidden;}

#lng{font-size: 13px;
    height: 28px;
    line-height: 20px;
    width: 75%;
    border: 1px #ccc solid;
}

}



/* 분기 1 */ 
@media all and (max-width:1024px){
.infootbox {
    width: 889px;
    margin: auto;
    padding-top: 11px;}

.footer {height: auto; overflow: hidden;}
.moscompanybox {height: 80px;}
.quickbox {display: none;}
.dropmenu {display: none;}
.menutop2 {display: none;}
.fluid_container {padding-top: 20px;}
.middlebannerbox { width:652px; margin:auto; margin-bottom: 0px;}
 .mainmidbanner {width: 33.3%; min-width: 290px;} 
.banner1back {background-color:#eaeaea }
.mainmidbanner2 {width: 100%;}
.mainmidbanner2 .bannerboardbox {float: left; width: 33.3%; border-left: 1px #ddd solid } 
.bannerboardbox1 {border-top:1px #ddd solid;} 
.bannerboardbox3 {border-right: 1px #ddd solid;}
 #page-content-wrapper {border-bottom: 2px #00aefd solid;}
      .footeradress {width: 100%;}
      .sebulist {width: 100%;}
      .mostitle {margin-bottom: 10px;}
      .banner3box {margin-top: 11px;}
#s_banner_wrap {margin: auto; clear: both; }
.moscompanybox {margin-top: 11px;}
.menutop2 {display: none !important;}
      .menutopbox {display: none !important;}
.sidemenu {display: none;}
.submiddlebox {margin-top: 54px;}


.infomenu {width: 100%; padding: 5px; max-width: 1024px; float: left; height: auto; padding-bottom: 30px;}
.submiddleinbox {width: 100%; margin: auto; height: auto; overflow: hidden;}
     
.tableview {    width:95%;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    margin: auto;
    margin-bottom: 20px;

}



.contentimgbox img {display: block; width: 85%; margin: auto;}

.banner_box {
    width: 100%;
    margin: auto;
}

.topbox {display: none;}
.mainimgcon {margin-top: 50px;}

      }




@media all and (max-width:889px){

.companytreebox {width:100%;  margin: auto;      margin-top: 40px; height:700px; position: relative;}
.mobilenone {display: none;}
  .infootbox {
    width: 652px;
    margin: auto;
    padding-top: 11px;
}

.moscompany {
    
    height: 80px;
    }
  #s_banner_wrap {
    width: 100%;
   
    height: 38px;
    position: relative;
    float: left;
}
.mostitle {
  text-align: center;
}
.mainmidbanner {width: 49.5%; min-width: 290px;}
.mainmidbanner2 .bannerboardbox {float: left; width: 100%; border-left: 0px #ddd solid } 
     .big3 {border-top:1px #ddd solid;}
     .footeradress {width: 100%;}
      .sebulist {width: 100%;}

      .board_th {display: none;}
.board_td {text-align: left;}
      .boardlist_number {width: 10%; display: none; float: left;  padding: 7px 0;}
.boardlist_title { width: 100%; display: block; float: left;   padding: 7px 0;}
.boardlist_date  { width: 20%; display: block; float: left; text-align: left; text-indent: 2px;    padding: 7px 0;}
.boardlist_hit { width: 10%; display: block; float: left;  text-align: left;  text-indent: 2px;   padding: 7px 0;}
 .viewtitleth01 {width: 20%; float: left; display: block;}
.viewtitletd01     {width: 80%; float: left; display: block;}

 .viewtitleth02 {width: 20%; float: left; display: block;}
.viewtitletd02     {width: 80%; float: left; display: block; }
.tableview th {
    border-top: 1px solid #fff;
    background: #efefef;
      padding: 0px;
      height: 34px;
    line-height:34px;
    color: #606060;
    min-width: 76px;
}

.pcontentboxleft {width: 100%; float: left; border-right: 0px;}
.pcontentboxright {width: 100%; float: left;}



.tabmenubox {width: 100%; height: 40px;}
.tabmenubox .tabmenuon {display: block; float: left; width: 25%; height: 30px; background-color: #39bdfb; line-height:30px; color: #fff; text-align: center; font-weight:bolder; font-size: 13px; }

.tabmenubox .tabmenuoff {display: block; float: left; width:25%; height: 30px; background-color: #f6f6f6; line-height: 30px; color: #555; text-align: center; font-weight:bolder; font-size: 13px;}
     .mid_topbox .bnbox {width: 95%; margin: 10px auto;}
.maintitle {text-indent: 10px;}


.businesstitle2 {margin-top:20px;}
.pcontentboxleft {     padding-bottom: 20px;}
.bookbox ul li {width: 100%; display: block; float: left;}
      }


@media all and (max-width:652px){
.moscompany {
    
    height: 80px;
    }

    .infootbox {
    width: 100%;
    margin: auto;
    padding-top: 11px;
}
  .middlebannerbox { width:326px; margin:auto; margin-bottom: 0px;}
  .mobileimgbox { width: 100%; height: auto; display: block;}
  .mobileimgbox img {width: 100%; display: none;}
  .boardboxline .boardconbox {width: 100%;}
.middlebannerbox {
  padding-top:0px;
}
.mainmidbanner {width: 100%; min-width: 290px;}
.big2 {border-top:1px #ddd solid;}

.footer {
    width: 100%;
    min-height: 150px;
    background-color: #efefef;
    height: auto;
    overflow: hidden;
}
.footeradress {width: 100%;}
      .sebulist {width: 100%;}
     .sebulist a {color: #fff; padding: 20px; font-weight: bold; display: inline-block; }
     .sebulist {color: #fff; font-size: 14px; color: #fff; margin:auto; text-align: center; height: 50px; }
      
      .copyrightbox {width: 100%; height: auto; overflow: hidden; float: left; padding: 20px;}
.adress {width: 100%; line-height: 1.5;}
      .mostitle {
 width: 100px;
margin-bottom: 10px;}
 #s_banner_wrap {
    width: 100%;
  
    height: 38px;
    position: relative;
    float: left;
}


.ftlogobox {
    width: 100%;
    min-width: 230px;
    text-align: center;
    float: right;
}

.historyline th {text-align: left; width: 100px;}
     
.companybox a {color: #fff; font-size: 11px;}
.iconbox_in {width: 100%;}
.iconbox_in img {max-width: 96px;}
.tree1 {top: 0px; left:40%; width: 20%; display: block; background-color: #074073; padding:8px; color: #fff; text-align: center; font-weight: bold; }
.tree2 {top:60px; left:0px; width: 20%; display: block; background-color: #a2a2a2; padding:8px; color: #fff; text-align: center; font-weight: bold; }
.tree3 {top:60px; right:0px; width: 20%; display: block; background-color: #a2a2a2; padding:8px; color: #fff; text-align: center; font-weight: bold; }
.tree4 {top: 120px; left:40%; width: 20%; display: block; background-color: #236393; padding:8px; color: #fff; text-align: center; font-weight: bold; }
.tree5 {top: 210px; left:40%; width: 20%; display: block; background-color: #4589b8; padding:8px; color: #fff; text-align: center; font-weight: bold; }
.tree6 {top: 330px; left:0px; width: 30%; display: block; background-color: #e8e8e8;  padding-bottom: 10px; color: #fff; text-align: center; font-weight: bold; }

.tree7 {top: 330px; left:35%; width: 30%; display: block; background-color: #e8e8e8;padding-bottom: 10px; color: #fff; text-align: center; font-weight: bold; }

.tree8 {top: 330px; right:0px; width: 30%; display: block; background-color: #e8e8e8; padding-bottom: 10px;  color: #fff; text-align: center; font-weight: bold; }

.missiontable .missionfbox {width: 100%; display: block; float: left; margin-top: 20px;}
      .missiontable td {width: 100%; display: block; float: left; border:0px #fff solid;}
.bnbox  {width: 95%;   margin: 10px auto; clear: both; float: none;}
   .midbox { margin-top:10px;}
   .maintitle {text-indent: 10px;}
   }


@media all and (max-width:460px){

.main2box  {display: block; width:100%; margin-top: 80px; float: left; height: auto;}
#s_banner_wrap {height: auto; overflow: hidden; }
.mainimgcon {display: none;}

.viewtitletd01     {width: 80%; float: left; display: block; max-width: 180px; }
.viewtitletd02     {width: 80%; float: left; display: block; max-width: 180px; }
.tabmenubox .tabmenuon {display: block; float: left; width: 50%; height: 40px; background-color: #39bdfb; line-height: 40px; color: #fff; text-align: center; font-weight:bolder; font-size: 13px; border:1px #2c9ace solid ;}

.tabmenubox .tabmenuoff {display: block; float: left; width:50%; height: 40px; background-color: #f6f6f6; line-height: 40px; color: #555; text-align: center; font-weight:bolder; font-size: 13px; border:1px #ccc solid ;}
.mainp {
    padding: 20px;
    font-size: 13px;
    line-height: 1.5;
    background-color: #fafafa;
    margin-top: 40px;
}

.camera_pag {display: none;}

.missiontable2 {width: 100%; border-top: 2px #89a8e3 solid; margin-top:80px;}
.missiontable2 tr{width: 100%; border-bottom: 1px #777 dotted;}
.missiontable2 td {padding: 15px 15px; line-height:1.3; vertical-align: middle; font-size:16px; font-weight: 700; color:#15265f}

.missiontable2 .missionfbox {width: 15%; color: #4e6db7; font-size: 18px; }
.missiontable2 .smallspell {font-size: 0.6em; font-weight: normal; color: #90ade5;}
.missiontable2 .smallspell2 {font-size: 0.8em; color:#221e21;}

 }





@media all and (min-width:1600px){

      }