@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
.mv_wrap2 {width:640px; margin:0 auto;}

#mv_wrap2 {width:640px; position:relative; margin:0 auto; overflow:hidden; }
#mv_wrap3 {width:640px; position:relative; margin:0 auto; overflow:hidden; box-sizing : border-box; padding:15px;}
#mv_wrap33 {width:640px; position:relative; margin:0 auto; overflow:hidden; box-sizing : border-box; padding:5px 15px 15px 15px}
#mv_wrap34 {width:640px; position:relative; margin:0 auto; overflow:hidden; box-sizing : border-box; margin-top:466px }

.mv_wrap {width:640px; margin:0 auto;}

#mv_wrap {width:640px; position:relative; margin:0 auto; overflow:hidden;}
#mv_wrap .imgbox {width:100%;}
#mv_wrap .slider {width:100%; height:430px;}
#mv_wrap .slider .item {float:left; width:640px;}
#mv_wrap .prev {top:180px; background:url('../img/main/btn_prev.png') center center no-repeat; width:52px; height:52px; left:0px; cursor:pointer; position:absolute; z-index:10;}
#mv_wrap .next {top:180px; background:url('../img/main/btn_next.png') center center no-repeat; width:52px; height:52px; right:0px; cursor:pointer; position:absolute; z-index:10;}


#m_roll1 {width:640px; position:relative; margin:0 auto; overflow:hidden;}
#m_roll1 .imgbox {width:100%;}
#m_roll1 .slider {width:100%; height:310px;}
#m_roll1 .slider .item {float:left; width:640px;}
#m_roll1 .prev {top:120px; background:url('../img/main/btn_prev.png') center center no-repeat; width:52px; height:52px; left:0px; cursor:pointer; position:absolute; z-index:10;}
#m_roll1 .next {top:120px; background:url('../img/main/btn_next.png') center center no-repeat; width:52px; height:52px; right:0px; cursor:pointer; position:absolute; z-index:10;}

#m_roll2 {width:640px; position:relative; margin:0 auto; padding:30px 0; background:url('../img/main/mroll_bg.gif');}
#m_roll2 strong {display:block; text-align:center; font:bold 30px/30px "dotum"; color:#fcffca;}
#m_roll2 .roll_wrap {width:550px; margin:15px auto; overflow:hidden;}
#m_roll2 .imgbox {width:100%;}
#m_roll2 .slider {width:100%; height:220px;}
#m_roll2 .slider .item {float:left; width:550px;}
#m_roll2 .btnbox {width:140px; left:50%; margin-left:-65px; overflow:hidden; cursor:pointer; position:relative; z-index:10;}
#m_roll2 .btnbox .go {float:left; width:23px; height:23px; background:url('../img/main/chk_btn.png') no-repeat; text-indent:-9999px; margin-right:5px;}
#m_roll2 .btnbox .go.on {background:url('../img/main/chk_btn_ov.png') no-repeat;}
#m_roll2 .btnbox .go.off {background:url('../img/main/chk_btn.png') no-repeat;}

.box_btn {width:640px; margin:0 auto; overflow:hidden;}
.box_btn li {float:left;}

.box_btn2 {width:640px; margin:0 auto; overflow:hidden; }
.box_btn2 li {float:left; border:0px solid #d5d5d5; width:24%; text-align:center; padding:30px 0 20px 0; }
.box_btn2 p {color:#2a5355; font-weight:bold; padding-top:10px}

.n_title{ font-size:2em;font-family: 'Nanum Myeongjo', serif; text-align:center; font-weight:bold; line-height:1.7em; color:#2a5355; padding-top:30px}
.n_subtitle{font-size:1.2em;text-align:center; font-family: 'Nanum Myeongjo', serif;color:#2a5355;line-height:1.4em;}
.hr2{ border-top:solid 3px  #2a5355}

#m_roll3 {width:640px; position:relative; margin:0 auto; padding:30px 0; background:url('../img/main/mroll_bg2.gif');}
#m_roll3 strong {display:block; text-align:center; font:bold 30px/30px "dotum"; color:#fcffca;}
#m_roll3 .roll_wrap {width:550px; margin:15px auto; overflow:hidden;}
#m_roll3 .imgbox {width:100%;}
#m_roll3 .slider {width:100%; height:230px;}
#m_roll3 .slider .item {float:left; width:550px;}
#m_roll3 .prev {top:170px; background:url('../img/main/btn_prev.png') center center no-repeat; width:52px; height:52px; left:45px; cursor:pointer; position:absolute; z-index:10;}
#m_roll3 .next {top:170px; background:url('../img/main/btn_next.png') center center no-repeat; width:52px; height:52px; right:45px; cursor:pointer; position:absolute; z-index:10;}

.btba {width:640px; margin:0 auto; overflow:hidden;}
.btba li {float:left;}
.btba3 {width:100%; text-align: center;  }
.btba2 {width:100%; text-align: center;  }
.btba2_o1 {width:640px; margin: 0 auto;}


.btba5 {width:640px; margin:0 auto; overflow:hidden;}
.btba5 li {float:left; width:310px; padding-bottom:15px}

.btba4 {width:319px; margin:0 auto; overflow:hidden;}
.btba4 li {}

.m_con {width:640px; position:relative; margin:0 auto; padding:30px 0; background:url('../img/main/mroll_bg3.gif');}
.m_con strong {display:block; text-align:center; font:bold 30px/30px "dotum"; color:#0f2348;}
.m_con .mov {width:550px; height:345px; margin:25px auto;}
.m_con .mdoc {width:550px; margin:0 auto; overflow:hidden;}
.m_con .mdoc ul {width:570px;}
.m_con .mdoc ul li {float:left; width:265px; margin-right:20px;}
.m_con ul li a {display:block; font:normal 14px/30px "dotum"; color:#333;}
.m_con ul li a img {border:8px solid #fff;}

.map {width:640px; margin:0 auto;}


  
/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
.carousel-indicators {

  left: 50%;
  z-index: 15;
  width: 100%;
  text-align: center;
  list-style: none;
  right:50%;
  padding-top:30px


}
.carousel-indicators li {
  display: inline-block;
  width: 15px;
  height: 15px;

  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  
   background-color:#2a5355;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 15px;
  height: 15px;
  margin: 0;
  background-color: #d1dcd1;
}

.thumbnail {
  display: inline-block;
  display: block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;

  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.thumbnail > img {
  display: block;
  height: auto;
  max-width: 100%;
}

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #428bca;
  cursor: pointer
}

.thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #333333;
}



.carousel {
  position: relative;
}

.carousel-inner3 {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner3 > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner3 > .item > img,
.carousel-inner3 > .item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1;
}

.carousel-inner3 > .active,
.carousel-inner3 > .next,
.carousel-inner3 > .prev {
  display: block;
}

.carousel-inner3 > .active {
  left: 0;
}

.carousel-inner3 > .next,
.carousel-inner3 > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner3 > .next {
  left: 100%;
}

.carousel-inner3 > .prev {
  left: -100%;
}

.carousel-inner3 > .next.left,
.carousel-inner3 > .prev.right {
  left: 0;
}

.carousel-inner3 > .active.left {
  left: -100%;
}

.carousel-inner3 > .active.right {
  left: 100%;
}

.carousel-control2 {
  position: absolute;
  top: 35%;
  bottom: 0;
  left: 0;
  width: 64px;

  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

}

.carousel-control2.left {
 
}

.carousel-control2.right {
  right: 0;
  left: auto;
 
}
.carousel-control3 {
  position: absolute;
  top: 45%;
  bottom: 0;
  left: 0;
  width: 10%;
  font-size: 90px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);

}

.carousel-control3.left {
 
}

.carousel-control3.right {
  right: 0;
  left: auto;
 
}

  #carousel-text {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #FFFFFF;
  left: 0;
  line-height: normal;
  position: absolute;
  width: 100%;
  z-index: 0;
  padding:8px;
  height:80px;
}
 #carousel-text1 > .active{
   display: block;
}

  #carousel-text1 {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  bottom: 0;
  color: #FFFFFF;
  left: 0;
  line-height: normal;
  position: absolute;
  width: 100%;
  z-index: 0;
  padding:8px;
  height:80px;
}
 #carousel-text > .active{
   display: block;
}

#carousel-text1 h2{ color: #FFFFFF; font-size:1.1em; position:absolute; border-right:1px solid #FFF; line-height:80px; padding-right:10px; text-align:right; width:150px}
#carousel-text1 h3{ color: #FFFFFF; font-size:1em; position:absolute; border-right:1px solid #FFF; line-height:40px; padding-right:10px; text-align:right; width:150px; letter-spacing:-1px} 
#carousel-text1 p{ color: #FFFFFF; position:absolute; padding-left:180px; font-size:0.8em ; letter-spacing:-1px; padding-right:30px ; line-height:1.2em;}

#carousel-text h2{ color: #FFFFFF; font-size:1.1em; position:absolute; border-right:1px solid #FFF; line-height:80px; padding-right:10px; text-align:center; width:150px}
#carousel-text h3{ color: #FFFFFF; font-size:1em; position:absolute; border-right:1px solid #FFF; line-height:40px; padding-right:10px; text-align:right; width:150px; letter-spacing:-1px} 
#carousel-text p{ color: #FFFFFF; position:absolute; padding-left:180px; font-size:0.8em ; letter-spacing:-1px; padding-right:30px ; line-height:1.2em;}
.title002{ background-image: url("../img/m_bg.png");line-height:1.3em; color:#FFF; text-align:center; padding:10px}

.doctitle01{ background-color:#d6571b; color:#FFF; text-align:center}
.doctitle02{ background-color:#4677a7; color:#FFF; text-align:center}

.tab1 h1{position:absolute;  font-size:1.4em; padding:50px 0 1px 60px;font-family: 'Nanum Myeongjo', serif; font-weight:bold}
.tab1 h2{ width:200px; color:#FFF ; background-color:#85a2ad; position:absolute;font-size:0.9em; text-align:center; margin-top:85px; margin-left:60px}
.tab1 h3{ width:200px; color:#FFF ; background-color:#a67d93; position:absolute;font-size:0.9em; text-align:center; margin-top:85px; margin-left:60px}
.tab1 p{position:absolute;  padding:120px 0 0 50px; font-size:0.8em; letter-spacing:-1px; line-height:1.1em;}

.doc{ position:absolute; padding:40px 0 0 90px}s

.doc h1{ font-size:1.6em; font-family: 'Jeju Myeongjo', serif;font-weight:bold;}
.doc p{ font-size:0.8em; line-height:1.3em; padding-top:10px}
.doc h2{ width:220px; height:22px; color:#FFF;font-size:0.8em;  font-weight:bold; text-align:center; background-color:#d8692a; margin-top:10px; line-height:22px }
.doc h3{ width:314px; height:44px; color:#FFF;font-size:1.7em;  font-weight:bold; text-align:center; background-color:#517f39; margin-top:25px; line-height:44px }
.doc small {
  font-size: 50%; color:#d8692a;font-family: 'Jeju Myeongjo', serif;font-weight:bold;
}
.doc1{ position:absolute; padding:40px 0 0 90px}

.doc1 h1{ font-size:1.6em; font-family: 'Jeju Myeongjo', serif;font-weight:bold;}
.doc1 p{ font-size:0.8em; line-height:1.3em; padding-top:10px}
.doc1 h3{ width:220px; height:22px; color:#FFF;font-size:0.8em;  font-weight:bold; text-align:center; background-color:#4677a7; margin-top:10px; line-height:22px }
.doc1 h2{ width:314px; height:44px; color:#FFF;font-size:1.7em;  font-weight:bold; text-align:center; background-color:#517f39; margin-top:25px; line-height:44px }
.doc1 small {
  font-size: 50%; color:#4677a7;font-family: 'Jeju Myeongjo', serif;font-weight:bold;
}
#STATICMENUBanner {
		margin: 0pt;
		padding: 0pt;
		position: absolute;
		left: 0px;
		top: 0px;
		width:600px;
		z-index: 1000;
	}
	
	
	.tab {position:relative; padding-top:55px;}

.tab>li>a {

    display:block; 

    position:absolute; 

    top:0; 


    height:55px;

    line-height:55px;
background-color:#b798a8;
color:#fff;
    text-align:center; width:50%;
	
	 


}

.tab>li.on>a {background:#93b1bc; color:#fff; }

.tab>li:first-child>a {left:0;background:#b798a8;color:#fff;}

.tab>li+li>a {left:50%;background-color:#93b1bc;}


.tab>li>div {height:0; overflow:hidden; position:absolute;}

.tab>li.on>div {height:auto; position:static; }

.d_bg01{background-color:#a1c2d1; height:406px}
.d_bg02{background-color:#ccb6c1; height:406px}



.slider {
  user-select: none;
  display: inline-block;
  position: relative;
  background-color:#fff;
  border:1px solid #d5d5d5
}

.slider_first {  // width: 610px;
}

.slider_second { }

.slider_viewport {
  position: relative;
  overflow: hidden;
}

.slider_list { }

.animate { transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); }

.slider_item { float: left; }
.slider_item_bg{background-image:url(../img/main/slider_item_bg.png); background-position:right }

.slider_item img {
  display: block;
  max-width: 100%;
  height: auto;
  background-size: cover;
}

.slider_nav.is-disabled { display: none;   }

.slider_control-nav {
 
  z-index: 998;
  left: 0;
  right: 0;

  text-align: center;
   background-color:#e6e6e6;
    height: 65px;
  border:1px solid #d5d5d5;


}

.slider_control-nav-item {
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 25px 5px;
  cursor: pointer;
  background: #595a55;
}

.slider_control-nav-item:hover { opacity: 0.3; }

.slider_control-nav-item.is-active {
    width: 40px;
   height: 10px;

     width: 40px;
   height: 10px;

   position: relative;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;

  background: #595a55;

 //cursor: default;
}

.slider_arrow {
position:absolute;
  width: 65px;
  height: 65px;
  z-index: 999;
  cursor: pointer;
  text-align:center;

}





.slider_arrow__right {

  margin-left:534px; font-size:2.5em; border-left:1px solid #d5d5d5; line-height:1.2em

}

.slider_arrow__left { float:left; font-size:2.5em;border-right:1px solid #d5d5d5; line-height:1.2em
 
}




.slider_item h1{ font-size:1.5em; font-weight:bold; line-height:1.5em; padding-left:20px }
.slider_item p{ font-size:0.7em; letter-spacing:-1px; line-height:1.2em ; padding:20px 0px 0px 20px}