@media all and (min-width: 1921px) {
	html, body {
		height: 100%;
		width:100%;
		font-family:dotum;
		font-size:0.7em;
		
	}
	img{border:0px;}
	#menu {
		background: #fff;
	}
	/* hide open-button */
	a[href="#menu_bar"]
	{
		display: none !important;
	}
}
	
*{margin:0; padding:0; list-style:none;}

i, em, address, cite, optgroup {
  font-style: normal;
}



/*°øÅë*/
body, h1, h2, h3, h4, h5, div  {margin:0;padding:0; font-family:'Noto Sans KR', sans-serif;}
body {background-color:#fff; list-style:none;}
img {border:0;}

a {text-decoration:none;}

a:hover {color:crimson}

.clr {clear:both;}

.blank {padding:10px;}

.paging {text-align:center;padding:10px;}

.ft_left {float:left;}

.ft_right {float:right;}

.line {clear:both;margin:10px auto;border-top:1px solid #ddd;margin-bottom:20px;}

.pointer {cursor:pointer}

.bt {font:normal 15px dotum;color:#aaa;}



.ex:hover div,  .hidden:hover, .hidden:active, hidden:link {display:block;}
                                              
/* hover */

.ex {font-family:dotum; font-weight:bold; font-size:13px; color:#fff; text-shadow:0 0 0;}
.hidden{font-family:dotum; font-weight:bold; font-size:13px; color:black; text-shadow:0 0 0; display:none; background:#00a6d0; margin:0; padding:0; padding-right:5px;}
.sub {font-family:dotum; font-weight:bold; font-size:13px; color:#454545; text-shadow:0 0 0; }

/* È÷µç Äü¸Þ´º ¸®½ºÆ® ½ºÅ¸ÀÏ ÁöÁ¤ */
.hidden ul li {margin-bottom:5px;  }
.hidden ul {text-align:left;  margin-left:0;  }


/*-------------------------------------------------------------*/



 /* SlidesJS Optional: If you'd like to use this design */
  
  

    #slides {
      display: none; width:100%; 
    }

    #slides .slidesjs-navigation {
      margin-top:0px;  
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:0px;
      height:0px;
      overflow:auto;
      text-indent: -9999px;
      float: left;
      margin-right:0;
      
	
	
	}

    a.slidesjs-next {
      margin-right:0px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:0px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:0px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 0px;
      height: 0;
      padding-top:0;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
 
 /* End SlidesJS Optional */
 /* SlidesJS Required: These styles are required if you'd like a responsive slideshow */
  
    #slides {
      display: none; 
    }

    .container {
      margin: 0 auto; 
    }

    /* For tablets & smart phones */
    @media (max-width: 1000px) {
      body {
        padding-left: 0px;
        padding-right: 0px;
      }
      .container {
        width: auto
      }
    }

    /* For smartphones */
    @media (max-width: 480px) {
      .container {
        width: auto
      }
    }

    /* For smaller displays like laptops */
    @media (min-width: 720px) and (max-width: 979px) {
      .container {
        width: 1000px
      }
    }

    /* For larger displays */
    @media (min-width: 1000px) {
      .container {
        width: 1200px
      }
    }
 
  /* SlidesJS Required: */
  
#header{width:100%; height:80px;}  
  
#header h1 a img{ width:200px; padding-top:15px;}

.cont{width:100%; clear:both;}

.ban{width:100%;}
.b1{float:left; width:50%;}
.b2{float:left; width:50%;}

.mbtn{width:100%;}
.mbtn ul li{float:left; display:inline; width:33.33333333333333%;}


.footer{width:100%; clear:both; }
.copy_txt{color:#454545; font-size:0.65em; float:left; line-height:1.5em; padding:4.5% 2.5%;}


.s_cont{margin:3% 0 0 0; width:100%; clear:both;}
.tit{margin-top:5%; width:98%; margin:0 auto;}
.tit_txt{float:left; font-size:1.2em; font-weight:bold;}

.sub{width:98%; margin:0 auto; clear:both; padding-top:3%; font-weight:100; font-size:0.7em; padding-bottom:50px; color:#777777;}
.sub h3{margin:30px 0 10px 0; color:#454545;}

.down{width:40%; margin:30px auto;}

.down2{width:100%; margin:30px auto;}
.down2 ul li{float:left; width:40%;}

.gomun{width:30%; margin:30px auto;}

dl {  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

.pg_history dl {  overflow: hidden;}

dl dd {  margin-bottom: 15px;}

.pg_history dl dt {  float: left;  clear: left;  width: 20%;  font-size: 25px;  font-weight: 700;  color: #2e539d;  line-height: 30px;}

.pg_history dl dd {
  display: table;
  padding: 6px 0;
}
.pg_history dl ul li em {
  position: absolute;
  left: 0;
  top: 0;
  color: #2e539d;
}
.pg_history dl ul li {
  position: relative;
  padding-left: 30px;
}
.pg_history dl ul ul li {
  padding-left: 0;
  color: #8190af;
}

.ta04 {  width: 100%;  margin-top: 5%;}
.ta04 thead {  background-color: #6a91cc;  border: 1px solid #6a91cc;  height: 45px;  color: #fff;}
.ta04 thead th{ font-size:0.8em; padding:2% 0;}
.ta04  tr {  display: table-row;  vertical-align: inherit;  border-color: inherit;}
.ta04 tbody td {  border-bottom: 1px solid #6a91cc;  padding: 15px 0;  background-color: #f8f8f8;  text-align: center; font-size:0.5em;}
.ta04 tbody .left {  text-align: left;  padding-left:1%;}

.paging{margin-top:20px; clear:both; text-align:center;}
.paging a{text-decoration:none; display:inline-block; width:26px; height:28px; font-size:2em; font-weight:400; letter-spacing:-1px; word-spacing:-1px; line-height:25px; border: 1px solid #e6e6e6; text-align:center; vertical-align:middle; color:#444444; padding-top:5px; margin:0px 1px;}
.paging a:hover, .paging .active{border: 1px solid #3a67ab; color:#fff; background:none repeat scroll 0% 0% #3a67ab;}


.d_tab {  width: 100%;  margin:5% auto; background-color:#6a91cc;}
.d_tab .d_tabb {  overflow: hidden; width:100%;}

/* //MSDS ¹öÆ° 5°³(20%)
.d_tab .d_tabb li {  float: left; width:20%;}
*/

/*MSDS ¹öÆ° 4°³*/
.d_tab .d_tabb li {  float: left; width:25%;}
.d_tab .d_tabb li a img{ width:100%;}

.map{margin:0 auto;}




.bottom8{width:280px; position:relative; border:1px solid #c8c8c8; padding:20px; margin-bottom:50px;}
.bottom8:after{display:block; clear:both; content:'';}
.photo8{width:280px;}
.photo8 li{float:left; padding-left:45px;}
.photo8:first-child{display:inline-block; margin-bottom:30px;}
.photo8 li:first-child{padding-left:0 !important;} 

.sub_tab{ width:100%; clear:both; padding-top:5%;}
.sub_tab ul li{float:left; padding:1% 1%; border:solid 1px #CCC; margin-left:1%; font-size:0.8em;}
.sub_tab ul li a{color:#454545;}
.sub_tab .on{ background-color:#6a91cc; color:#FFF;}
.sub_tab .on a{color:#fff;}


.pc{width:100%; clear:both; border-top:dotted 1px #878787;}
.pc a p{width:80%; margin:5% auto; border:solid 1px #c9c9c9; text-align:center; padding:2%; border-radius:10px; color:#454545; background-color:#f4f4f4;}

.sv_guest {line-height:20px;}